@vmz/core 0.1.11 → 0.1.12

package/dist/list-client-components.js

@@ -24,7 +24,7 @@ export async function listClientComponents(dir, opts = {}) {
             name: e.name,
             entry: e.entry,
             source: e.source,
-        }))).map((e) => ({
+        })), { strict }).map((e) => ({
             name: e.name,
             entry: e.entry,
             chunkId: e.chunkId,
@@ -65,7 +65,7 @@ export function listClientComponentsSync(dir, opts = {}) {
             name: e.name,
             entry: e.entry,
             source: e.source,
-        }))).map((e) => ({
+        })), { strict }).map((e) => ({
             name: e.name,
             entry: e.entry,
             chunkId: e.chunkId,

package/dist/route-layout-chain.d.ts

@@ -0,0 +1,18 @@
+/**
+ * File-route layout chain: Application shell (outermost) + nested page Layout components.
+ */
+/** Chunk id for `src/Application.vmz` emit (`Application.client.js`). */
+export declare const APPLICATION_SHELL_CHUNK = "Application";
+/**
+ * True when the compile output includes a root Application shell.
+ */
+export declare function hasApplicationShell(distDir: string): boolean;
+/**
+ * Nearest page Layout.client.js walking up from the page chunk (outer to inner).
+ * Does not include Application — use resolveRouteLayoutChain.
+ */
+export declare function resolveNestedLayoutChain(distDir: string, pageChunkId: string): string[];
+/**
+ * Full SSR / hydrate layout chain: optional Application shell, then nested page layouts.
+ */
+export declare function resolveRouteLayoutChain(distDir: string, pageChunkId: string): string[];

package/dist/route-layout-chain.js

@@ -0,0 +1,41 @@
+/**
+ * File-route layout chain: Application shell (outermost) + nested page Layout components.
+ */
+import { existsSync } from 'node:fs';
+import path from 'node:path';
+/** Chunk id for `src/Application.vmz` emit (`Application.client.js`). */
+export const APPLICATION_SHELL_CHUNK = 'Application';
+/**
+ * True when the compile output includes a root Application shell.
+ */
+export function hasApplicationShell(distDir) {
+    return existsSync(path.join(distDir, `${APPLICATION_SHELL_CHUNK}.client.js`));
+}
+/**
+ * Nearest page Layout.client.js walking up from the page chunk (outer to inner).
+ * Does not include Application — use resolveRouteLayoutChain.
+ */
+export function resolveNestedLayoutChain(distDir, pageChunkId) {
+    const rel = pageChunkId.replace(/^pages\//, '');
+    const parts = rel.split('/').filter(Boolean);
+    parts.pop();
+    const chain = [];
+    for (let i = parts.length; i >= 0; i--) {
+        const dirParts = parts.slice(0, i);
+        const layoutChunk = ['pages', ...dirParts, 'Layout'].join('/');
+        if (existsSync(path.join(distDir, `${layoutChunk}.client.js`))) {
+            chain.unshift(layoutChunk);
+        }
+    }
+    return chain;
+}
+/**
+ * Full SSR / hydrate layout chain: optional Application shell, then nested page layouts.
+ */
+export function resolveRouteLayoutChain(distDir, pageChunkId) {
+    const chain = resolveNestedLayoutChain(distDir, pageChunkId);
+    if (hasApplicationShell(distDir)) {
+        chain.unshift(APPLICATION_SHELL_CHUNK);
+    }
+    return chain;
+}

package/dist/serve-host.mjs

@@ -24,6 +24,7 @@ import path from 'node:path';
 import { fileURLToPath, pathToFileURL } from 'node:url';
 import { createRenderHost } from './render-host.js';
 import { listClientComponents } from './list-client-components.js';
+import { resolveRouteLayoutChain } from './route-layout-chain.js';
 import { handleNodeRequest, setRoutes, setServerModuleResolver } from './vmz-runtime.js';
 const require = createRequire(import.meta.url);
 const distDir = process.env.VMZ_DIST ? path.resolve(process.env.VMZ_DIST) : path.dirname(fileURLToPath(import.meta.url));
@@ -86,6 +87,8 @@ let pageCatalog = [];
 const pageCtors = new Map();
 /** Stylesheet from deployment `cssEntry` (e.g. vmz.css). */
 let cssEntry = null;
+/** Fingerprint of style inputs — busts `@import` siblings when tokens change (VMZ-8). */
+let styleBundleHash = null;
 /** @type {{ defaultThemeId: string, themeIds: string[], activationAttr: string, contentHash: string|null } | null} */
 let styleTheme = null;
 /** Locale route realization artifact from `_vmz/locale-route-realization.json` (optional). */
@@ -279,7 +282,7 @@ async function renderPageStream(pathname, opts = {}) {
     const resumeEntries = await loadPageResumeEntries(distDir, match.chunkId);
     const strategies = resumeEntries.map((e) => e.strategy);
     const eventOnlyShell = isEventOnlyShell(strategies);
-    const layoutChain = resolveLayoutChain(match.chunkId);
+    const layoutChain = resolveRouteLayoutChain(distDir, match.chunkId);
     return {
         status,
         stream: emitPageHtml(Page, match.chunkId, eventOnlyShell, props, opts, layoutChain, localeCtx),
@@ -549,7 +552,7 @@ async function* emitPageHtml(Page, chunkId, eventOnlyShell, props = {}, opts = {
         throw new Error('vmz native addon missing generatePageShell — rebuild with `pnpm napi:build`');
     }
     const entrySrc = `/${eventOnlyShell ? 'entry-event.js' : 'entry-client.js'}?t=${reloadToken}`;
-    const cssHref = cssEntry ? `${String(cssEntry).replace(/^\/+/, '')}?t=${reloadToken}` : undefined;
+    const cssHref = cssEntryWithBust(cssEntry);
     yield native.generatePageShell({
         bodyHtml,
         chunkId,
@@ -762,6 +765,7 @@ async function softReload(opts = {}) {
         const resumeEntries = await loadPageResumeEntries(distDir, indexChunk);
         const styleMeta = await loadDeploymentStyle(distDir);
         cssEntry = styleMeta.cssEntry;
+        styleBundleHash = styleMeta.styleBundleHash;
         styleTheme = styleMeta.styleTheme;
         const lazyEventNames = resumeEntries
             .filter((e) => isEventStrategy(e.strategy))
@@ -1202,32 +1206,6 @@ function isRouteGroupDir(seg) {
 function isRouteBoundaryStem(stem) {
     return stem === 'Layout' || stem === 'Loading' || stem === 'Error' || stem === 'NotFound';
 }
-/**
- * Nearest `Layout.client.js` walking up from the page chunk (outer→inner).
- * @param {string} pageChunkId
- * @returns {string[]}
- */
-function resolveLayoutChain(pageChunkId) {
-    const rel = pageChunkId.replace(/^pages\//, '');
-    const parts = rel.split('/').filter(Boolean);
-    parts.pop(); // page stem
-    /** @type {string[]} */
-    const chain = [];
-    for (let i = parts.length; i >= 0; i--) {
-        const dirParts = parts.slice(0, i);
-        const layoutChunk = ['pages', ...dirParts, 'Layout'].join('/');
-        const abs = path.join(distDir, `${layoutChunk}.client.js`);
-        try {
-            // sync existence — layouts are compile artifacts next to pages
-            if (existsSync(abs))
-                chain.unshift(layoutChunk);
-        }
-        catch {
-            /* ignore */
-        }
-    }
-    return chain;
-}
 /**
  * @param {string} pathname
  * @param {typeof pageCatalog} catalog
@@ -1439,6 +1417,20 @@ function requireNativeGenerator() {
 const THEME_STORE_KEY = 'vmz-theme';
 /** Host preference key for `routing.strategy: 'none'` (cookie + localStorage). */
 const LOCALE_STORE_KEY = 'vmz.locale';
+/**
+ * Cache-bust stylesheet entry for dev reload (token + serve revision).
+ * @param {string | null | undefined} entry
+ */
+function cssEntryWithBust(entry) {
+    if (!entry)
+        return undefined;
+    const base = String(entry).replace(/^\/+/, '');
+    const params = new URLSearchParams();
+    params.set('t', String(reloadToken));
+    if (styleBundleHash)
+        params.set('h', styleBundleHash);
+    return `${base}?${params.toString()}`;
+}
 /**
  * @param {string} dir
  * @returns {Promise<{ cssEntry: string|null, styleTheme: typeof styleTheme, styleBundleHash: string|null }>}

package/dist/server.js

@@ -751,9 +751,15 @@ async function sendHtmlStream(res, status, source, signal) {
  * @param {string} type
  */
 function sendBytes(res, status, body, type) {
-    res.writeHead(status, {
+    /** @type {Record<string, string | number>} */
+    const headers = {
         'content-type': type,
         'content-length': body.byteLength,
-    });
+    };
+    // Dev: stylesheets are rebuilt in-place — never cache @import siblings (VMZ-8).
+    if (process.env.VMZ_DEV === '1' && typeof type === 'string' && type.startsWith('text/css')) {
+        headers['cache-control'] = 'no-store';
+    }
+    res.writeHead(status, headers);
     res.end(body);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vmz/core",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "type": "module",
   "description": "VMZ production runtime core — DOM / SSR / HTTP / WriteBarrier (no compiler)",
   "exports": {
@@ -35,6 +35,10 @@
     "./render-host": {
       "types": "./dist/render-host.d.ts",
       "default": "./dist/render-host.js"
+    },
+    "./route-layout-chain": {
+      "types": "./dist/route-layout-chain.d.ts",
+      "default": "./dist/route-layout-chain.js"
     }
   },
   "files": [