index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet">
    <title>ProxifyJS</title>
</head>
<body>
    <script rel="modulepreload" type="module">
        import { ProxifyHook } from './JavaScript/Classes/Helper/ProxifyHook.js'
        import { InitBasic } from './JavaScript/Classes/Controller/InitBasic.js'
        // Docs
        import TitleDocs from './Docs/TitleDocs.js'
        import HowDocs from './Docs/HowDocs.js'
        import WhyDocs from './Docs/WhyDocs.js'
        import TrapsDocs from './Docs/TrapsDocs.js'
        import ChainDocs from './Docs/Examples/ChainDocs.js'
        import CssDocs from './Docs/Examples/CssDocs.js'
        import DebugDocs from './Docs/Examples/DebugDocs.js'
        import EventsDocs from './Docs/Examples/EventsDocs.js'
        import HtmlDocs from './Docs/Examples/HtmlDocs.js'
        import SubscribeDocs from './Docs/Examples/SubscribeDocs.js'
        import LocalStorageDocs from './Docs/Examples/LocalStorageDocs.js'
        import TryCatchDocs from './Docs/Examples/TryCatchDocs.js'
        import TypesDocs from './Docs/Examples/TypesDocs.js'
        import WebWorkersDocs from './Docs/Examples/WebWorkersDocs.js'
        // Menu
        import AnchorMenu from './Docs/AnchorMenu.js'
        import Scroll from './Docs/Scroll.js'

        class Index {
            constructor() {
                this.makeGlobal('__', new ProxifyHook(InitBasic).get())
                const body = __(document.getElementsByTagName('body')[0])
                      .$setStyle('background: GhostWhite; font-family: "Open Sans", sans-serif;')
                      .$appendChildren([
                          new TitleDocs,
                          new HowDocs,
                          new WhyDocs,
                          new TrapsDocs,
                          new ChainDocs(this.makeGlobal),
                          new CssDocs(this.makeGlobal),
                          new DebugDocs(this.makeGlobal),
                          new EventsDocs(this.makeGlobal),
                          new HtmlDocs(this.makeGlobal),
                          new SubscribeDocs(this.makeGlobal),
                          new LocalStorageDocs(this.makeGlobal),
                          new TryCatchDocs(this.makeGlobal),
                          new TypesDocs(this.makeGlobal),
                          new WebWorkersDocs(this.makeGlobal)
                      ])
                // above renders out, so that AnchorMenu can grab body.h2 tags
                body.insertBefore(new AnchorMenu(body), body.children[2])
                new Scroll()
            }
            makeGlobal(name, obj) {
                return window[name] = obj
            }
        }
        new Index()
    </script>
</body>
</html>