Remove all runtime reliance on NPM

.github/workflows/test.yml

@@ -30,7 +30,7 @@ jobs:
       - name: Install Python Dependencies
         run: pip install -r requirements/test-run.txt
       - name: Run Tests
-        run: nox -s test -- --headless
+        run: nox -s test --verbose -- --headless
   test-python-versions:
     runs-on: ${{ matrix.os }}
     strategy:
@@ -54,7 +54,7 @@ jobs:
       - name: Install Python Dependencies
         run: pip install -r requirements/test-run.txt
       - name: Run Tests
-        run: nox -s test -- --headless --no-cov
+        run: nox -s test --verbose -- --headless --no-cov
   test-javascript:
     runs-on: ubuntu-latest
     steps:
@@ -67,7 +67,7 @@ jobs:
           npm install -g npm@latest
           npm --version
       - name: Test Javascript
-        working-directory: ./src/idom/client/app
+        working-directory: ./src/idom/client
         run: |
           npm install
           npm test

.gitignore

@@ -35,3 +35,7 @@ pip-wheel-metadata
 # --- IDE ---
 .idea
 .vscode
+
+# --- JS ---
+
+node_modules

MANIFEST.in

@@ -1,6 +1,4 @@
 recursive-include src/idom *
-recursive-exclude src/idom/client/app/node_modules *
-recursive-exclude src/idom/client/app/web_modules *
-recursive-exclude src/idom/client/build *
+recursive-exclude src/idom/client/node_modules *
 include requirements/prod.txt
 include requirements/extras.txt

docs/Dockerfile

@@ -28,11 +28,6 @@ ADD README.md ./
 
 RUN pip install -e .[all]
 
-ENV IDOM_DEBUG_MODE=1
-ENV IDOM_CLIENT_BUILD_DIR=./build
-
-RUN python -m idom install htm victory semantic-ui-react @material-ui/core
-
 # Build the Docs
 # --------------
 ADD docs/main.py ./docs/
@@ -44,4 +39,5 @@ RUN sphinx-build -b html docs/source docs/build
 # Define Entrypoint
 # -----------------
 ENV PORT 5000
+ENV IDOM_DEBUG_MODE=1
 CMD python docs/main.py

docs/main.py

@@ -6,9 +6,9 @@
 from sanic import Sanic, response
 
 import idom
-from idom.client.manage import web_modules_dir
+from idom.config import IDOM_WED_MODULES_DIR
 from idom.server.sanic import PerClientStateServer
-from idom.widgets.utils import multiview
+from idom.widgets import multiview
 
 
 HERE = Path(__file__).parent
@@ -18,7 +18,7 @@
 def make_app():
     app = Sanic(__name__)
     app.static("/docs", str(HERE / "build"))
-    app.static("/_modules", str(web_modules_dir()))
+    app.static("/_modules", str(IDOM_WED_MODULES_DIR.current))
 
     @app.route("/")
     async def forward_to_index(request):

docs/source/_exts/build_custom_js.py

@@ -0,0 +1,13 @@
+import subprocess
+from pathlib import Path
+
+from sphinx.application import Sphinx
+
+
+SOURCE_DIR = Path(__file__).parent.parent
+CUSTOM_JS_DIR = SOURCE_DIR / "custom_js"
+
+
+def setup(app: Sphinx) -> None:
+    subprocess.run("npm install", cwd=CUSTOM_JS_DIR, shell=True)
+    subprocess.run("npm run build", cwd=CUSTOM_JS_DIR, shell=True)

docs/source/_exts/interactive_widget.py

@@ -26,8 +26,8 @@ def run(self):
                 <div>
                     <div id="{container_id}" class="interactive widget-container center-content" style="" />
                     <script async type="module">
-                        import loadWidgetExample from "{_IDOM_STATIC_HOST}/_static/js/load-widget-example.js";
-                        loadWidgetExample("{_IDOM_EXAMPLE_HOST}", "{container_id}", "{view_id}");
+                        import {{ mountWidgetExample }} from "{_IDOM_STATIC_HOST}/_static/custom.js";
+                        mountWidgetExample("{container_id}", "{view_id}", "{_IDOM_EXAMPLE_HOST}");
                     </script>
                 </div>
                 """,

docs/source/auto/api-reference.rst

@@ -1,12 +1,6 @@
 API Reference
 =============
 
-.. automodule:: idom.client.manage
-    :members:
-
-.. automodule:: idom.client.module
-    :members:
-
 .. automodule:: idom.config
     :members:
 
@@ -28,7 +22,7 @@ API Reference
 .. automodule:: idom.core.vdom
     :members:
 
-.. automodule:: idom.dialect
+.. automodule:: idom.html
     :members:
 
 .. automodule:: idom.log
@@ -55,18 +49,15 @@ API Reference
 .. automodule:: idom.utils
     :members:
 
-.. automodule:: idom.widgets.html
+.. automodule:: idom.web.module
     :members:
 
-.. automodule:: idom.widgets.utils
+.. automodule:: idom.widgets
     :members:
 
 Misc Modules
 ------------
 
-.. automodule:: idom.cli
-    :members:
-
 .. automodule:: idom.core.utils
     :members:
 
@@ -75,3 +66,6 @@ Misc Modules
 
 .. automodule:: idom.server.utils
     :members:
+
+.. automodule:: idom.web.utils
+    :members:

docs/source/auto/developer-apis.rst

@@ -3,9 +3,3 @@ Developer APIs
 
 .. automodule:: idom._option
     :members:
-
-Misc Dev Modules
-----------------
-
-.. automodule:: idom.client._private
-    :members:

docs/source/conf.py

@@ -64,6 +64,7 @@
     "interactive_widget",
     "patched_html_translator",
     "widget_example",
+    "build_custom_js",
 ]
 
 # Add any paths that contain templates here, relative to this directory.

docs/source/custom_js/README.md

@@ -0,0 +1,9 @@
+# Custom Javascript for IDOM's Docs
+
+Build the javascript with
+
+```
+npm run build
+```
+
+This will drop a javascript bundle into `../_static/custom.js`