veryfront 0.0.92 → 0.0.93

package/esm/deno.js

@@ -1,6 +1,6 @@
 export default {
     "name": "veryfront",
-    "version": "0.0.92",
+    "version": "0.0.93",
     "nodeModulesDir": "auto",
     "exclude": [
         "npm/",

package/esm/src/build/production-build/static-generation.d.ts

@@ -40,6 +40,8 @@ export interface SSGOptions {
     baseUrl?: string;
     dryRun?: boolean;
     traceStep?: <T>(name: string, fn: () => Promise<T>) => Promise<T>;
+    /** React version for import map generation */
+    reactVersion?: string;
 }
 export declare function buildPagesRoutes(routes: RouteInfo[], options: SSGOptions): Promise<SSGStats>;
 export declare function buildAppRoutes(appRoutes: AppRouteInfo[], options: SSGOptions): Promise<SSGStats>;

package/esm/src/build/production-build/static-generation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"static-generation.d.ts","sourceRoot":"","sources":["../../../../src/src/build/production-build/static-generation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAI3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,KAAK,GAAG,WAAW,CAAC;KAC3B,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,eAAe,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,mGAAmG;IACnG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;CACnE;AAoBD,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,SAAS,EAAE,EACnB,OAAO,EAAE,UAAU,GAClB,OAAO,CAAC,QAAQ,CAAC,CA+FnB;AAED,wBAAsB,cAAc,CAClC,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EAAE,UAAU,GAClB,OAAO,CAAC,QAAQ,CAAC,CA0CnB"}
+{"version":3,"file":"static-generation.d.ts","sourceRoot":"","sources":["../../../../src/src/build/production-build/static-generation.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,qCAAqC,CAAC;AAC7E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEzD,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAI3E,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,KAAK,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC9D,UAAU,CAAC,EAAE;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,KAAK,GAAG,WAAW,CAAC;KAC3B,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,iBAAiB,CAAC;IAC5B,MAAM,EAAE,eAAe,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,aAAa,EAAE,aAAa,GAAG,IAAI,CAAC;IACpC,mGAAmG;IACnG,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC;IAClE,8CAA8C;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAoBD,wBAAsB,gBAAgB,CACpC,MAAM,EAAE,SAAS,EAAE,EACnB,OAAO,EAAE,UAAU,GAClB,OAAO,CAAC,QAAQ,CAAC,CA+FnB;AAED,wBAAsB,cAAc,CAClC,SAAS,EAAE,YAAY,EAAE,EACzB,OAAO,EAAE,UAAU,GAClB,OAAO,CAAC,QAAQ,CAAC,CA4CnB"}

package/esm/src/build/production-build/static-generation.js

@@ -80,7 +80,7 @@ ${clientStyles}
     return stats;
 }
 export async function buildAppRoutes(appRoutes, options) {
-    const { adapter, projectDir, outputDir, contentSourceId = "build-static", dryRun = false, traceStep = defaultTraceStep, } = options;
+    const { adapter, projectDir, outputDir, contentSourceId = "build-static", dryRun = false, traceStep = defaultTraceStep, reactVersion, } = options;
     const stats = { pages: 0, totalSize: 0, ssgPaths: [] };
     if (appRoutes.length === 0)
         return stats;
@@ -93,6 +93,7 @@ export async function buildAppRoutes(appRoutes, options) {
                 routePath: route.path,
                 pageFile: route.pageFile,
                 contentSourceId,
+                reactVersion,
             }));
             const outputPath = getAppRouteOutputPath(outputDir, route.path);
             if (!dryRun) {

package/esm/src/html/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/src/html/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,CAOzF;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,OAAO,EACjB,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,CAOR;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAOD,wBAAsB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAmBlF;AAqKD,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC;AAED,wBAAsB,kBAAkB,CACtC,OAAO,CAAC,EAAE,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACvD,OAAO,CAAC,MAAM,CAAC,CAuCjB;AAED,wBAAgB,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAGjF;AAED,wBAAgB,mBAAmB,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAElF"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/src/html/utils.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAQ1D,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,MAAM,CAOzF;AAED,wBAAgB,sBAAsB,CACpC,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,OAAO,EACjB,OAAO,CAAC,EAAE,MAAM,GACf,MAAM,CAOR;AAED,UAAU,gBAAgB;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB;AAOD,wBAAsB,cAAc,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,gBAAgB,CAAC,CAmBlF;AAuKD,MAAM,WAAW,qBAAqB;IACpC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACxC;AAED,wBAAsB,kBAAkB,CACtC,OAAO,CAAC,EAAE,qBAAqB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GACvD,OAAO,CAAC,MAAM,CAAC,CAuCjB;AAED,wBAAgB,sBAAsB,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAGjF;AAED,wBAAgB,mBAAmB,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,OAAO,CAElF"}

package/esm/src/html/utils.js

@@ -1,5 +1,6 @@
 import { escapeHTML } from "./html-escape.js";
 import { REACT_DEFAULT_VERSION, VERYFRONT_VERSION } from "../utils/constants/cdn.js";
+import { esmShReact } from "../transforms/esm/package-registry.js";
 function joinAttributes(attrs) {
     return attrs.filter(Boolean).join(" ");
 }
@@ -61,11 +62,13 @@ 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}?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`,
+        // Use centralized esmShReact() helper from package-registry.ts to ensure URL consistency
+        // Any URL mismatch causes esm.sh to serve different modules -> multiple React instances -> hooks fail
+        react: (v) => esmShReact("react", v),
+        reactDom: (v) => esmShReact("react-dom", v, "", true),
+        reactDomClient: (v) => esmShReact("react-dom", v, "/client", true),
+        jsxRuntime: (v) => esmShReact("react", v, "/jsx-runtime", true),
+        jsxDevRuntime: (v) => esmShReact("react", v, "/jsx-dev-runtime", true),
         veryfrontAgentReact: (v) => `https://esm.sh/veryfront@${v}/agent/react?external=react,react-dom&target=es2022`,
         veryfrontComponentsAi: (v) => `https://esm.sh/veryfront@${v}/components/ai?external=react,react-dom&target=es2022`,
         veryfrontPrimitives: (v) => `https://esm.sh/veryfront@${v}/primitives?external=react,react-dom&target=es2022`,

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;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"}
+{"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;AAQtF,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,7 +3,7 @@ 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";
+import { DEFAULT_REACT_VERSION, getReactImportMap, } from "../../transforms/esm/package-registry.js";
 export function loadComponentsUnified(components, projectDir, adapter, options) {
     return withSpan("modules.loadComponentsUnified", async () => {
         const projectId = options?.projectId ?? projectDir;
@@ -38,12 +38,14 @@ async function writeComponentFiles(tmpDir, components, adapter) {
 }
 function generateEntryPoint(components, reactVersion) {
     const version = reactVersion ?? DEFAULT_REACT_VERSION;
+    // Use centralized React URL from package-registry to ensure consistency
+    const reactUrl = getReactImportMap(version).react;
     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@${version}?target=es2022'
+    import * as React from '${reactUrl}'
     ${imports}
 
     export { ${exports} }

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":"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"}
+{"version":3,"file":"ssr-import-rewriter.d.ts","sourceRoot":"","sources":["../../../../src/src/modules/server/ssr-import-rewriter.ts"],"names":[],"mappings":"AAGA,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;AA8FD,wBAAgB,sBAAsB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,iBAAsB,GAAG,MAAM,CAK5F"}

package/esm/src/modules/server/ssr-import-rewriter.js

@@ -1,7 +1,12 @@
 import { getReactImportMap, getReactVersion } from "../../transforms/esm/package-registry.js";
+import { isDeno } from "../../platform/compat/runtime.js";
 function shouldKeepBareSpecifier(specifier) {
-    if (specifier.startsWith("npm:") ||
-        specifier.startsWith("http://") ||
+    // npm: specifiers are only supported in Deno, not Node.js
+    // In Node.js, we need to convert them to esm.sh URLs (handled in rewriteBareImports)
+    if (specifier.startsWith("npm:")) {
+        return isDeno;
+    }
+    if (specifier.startsWith("http://") ||
         specifier.startsWith("https://") ||
         specifier.startsWith("file://") ||
         specifier.startsWith("node:")) {
@@ -37,13 +42,15 @@ function resolveReactForRuntime(specifier, version) {
 function rewriteBareImports(code, version) {
     const v = version ?? getReactVersion();
     return code.replace(/from\s+["']([^"'./][^"']*)["']/g, (_match, specifier) => {
-        const reactUrl = resolveReactForRuntime(specifier, v);
+        // Strip npm: prefix for resolution (npm: is Deno-specific)
+        const bareSpecifier = specifier.startsWith("npm:") ? specifier.slice(4) : specifier;
+        const reactUrl = resolveReactForRuntime(bareSpecifier, v);
         if (reactUrl)
             return `from "${reactUrl}"`;
         if (shouldKeepBareSpecifier(specifier))
             return `from "${specifier}"`;
         // For third-party packages: Use esm.sh with external=react
-        return `from "https://esm.sh/${specifier}?external=react&target=es2022"`;
+        return `from "https://esm.sh/${bareSpecifier}?external=react&target=es2022"`;
     });
 }
 function rewritePathAliases(code, options) {

package/esm/src/react/compat/config-generator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config-generator.d.ts","sourceRoot":"","sources":["../../../../src/src/react/compat/config-generator.ts"],"names":[],"mappings":"AAKA,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,iBAAiB,IAAI,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAClD,oBAAoB,IAAI,YAAY,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,kBAAkB,CAoClE,CAAC;AAcF,wBAAsB,0BAA0B,CAC9C,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,YAAY,EAC3B,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAO,GACvE,OAAO,CAAC,IAAI,CAAC,CA0Bf;AAED,wBAAsB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAM/E;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE7E;AAED,wBAAsB,4BAA4B,CAChD,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAsB9B;AAED,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,oBAAoB,CAsBnF"}
+{"version":3,"file":"config-generator.d.ts","sourceRoot":"","sources":["../../../../src/src/react/compat/config-generator.ts"],"names":[],"mappings":"AAWA,MAAM,MAAM,YAAY,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE9C,MAAM,WAAW,kBAAkB;IACjC,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACjC;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,OAAO,EAAE,YAAY,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/C,iBAAiB,IAAI,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAAC;IAClD,oBAAoB,IAAI,YAAY,EAAE,CAAC;CACxC;AAED,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,YAAY,EAAE,kBAAkB,CAgBlE,CAAC;AAcF,wBAAsB,0BAA0B,CAC9C,UAAU,EAAE,MAAM,EAClB,aAAa,EAAE,YAAY,EAC3B,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,MAAM,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;CAAO,GACvE,OAAO,CAAC,IAAI,CAAC,CA0Bf;AAED,wBAAsB,uBAAuB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC,CAM/E;AAED,wBAAgB,eAAe,CAAC,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAE7E;AAED,wBAAsB,4BAA4B,CAChD,UAAU,EAAE,MAAM,GACjB,OAAO,CAAC,YAAY,GAAG,IAAI,CAAC,CAsB9B;AAED,wBAAgB,0BAA0B,CAAC,UAAU,EAAE,MAAM,GAAG,oBAAoB,CAsBnF"}

package/esm/src/react/compat/config-generator.js

@@ -2,41 +2,23 @@ import { rendererLogger as logger } from "../../utils/index.js";
 import { join } from "../../platform/compat/path/index.js";
 import { createError, toError } from "../../errors/veryfront-error.js";
 import { createFileSystem } from "../../platform/compat/fs.js";
+import { getReactUrls } from "../../transforms/esm/package-registry.js";
+import { REACT_VERSION_17, REACT_VERSION_18_2, REACT_VERSION_19_RC, } from "../../utils/constants/cdn.js";
 export const REACT_CONFIGS = {
     "17": {
         version: "17",
-        exact: "17.0.2",
-        imports: {
-            react: "https://esm.sh/react@17.0.2",
-            "react-dom": "https://esm.sh/react-dom@17.0.2",
-            "react-dom/server": "https://esm.sh/react-dom@17.0.2/server",
-            "react/jsx-runtime": "https://esm.sh/react@17.0.2/jsx-runtime",
-            "react/jsx-dev-runtime": "https://esm.sh/react@17.0.2/jsx-dev-runtime",
-        },
+        exact: REACT_VERSION_17,
+        imports: getReactUrls(REACT_VERSION_17),
     },
     "18": {
         version: "18",
-        exact: "18.2.0",
-        imports: {
-            react: "https://esm.sh/react@18.2.0",
-            "react-dom": "https://esm.sh/react-dom@18.2.0",
-            "react-dom/server": "https://esm.sh/react-dom@18.2.0/server",
-            "react-dom/client": "https://esm.sh/react-dom@18.2.0/client",
-            "react/jsx-runtime": "https://esm.sh/react@18.2.0/jsx-runtime",
-            "react/jsx-dev-runtime": "https://esm.sh/react@18.2.0/jsx-dev-runtime",
-        },
+        exact: REACT_VERSION_18_2,
+        imports: getReactUrls(REACT_VERSION_18_2),
     },
     "19": {
         version: "19",
-        exact: "19.0.0-rc.0",
-        imports: {
-            react: "https://esm.sh/react@19.0.0-rc.0",
-            "react-dom": "https://esm.sh/react-dom@19.0.0-rc.0",
-            "react-dom/server": "https://esm.sh/react-dom@19.0.0-rc.0/server",
-            "react-dom/client": "https://esm.sh/react-dom@19.0.0-rc.0/client",
-            "react/jsx-runtime": "https://esm.sh/react@19.0.0-rc.0/jsx-runtime",
-            "react/jsx-dev-runtime": "https://esm.sh/react@19.0.0-rc.0/jsx-dev-runtime",
-        },
+        exact: REACT_VERSION_19_RC,
+        imports: getReactUrls(REACT_VERSION_19_RC),
     },
 };
 function getReactConfig(version) {

package/esm/src/server/build-app-route-renderer.d.ts

@@ -11,5 +11,6 @@ export declare function renderAppRouteToHTML(args: {
     routePath: string;
     pageFile: string;
     contentSourceId: string;
+    reactVersion?: string;
 }): Promise<string>;
 //# sourceMappingURL=build-app-route-renderer.d.ts.map

package/esm/src/server/build-app-route-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"build-app-route-renderer.d.ts","sourceRoot":"","sources":["../../../src/src/server/build-app-route-renderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AA+BnE;;GAEG;AACH,wBAAsB,oBAAoB,CAAC,IAAI,EAAE;IAC/C,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;CACzB,GAAG,OAAO,CAAC,MAAM,CAAC,CAyMlB"}
+{"version":3,"file":"build-app-route-renderer.d.ts","sourceRoot":"","sources":["../../../src/src/server/build-app-route-renderer.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAgCnE;;GAEG;AACH,wBAAsB,oBAAoB,CAAC,IAAI,EAAE;IAC/C,OAAO,EAAE,cAAc,CAAC;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,eAAe,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,GAAG,OAAO,CAAC,MAAM,CAAC,CAiMlB"}

package/esm/src/server/build-app-route-renderer.js

@@ -6,6 +6,7 @@ import { join } from "../platform/compat/path/index.js";
 import { getProjectReact, renderToStringAdapter } from "../react/index.js";
 import { loadComponentFromSource } from "../modules/react-loader/index.js";
 import { CompilationError } from "../errors/index.js";
+import { DEFAULT_REACT_VERSION, getReactUrls } from "../transforms/esm/package-registry.js";
 async function fileExists(adapter, filePath) {
     try {
         const st = await adapter.fs.stat(filePath);
@@ -28,7 +29,7 @@ async function loadComponent(adapter, filePath, projectDir, contentSourceId) {
  * Render an App Router route to HTML
  */
 export async function renderAppRouteToHTML(args) {
-    const { adapter, projectDir, routePath, pageFile, contentSourceId } = args;
+    const { adapter, projectDir, routePath, pageFile, contentSourceId, reactVersion } = args;
     const appRoot = join(projectDir, "app");
     const layouts = [];
     const rootLayout = join(appRoot, "layout.tsx");
@@ -74,15 +75,7 @@ export async function renderAppRouteToHTML(args) {
 
   <!-- Import map for React dependencies -->
   <script type="importmap">
-  {
-    "imports": {
-      "react": "https://esm.sh/react@18.3.1",
-      "react-dom": "https://esm.sh/react-dom@18.3.1",
-      "react-dom/client": "https://esm.sh/react-dom@18.3.1/client",
-      "react/jsx-runtime": "https://esm.sh/react@18.3.1/jsx-runtime",
-      "react/jsx-dev-runtime": "https://esm.sh/react@18.3.1/jsx-dev-runtime"
-    }
-  }
+  ${JSON.stringify({ imports: getReactUrls(reactVersion ?? DEFAULT_REACT_VERSION) }, null, 4)}
   </script>
 
   <!-- Basic styles -->

package/esm/src/transforms/esm/import-rewriter.d.ts

@@ -1,4 +1,4 @@
 export declare function addHMRTimestamps(code: string, timestamp: string | number): Promise<string>;
-export declare function rewriteBareImports(code: string, _moduleServerUrl?: string): Promise<string>;
+export declare function rewriteBareImports(code: string, _moduleServerUrl?: string, reactVersion?: string): Promise<string>;
 export declare function rewriteVendorImports(code: string, moduleServerUrl: string, vendorBundleHash: string): Promise<string>;
 //# sourceMappingURL=import-rewriter.d.ts.map

package/esm/src/transforms/esm/import-rewriter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"import-rewriter.d.ts","sourceRoot":"","sources":["../../../../src/src/transforms/esm/import-rewriter.ts"],"names":[],"mappings":"AAKA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAmB1F;AAoDD,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAuB3F;AAWD,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,eAAe,EAAE,MAAM,EACvB,gBAAgB,EAAE,MAAM,GACvB,OAAO,CAAC,MAAM,CAAC,CAgEjB"}
+{"version":3,"file":"import-rewriter.d.ts","sourceRoot":"","sources":["../../../../src/src/transforms/esm/import-rewriter.ts"],"names":[],"mappings":"AAMA,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAmB1F;AAwCD,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,EACZ,gBAAgB,CAAC,EAAE,MAAM,EACzB,YAAY,CAAC,EAAE,MAAM,GACpB,OAAO,CAAC,MAAM,CAAC,CA0BjB;AAWD,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,EACZ,eAAe,EAAE,MAAM,EACvB,gBAAgB,EAAE,MAAM,GACvB,OAAO,CAAC,MAAM,CAAC,CAgEjB"}

package/esm/src/transforms/esm/import-rewriter.js

@@ -2,6 +2,7 @@ import { parseImports, replaceSpecifiers, rewriteImports } from "./lexer.js";
 import { REACT_DEFAULT_VERSION, TAILWIND_VERSION } from "../../utils/constants/cdn.js";
 import { rendererLogger as logger } from "../../utils/index.js";
 import { withSpan } from "../../observability/tracing/otlp-setup.js";
+import { getReactImportMap } from "./package-registry.js";
 export function addHMRTimestamps(code, timestamp) {
     return withSpan("transforms.esm.addHMRTimestamps", () => replaceSpecifiers(code, (specifier) => {
         const isLocalImport = specifier.startsWith("./") ||
@@ -38,14 +39,6 @@ function warnUnversionedImport(specifier) {
 function normalizeVersionedSpecifier(specifier) {
     return specifier.replace(/@[\d^~x][\d.x^~-]*(?=\/|$)/, "");
 }
-const REACT_IMPORT_MAP = {
-    react: `https://esm.sh/react@${REACT_DEFAULT_VERSION}?target=es2022`,
-    "react-dom": `https://esm.sh/react-dom@${REACT_DEFAULT_VERSION}?external=react&target=es2022`,
-    "react-dom/client": `https://esm.sh/react-dom@${REACT_DEFAULT_VERSION}/client?external=react&target=es2022`,
-    "react-dom/server": `https://esm.sh/react-dom@${REACT_DEFAULT_VERSION}/server?external=react&target=es2022`,
-    "react/jsx-runtime": `https://esm.sh/react@${REACT_DEFAULT_VERSION}/jsx-runtime?target=es2022`,
-    "react/jsx-dev-runtime": `https://esm.sh/react@${REACT_DEFAULT_VERSION}/jsx-dev-runtime?target=es2022`,
-};
 function shouldSkipRewrite(specifier) {
     return (specifier.startsWith("http://") ||
         specifier.startsWith("https://") ||
@@ -56,9 +49,11 @@ function shouldSkipRewrite(specifier) {
         specifier.startsWith("#") ||
         specifier.startsWith("veryfront"));
 }
-export function rewriteBareImports(code, _moduleServerUrl) {
+export function rewriteBareImports(code, _moduleServerUrl, reactVersion) {
+    // Get React import map for the specified version (uses centralized URL builder)
+    const reactImportMap = getReactImportMap(reactVersion ?? REACT_DEFAULT_VERSION);
     return withSpan("transforms.esm.rewriteBareImports", () => replaceSpecifiers(code, (specifier) => {
-        const mapped = REACT_IMPORT_MAP[specifier];
+        const mapped = reactImportMap[specifier];
         if (mapped)
             return mapped;
         if (shouldSkipRewrite(specifier))

package/esm/src/transforms/esm/package-registry.d.ts

@@ -44,6 +44,14 @@ export declare const REACT_VERSION = "19.1.1";
  * v12: Store HTTP bundle code by hash for direct recovery (code:{hash})
  */
 export declare const TRANSFORM_CACHE_VERSION = 12;
+/** csstype version - must match deno.json for type consistency */
+export declare const CSSTYPE_VERSION = "3.2.3";
+/**
+ * Build esm.sh URL with deps=csstype for React packages (ensures type consistency).
+ * CRITICAL: This is the single source of truth for React URLs. All other files
+ * (html/utils.ts, import-rewriter.ts, etc.) must use this or getReactImportMap().
+ */
+export declare function esmShReact(pkg: string, version: string, path?: string, external?: boolean): string;
 /**
  * Generate esm.sh URL for browser.
  * Uses ?external= so browser import map provides React (ensures single instance).

package/esm/src/transforms/esm/package-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"package-registry.d.ts","sourceRoot":"","sources":["../../../../src/src/transforms/esm/package-registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,wEAAwE;AACxE,eAAO,MAAM,qBAAqB,WAAW,CAAC;AAC9C,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAOzE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED,iEAAiE;AACjE,eAAO,MAAM,aAAa,WAAwB,CAAC;AAEnD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAa1C;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAI9F;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUrE;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO1E;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAU3E"}
+{"version":3,"file":"package-registry.d.ts","sourceRoot":"","sources":["../../../../src/src/transforms/esm/package-registry.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,wEAAwE;AACxE,eAAO,MAAM,qBAAqB,WAAW,CAAC;AAC9C,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,MAAM,GAAG,OAAO,CAE5D;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,MAAM,CAOzE;AAED;;;;GAIG;AACH,wBAAgB,eAAe,IAAI,MAAM,CAExC;AAED,iEAAiE;AACjE,eAAO,MAAM,aAAa,WAAwB,CAAC;AAEnD;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,uBAAuB,KAAK,CAAC;AAE1C,kEAAkE;AAClE,eAAO,MAAM,eAAe,UAAU,CAAC;AAEvC;;;;GAIG;AACH,wBAAgB,UAAU,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,SAAK,EAAE,QAAQ,UAAQ,GAAG,MAAM,CAK5F;AAED;;;;GAIG;AACH,wBAAgB,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAI9F;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAUrE;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAO1E;AAED;;;;;;GAMG;AACH,wBAAgB,kBAAkB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAU3E"}

package/esm/src/transforms/esm/package-registry.js

@@ -56,9 +56,13 @@ export const REACT_VERSION = DEFAULT_REACT_VERSION;
  */
 export const TRANSFORM_CACHE_VERSION = 12;
 /** csstype version - must match deno.json for type consistency */
-const CSSTYPE_VERSION = "3.2.3";
-/** Build esm.sh URL with deps=csstype for React packages (ensures type consistency) */
-function esmShReact(pkg, version, path = "", external = false) {
+export const CSSTYPE_VERSION = "3.2.3";
+/**
+ * Build esm.sh URL with deps=csstype for React packages (ensures type consistency).
+ * CRITICAL: This is the single source of truth for React URLs. All other files
+ * (html/utils.ts, import-rewriter.ts, etc.) must use this or getReactImportMap().
+ */
+export function esmShReact(pkg, version, path = "", external = false) {
     const params = external
         ? [`external=react`, `target=es2022`, `deps=csstype@${CSSTYPE_VERSION}`]
         : [`target=es2022`, `deps=csstype@${CSSTYPE_VERSION}`];

package/esm/src/transforms/pipeline/stages/resolve-bare.js

@@ -18,7 +18,7 @@ export const resolveBarePlugin = {
         if (ctx.moduleServerUrl && ctx.vendorBundleHash) {
             return rewriteVendorImports(ctx.code, ctx.moduleServerUrl, ctx.vendorBundleHash);
         }
-        return rewriteBareImports(ctx.code, ctx.moduleServerUrl);
+        return rewriteBareImports(ctx.code, ctx.moduleServerUrl, ctx.reactVersion);
     },
 };
 export default resolveBarePlugin;

package/esm/src/utils/constants/cdn.d.ts

@@ -7,13 +7,16 @@ export declare const REACT_VERSION_18_3 = "18.3.1";
 export declare const REACT_VERSION_19_RC = "19.0.0-rc.0";
 export declare const REACT_VERSION_19 = "19.1.1";
 export declare const REACT_DEFAULT_VERSION = "19.1.1";
-export declare function getReactCDNUrl(version?: string): string;
-export declare function getReactDOMCDNUrl(version?: string): string;
-export declare function getReactDOMClientCDNUrl(version?: string): string;
-export declare function getReactDOMServerCDNUrl(version?: string): string;
-export declare function getReactJSXRuntimeCDNUrl(version?: string): string;
-export declare function getReactJSXDevRuntimeCDNUrl(version?: string): string;
-export declare function getReactImportMap(version?: string): Record<string, string>;
+import * as ReactRegistry from "../../transforms/esm/package-registry.js";
+export declare const esmShReact: typeof ReactRegistry.esmShReact;
+export declare const getReactImportMap: typeof ReactRegistry.getReactImportMap;
+export declare const getReactUrls: typeof ReactRegistry.getReactUrls;
+export declare const getReactCDNUrl: (version?: string) => string;
+export declare const getReactDOMCDNUrl: (version?: string) => string;
+export declare const getReactDOMClientCDNUrl: (version?: string) => string;
+export declare const getReactDOMServerCDNUrl: (version?: string) => string;
+export declare const getReactJSXRuntimeCDNUrl: (version?: string) => string;
+export declare const getReactJSXDevRuntimeCDNUrl: (version?: string) => string;
 export declare const DEFAULT_ALLOWED_CDN_HOSTS: string[];
 export declare const DENO_STD_VERSION = "0.220.0";
 export declare function getDenoStdNodeBase(): string;

package/esm/src/utils/constants/cdn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../../../../src/src/utils/constants/cdn.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,mBAAmB,CAAC;AAC7C,eAAO,MAAM,iBAAiB,6BAA6B,CAAC;AAC5D,eAAO,MAAM,aAAa,sBAAsB,CAAC;AAEjD,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAC3C,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAC3C,eAAO,MAAM,mBAAmB,gBAAgB,CAAC;AACjD,eAAO,MAAM,gBAAgB,WAAW,CAAC;AAEzC,eAAO,MAAM,qBAAqB,WAAmB,CAAC;AAmBtD,wBAAgB,cAAc,CAAC,OAAO,GAAE,MAA8B,GAAG,MAAM,CAE9E;AAED,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,MAA8B,GAAG,MAAM,CAEjF;AAED,wBAAgB,uBAAuB,CAAC,OAAO,GAAE,MAA8B,GAAG,MAAM,CAEvF;AAED,wBAAgB,uBAAuB,CAAC,OAAO,GAAE,MAA8B,GAAG,MAAM,CAEvF;AAED,wBAAgB,wBAAwB,CAAC,OAAO,GAAE,MAA8B,GAAG,MAAM,CAExF;AAED,wBAAgB,2BAA2B,CAAC,OAAO,GAAE,MAA8B,GAAG,MAAM,CAE3F;AAED,wBAAgB,iBAAiB,CAAC,OAAO,GAAE,MAA8B,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CASjG;AAED,eAAO,MAAM,yBAAyB,UAAgC,CAAC;AAEvE,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C;AAED,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC"}
+{"version":3,"file":"cdn.d.ts","sourceRoot":"","sources":["../../../../src/src/utils/constants/cdn.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY,mBAAmB,CAAC;AAC7C,eAAO,MAAM,iBAAiB,6BAA6B,CAAC;AAC5D,eAAO,MAAM,aAAa,sBAAsB,CAAC;AAEjD,eAAO,MAAM,gBAAgB,WAAW,CAAC;AACzC,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAC3C,eAAO,MAAM,kBAAkB,WAAW,CAAC;AAC3C,eAAO,MAAM,mBAAmB,gBAAgB,CAAC;AACjD,eAAO,MAAM,gBAAgB,WAAW,CAAC;AAEzC,eAAO,MAAM,qBAAqB,WAAmB,CAAC;AAKtD,OAAO,KAAK,aAAa,MAAM,0CAA0C,CAAC;AAE1E,eAAO,MAAM,UAAU,iCAA2B,CAAC;AACnD,eAAO,MAAM,iBAAiB,wCAAkC,CAAC;AACjE,eAAO,MAAM,YAAY,mCAA6B,CAAC;AAGvD,eAAO,MAAM,cAAc,GAAI,gBAA+B,WAClB,CAAC;AAE7C,eAAO,MAAM,iBAAiB,GAAI,gBAA+B,WACd,CAAC;AAEpD,eAAO,MAAM,uBAAuB,GAAI,gBAA+B,WACb,CAAC;AAE3D,eAAO,MAAM,uBAAuB,GAAI,gBAA+B,WACb,CAAC;AAE3D,eAAO,MAAM,wBAAwB,GAAI,gBAA+B,WACb,CAAC;AAE5D,eAAO,MAAM,2BAA2B,GAAI,gBAA+B,WACZ,CAAC;AAEhE,eAAO,MAAM,yBAAyB,UAAgC,CAAC;AAEvE,eAAO,MAAM,gBAAgB,YAAY,CAAC;AAE1C,wBAAgB,kBAAkB,IAAI,MAAM,CAE3C;AAED,eAAO,MAAM,gBAAgB,UAAU,CAAC;AAExC,wBAAgB,iBAAiB,IAAI,MAAM,CAE1C;AAED,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC"}

package/esm/src/utils/constants/cdn.js

@@ -7,51 +7,20 @@ export const REACT_VERSION_18_3 = "18.3.1";
 export const REACT_VERSION_19_RC = "19.0.0-rc.0";
 export const REACT_VERSION_19 = "19.1.1";
 export const REACT_DEFAULT_VERSION = REACT_VERSION_19;
-/**
- * esm.sh URL builder with consistent query params.
- *
- * For React packages (react-dom, jsx-runtime), we only need external=react:
- * - react-dom depends on react → external=react makes it import "react" as bare specifier
- * - react-dom doesn't need external=react-dom because it IS react-dom
- * - jsx-runtime depends on react core → external=react
- *
- * Third-party packages (e.g., @tanstack/react-query) need external=react,react-dom
- * because they may depend on BOTH. That's handled by bundleHttpImports() separately.
- */
-function esmSh(pkg, version, path = "", external = false) {
-    const params = ["target=es2022"];
-    if (external)
-        params.push("external=react");
-    return `${ESM_CDN_BASE}/${pkg}@${version}${path}?${params.join("&")}`;
-}
-export function getReactCDNUrl(version = REACT_DEFAULT_VERSION) {
-    return esmSh("react", version);
-}
-export function getReactDOMCDNUrl(version = REACT_DEFAULT_VERSION) {
-    return esmSh("react-dom", version, "", true);
-}
-export function getReactDOMClientCDNUrl(version = REACT_DEFAULT_VERSION) {
-    return esmSh("react-dom", version, "/client", true);
-}
-export function getReactDOMServerCDNUrl(version = REACT_DEFAULT_VERSION) {
-    return esmSh("react-dom", version, "/server", true);
-}
-export function getReactJSXRuntimeCDNUrl(version = REACT_DEFAULT_VERSION) {
-    return esmSh("react", version, "/jsx-runtime", true);
-}
-export function getReactJSXDevRuntimeCDNUrl(version = REACT_DEFAULT_VERSION) {
-    return esmSh("react", version, "/jsx-dev-runtime", true);
-}
-export function getReactImportMap(version = REACT_DEFAULT_VERSION) {
-    return {
-        react: getReactCDNUrl(version),
-        "react-dom": getReactDOMCDNUrl(version),
-        "react-dom/client": getReactDOMClientCDNUrl(version),
-        "react-dom/server": getReactDOMServerCDNUrl(version),
-        "react/jsx-runtime": getReactJSXRuntimeCDNUrl(version),
-        "react/jsx-dev-runtime": getReactJSXDevRuntimeCDNUrl(version),
-    };
-}
+// Re-export from package-registry.ts - the SINGLE SOURCE OF TRUTH for React URLs.
+// This ensures all React URLs include deps=csstype and match exactly.
+// DO NOT add duplicate URL builders here - use package-registry.ts instead.
+import * as ReactRegistry from "../../transforms/esm/package-registry.js";
+export const esmShReact = ReactRegistry.esmShReact;
+export const getReactImportMap = ReactRegistry.getReactImportMap;
+export const getReactUrls = ReactRegistry.getReactUrls;
+// Named getters for convenience - delegate to ReactRegistry
+export const getReactCDNUrl = (version = REACT_DEFAULT_VERSION) => ReactRegistry.getReactUrls(version).react;
+export const getReactDOMCDNUrl = (version = REACT_DEFAULT_VERSION) => ReactRegistry.getReactUrls(version)["react-dom"];
+export const getReactDOMClientCDNUrl = (version = REACT_DEFAULT_VERSION) => ReactRegistry.getReactUrls(version)["react-dom/client"];
+export const getReactDOMServerCDNUrl = (version = REACT_DEFAULT_VERSION) => ReactRegistry.getReactUrls(version)["react-dom/server"];
+export const getReactJSXRuntimeCDNUrl = (version = REACT_DEFAULT_VERSION) => ReactRegistry.getReactUrls(version)["react/jsx-runtime"];
+export const getReactJSXDevRuntimeCDNUrl = (version = REACT_DEFAULT_VERSION) => ReactRegistry.getReactUrls(version)["react/jsx-dev-runtime"];
 export const DEFAULT_ALLOWED_CDN_HOSTS = [ESM_CDN_BASE, DENO_STD_BASE];
 export const DENO_STD_VERSION = "0.220.0";
 export function getDenoStdNodeBase() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veryfront",
-  "version": "0.0.92",
+  "version": "0.0.93",
   "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.0.92",
+  "version": "0.0.93",
   "nodeModulesDir": "auto",
   "exclude": [
     "npm/",

package/src/src/build/production-build/static-generation.ts

@@ -45,6 +45,8 @@ export interface SSGOptions {
   baseUrl?: string;
   dryRun?: boolean;
   traceStep?: <T>(name: string, fn: () => Promise<T>) => Promise<T>;
+  /** React version for import map generation */
+  reactVersion?: string;
 }
 
 function getOutputPath(outputDir: string, slug: string): string {
@@ -176,6 +178,7 @@ export async function buildAppRoutes(
     contentSourceId = "build-static",
     dryRun = false,
     traceStep = defaultTraceStep,
+    reactVersion,
   } = options;
 
   const stats: SSGStats = { pages: 0, totalSize: 0, ssgPaths: [] };
@@ -192,6 +195,7 @@ export async function buildAppRoutes(
           routePath: route.path,
           pageFile: route.pageFile,
           contentSourceId,
+          reactVersion,
         }));
 
       const outputPath = getAppRouteOutputPath(outputDir, route.path);

package/src/src/html/utils.ts

@@ -1,6 +1,7 @@
 import { escapeHTML } from "./html-escape.js";
 import type { VeryfrontConfig } from "../config/types.js";
 import { REACT_DEFAULT_VERSION, VERYFRONT_VERSION } from "../utils/constants/cdn.js";
+import { esmShReact } from "../transforms/esm/package-registry.js";
 
 function joinAttributes(attrs: Array<string | false | undefined | null | "">): string {
   return attrs.filter(Boolean).join(" ");
@@ -96,11 +97,13 @@ interface CdnUrlTemplates {
 
 const CDN_URL_TEMPLATES: Record<CdnProvider, CdnUrlTemplates> = {
   "esm.sh": {
-    react: (v) => `https://esm.sh/react@${v}?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`,
+    // Use centralized esmShReact() helper from package-registry.ts to ensure URL consistency
+    // Any URL mismatch causes esm.sh to serve different modules -> multiple React instances -> hooks fail
+    react: (v) => esmShReact("react", v),
+    reactDom: (v) => esmShReact("react-dom", v, "", true),
+    reactDomClient: (v) => esmShReact("react-dom", v, "/client", true),
+    jsxRuntime: (v) => esmShReact("react", v, "/jsx-runtime", true),
+    jsxDevRuntime: (v) => esmShReact("react", v, "/jsx-dev-runtime", true),
     veryfrontAgentReact: (v) =>
       `https://esm.sh/veryfront@${v}/agent/react?external=react,react-dom&target=es2022`,
     veryfrontComponentsAi: (v) =>

package/src/src/modules/react-loader/unified-loader.ts

@@ -6,7 +6,10 @@ import { rendererLogger as logger } from "../../utils/index.js";
 import { withSpan } from "../../observability/tracing/otlp-setup.js";
 import { getProjectTmpDir } from "./temp-directory.js";
 import type { ComponentMap, ComponentSource, LoadComponentOptions } from "./types.js";
-import { DEFAULT_REACT_VERSION } from "../../transforms/esm/package-registry.js";
+import {
+  DEFAULT_REACT_VERSION,
+  getReactImportMap,
+} from "../../transforms/esm/package-registry.js";
 
 type TransformedComponent = { name: string; code: string };
 
@@ -78,6 +81,8 @@ async function writeComponentFiles(
 
 function generateEntryPoint(components: TransformedComponent[], reactVersion?: string): string {
   const version = reactVersion ?? DEFAULT_REACT_VERSION;
+  // Use centralized React URL from package-registry to ensure consistency
+  const reactUrl = getReactImportMap(version).react;
   const imports = components
     .map((comp) => `import { default as ${comp.name} } from './${comp.name}.js'`)
     .join("\n");
@@ -85,7 +90,7 @@ function generateEntryPoint(components: TransformedComponent[], reactVersion?: s
   const exports = components.map((comp) => comp.name).join(", ");
 
   return `
-    import * as React from 'https://esm.sh/react@${version}?target=es2022'
+    import * as React from '${reactUrl}'
     ${imports}
 
     export { ${exports} }

package/src/src/modules/server/ssr-import-rewriter.ts

@@ -1,4 +1,5 @@
 import { getReactImportMap, getReactVersion } from "../../transforms/esm/package-registry.js";
+import { isDeno } from "../../platform/compat/runtime.js";
 
 export interface SSRRewriteOptions {
   /** Project slug for multi-project routing */
@@ -14,8 +15,13 @@ export interface SSRRewriteOptions {
 }
 
 function shouldKeepBareSpecifier(specifier: string): boolean {
+  // npm: specifiers are only supported in Deno, not Node.js
+  // In Node.js, we need to convert them to esm.sh URLs (handled in rewriteBareImports)
+  if (specifier.startsWith("npm:")) {
+    return isDeno;
+  }
+
   if (
-    specifier.startsWith("npm:") ||
     specifier.startsWith("http://") ||
     specifier.startsWith("https://") ||
     specifier.startsWith("file://") ||
@@ -60,12 +66,15 @@ function resolveReactForRuntime(specifier: string, version?: string): string | n
 function rewriteBareImports(code: string, version?: string): string {
   const v = version ?? getReactVersion();
   return code.replace(/from\s+["']([^"'./][^"']*)["']/g, (_match, specifier: string) => {
-    const reactUrl = resolveReactForRuntime(specifier, v);
+    // Strip npm: prefix for resolution (npm: is Deno-specific)
+    const bareSpecifier = specifier.startsWith("npm:") ? specifier.slice(4) : specifier;
+
+    const reactUrl = resolveReactForRuntime(bareSpecifier, v);
     if (reactUrl) return `from "${reactUrl}"`;
     if (shouldKeepBareSpecifier(specifier)) return `from "${specifier}"`;
 
     // For third-party packages: Use esm.sh with external=react
-    return `from "https://esm.sh/${specifier}?external=react&target=es2022"`;
+    return `from "https://esm.sh/${bareSpecifier}?external=react&target=es2022"`;
   });
 }
 

package/src/src/react/compat/config-generator.ts

@@ -2,6 +2,12 @@ import { rendererLogger as logger } from "../../utils/index.js";
 import { join } from "../../platform/compat/path/index.js";
 import { createError, toError } from "../../errors/veryfront-error.js";
 import { createFileSystem } from "../../platform/compat/fs.js";
+import { getReactUrls } from "../../transforms/esm/package-registry.js";
+import {
+  REACT_VERSION_17,
+  REACT_VERSION_18_2,
+  REACT_VERSION_19_RC,
+} from "../../utils/constants/cdn.js";
 
 export type ReactVersion = "17" | "18" | "19";
 
@@ -20,38 +26,18 @@ export interface ReactVersionSwitcher {
 export const REACT_CONFIGS: Record<ReactVersion, ReactVersionConfig> = {
   "17": {
     version: "17",
-    exact: "17.0.2",
-    imports: {
-      react: "https://esm.sh/react@17.0.2",
-      "react-dom": "https://esm.sh/react-dom@17.0.2",
-      "react-dom/server": "https://esm.sh/react-dom@17.0.2/server",
-      "react/jsx-runtime": "https://esm.sh/react@17.0.2/jsx-runtime",
-      "react/jsx-dev-runtime": "https://esm.sh/react@17.0.2/jsx-dev-runtime",
-    },
+    exact: REACT_VERSION_17,
+    imports: getReactUrls(REACT_VERSION_17),
   },
   "18": {
     version: "18",
-    exact: "18.2.0",
-    imports: {
-      react: "https://esm.sh/react@18.2.0",
-      "react-dom": "https://esm.sh/react-dom@18.2.0",
-      "react-dom/server": "https://esm.sh/react-dom@18.2.0/server",
-      "react-dom/client": "https://esm.sh/react-dom@18.2.0/client",
-      "react/jsx-runtime": "https://esm.sh/react@18.2.0/jsx-runtime",
-      "react/jsx-dev-runtime": "https://esm.sh/react@18.2.0/jsx-dev-runtime",
-    },
+    exact: REACT_VERSION_18_2,
+    imports: getReactUrls(REACT_VERSION_18_2),
   },
   "19": {
     version: "19",
-    exact: "19.0.0-rc.0",
-    imports: {
-      react: "https://esm.sh/react@19.0.0-rc.0",
-      "react-dom": "https://esm.sh/react-dom@19.0.0-rc.0",
-      "react-dom/server": "https://esm.sh/react-dom@19.0.0-rc.0/server",
-      "react-dom/client": "https://esm.sh/react-dom@19.0.0-rc.0/client",
-      "react/jsx-runtime": "https://esm.sh/react@19.0.0-rc.0/jsx-runtime",
-      "react/jsx-dev-runtime": "https://esm.sh/react@19.0.0-rc.0/jsx-dev-runtime",
-    },
+    exact: REACT_VERSION_19_RC,
+    imports: getReactUrls(REACT_VERSION_19_RC),
   },
 };
 

package/src/src/server/build-app-route-renderer.ts

@@ -8,6 +8,7 @@ import type { RuntimeAdapter } from "../platform/adapters/base.js";
 import { getProjectReact, renderToStringAdapter } from "../react/index.js";
 import { loadComponentFromSource } from "../modules/react-loader/index.js";
 import { CompilationError } from "../errors/index.js";
+import { DEFAULT_REACT_VERSION, getReactUrls } from "../transforms/esm/package-registry.js";
 
 type ReactComponentLike = import("react").ComponentType<{ children?: import("react").ReactNode }>;
 
@@ -44,8 +45,9 @@ export async function renderAppRouteToHTML(args: {
   routePath: string;
   pageFile: string;
   contentSourceId: string;
+  reactVersion?: string;
 }): Promise<string> {
-  const { adapter, projectDir, routePath, pageFile, contentSourceId } = args;
+  const { adapter, projectDir, routePath, pageFile, contentSourceId, reactVersion } = args;
 
   const appRoot = join(projectDir, "app");
   const layouts: string[] = [];
@@ -101,15 +103,7 @@ export async function renderAppRouteToHTML(args: {
 
   <!-- Import map for React dependencies -->
   <script type="importmap">
-  {
-    "imports": {
-      "react": "https://esm.sh/react@18.3.1",
-      "react-dom": "https://esm.sh/react-dom@18.3.1",
-      "react-dom/client": "https://esm.sh/react-dom@18.3.1/client",
-      "react/jsx-runtime": "https://esm.sh/react@18.3.1/jsx-runtime",
-      "react/jsx-dev-runtime": "https://esm.sh/react@18.3.1/jsx-dev-runtime"
-    }
-  }
+  ${JSON.stringify({ imports: getReactUrls(reactVersion ?? DEFAULT_REACT_VERSION) }, null, 4)}
   </script>
 
   <!-- Basic styles -->

package/src/src/transforms/esm/import-rewriter.ts

@@ -2,6 +2,7 @@ import { parseImports, replaceSpecifiers, rewriteImports } from "./lexer.js";
 import { REACT_DEFAULT_VERSION, TAILWIND_VERSION } from "../../utils/constants/cdn.js";
 import { rendererLogger as logger } from "../../utils/index.js";
 import { withSpan } from "../../observability/tracing/otlp-setup.js";
+import { getReactImportMap } from "./package-registry.js";
 
 export function addHMRTimestamps(code: string, timestamp: string | number): Promise<string> {
   return withSpan(
@@ -49,18 +50,6 @@ function normalizeVersionedSpecifier(specifier: string): string {
   return specifier.replace(/@[\d^~x][\d.x^~-]*(?=\/|$)/, "");
 }
 
-const REACT_IMPORT_MAP: Record<string, string> = {
-  react: `https://esm.sh/react@${REACT_DEFAULT_VERSION}?target=es2022`,
-  "react-dom": `https://esm.sh/react-dom@${REACT_DEFAULT_VERSION}?external=react&target=es2022`,
-  "react-dom/client":
-    `https://esm.sh/react-dom@${REACT_DEFAULT_VERSION}/client?external=react&target=es2022`,
-  "react-dom/server":
-    `https://esm.sh/react-dom@${REACT_DEFAULT_VERSION}/server?external=react&target=es2022`,
-  "react/jsx-runtime": `https://esm.sh/react@${REACT_DEFAULT_VERSION}/jsx-runtime?target=es2022`,
-  "react/jsx-dev-runtime":
-    `https://esm.sh/react@${REACT_DEFAULT_VERSION}/jsx-dev-runtime?target=es2022`,
-};
-
 function shouldSkipRewrite(specifier: string): boolean {
   return (
     specifier.startsWith("http://") ||
@@ -74,12 +63,19 @@ function shouldSkipRewrite(specifier: string): boolean {
   );
 }
 
-export function rewriteBareImports(code: string, _moduleServerUrl?: string): Promise<string> {
+export function rewriteBareImports(
+  code: string,
+  _moduleServerUrl?: string,
+  reactVersion?: string,
+): Promise<string> {
+  // Get React import map for the specified version (uses centralized URL builder)
+  const reactImportMap = getReactImportMap(reactVersion ?? REACT_DEFAULT_VERSION);
+
   return withSpan(
     "transforms.esm.rewriteBareImports",
     () =>
       replaceSpecifiers(code, (specifier) => {
-        const mapped = REACT_IMPORT_MAP[specifier];
+        const mapped = reactImportMap[specifier];
         if (mapped) return mapped;
 
         if (shouldSkipRewrite(specifier)) return null;

package/src/src/transforms/esm/package-registry.ts

@@ -63,10 +63,14 @@ export const REACT_VERSION = DEFAULT_REACT_VERSION;
 export const TRANSFORM_CACHE_VERSION = 12;
 
 /** csstype version - must match deno.json for type consistency */
-const CSSTYPE_VERSION = "3.2.3";
+export const CSSTYPE_VERSION = "3.2.3";
 
-/** Build esm.sh URL with deps=csstype for React packages (ensures type consistency) */
-function esmShReact(pkg: string, version: string, path = "", external = false): string {
+/**
+ * Build esm.sh URL with deps=csstype for React packages (ensures type consistency).
+ * CRITICAL: This is the single source of truth for React URLs. All other files
+ * (html/utils.ts, import-rewriter.ts, etc.) must use this or getReactImportMap().
+ */
+export function esmShReact(pkg: string, version: string, path = "", external = false): string {
   const params = external
     ? [`external=react`, `target=es2022`, `deps=csstype@${CSSTYPE_VERSION}`]
     : [`target=es2022`, `deps=csstype@${CSSTYPE_VERSION}`];

package/src/src/transforms/pipeline/stages/resolve-bare.ts

@@ -24,7 +24,7 @@ export const resolveBarePlugin: TransformPlugin = {
       return rewriteVendorImports(ctx.code, ctx.moduleServerUrl, ctx.vendorBundleHash);
     }
 
-    return rewriteBareImports(ctx.code, ctx.moduleServerUrl);
+    return rewriteBareImports(ctx.code, ctx.moduleServerUrl, ctx.reactVersion);
   },
 };
 

package/src/src/utils/constants/cdn.ts

@@ -10,57 +10,33 @@ export const REACT_VERSION_19 = "19.1.1";
 
 export const REACT_DEFAULT_VERSION = REACT_VERSION_19;
 
-/**
- * esm.sh URL builder with consistent query params.
- *
- * For React packages (react-dom, jsx-runtime), we only need external=react:
- * - react-dom depends on react → external=react makes it import "react" as bare specifier
- * - react-dom doesn't need external=react-dom because it IS react-dom
- * - jsx-runtime depends on react core → external=react
- *
- * Third-party packages (e.g., @tanstack/react-query) need external=react,react-dom
- * because they may depend on BOTH. That's handled by bundleHttpImports() separately.
- */
-function esmSh(pkg: string, version: string, path = "", external = false): string {
-  const params = ["target=es2022"];
-  if (external) params.push("external=react");
-  return `${ESM_CDN_BASE}/${pkg}@${version}${path}?${params.join("&")}`;
-}
+// Re-export from package-registry.ts - the SINGLE SOURCE OF TRUTH for React URLs.
+// This ensures all React URLs include deps=csstype and match exactly.
+// DO NOT add duplicate URL builders here - use package-registry.ts instead.
+import * as ReactRegistry from "../../transforms/esm/package-registry.js";
 
-export function getReactCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return esmSh("react", version);
-}
+export const esmShReact = ReactRegistry.esmShReact;
+export const getReactImportMap = ReactRegistry.getReactImportMap;
+export const getReactUrls = ReactRegistry.getReactUrls;
 
-export function getReactDOMCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return esmSh("react-dom", version, "", true);
-}
+// Named getters for convenience - delegate to ReactRegistry
+export const getReactCDNUrl = (version = REACT_DEFAULT_VERSION) =>
+  ReactRegistry.getReactUrls(version).react!;
 
-export function getReactDOMClientCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return esmSh("react-dom", version, "/client", true);
-}
+export const getReactDOMCDNUrl = (version = REACT_DEFAULT_VERSION) =>
+  ReactRegistry.getReactUrls(version)["react-dom"]!;
 
-export function getReactDOMServerCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return esmSh("react-dom", version, "/server", true);
-}
+export const getReactDOMClientCDNUrl = (version = REACT_DEFAULT_VERSION) =>
+  ReactRegistry.getReactUrls(version)["react-dom/client"]!;
 
-export function getReactJSXRuntimeCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return esmSh("react", version, "/jsx-runtime", true);
-}
+export const getReactDOMServerCDNUrl = (version = REACT_DEFAULT_VERSION) =>
+  ReactRegistry.getReactUrls(version)["react-dom/server"]!;
 
-export function getReactJSXDevRuntimeCDNUrl(version: string = REACT_DEFAULT_VERSION): string {
-  return esmSh("react", version, "/jsx-dev-runtime", true);
-}
+export const getReactJSXRuntimeCDNUrl = (version = REACT_DEFAULT_VERSION) =>
+  ReactRegistry.getReactUrls(version)["react/jsx-runtime"]!;
 
-export function getReactImportMap(version: string = REACT_DEFAULT_VERSION): Record<string, string> {
-  return {
-    react: getReactCDNUrl(version),
-    "react-dom": getReactDOMCDNUrl(version),
-    "react-dom/client": getReactDOMClientCDNUrl(version),
-    "react-dom/server": getReactDOMServerCDNUrl(version),
-    "react/jsx-runtime": getReactJSXRuntimeCDNUrl(version),
-    "react/jsx-dev-runtime": getReactJSXDevRuntimeCDNUrl(version),
-  };
-}
+export const getReactJSXDevRuntimeCDNUrl = (version = REACT_DEFAULT_VERSION) =>
+  ReactRegistry.getReactUrls(version)["react/jsx-dev-runtime"]!;
 
 export const DEFAULT_ALLOWED_CDN_HOSTS = [ESM_CDN_BASE, DENO_STD_BASE];