veryfront 0.1.169 → 0.1.171

package/esm/deno.js

@@ -1,6 +1,6 @@
 export default {
     "name": "veryfront",
-    "version": "0.1.169",
+    "version": "0.1.171",
     "license": "Apache-2.0",
     "nodeModulesDir": "auto",
     "exclude": [

package/esm/src/rendering/orchestrator/html-head.d.ts

@@ -0,0 +1,18 @@
+import type { CollectedHead } from "../../react/head-collector.js";
+import type { MdxBundle, MDXFrontmatter } from "../../types/index.js";
+interface FrontmatterContextLike {
+    pageInfo: {
+        entity: {
+            frontmatter?: Record<string, unknown>;
+        };
+    };
+    pageBundle: Pick<MdxBundle, "frontmatter">;
+    collectedMetadata?: Record<string, unknown>;
+}
+export declare function buildHeadElements(head?: CollectedHead): {
+    scripts: string;
+    other: string;
+};
+export declare function mergeFrontmatter(context: FrontmatterContextLike): MDXFrontmatter;
+export {};
+//# sourceMappingURL=html-head.d.ts.map

package/esm/src/rendering/orchestrator/html-head.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"html-head.d.ts","sourceRoot":"","sources":["../../../../src/src/rendering/orchestrator/html-head.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAEtE,UAAU,sBAAsB;IAC9B,QAAQ,EAAE;QAAE,MAAM,EAAE;YAAE,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;SAAE,CAAA;KAAE,CAAC;IAChE,UAAU,EAAE,IAAI,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;IAC3C,iBAAiB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CAC7C;AAED,wBAAgB,iBAAiB,CAAC,IAAI,CAAC,EAAE,aAAa,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAwD1F;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,sBAAsB,GAAG,cAAc,CAMhF"}

package/esm/src/rendering/orchestrator/html-head.js

@@ -0,0 +1,63 @@
+export function buildHeadElements(head) {
+    if (!head)
+        return { scripts: "", other: "" };
+    const scriptParts = [];
+    const otherParts = [];
+    for (const script of head.scripts ?? []) {
+        const { content, ...attrs } = script;
+        const attrPairs = [["data-vf-head", "true"]];
+        for (const [k, v] of Object.entries(attrs)) {
+            if (v != null)
+                attrPairs.push([k, v]);
+        }
+        if (content && !attrs.id) {
+            let sum = 0;
+            for (let i = 0; i < Math.min(content.length, 200); i++) {
+                sum = ((sum << 5) - sum + content.charCodeAt(i)) | 0;
+            }
+            attrPairs.push(["data-vf-hash", "vf" + Math.abs(sum).toString(36)]);
+        }
+        const attrStr = attrPairs.map(([k, v]) => `${k}="${v}"`).join(" ");
+        if (content) {
+            scriptParts.push(`<script ${attrStr}>${content}</script>`);
+        }
+        else if (attrs.src) {
+            scriptParts.push(`<script ${attrStr}></script>`);
+        }
+    }
+    for (const meta of head.metas) {
+        if (meta.name === "description")
+            continue;
+        const attrs = [];
+        if (meta.name)
+            attrs.push(`name="${meta.name}"`);
+        if (meta.property)
+            attrs.push(`property="${meta.property}"`);
+        if (meta.content)
+            attrs.push(`content="${meta.content}"`);
+        if (attrs.length)
+            otherParts.push(`<meta ${attrs.join(" ")}>`);
+    }
+    for (const link of head.links) {
+        const attrs = Object.entries(link)
+            .filter(([, v]) => v != null)
+            .map(([k, v]) => `${k}="${v}"`)
+            .join(" ");
+        if (attrs)
+            otherParts.push(`<link ${attrs}>`);
+    }
+    for (const style of head.styles) {
+        otherParts.push(`<style>${style}</style>`);
+    }
+    return {
+        scripts: scriptParts.join("\n  "),
+        other: otherParts.join("\n  "),
+    };
+}
+export function mergeFrontmatter(context) {
+    return {
+        ...context.pageInfo.entity.frontmatter,
+        ...context.pageBundle.frontmatter,
+        ...(context.collectedMetadata ?? {}),
+    };
+}

package/esm/src/rendering/orchestrator/html.d.ts

@@ -33,8 +33,6 @@ export declare class HTMLGenerator {
     private detectUseClientDirective;
     private wrapHTMLFragment;
     private generateShellParts;
-    private buildHeadElements;
-    private mergeFrontmatter;
     private resolveAppPath;
     private loadProjectFile;
     private buildHTMLOptions;

package/esm/src/rendering/orchestrator/html.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/src/rendering/orchestrator/html.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAS7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,SAAS,EAET,UAAU,EACX,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AA4EhD,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;CACpC;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,UAAU,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAsB;gBAExB,MAAM,EAAE,mBAAmB;IAIjC,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,GAAG,OAAO,CAAC,MAAM,CAAC;IA0BjE,kBAAkB,CACtB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAC3C,OAAO,CAAC,cAAc,CAAC;YAqEZ,sBAAsB;YAqDtB,4BAA4B;YAiB5B,wBAAwB;YAmBxB,gBAAgB;YAyBhB,kBAAkB;IAwDhC,OAAO,CAAC,iBAAiB;IA4DzB,OAAO,CAAC,gBAAgB;IAQxB,OAAO,CAAC,cAAc;YAQR,eAAe;YAaf,gBAAgB;IAgF9B;;;;OAIG;YACW,gBAAgB;CA0D/B"}
+{"version":3,"file":"html.d.ts","sourceRoot":"","sources":["../../../../src/src/rendering/orchestrator/html.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAS7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EACV,UAAU,EACV,UAAU,EACV,SAAS,EAET,UAAU,EACX,MAAM,sBAAsB,CAAC;AAG9B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAgFhD,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,MAAM,EAAE,eAAe,CAAC;IACxB,IAAI,EAAE,aAAa,GAAG,YAAY,CAAC;CACpC;AAED,MAAM,WAAW,qBAAqB;IACpC,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,UAAU,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,YAAY,EAAE,SAAS,GAAG,SAAS,CAAC;IACpC,aAAa,EAAE,UAAU,EAAE,CAAC;IAC5B,iBAAiB,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC3C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,2FAA2F;IAC3F,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAED,qBAAa,aAAa;IACxB,OAAO,CAAC,MAAM,CAAsB;gBAExB,MAAM,EAAE,mBAAmB;IAIjC,gBAAgB,CAAC,OAAO,EAAE,qBAAqB,GAAG,OAAO,CAAC,MAAM,CAAC;IA0BjE,kBAAkB,CACtB,WAAW,EAAE,cAAc,EAC3B,OAAO,EAAE,IAAI,CAAC,qBAAqB,EAAE,MAAM,CAAC,GAC3C,OAAO,CAAC,cAAc,CAAC;YAqEZ,sBAAsB;YAqDtB,4BAA4B;YAiB5B,wBAAwB;YAmBxB,gBAAgB;YAyBhB,kBAAkB;IAwDhC,OAAO,CAAC,cAAc;YAQR,eAAe;YAaf,gBAAgB;IAgF9B;;;;OAIG;YACW,gBAAgB;CA0D/B"}

package/esm/src/rendering/orchestrator/html.js

@@ -11,6 +11,7 @@ import { StreamTimeoutError, streamToString } from "../utils/stream-utils.js";
 import { profilePhase, profileSyncPhase } from "../../observability/request-profiler.js";
 import { normalizeCssModuleKey, rewriteCssModuleContent, } from "../../transforms/css-modules/naming.js";
 import { extractProjectClassesForRoute, startPreparedCSSWarmup, startProjectCSSPreparation, } from "./html-project-css.js";
+import { buildHeadElements as buildCollectedHeadElements, mergeFrontmatter as mergeCollectedFrontmatter, } from "./html-head.js";
 const logger = rendererLogger.component("html-generator");
 function applyExplicitThemeToDocument(html, colorScheme, enabled) {
     if (!enabled || !colorScheme)
@@ -61,7 +62,7 @@ export class HTMLGenerator {
         if (isFullHTMLDocument(context.html)) {
             let projectCSSPromise;
             if (this.config.mode === "production" && context.options?.environment === "production") {
-                const mergedFrontmatter = this.mergeFrontmatter(context);
+                const mergedFrontmatter = mergeCollectedFrontmatter(context);
                 const htmlOptions = await profilePhase("html.build_options", () => this.buildHTMLOptions(context, mergedFrontmatter));
                 projectCSSPromise = startProjectCSSPreparation(context, htmlOptions);
             }
@@ -78,7 +79,7 @@ export class HTMLGenerator {
     }
     async generateHTMLStream(reactStream, context) {
         const fullContext = context;
-        const mergedFrontmatter = this.mergeFrontmatter(fullContext);
+        const mergedFrontmatter = mergeCollectedFrontmatter(fullContext);
         const htmlOptions = await profilePhase("html.build_options", () => this.buildHTMLOptions(fullContext, mergedFrontmatter));
         const projectCSSPromise = startProjectCSSPreparation(fullContext, htmlOptions);
         startPreparedCSSWarmup(this.config, fullContext, htmlOptions);
@@ -175,7 +176,7 @@ export class HTMLGenerator {
         }
     }
     async wrapHTMLFragment(context) {
-        const mergedFrontmatter = this.mergeFrontmatter(context);
+        const mergedFrontmatter = mergeCollectedFrontmatter(context);
         const htmlOptions = await profilePhase("html.build_options", () => this.buildHTMLOptions(context, mergedFrontmatter));
         const projectCSSPromise = startProjectCSSPreparation(context, htmlOptions);
         startPreparedCSSWarmup(this.config, context, htmlOptions);
@@ -200,7 +201,7 @@ export class HTMLGenerator {
             layoutFrontmatter: context.layoutBundle?.frontmatter,
             ssrHash: context.ssrHash,
         }, htmlOptions, context.options?.params, context.options?.props, reactContent, projectCSSPromise);
-        const { scripts, other } = this.buildHeadElements(head);
+        const { scripts, other } = buildCollectedHeadElements(head);
         if (!scripts && !other)
             return { start, end };
         let modifiedStart = start;
@@ -220,71 +221,6 @@ export class HTMLGenerator {
         }
         return { start: modifiedStart, end };
     }
-    buildHeadElements(head) {
-        if (!head)
-            return { scripts: "", other: "" };
-        const scriptParts = [];
-        const otherParts = [];
-        // Scripts go at TOP of head (before CSS) to prevent flash
-        for (const script of head.scripts ?? []) {
-            const { content, ...attrs } = script;
-            const attrPairs = [["data-vf-head", "true"]];
-            for (const [k, v] of Object.entries(attrs)) {
-                if (v != null)
-                    attrPairs.push([k, v]);
-            }
-            // For inline scripts without id, add hash for client-side deduplication
-            if (content && !attrs.id) {
-                let sum = 0;
-                for (let i = 0; i < Math.min(content.length, 200); i++) {
-                    sum = ((sum << 5) - sum + content.charCodeAt(i)) | 0;
-                }
-                attrPairs.push(["data-vf-hash", "vf" + Math.abs(sum).toString(36)]);
-            }
-            const attrStr = attrPairs.map(([k, v]) => `${k}="${v}"`).join(" ");
-            if (content) {
-                scriptParts.push(`<script ${attrStr}>${content}</script>`);
-            }
-            else if (attrs.src) {
-                scriptParts.push(`<script ${attrStr}></script>`);
-            }
-        }
-        for (const meta of head.metas) {
-            if (meta.name === "description")
-                continue;
-            const attrs = [];
-            if (meta.name)
-                attrs.push(`name="${meta.name}"`);
-            if (meta.property)
-                attrs.push(`property="${meta.property}"`);
-            if (meta.content)
-                attrs.push(`content="${meta.content}"`);
-            if (attrs.length)
-                otherParts.push(`<meta ${attrs.join(" ")}>`);
-        }
-        for (const link of head.links) {
-            const attrs = Object.entries(link)
-                .filter(([, v]) => v != null)
-                .map(([k, v]) => `${k}="${v}"`)
-                .join(" ");
-            if (attrs)
-                otherParts.push(`<link ${attrs}>`);
-        }
-        for (const style of head.styles) {
-            otherParts.push(`<style>${style}</style>`);
-        }
-        return {
-            scripts: scriptParts.join("\n  "),
-            other: otherParts.join("\n  "),
-        };
-    }
-    mergeFrontmatter(context) {
-        return {
-            ...context.pageInfo.entity.frontmatter,
-            ...context.pageBundle.frontmatter,
-            ...(context.collectedMetadata || {}),
-        };
-    }
     resolveAppPath() {
         return resolveAppComponentPath(this.config.projectDir, this.config.adapter, this.config.config);
     }

package/esm/src/routing/api/module-loader/loader.d.ts

@@ -11,4 +11,5 @@ export declare function rewriteNodeExternalImports(code: string, projectDir: str
 export declare function rewriteCompiledBinaryVeryfrontImports(code: string): string;
 export declare function rewriteCompiledBinaryUserDependencyImports(code: string, userDeps: Map<string, string>): string;
 export declare function rewriteDenoNpmDependencyImports(code: string, projectDir: string, fs: FileSystem, userDeps: Map<string, string>): Promise<string>;
+export declare function rewriteDenoNodeBuiltinImports(code: string): string;
 //# sourceMappingURL=loader.d.ts.map

package/esm/src/routing/api/module-loader/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../src/src/routing/api/module-loader/loader.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAI9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AA4KjE,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAejE;AAgBD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAyBtF;AAuaD,wBAAgB,gCAAgC,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,CAUxF;AAED,wBAAsB,2BAA2B,CAC/C,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,EAAE,EAAE,UAAU,EACd,aAAa,EAAE,cAAc,UAAU,EAAE,aAAa,GACrD,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAoBxB;AAED,wBAAsB,uBAAuB,CAC3C,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,UAAU,GACb,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAW9C;AAED,wBAAsB,0BAA0B,CAC9C,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,UAAU,EACd,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5B,OAAO,CAAC,MAAM,CAAC,CA6EjB;AAED,wBAAgB,qCAAqC,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAqB1E;AAED,wBAAgB,0CAA0C,CACxD,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5B,MAAM,CAoDR;AAED,wBAAsB,+BAA+B,CACnD,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,UAAU,EACd,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5B,OAAO,CAAC,MAAM,CAAC,CA0BjB"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../src/src/routing/api/module-loader/loader.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAI9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AA4KjE,wBAAgB,wBAAwB,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,CAejE;AAgBD,wBAAgB,iBAAiB,CAAC,OAAO,EAAE,iBAAiB,GAAG,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,CAyBtF;AAuaD,wBAAgB,gCAAgC,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,EAAE,CAUxF;AAED,wBAAsB,2BAA2B,CAC/C,UAAU,EAAE,MAAM,EAClB,WAAW,EAAE,MAAM,EACnB,EAAE,EAAE,UAAU,EACd,aAAa,EAAE,cAAc,UAAU,EAAE,aAAa,GACrD,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC,CAoBxB;AAED,wBAAsB,uBAAuB,CAC3C,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,UAAU,GACb,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC,CAW9C;AAED,wBAAsB,0BAA0B,CAC9C,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,UAAU,EACd,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5B,OAAO,CAAC,MAAM,CAAC,CA6EjB;AAED,wBAAgB,qCAAqC,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAqB1E;AAED,wBAAgB,0CAA0C,CACxD,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5B,MAAM,CAoDR;AAED,wBAAsB,+BAA+B,CACnD,IAAI,EAAE,MAAM,EACZ,UAAU,EAAE,MAAM,EAClB,EAAE,EAAE,UAAU,EACd,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAC5B,OAAO,CAAC,MAAM,CAAC,CA0BjB;AAED,wBAAgB,6BAA6B,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,CAgBlE"}

package/esm/src/routing/api/module-loader/loader.js

@@ -668,6 +668,15 @@ export async function rewriteDenoNpmDependencyImports(code, projectDir, fs, user
     }
     return transformed;
 }
+export function rewriteDenoNodeBuiltinImports(code) {
+    let transformed = code;
+    for (const mod of NODE_BUILTINS) {
+        const escaped = mod.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+        transformed = transformed.replace(new RegExp(`from\\s+["']${escaped}["']`, "g"), `from "node:${mod}"`);
+        transformed = transformed.replace(new RegExp(`import\\s*\\(\\s*["']${escaped}["']\\s*\\)`, "g"), `import("node:${mod}")`);
+    }
+    return transformed;
+}
 async function rewriteExternalImports(code, projectDir, fs, userDeps = new Map()) {
     let transformed = code;
     if (isNode) {
@@ -680,13 +689,7 @@ async function rewriteExternalImports(code, projectDir, fs, userDeps = new Map()
     }
     if (isDeno) {
         transformed = rewriteNpmImports(transformed);
-        // Rewrite bare Node.js built-in imports to node: prefix for Deno compatibility.
-        // npm packages often use require('fs') / from "fs" without the node: prefix.
-        for (const mod of NODE_BUILTINS) {
-            const escaped = mod.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-            transformed = transformed.replace(new RegExp(`from\\s+["']${escaped}["']`, "g"), `from "node:${mod}"`);
-            transformed = transformed.replace(new RegExp(`import\\s*\\(\\s*["']${escaped}["']\\s*\\)`, "g"), `import("node:${mod}")`);
-        }
+        transformed = rewriteDenoNodeBuiltinImports(transformed);
         // Rewrite user-installed npm dependencies.
         // In non-compiled Deno: use npm: specifiers (resolved by Deno's npm support).
         // In compiled binaries: use the createRequire-based `require` shim (already

package/esm/src/utils/version-constant.d.ts

@@ -1,2 +1,2 @@
-export declare const VERSION = "0.1.169";
+export declare const VERSION = "0.1.171";
 //# sourceMappingURL=version-constant.d.ts.map

package/esm/src/utils/version-constant.js

@@ -1,3 +1,3 @@
 // Keep in sync with deno.json version.
 // scripts/release.ts updates this constant during releases.
-export const VERSION = "0.1.169";
+export const VERSION = "0.1.171";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.1.169",
+  "version": "0.1.171",
   "description": "The simplest way to build AI-powered apps",
   "keywords": [
     "react",

package/src/deno.js

@@ -1,6 +1,6 @@
 export default {
   "name": "veryfront",
-  "version": "0.1.169",
+  "version": "0.1.171",
   "license": "Apache-2.0",
   "nodeModulesDir": "auto",
   "exclude": [

package/src/src/rendering/orchestrator/html-head.ts

@@ -0,0 +1,74 @@
+import type { CollectedHead } from "../../react/head-collector.js";
+import type { MdxBundle, MDXFrontmatter } from "../../types/index.js";
+
+interface FrontmatterContextLike {
+  pageInfo: { entity: { frontmatter?: Record<string, unknown> } };
+  pageBundle: Pick<MdxBundle, "frontmatter">;
+  collectedMetadata?: Record<string, unknown>;
+}
+
+export function buildHeadElements(head?: CollectedHead): { scripts: string; other: string } {
+  if (!head) return { scripts: "", other: "" };
+
+  const scriptParts: string[] = [];
+  const otherParts: string[] = [];
+
+  for (const script of head.scripts ?? []) {
+    const { content, ...attrs } = script;
+    const attrPairs: [string, string][] = [["data-vf-head", "true"]];
+
+    for (const [k, v] of Object.entries(attrs)) {
+      if (v != null) attrPairs.push([k, v]);
+    }
+
+    if (content && !attrs.id) {
+      let sum = 0;
+      for (let i = 0; i < Math.min(content.length, 200); i++) {
+        sum = ((sum << 5) - sum + content.charCodeAt(i)) | 0;
+      }
+      attrPairs.push(["data-vf-hash", "vf" + Math.abs(sum).toString(36)]);
+    }
+
+    const attrStr = attrPairs.map(([k, v]) => `${k}="${v}"`).join(" ");
+    if (content) {
+      scriptParts.push(`<script ${attrStr}>${content}</script>`);
+    } else if (attrs.src) {
+      scriptParts.push(`<script ${attrStr}></script>`);
+    }
+  }
+
+  for (const meta of head.metas) {
+    if (meta.name === "description") continue;
+
+    const attrs: string[] = [];
+    if (meta.name) attrs.push(`name="${meta.name}"`);
+    if (meta.property) attrs.push(`property="${meta.property}"`);
+    if (meta.content) attrs.push(`content="${meta.content}"`);
+    if (attrs.length) otherParts.push(`<meta ${attrs.join(" ")}>`);
+  }
+
+  for (const link of head.links) {
+    const attrs = Object.entries(link)
+      .filter(([, v]) => v != null)
+      .map(([k, v]) => `${k}="${v}"`)
+      .join(" ");
+    if (attrs) otherParts.push(`<link ${attrs}>`);
+  }
+
+  for (const style of head.styles) {
+    otherParts.push(`<style>${style}</style>`);
+  }
+
+  return {
+    scripts: scriptParts.join("\n  "),
+    other: otherParts.join("\n  "),
+  };
+}
+
+export function mergeFrontmatter(context: FrontmatterContextLike): MDXFrontmatter {
+  return {
+    ...context.pageInfo.entity.frontmatter,
+    ...context.pageBundle.frontmatter,
+    ...(context.collectedMetadata ?? {}),
+  } as MDXFrontmatter;
+}

package/src/src/rendering/orchestrator/html.ts

@@ -37,6 +37,10 @@ import {
   startPreparedCSSWarmup,
   startProjectCSSPreparation,
 } from "./html-project-css.js";
+import {
+  buildHeadElements as buildCollectedHeadElements,
+  mergeFrontmatter as mergeCollectedFrontmatter,
+} from "./html-head.js";
 
 const logger = rendererLogger.component("html-generator");
 
@@ -130,7 +134,7 @@ export class HTMLGenerator {
     if (isFullHTMLDocument(context.html)) {
       let projectCSSPromise: Promise<ProjectCSSResult> | undefined;
       if (this.config.mode === "production" && context.options?.environment === "production") {
-        const mergedFrontmatter = this.mergeFrontmatter(context);
+        const mergedFrontmatter = mergeCollectedFrontmatter(context);
         const htmlOptions = await profilePhase(
           "html.build_options",
           () => this.buildHTMLOptions(context, mergedFrontmatter),
@@ -156,7 +160,7 @@ export class HTMLGenerator {
     context: Omit<HTMLGenerationContext, "html">,
   ): Promise<ReadableStream> {
     const fullContext = context as HTMLGenerationContext;
-    const mergedFrontmatter = this.mergeFrontmatter(fullContext);
+    const mergedFrontmatter = mergeCollectedFrontmatter(fullContext);
     const htmlOptions = await profilePhase(
       "html.build_options",
       () => this.buildHTMLOptions(fullContext, mergedFrontmatter),
@@ -313,7 +317,7 @@ export class HTMLGenerator {
   }
 
   private async wrapHTMLFragment(context: HTMLGenerationContext): Promise<string> {
-    const mergedFrontmatter = this.mergeFrontmatter(context);
+    const mergedFrontmatter = mergeCollectedFrontmatter(context);
     const htmlOptions = await profilePhase(
       "html.build_options",
       () => this.buildHTMLOptions(context, mergedFrontmatter),
@@ -369,7 +373,7 @@ export class HTMLGenerator {
       projectCSSPromise,
     );
 
-    const { scripts, other } = this.buildHeadElements(head);
+    const { scripts, other } = buildCollectedHeadElements(head);
     if (!scripts && !other) return { start, end };
 
     let modifiedStart = start;
@@ -393,74 +397,6 @@ export class HTMLGenerator {
     return { start: modifiedStart, end };
   }
 
-  private buildHeadElements(head?: CollectedHead): { scripts: string; other: string } {
-    if (!head) return { scripts: "", other: "" };
-
-    const scriptParts: string[] = [];
-    const otherParts: string[] = [];
-
-    // Scripts go at TOP of head (before CSS) to prevent flash
-    for (const script of head.scripts ?? []) {
-      const { content, ...attrs } = script;
-      const attrPairs: [string, string][] = [["data-vf-head", "true"]];
-
-      for (const [k, v] of Object.entries(attrs)) {
-        if (v != null) attrPairs.push([k, v]);
-      }
-
-      // For inline scripts without id, add hash for client-side deduplication
-      if (content && !attrs.id) {
-        let sum = 0;
-        for (let i = 0; i < Math.min(content.length, 200); i++) {
-          sum = ((sum << 5) - sum + content.charCodeAt(i)) | 0;
-        }
-        attrPairs.push(["data-vf-hash", "vf" + Math.abs(sum).toString(36)]);
-      }
-
-      const attrStr = attrPairs.map(([k, v]) => `${k}="${v}"`).join(" ");
-      if (content) {
-        scriptParts.push(`<script ${attrStr}>${content}</script>`);
-      } else if (attrs.src) {
-        scriptParts.push(`<script ${attrStr}></script>`);
-      }
-    }
-
-    for (const meta of head.metas) {
-      if (meta.name === "description") continue;
-
-      const attrs: string[] = [];
-      if (meta.name) attrs.push(`name="${meta.name}"`);
-      if (meta.property) attrs.push(`property="${meta.property}"`);
-      if (meta.content) attrs.push(`content="${meta.content}"`);
-      if (attrs.length) otherParts.push(`<meta ${attrs.join(" ")}>`);
-    }
-
-    for (const link of head.links) {
-      const attrs = Object.entries(link)
-        .filter(([, v]) => v != null)
-        .map(([k, v]) => `${k}="${v}"`)
-        .join(" ");
-      if (attrs) otherParts.push(`<link ${attrs}>`);
-    }
-
-    for (const style of head.styles) {
-      otherParts.push(`<style>${style}</style>`);
-    }
-
-    return {
-      scripts: scriptParts.join("\n  "),
-      other: otherParts.join("\n  "),
-    };
-  }
-
-  private mergeFrontmatter(context: HTMLGenerationContext): MDXFrontmatter {
-    return {
-      ...context.pageInfo.entity.frontmatter,
-      ...(context.pageBundle as MdxBundle).frontmatter,
-      ...(context.collectedMetadata || {}),
-    } as MDXFrontmatter;
-  }
-
   private resolveAppPath(): Promise<string | null> {
     return resolveAppComponentPath(
       this.config.projectDir,

package/src/src/routing/api/module-loader/loader.ts

@@ -913,6 +913,24 @@ export async function rewriteDenoNpmDependencyImports(
   return transformed;
 }
 
+export function rewriteDenoNodeBuiltinImports(code: string): string {
+  let transformed = code;
+
+  for (const mod of NODE_BUILTINS) {
+    const escaped = mod.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+    transformed = transformed.replace(
+      new RegExp(`from\\s+["']${escaped}["']`, "g"),
+      `from "node:${mod}"`,
+    );
+    transformed = transformed.replace(
+      new RegExp(`import\\s*\\(\\s*["']${escaped}["']\\s*\\)`, "g"),
+      `import("node:${mod}")`,
+    );
+  }
+
+  return transformed;
+}
+
 async function rewriteExternalImports(
   code: string,
   projectDir: string,
@@ -931,20 +949,7 @@ async function rewriteExternalImports(
 
   if (isDeno) {
     transformed = rewriteNpmImports(transformed);
-
-    // Rewrite bare Node.js built-in imports to node: prefix for Deno compatibility.
-    // npm packages often use require('fs') / from "fs" without the node: prefix.
-    for (const mod of NODE_BUILTINS) {
-      const escaped = mod.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-      transformed = transformed.replace(
-        new RegExp(`from\\s+["']${escaped}["']`, "g"),
-        `from "node:${mod}"`,
-      );
-      transformed = transformed.replace(
-        new RegExp(`import\\s*\\(\\s*["']${escaped}["']\\s*\\)`, "g"),
-        `import("node:${mod}")`,
-      );
-    }
+    transformed = rewriteDenoNodeBuiltinImports(transformed);
 
     // Rewrite user-installed npm dependencies.
     // In non-compiled Deno: use npm: specifiers (resolved by Deno's npm support).

package/src/src/utils/version-constant.ts

@@ -1,3 +1,3 @@
 // Keep in sync with deno.json version.
 // scripts/release.ts updates this constant during releases.
-export const VERSION = "0.1.169";
+export const VERSION = "0.1.171";