nullstack · Mortaro · Dec 21, 2021 · Dec 21, 2021 · Dec 21, 2021
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nullstack",
-  "version": "0.12.3",
+  "version": "0.12.4",
   "description": "Full-stack Javascript Components for one-dev armies",
   "main": "nullstack.js",
   "author": "Mortaro",

diff --git a/tests/src/Application.njs b/tests/src/Application.njs
@@ -19,6 +19,7 @@ import Instanceable from './Instanceable';
 import InstanceKey from './InstanceKey';
 import InstanceSelf from './InstanceSelf';
 import IsomorphicStartup from './IsomorphicStartup';
+import LazyComponentLoader from './LazyComponentLoader';
 import NestedProxy from './NestedProxy';
 import ParentComponent from './ParentComponent';
 import PersistentComponent from './PersistentComponent';
@@ -91,6 +92,7 @@ class Application extends Nullstack {
         <UnderscoredAttributes route="/underscored-attributes" />
         <IsomorphicStartup route="/isomorphic-startup" />
         <WorkerVerbs route="/worker-verbs" />
+        <LazyComponentLoader route="/lazy-component" />
         <ErrorPage route="*" />
       </main>
     )

diff --git a/tests/src/LazyComponent.njs b/tests/src/LazyComponent.njs
@@ -0,0 +1,13 @@
+import Nullstack from 'nullstack';
+
+class LazyComponent extends Nullstack {
+
+  render() {
+    return (
+      <div data-lazy> LazyComponent </div>
+    )
+  }
+
+}
+
+export default LazyComponent;
diff --git a/tests/src/LazyComponent.test.js b/tests/src/LazyComponent.test.js
@@ -0,0 +1,24 @@
+const puppeteer = require('puppeteer');
+
+let browser;
+let page;
+
+beforeAll(async () => {
+  browser = await puppeteer.launch();
+  page = await browser.newPage();
+  await page.goto('http://localhost:6969/lazy-component');
+});
+
+describe('LazyComponent', () => {
+
+  test('components can be lazy loaded', async () => {
+    await page.waitForSelector('[data-lazy]');
+    const element = await page.$('[data-lazy]');
+    expect(element).toBeTruthy();
+  });
+
+});
+
+afterAll(async () => {
+  browser.close();
+});
diff --git a/tests/src/LazyComponentLoader.njs b/tests/src/LazyComponentLoader.njs
@@ -0,0 +1,18 @@
+import Nullstack from 'nullstack';
+
+let LazyComponent
+
+class LazyComponentLoader extends Nullstack {
+
+  async hydrate() {
+    LazyComponent = (await import('./LazyComponent')).default
+  }
+
+  render({ self }) {
+    if (!self.hydrated) return false
+    return <LazyComponent />
+  }
+
+}
+
+export default LazyComponentLoader;
diff --git a/webpack.config.js b/webpack.config.js
@@ -192,7 +192,7 @@ function client(env, argv) {
     mode: argv.environment,
     entry: './client.js',
     output: {
-      // publicPath: `/nullstack/${buildKey}/`,
+      publicPath: `/`,
       path: path.resolve(__dirname, dir + '/' + folder + '/'),
       filename: 'client.js'
     },