veryfront 0.0.86 → 0.0.89

package/esm/src/config/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../src/src/config/loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAenE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAqSlD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CACvB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,cAAc,EACvB,OAAO,CAAC,EAAE,gBAAgB,GACzB,OAAO,CAAC,eAAe,CAAC,CAsE1B;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAGvC;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,eAAe,GAAG,IAAI,CAI9E"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../src/src/config/loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAGlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAgBnE,YAAY,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAqSlD;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,SAAS,CACvB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,cAAc,EACvB,OAAO,CAAC,EAAE,gBAAgB,GACzB,OAAO,CAAC,eAAe,CAAC,CAsE1B;AAED,wBAAgB,gBAAgB,IAAI,IAAI,CAGvC;AAED;;;;;;;GAOG;AACH,wBAAgB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,eAAe,GAAG,IAAI,CAI9E"}

package/esm/src/config/loader.js

@@ -6,7 +6,8 @@ import { isBun } from "../platform/compat/runtime.js";
 import { serverLogger } from "../utils/logger/logger.js";
 import { getReactImportMap, REACT_DEFAULT_VERSION } from "../utils/constants/cdn.js";
 import { DEFAULT_CACHE_DIR } from "../utils/constants/server.js";
-import { setReactVersion } from "../transforms/esm/package-registry.js";
+// React version is now passed per-request via TransformOptions.reactVersion
+// No longer using global singleton: import { setReactVersion } from "#veryfront/transforms/esm/package-registry.ts";
 import { buildConfigCacheKey } from "../cache/keys.js";
 import { DEFAULT_PORT } from "./defaults.js";
 import { createFileSystem } from "../platform/compat/fs.js";
