Changeset 5e0fea7 in Klonkt

Timestamp:

08/12/2026 09:44:12 PM (3 months ago)

Author:

Robin <roboburr@…>

Children:

5b6f93b

Parents:

39dab6b

Message:

Ward-PWA: theme.js kreeg geen route (404 brak de module)

app.js importeert /ward/theme.js, maar de asset-route ontbrak, dus de
hele module viel om op een 404 (Robins dev-check, 12-8). Route erbij,
naast sky.js. En een test die de koppeling bewaakt: elke module die
app.js importeert MOET ook geserveerd worden. Dat is precies het soort
fout dat je aan een screenshot niet ziet maar aan een witte pagina wel.

Changed files:
src/routes/ward.js

• /theme.js als asset-route

test/ward-pwa.test.js

• elke import uit app.js wordt als javascript geserveerd

-robo
Co-Authored-By: Claude Opus 4.8 <noreply@…>

Files:

• src/routes/ward.js (modified) (1 diff)
• test/ward-pwa.test.js (modified) (1 diff)

src/routes/ward.js

@@ -484 +484 @@
 // De hemel is een eigen module, zodat model en renderer los staan van de rest.
 router.get('/sky.js', pwaAsset('js/ward-sky.js', 'application/javascript'));
+// De themamodule (SkyPalette): app.js importeert hem, dus zonder deze route
+// valt de hele module om op een 404.
+router.get('/theme.js', pwaAsset('js/ward-theme.js', 'application/javascript'));
 router.get('/app.css', pwaAsset('css/ward.css', 'text/css'));
 

test/ward-pwa.test.js

@@ -311 +311 @@
   } finally { server.close(); }
 });
+
+test('elke ge-importeerde module wordt ook geserveerd', async () => {
+  // app.js importeert sky.js en theme.js. Zonder een route valt de hele module
+  // stil op een 404 en doet de pagina niets (Robins dev-check, 12-8: theme.js
+  // gaf 404). Dit bewaakt de koppeling die je aan een screenshot niet ziet.
+  const fs = await import('node:fs');
+  const app = fs.readFileSync(new URL('../src/assets/js/ward.js', import.meta.url), 'utf8');
+  const imports = [...app.matchAll(/from '\/ward\/([\w.-]+)'/g)].map((m) => m[1]);
+  assert.ok(imports.includes('sky.js') && imports.includes('theme.js'), 'verwachtte sky.js + theme.js imports');
+
+  const { server, port } = await listen(appWith({ user: { id: 'u1' } }));
+  try {
+    for (const asset of imports) {
+      const r = await fetch(`http://127.0.0.1:${port}/ward/${asset}`);
+      assert.equal(r.status, 200, `/ward/${asset} werd niet geserveerd`);
+      assert.match(r.headers.get('content-type') || '', /javascript/);
+    }
+  } finally { server.close(); }
+});