@@ -174,10 +175,10 @@ function validateAndCacheConfig(userConfig, cacheKey) {
     validateCorsConfig(userConfig);
     validateConfigShape(userConfig);
     const merged = mergeConfigs(userConfig);
-    // Apply React version from config (sets global default for transforms)
+    // React version is now passed per-request via TransformOptions.reactVersion
+    // Config stores it at merged.react.version, accessed wherever needed
     if (merged.react?.version) {
-        setReactVersion(merged.react.version);
-        serverLogger.debug("[CONFIG] React version set from config", { version: merged.react.version });
+        serverLogger.debug("[CONFIG] React version from config", { version: merged.react.version });
     }
     configCacheByProject.set(cacheKey, { revision: cacheRevision, config: merged });
     return merged;

package/esm/src/html/utils.js

@@ -62,8 +62,8 @@ const PLATFORM_UTILITIES = {
 const CDN_URL_TEMPLATES = {
     "esm.sh": {
         react: (v) => `https://esm.sh/react@${v}?target=es2022`,
-        reactDom: (v) => `https://esm.sh/react-dom@${v}?target=es2022`,
-        reactDomClient: (v) => `https://esm.sh/react-dom@${v}/client?target=es2022`,
+        reactDom: (v) => `https://esm.sh/react-dom@${v}?external=react&target=es2022`,
+        reactDomClient: (v) => `https://esm.sh/react-dom@${v}/client?external=react&target=es2022`,
         jsxRuntime: (v) => `https://esm.sh/react@${v}/jsx-runtime?target=es2022`,
         jsxDevRuntime: (v) => `https://esm.sh/react@${v}/jsx-dev-runtime?target=es2022`,
         veryfrontAgentReact: (v) => `https://esm.sh/veryfront@${v}/agent/react?external=react,react-dom&target=es2022`,

package/esm/src/modules/import-map/default-import-map.d.ts

@@ -1,17 +1,7 @@
 import type { ImportMapConfig } from "./types.js";
-/**
- * Get React import map for SSR in Deno.
- * Uses npm: specifiers which Deno handles natively with automatic deduplication.
- * See: https://deno.com/blog/not-using-npm-specifiers-doing-it-wrong
- *
- * This replaces the previous shared-*.ts approach which required manual re-exports.
- */
-export declare function getDenoReactImportMap(): Record<string, string>;
 /**
  * Get the default import map for SSR transforms.
- *
- * For Deno SSR: Uses npm: specifiers with automatic deduplication.
- * For other runtimes: Uses esm.sh URLs with external=react.
+ * Uses esm.sh URLs consistently (NO npm: specifiers per plan requirements).
  */
 export declare function getDefaultImportMap(): ImportMapConfig;
 //# sourceMappingURL=default-import-map.d.ts.map

package/esm/src/modules/import-map/default-import-map.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-import-map.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/import-map/default-import-map.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AA8ClD;;;;;;GAMG;AACH,wBAAgB,qBAAqB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE9D;AAED;;;;;GAKG;AACH,wBAAgB,mBAAmB,IAAI,eAAe,CAYrD"}
+{"version":3,"file":"default-import-map.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/import-map/default-import-map.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AA0ClD;;;GAGG;AACH,wBAAgB,mBAAmB,IAAI,eAAe,CAOrD"}

package/esm/src/modules/import-map/default-import-map.js

@@ -1,6 +1,5 @@
 import * as dntShim from "../../../_dnt.shims.js";
-import { isDeno } from "../../platform/compat/runtime.js";
-import { getDenoNpmReactMap, getReactImportMap, } from "../../transforms/esm/package-registry.js";
+import { getReactImportMap } from "../../transforms/esm/package-registry.js";
 function ensureTrailingSlash(path) {
     return path.endsWith("/") ? path : `${path}/`;
 }
@@ -34,30 +33,14 @@ function getVeryfrontSsrImportMap() {
         "veryfront/react/fonts": fonts,
     };
 }
-/**
- * Get React import map for SSR in Deno.
- * Uses npm: specifiers which Deno handles natively with automatic deduplication.
- * See: https://deno.com/blog/not-using-npm-specifiers-doing-it-wrong
- *
- * This replaces the previous shared-*.ts approach which required manual re-exports.
- */
-export function getDenoReactImportMap() {
-    return getDenoNpmReactMap();
-}
 /**
  * Get the default import map for SSR transforms.
- *
- * For Deno SSR: Uses npm: specifiers with automatic deduplication.
- * For other runtimes: Uses esm.sh URLs with external=react.
+ * Uses esm.sh URLs consistently (NO npm: specifiers per plan requirements).
  */
 export function getDefaultImportMap() {
-    const reactMap = isDeno ? getDenoReactImportMap() : getReactImportMap();
+    const reactMap = getReactImportMap();
     const veryfrontMap = getVeryfrontSsrImportMap();
-    // For Deno SSR, add scopes so that esm.sh modules with external=react
-    // resolve their bare `react` imports to npm: specifiers.
-    const scopes = isDeno ? { "https://esm.sh/": getDenoReactImportMap() } : undefined;
     return {
         imports: { ...veryfrontMap, ...reactMap },
-        scopes,
     };
 }

package/esm/src/modules/import-map/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/import-map/loader.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAqElD,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,cAAc,GACvB,OAAO,CAAC,eAAe,CAAC,CA+C1B"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/import-map/loader.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAEtE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAqDlD,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,cAAc,GACvB,OAAO,CAAC,eAAe,CAAC,CA+C1B"}

package/esm/src/modules/import-map/loader.js

@@ -1,14 +1,15 @@
 import { rendererLogger as logger } from "../../utils/index.js";
 import { dirname, join } from "../../platform/compat/path/index.js";
 import { getConfig } from "../../config/index.js";
-import { getDefaultImportMap, getDenoReactImportMap } from "./default-import-map.js";
+import { getDefaultImportMap } from "./default-import-map.js";
 import { mergeImportMaps } from "./merger.js";
 import { withSpan } from "../../observability/tracing/otlp-setup.js";
-import { isDeno } from "../../platform/compat/runtime.js";
+import { getReactImportMap } from "../../transforms/esm/package-registry.js";
 function normalizeImportMapForRuntime(importMap) {
     const normalizeValue = (value) => {
         if (!value.startsWith("npm:"))
             return value;
+        // Convert npm: specifiers to esm.sh URLs (should not happen with new code)
         const spec = value.slice(4);
         const [base, query] = spec.split("?");
         const url = `https://esm.sh/${base}`;
@@ -17,35 +18,19 @@ function normalizeImportMapForRuntime(importMap) {
     let imports = importMap.imports
         ? Object.fromEntries(Object.entries(importMap.imports).map(([k, v]) => [k, normalizeValue(v)]))
         : undefined;
-    let scopes = importMap.scopes
+    const scopes = importMap.scopes
         ? Object.fromEntries(Object.entries(importMap.scopes).map(([scope, mappings]) => [
             scope,
             Object.fromEntries(Object.entries(mappings).map(([k, v]) => [k, normalizeValue(v)])),
         ]))
         : undefined;
-    // CRITICAL: For Deno SSR, always use shared-*.ts files for React.
-    // Project configs may have esm.sh URLs which would create multiple React instances.
     // Override React mappings AFTER all other processing to ensure single instance.
-    // Also remove any "react/" prefix match since we have explicit mappings.
-    if (isDeno && imports) {
-        const reactMap = getDenoReactImportMap();
-        // Remove any esm.sh "react/" prefix mapping that would break subpath resolution
+    // Remove any "react/" prefix match since we have explicit mappings.
+    if (imports) {
+        const reactMap = getReactImportMap();
         delete imports["react/"];
         imports = { ...imports, ...reactMap };
     }
-    // For Deno SSR, ensure esm.sh scope has React mappings to shared-*.ts files.
-    // This is critical because esm.sh modules with external=react have bare `react`
-    // imports that need to resolve to our shared React instance.
-    if (isDeno) {
-        const reactMap = getDenoReactImportMap();
-        const esmShScope = scopes?.["https://esm.sh/"] ?? {};
-        // Remove any "react/" prefix match from scope as well
-        delete esmShScope["react/"];
-        scopes = {
-            ...scopes,
-            "https://esm.sh/": { ...esmShScope, ...reactMap },
-        };
-    }
     return { imports, scopes };
 }
 function mergeWithDefault(importMap) {

package/esm/src/modules/import-map/resolver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/import-map/resolver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AA8ClD,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,eAAe,EAC1B,KAAK,CAAC,EAAE,MAAM,GACb,MAAM,CAkDR"}
+{"version":3,"file":"resolver.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/import-map/resolver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AA8ClD,wBAAgB,aAAa,CAC3B,SAAS,EAAE,MAAM,EACjB,SAAS,EAAE,eAAe,EAC1B,KAAK,CAAC,EAAE,MAAM,GACb,MAAM,CAuDR"}

package/esm/src/modules/import-map/resolver.js

@@ -46,21 +46,25 @@ export function resolveImport(specifier, importMap, scope) {
     if (isEsmShUrl(specifier)) {
         const esmShPackage = extractEsmShPackage(specifier);
         if (esmShPackage) {
+            const subpath = extractEsmShSubpath(specifier);
+            // Always check for explicit subpath mapping first (e.g., "react/jsx-runtime")
+            // This takes priority over appending subpath to base package mapping
+            if (subpath) {
+                const fullKey = esmShPackage + subpath; // e.g., "react/jsx-runtime"
+                const subpathMapping = scopedImports?.[fullKey] ?? importMap.imports?.[fullKey];
+                if (subpathMapping)
+                    return subpathMapping;
+            }
             const mapping = scopedImports?.[esmShPackage] ?? importMap.imports?.[esmShPackage];
             if (mapping) {
-                const subpath = extractEsmShSubpath(specifier);
                 if (!subpath)
                     return mapping;
-                // If mapping target is a file path (not HTTP URL or npm: specifier), look for explicit subpath mapping
-                // e.g., "react" → local file but "react/jsx-runtime" → different local file
-                // npm: specifiers are URL-like and should have subpaths appended
+                // If mapping target is a file path (not HTTP URL or npm: specifier),
+                // fall back to base mapping since explicit subpath wasn't found above
                 const isFilePath = !mapping.startsWith("http://") && !mapping.startsWith("https://") &&
                     !mapping.startsWith("npm:");
                 if (isFilePath) {
-                    const fullKey = esmShPackage + subpath; // e.g., "react/jsx-runtime"
-                    const subpathMapping = scopedImports?.[fullKey] ?? importMap.imports?.[fullKey];
-                    // Use explicit subpath mapping if available, otherwise fall back to base mapping
-                    return subpathMapping ?? mapping;
+                    return mapping;
                 }
                 return mapping + subpath;
             }

package/esm/src/modules/react-loader/component-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component-loader.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/react-loader/component-loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAKtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAMvD,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,cAAc,EACvB,OAAO,CAAC,EAAE,oBAAoB,GAC7B,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAwDvD"}
+{"version":3,"file":"component-loader.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/react-loader/component-loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAKtE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAMvD,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,cAAc,EACvB,OAAO,CAAC,EAAE,oBAAoB,GAC7B,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CA0DvD"}

package/esm/src/modules/react-loader/component-loader.js

@@ -19,6 +19,7 @@ export function loadComponentFromSource(source, filePath, projectDir, adapter, o
                 adapter,
                 dev,
                 contentSourceId: options?.contentSourceId,
+                reactVersion: options?.reactVersion,
             });
             return loader.loadModule(filePath, source);
         }
@@ -28,6 +29,7 @@ export function loadComponentFromSource(source, filePath, projectDir, adapter, o
             moduleServerUrl: options?.moduleServerUrl ?? "/_vf_modules",
             vendorBundleHash: options?.vendorBundleHash,
             ssr: false,
+            reactVersion: options?.reactVersion,
         };
         const transformedCode = await transformToESM(source, filePath, projectDir, adapter, transformOpts);
         const tmpDir = await getProjectTmpDir(projectId);

package/esm/src/modules/react-loader/ssr-module-loader/loader.d.ts

@@ -53,14 +53,9 @@ export declare class SSRModuleLoader {
      */
     private toJsExtension;
     private ensureDependenciesExist;
-    /**
-     * Fast sync hash for small strings (project IDs, etc.)
-     * Use hashContentAsync for large file content.
-     */
-    private hashCode;
     /**
      * Async hash for large content using Web Crypto API.
-     * Doesn't block event loop for large files.
+     * Falls back to sync hash for small files.
      */
     private hashContentAsync;
     private getTempPath;

package/esm/src/modules/react-loader/ssr-module-loader/loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../src/src/modules/react-loader/ssr-module-loader/loader.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAsCpC,OAAO,KAAK,EAAoB,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAgC3E;;;;;GAKG;AACH,qBAAa,eAAe;IAId,OAAO,CAAC,OAAO;IAH3B,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,mBAAmB,CAAuB;gBAE9B,OAAO,EAAE,sBAAsB;IAEnD;;OAEG;IACH,UAAU,CACR,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAsGxD,OAAO,CAAC,mBAAmB;IAiC3B,OAAO,CAAC,wBAAwB;IAwBhC,OAAO,CAAC,WAAW;IAanB,OAAO,CAAC,yBAAyB;IAuBjC,OAAO,CAAC,kBAAkB;IAK1B;;OAEG;YACW,2BAA2B;IAkGzC,OAAO,CAAC,yBAAyB;YAiBnB,2BAA2B;IA6RzC;;;OAGG;YACW,mBAAmB;IA2CjC,OAAO,CAAC,yBAAyB;IAYjC;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IA4B3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,wBAAwB;IAehC,OAAO,CAAC,2BAA2B;IAiBnC,OAAO,CAAC,2BAA2B;IAWnC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA4B3B;;OAEG;IACH,OAAO,CAAC,aAAa;YAIP,uBAAuB;IAyCrC;;;OAGG;IACH,OAAO,CAAC,QAAQ;IAUhB;;;OAGG;YACW,gBAAgB;YAgBhB,WAAW;YAeX,YAAY;CAiC3B"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../src/src/modules/react-loader/ssr-module-loader/loader.ts"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAuCpC,OAAO,KAAK,EAAoB,sBAAsB,EAAE,MAAM,YAAY,CAAC;AAiC3E;;;;;GAKG;AACH,qBAAa,eAAe;IAId,OAAO,CAAC,OAAO;IAH3B,OAAO,CAAC,EAAE,CAAsB;IAChC,OAAO,CAAC,mBAAmB,CAAuB;gBAE9B,OAAO,EAAE,sBAAsB;IAEnD;;OAEG;IACH,UAAU,CACR,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,MAAM,GACb,OAAO,CAAC,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;IAsGxD,OAAO,CAAC,mBAAmB;IAiC3B,OAAO,CAAC,wBAAwB;IAwBhC,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,yBAAyB;IAuBjC,OAAO,CAAC,kBAAkB;IAK1B;;OAEG;YACW,2BAA2B;IAmGzC,OAAO,CAAC,yBAAyB;YAiBnB,2BAA2B;IA0TzC;;;OAGG;YACW,mBAAmB;IA2CjC,OAAO,CAAC,yBAAyB;IAYjC;;;OAGG;IACH,OAAO,CAAC,mBAAmB;IA4B3B;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAuB3B,OAAO,CAAC,wBAAwB;IAehC,OAAO,CAAC,2BAA2B;IAiBnC,OAAO,CAAC,2BAA2B;IAWnC;;OAEG;IACH,OAAO,CAAC,mBAAmB;IA4B3B;;OAEG;IACH,OAAO,CAAC,aAAa;YAIP,uBAAuB;IAyCrC;;;OAGG;YACW,gBAAgB;YAgBhB,WAAW;YAeX,YAAY;CA4B3B"}

package/esm/src/modules/react-loader/ssr-module-loader/loader.js

@@ -6,15 +6,15 @@
  * @module module-system/react-loader/ssr-module-loader/loader
  */
 import * as dntShim from "../../../../_dnt.shims.js";
-import { isAbsolute, join } from "../../../platform/compat/path/index.js";
-import { cwd } from "../../../platform/compat/process.js";
+import { join } from "../../../platform/compat/path/index.js";
 import { transformToESM } from "../../../transforms/esm/index.js";
 import { TRANSFORM_CACHE_VERSION } from "../../../transforms/esm/package-registry.js";
-import { buildSSRModuleCacheKey, buildSSRModuleProjectKey } from "../../../cache/keys.js";
+import { buildSSRModuleCacheKey } from "../../../cache/keys.js";
 import { parseLocalImports, } from "../../../transforms/esm/import-parser.js";
 import { createFileSystem } from "../../../platform/compat/fs.js";
 import { createError, toError } from "../../../errors/veryfront-error.js";
 import { rendererLogger as logger } from "../../../utils/index.js";
+import { hashCodeHex } from "../../../utils/hash-utils.js";
 import { getApiBaseUrlEnv } from "../../../config/env.js";
 import { injectContext, withSpan } from "../../../observability/tracing/otlp-setup.js";
 import { SpanNames } from "../../../observability/tracing/span-names.js";
@@ -22,7 +22,8 @@ import { extractComponent } from "../extract-component.js";
 import { CIRCUIT_BREAKER_RESET_MS, CIRCUIT_BREAKER_THRESHOLD, IN_PROGRESS_WAIT_TIMEOUT_MS, MAX_CONCURRENT_TRANSFORMS, MAX_TRANSFORM_DEPTH, TRANSFORM_ACQUIRE_TIMEOUT_MS, TRANSFORM_BATCH_SIZE, } from "./constants.js";
 import { withTimeoutThrow } from "../../../rendering/utils/stream-utils.js";
 import { failedComponents, getFromRedis, globalCrossProjectCache, globalInProgress, globalModuleCache, globalTmpDirs, isSSRDistributedCacheEnabled, setInRedis, transformSemaphore, } from "./cache/index.js";
-import { getCacheBaseDir, getHttpBundleCacheDir } from "../../../utils/cache-dir.js";
+import { getHttpBundleCacheDir, getMdxEsmCacheDir } from "../../../utils/cache-dir.js";
+import { lookupMdxEsmCache } from "../../../transforms/mdx/esm-module-loader/cache/index.js";
 import { ensureHttpBundlesExist } from "../../../transforms/esm/http-cache.js";
 import { LRUCache } from "../../../utils/lru-wrapper.js";
 /** Pattern to match HTTP bundle file:// paths in transformed code */
@@ -190,7 +191,9 @@ export class SSRModuleLoader {
         if (!this.options.contentSourceId) {
             throw new Error(`Missing contentSourceId for SSR module cache (project: ${this.options.projectId}, file: ${filePath})`);
         }
-        return buildSSRModuleCacheKey(TRANSFORM_CACHE_VERSION, this.options.projectId, `${this.options.contentSourceId}:${filePath}`);
+        // Include reactVersion in cache key to ensure different versions don't share cached modules
+        const reactVersion = this.options.reactVersion ?? "default";
+        return buildSSRModuleCacheKey(TRANSFORM_CACHE_VERSION, this.options.projectId, `${this.options.contentSourceId}:${reactVersion}:${filePath}`);
     }
     isProductionContentSource() {
         const sourceId = this.options.contentSourceId;
@@ -259,6 +262,7 @@ export class SSRModuleLoader {
                     dev: this.options.dev,
                     ssr: true,
                     apiBaseUrl: this.options.apiBaseUrl,
+                    reactVersion: this.options.reactVersion,
                 };
                 const filePathWithExt = syntheticFilePath.endsWith(ext)
                     ? syntheticFilePath
@@ -397,6 +401,25 @@ export class SSRModuleLoader {
                 // Fall through to re-transform, which will create HTTP bundles locally
             }
         }
+        // Check MDX-ESM cache to share modules with MDX loader and avoid duplicate React contexts
+        if (this.options.projectId && this.options.contentSourceId) {
+            const baseCacheDir = getMdxEsmCacheDir();
+            const projectKey = hashCodeHex(this.options.projectId);
+            const sourceKey = hashCodeHex(this.options.contentSourceId);
+            const mdxCacheDir = join(baseCacheDir, projectKey, sourceKey);
+            const mdxCachedPath = await lookupMdxEsmCache(filePath, mdxCacheDir, this.options.projectDir, contentHash);
+            if (mdxCachedPath) {
+                const entry = { tempPath: mdxCachedPath, contentHash };
+                globalModuleCache.set(contentCacheKey, entry);
+                globalModuleCache.set(filePathCacheKey, entry);
+                logger.debug("[SSR-MODULE-LOADER] Reusing MDX-ESM cache", {
+                    file: filePath.slice(-40),
+                    cachedPath: mdxCachedPath.slice(-60),
+                });
+                await this.ensureDependenciesExist(code, filePath, depth);
+                return;
+            }
+        }
         const existingTransform = globalInProgress.get(inProgressKey);
         if (existingTransform) {
             try {
@@ -459,6 +482,7 @@ export class SSRModuleLoader {
                     dev: this.options.dev,
                     ssr: true,
                     apiBaseUrl: this.options.apiBaseUrl,
+                    reactVersion: this.options.reactVersion,
                 };
                 let transformed = await withSpan(SpanNames.SSR_TRANSFORM_SINGLE, () => transformToESM(code, filePath, this.options.projectDir, this.options.adapter, transformOpts), { "ssr.file": filePath.split("/").pop() || filePath });
                 for (const [specifier, tempPath] of crossProjectPaths.entries()) {
@@ -683,26 +707,13 @@ export class SSRModuleLoader {
             }));
         }
     }
-    /**
-     * Fast sync hash for small strings (project IDs, etc.)
-     * Use hashContentAsync for large file content.
-     */
-    hashCode(str) {
-        let hash = 0;
-        for (let i = 0; i < str.length; i++) {
-            const char = str.charCodeAt(i);
-            hash = (hash << 5) - hash + char;
-            hash = hash & hash;
-        }
-        return Math.abs(hash).toString(16);
-    }
     /**
      * Async hash for large content using Web Crypto API.
-     * Doesn't block event loop for large files.
+     * Falls back to sync hash for small files.
      */
     async hashContentAsync(content) {
         if (content.length < 10000)
-            return this.hashCode(content);
+            return hashCodeHex(content);
         try {
             const data = new TextEncoder().encode(content);
             const hashBuffer = await dntShim.crypto.subtle.digest("SHA-256", data);
@@ -713,7 +724,7 @@ export class SSRModuleLoader {
                 .join("");
         }
         catch {
-            return this.hashCode(content);
+            return hashCodeHex(content);
         }
     }
     async getTempPath(filePath, contentHash) {
@@ -729,26 +740,23 @@ export class SSRModuleLoader {
         return join(tmpDir, jsPath);
     }
     async ensureTmpDir() {
-        let projectDir = this.options.projectDir;
         const { projectId, contentSourceId } = this.options;
         if (!projectId) {
-            throw new Error(`Missing projectId for SSR temp directory (projectDir: ${projectDir})`);
+            throw new Error(`Missing projectId for SSR temp directory (projectDir: ${this.options.projectDir})`);
         }
         if (!contentSourceId) {
             throw new Error(`Missing contentSourceId for SSR temp directory (project: ${projectId})`);
         }
-        if (!projectDir.startsWith("/")) {
-            projectDir = join(cwd(), projectDir);
-        }
-        const cacheBaseDir = getCacheBaseDir();
-        const baseDir = isAbsolute(cacheBaseDir) ? cacheBaseDir : join(cwd(), cacheBaseDir);
-        const cacheKey = `${baseDir}|${buildSSRModuleProjectKey(projectDir, projectId)}|${contentSourceId}`;
+        // Use the same cache directory as MDX-ESM loader to share module instances.
+        // This prevents issues like React context being created twice in separate files.
+        const baseCacheDir = getMdxEsmCacheDir();
+        const projectKey = hashCodeHex(projectId);
+        const sourceKey = hashCodeHex(contentSourceId);
+        const cacheKey = `${baseCacheDir}|${projectKey}|${sourceKey}`;
         const existingDir = globalTmpDirs.get(cacheKey);
         if (existingDir)
             return existingDir;
-        const projectKey = this.hashCode(projectId);
-        const sourceKey = this.hashCode(contentSourceId);
-        const tmpDir = join(baseDir, "veryfront-ssr", projectKey, sourceKey);
+        const tmpDir = join(baseCacheDir, projectKey, sourceKey);
         await this.fs.mkdir(tmpDir, { recursive: true });
         globalTmpDirs.set(cacheKey, tmpDir);
         return tmpDir;

package/esm/src/modules/react-loader/ssr-module-loader/types.d.ts

@@ -14,6 +14,8 @@ export interface SSRModuleLoaderOptions {
     apiBaseUrl?: string;
     /** Content source ID for cache isolation (branch name or release ID) */
     contentSourceId?: string;
+    /** React version for transforms (defaults to DEFAULT_REACT_VERSION) */
+    reactVersion?: string;
 }
 export interface ModuleCacheEntry {
     tempPath: string;

package/esm/src/modules/react-loader/ssr-module-loader/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/src/modules/react-loader/ssr-module-loader/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzE,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;CACvB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/src/modules/react-loader/ssr-module-loader/types.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAEzE,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,cAAc,CAAC;IACxB,GAAG,EAAE,OAAO,CAAC;IACb,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,OAAO,CAAC;CACvB"}

package/esm/src/modules/react-loader/types.d.ts

@@ -8,6 +8,8 @@ export interface LoadComponentOptions {
     ssr?: boolean;
     /** Content source ID for cache isolation (branch name or release ID) */
     contentSourceId?: string;
+    /** React version for transforms (from project config) */
+    reactVersion?: string;
 }
 export interface ComponentSource {
     name: string;

package/esm/src/modules/react-loader/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/react-loader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mFAAmF;IACnF,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/react-loader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,oBAAoB;IACnC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,mFAAmF;IACnF,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,wEAAwE;IACxE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC"}

package/esm/src/modules/react-loader/unified-loader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"unified-loader.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/react-loader/unified-loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAMtE,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAItF,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,eAAe,EAAE,EAC7B,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,cAAc,EACvB,OAAO,CAAC,EAAE,oBAAoB,GAC7B,OAAO,CAAC,YAAY,CAAC,CAkCvB"}
+{"version":3,"file":"unified-loader.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/react-loader/unified-loader.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAMtE,OAAO,KAAK,EAAE,YAAY,EAAE,eAAe,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAKtF,wBAAgB,qBAAqB,CACnC,UAAU,EAAE,eAAe,EAAE,EAC7B,UAAU,EAAE,MAAM,EAClB,OAAO,EAAE,cAAc,EACvB,OAAO,CAAC,EAAE,oBAAoB,GAC7B,OAAO,CAAC,YAAY,CAAC,CAmCvB"}

package/esm/src/modules/react-loader/unified-loader.js

@@ -3,12 +3,14 @@ import { transformToESM } from "../../transforms/esm/index.js";
 import { rendererLogger as logger } from "../../utils/index.js";
 import { withSpan } from "../../observability/tracing/otlp-setup.js";
 import { getProjectTmpDir } from "./temp-directory.js";
+import { DEFAULT_REACT_VERSION } from "../../transforms/esm/package-registry.js";
 export function loadComponentsUnified(components, projectDir, adapter, options) {
     return withSpan("modules.loadComponentsUnified", async () => {
         const projectId = options?.projectId ?? projectDir;
         const dev = options?.dev ?? true;
         const moduleServerUrl = options?.moduleServerUrl;
-        const transformOpts = { projectId, dev, moduleServerUrl };
+        const reactVersion = options?.reactVersion;
+        const transformOpts = { projectId, dev, moduleServerUrl, reactVersion };
         const transformedComponents = await transformAllComponents(components, projectDir, adapter, transformOpts);
         const baseTmp = await getProjectTmpDir(projectId);
         const uniqueTmp = `unified-${Date.now()}-${Math.random().toString(16).slice(2)}`;
@@ -16,7 +18,7 @@ export function loadComponentsUnified(components, projectDir, adapter, options)
         await adapter.fs.mkdir(tmpDir, { recursive: true });
         try {
             await writeComponentFiles(tmpDir, transformedComponents, adapter);
-            const entryCode = generateEntryPoint(transformedComponents);
+            const entryCode = generateEntryPoint(transformedComponents, reactVersion);
             await adapter.fs.writeFile(join(tmpDir, "entry.js"), entryCode);
             return await importUnifiedComponents(tmpDir, transformedComponents);
         }
@@ -34,13 +36,14 @@ function transformAllComponents(components, projectDir, adapter, transformOpts)
 async function writeComponentFiles(tmpDir, components, adapter) {
     await Promise.all(components.map((comp) => adapter.fs.writeFile(join(tmpDir, `${comp.name}.js`), comp.code)));
 }
-function generateEntryPoint(components) {
+function generateEntryPoint(components, reactVersion) {
+    const version = reactVersion ?? DEFAULT_REACT_VERSION;
     const imports = components
         .map((comp) => `import { default as ${comp.name} } from './${comp.name}.js'`)
         .join("\n");
     const exports = components.map((comp) => comp.name).join(", ");
     return `
-    import * as React from 'https://esm.sh/react@18.3.1?target=es2022'
+    import * as React from 'https://esm.sh/react@${version}?target=es2022'
     ${imports}
 
     export { ${exports} }

package/esm/src/modules/server/module-batch-handler.d.ts

@@ -29,6 +29,8 @@ export interface BatchHandlerOptions {
      * When not set, users can import from any directory in the project.
      */
     allowedImportDirs?: string[];
+    /** React version for transforms (from project config) */
+    reactVersion?: string;
 }
 /**
  * Handle a batch module request

package/esm/src/modules/server/module-batch-handler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module-batch-handler.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/server/module-batch-handler.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AASlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AActE,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAWD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAuK/G;AAkJD;;GAEG;AACH,wBAAgB,eAAe,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAY1D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,EAAE,CAAA;CAAE,CAKrE"}
+{"version":3,"file":"module-batch-handler.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/server/module-batch-handler.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AASlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AActE,MAAM,WAAW,mBAAmB;IAClC,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAWD;;GAEG;AACH,wBAAgB,iBAAiB,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAyK/G;AAqJD;;GAEG;AACH,wBAAgB,eAAe,CAAC,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAY1D;AAED;;GAEG;AACH,wBAAgB,kBAAkB,IAAI;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,EAAE,CAAA;CAAE,CAKrE"}

package/esm/src/modules/server/module-batch-handler.js

@@ -61,7 +61,7 @@ export function handleModuleBatch(req, options) {
                 headers: { "Content-Type": "text/plain" },
             });
         }
-        const { projectDir, adapter, projectSlug, projectId, branch, dev = false, allowedImportDirs, } = options;
+        const { projectDir, adapter, projectSlug, projectId, branch, dev = false, allowedImportDirs, reactVersion, } = options;
         const projectKey = projectId || projectSlug || "default";
         const userAgent = req.headers.get("user-agent") ?? "";
         const isSSR = url.searchParams.get("ssr") === "true" || userAgent.startsWith("Deno/");
@@ -98,6 +98,7 @@ export function handleModuleBatch(req, options) {
                     projectSlug,
                     branch,
                     projectId,
+                    reactVersion,
                 });
                 const transformDurationMs = performance.now() - moduleStart;
                 if (!code) {
@@ -207,6 +208,7 @@ async function transformModule(source, sourceFile, projectDir, adapter, options)
         projectId: options.projectId ?? projectDir,
         dev: options.dev,
         ssr: options.ssr,
+        reactVersion: options.reactVersion,
     });
     if (options.ssr) {
         code = applySSRImportRewrites(code, {

package/esm/src/modules/server/module-server.d.ts

@@ -23,6 +23,8 @@ export interface ModuleServerOptions {
      * When not set, users can import from any directory in the project.
      */
     allowedImportDirs?: string[];
+    /** React version for transforms (from project config) */
+    reactVersion?: string;
 }
 /** Serve transformed module at /_vf_modules/* path */
 export declare function serveModule(req: dntShim.Request, options: ModuleServerOptions): Promise<dntShim.Response>;

package/esm/src/modules/server/module-server.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"module-server.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/server/module-server.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAsBtE,MAAM,WAAW,mBAAmB;IAClC,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,cAAc,CAAC;IACxB,uBAAuB;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;CAC9B;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CAuSzG;AAqJD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAG7D"}
+{"version":3,"file":"module-server.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/server/module-server.ts"],"names":[],"mappings":"AAAA,4EAA4E;AAC5E,OAAO,KAAK,OAAO,MAAM,wBAAwB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAsBtE,MAAM,WAAW,mBAAmB;IAClC,yDAAyD;IACzD,SAAS,EAAE,MAAM,CAAC;IAClB,6BAA6B;IAC7B,UAAU,EAAE,MAAM,CAAC;IACnB,sBAAsB;IACtB,OAAO,EAAE,cAAc,CAAC;IACxB,uBAAuB;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gFAAgF;IAChF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,uDAAuD;IACvD,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,EAAE,CAAC;IAC7B,yDAAyD;IACzD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,sDAAsD;AACtD,wBAAgB,WAAW,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,EAAE,OAAO,EAAE,mBAAmB,GAAG,OAAO,CAAC,OAAO,CAAC,QAAQ,CAAC,CA0SzG;AAqJD;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,GAAG,EAAE,OAAO,CAAC,OAAO,GAAG,OAAO,CAG7D"}

package/esm/src/modules/server/module-server.js

@@ -24,7 +24,7 @@ export function serveModule(req, options) {
     const url = new URL(req.url);
     return withSpan("modules.serve", async () => {
         const startTime = performance.now();
-        const { projectId, projectDir, adapter, dev = true, projectUUID, allowedImportDirs, } = options;
+        const { projectId, projectDir, adapter, dev = true, projectUUID, allowedImportDirs, reactVersion, } = options;
         const effectiveProjectId = projectUUID ?? projectId;
         const method = req.method.toUpperCase();
         const isHeadRequest = method === "HEAD";
@@ -83,7 +83,7 @@ export function serveModule(req, options) {
                 codeLength: snippetCode.length,
             });
             try {
-                let transformedCode = await transformToESM(snippetCode, `_snippets/${hash}.tsx`, projectDir, adapter, { projectId: effectiveProjectId, dev, ssr: isSSR });
+                let transformedCode = await transformToESM(snippetCode, `_snippets/${hash}.tsx`, projectDir, adapter, { projectId: effectiveProjectId, dev, ssr: isSSR, reactVersion });
                 if (isSSR && transformedCode) {
                     transformedCode = applySSRImportRewrites(transformedCode, {
                         projectSlug: snippetProjectSlug,
@@ -151,6 +151,7 @@ export function serveModule(req, options) {
                     dev,
                     ssr: isSSR,
                     moduleServerUrl: `http://${url.host}`,
+                    reactVersion,
                 });
                 if (isSSR && code) {
                     code = applySSRImportRewrites(code, { crossProjectRef: projectRef });
@@ -218,6 +219,7 @@ export function serveModule(req, options) {
                     dev,
                     ssr: isSSR,
                     studioEmbed,
+                    reactVersion,
                 };
                 code = await transformToESM(source, sourceFile, projectDir, adapter, transformOpts);
                 if (isSSR && code) {

package/esm/src/modules/server/ssr-import-rewriter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ssr-import-rewriter.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/server/ssr-import-rewriter.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA4FD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAK5F"}
+{"version":3,"file":"ssr-import-rewriter.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/server/ssr-import-rewriter.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,6CAA6C;IAC7C,WAAW,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,2CAA2C;IAC3C,MAAM,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,6BAA6B;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,sEAAsE;IACtE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,+CAA+C;IAC/C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAsFD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAK5F"}