veryfront 0.0.93 → 0.0.95

package/esm/deno.js

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

package/esm/src/cli/app/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/src/cli/app/index.ts"],"names":[],"mappings":"AAkCA,OAAO,EAEL,KAAK,QAAQ,EAcb,KAAK,YAAY,EAQlB,MAAM,YAAY,CAAC;AASpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,GAAG;IAClB,oBAAoB;IACpB,KAAK,IAAI,IAAI,CAAC;IACd,wCAAwC;IACxC,IAAI,IAAI,IAAI,CAAC;IACb,mBAAmB;IACnB,MAAM,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,wBAAwB;IACxB,QAAQ,IAAI,QAAQ,CAAC;IACrB,8BAA8B;IAC9B,MAAM,IAAI,IAAI,CAAC;IACf,uBAAuB;IACvB,cAAc,IAAI,IAAI,CAAC;IACvB,mBAAmB;IACnB,QAAQ,IAAI,IAAI,CAAC;IACjB,mBAAmB;IACnB,WAAW,IAAI,IAAI,CAAC;IACpB,uCAAuC;IACvC,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvE,qDAAqD;IACrD,gBAAgB,IAAI,MAAM,IAAI,CAAC;CAChC;AAuMD;;GAEG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,GAAG,CA4mChD;AAED;;GAEG;AACH,wBAAsB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA2BhE;AAED,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/src/cli/app/index.ts"],"names":[],"mappings":"AAsCA,OAAO,EAEL,KAAK,QAAQ,EAcb,KAAK,YAAY,EAQlB,MAAM,YAAY,CAAC;AASpB,MAAM,WAAW,SAAS;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,QAAQ,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,GAAG;IAClB,oBAAoB;IACpB,KAAK,IAAI,IAAI,CAAC;IACd,wCAAwC;IACxC,IAAI,IAAI,IAAI,CAAC;IACb,mBAAmB;IACnB,MAAM,CAAC,OAAO,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC,wBAAwB;IACxB,QAAQ,IAAI,QAAQ,CAAC;IACrB,8BAA8B;IAC9B,MAAM,IAAI,IAAI,CAAC;IACf,uBAAuB;IACvB,cAAc,IAAI,IAAI,CAAC;IACvB,mBAAmB;IACnB,QAAQ,IAAI,IAAI,CAAC;IACjB,mBAAmB;IACnB,WAAW,IAAI,IAAI,CAAC;IACpB,uCAAuC;IACvC,GAAG,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,EAAE,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvE,qDAAqD;IACrD,gBAAgB,IAAI,MAAM,IAAI,CAAC;CAChC;AAuMD;;GAEG;AACH,wBAAgB,SAAS,CAAC,MAAM,EAAE,SAAS,GAAG,GAAG,CAinChD;AAED;;GAEG;AACH,wBAAsB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,OAAO,CAAC,IAAI,CAAC,CA2BhE;AAED,YAAY,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAC3C,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,6BAA6B,CAAC"}

package/esm/src/cli/app/index.js

@@ -9,7 +9,7 @@ import * as dntShim from "../../../_dnt.shims.js";
 import { cwd, exit, isInteractive, isStdoutTTY, writeStdout, } from "../../platform/compat/process.js";
 import { join } from "../../platform/compat/path/index.js";
 import { getRuntimeEnv } from "../../config/runtime-env.js";
-import { getStdinReader, setRawMode } from "../../platform/compat/stdin.js";
+import { createEscapeBuffer, getStdinReader, setRawMode, } from "../../platform/compat/stdin.js";
 import { cursor, screen, SPINNER_FRAMES } from "../ui/ansi.js";
 import { brand, dim } from "../ui/colors.js";
 import { getTerminalWidth } from "../ui/layout.js";
@@ -481,15 +481,20 @@ export function createApp(config) {
         setRawMode(true);
         const reader = getStdinReader();
         const decoder = new TextDecoder();
+        // Buffer escape sequences (arrow keys like \x1b[A may arrive as separate reads)
+        const escapeBuffer = createEscapeBuffer((key) => handleKey(key));
         try {
             while (running) {
                 const { value, done } = await reader.read();
                 if (done)
                     break;
-                await handleKey(decoder.decode(value));
+                const key = escapeBuffer.push(decoder.decode(value));
+                if (key)
+                    await handleKey(key);
             }
         }
         finally {
+            escapeBuffer.clear();
             reader.releaseLock();
             try {
                 setRawMode(false);

package/esm/src/platform/compat/react-paths.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"react-paths.d.ts","sourceRoot":"","sources":["../../../../src/src/platform/compat/react-paths.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAmEH,wBAAgB,kBAAkB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAa3D;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAO3D;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C"}
+{"version":3,"file":"react-paths.d.ts","sourceRoot":"","sources":["../../../../src/src/platform/compat/react-paths.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAwEH,wBAAgB,kBAAkB,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAa3D;AAED,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAO3D;AAED,wBAAgB,oBAAoB,IAAI,IAAI,CAE3C"}

package/esm/src/platform/compat/react-paths.js

@@ -8,7 +8,8 @@
  *
  * @module
  */
-import { pathToFileURL } from "node:url";
+import { fileURLToPath, pathToFileURL } from "node:url";
+import { dirname } from "node:path";
 import { isBun, isDeno, isNode } from "./runtime.js";
 import { cwd } from "./process.js";
 let localReactPathsCache = null;
@@ -45,7 +46,11 @@ function resolveReactSpecifier(specifier) {
             return `file://${resolved}`;
         }
         if (isNode) {
-            const parentUrl = pathToFileURL(`${cwd()}/`).href;
+            // Use import.meta.url (this module's location) as the parent URL.
+            // This ensures React is resolved from veryfront's node_modules,
+            // not from the cwd which may not have React installed.
+            const thisModuleDir = dirname(fileURLToPath(globalThis[Symbol.for("import-meta-ponyfill-esmodule")](import.meta).url));
+            const parentUrl = pathToFileURL(`${thisModuleDir}/`).href;
             return resolveWithImportMeta(specifier, parentUrl) ?? undefined;
         }
     }

package/esm/src/platform/compat/stdin.d.ts

@@ -27,5 +27,18 @@ export declare function waitForKeypress(): Promise<void>;
  * Returns true if Enter was pressed (continue), false if Ctrl+C (exit).
  * Works in both Deno and Node.js.
  */
+/**
+ * Buffer for escape sequences that may arrive in separate reads.
+ * Arrow keys (\x1b[A) can arrive as "\x1b" then "[A" - this combines them.
+ */
+export interface EscapeBuffer {
+    push(input: string): string | null;
+    clear(): void;
+}
+/**
+ * Create an escape sequence buffer.
+ * @param onTimeout Called when a standalone Escape key times out
+ */
+export declare function createEscapeBuffer(onTimeout: (key: string) => void): EscapeBuffer;
 export declare function waitForEnterOrExit(): Promise<boolean>;
 //# sourceMappingURL=stdin.d.ts.map

package/esm/src/platform/compat/stdin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stdin.d.ts","sourceRoot":"","sources":["../../../../src/src/platform/compat/stdin.ts"],"names":[],"mappings":"AAsBA;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAUjD;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,IAAI,OAAO,CAAC;QAAE,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAClE,WAAW,IAAI,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CA0D5C;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,CA2B/C;AAOD;;;;GAIG;AACH,wBAAgB,kBAAkB,IAAI,OAAO,CAAC,OAAO,CAAC,CA+DrD"}
+{"version":3,"file":"stdin.d.ts","sourceRoot":"","sources":["../../../../src/src/platform/compat/stdin.ts"],"names":[],"mappings":"AAsBA;;GAEG;AACH,wBAAgB,UAAU,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAUjD;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,IAAI,IAAI,OAAO,CAAC;QAAE,KAAK,EAAE,UAAU,GAAG,SAAS,CAAC;QAAC,IAAI,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IAClE,WAAW,IAAI,IAAI,CAAC;CACrB;AAED;;;GAGG;AACH,wBAAgB,cAAc,IAAI,WAAW,CA0D5C;AAED;;;GAGG;AACH,wBAAgB,eAAe,IAAI,OAAO,CAAC,IAAI,CAAC,CA2B/C;AAOD;;;;GAIG;AACH;;;GAGG;AACH,MAAM,WAAW,YAAY;IAC3B,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IACnC,KAAK,IAAI,IAAI,CAAC;CACf;AAKD;;;GAGG;AACH,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,GAAG,YAAY,CAiCjF;AAED,wBAAgB,kBAAkB,IAAI,OAAO,CAAC,OAAO,CAAC,CA+DrD"}

package/esm/src/platform/compat/stdin.js

@@ -109,11 +109,42 @@ export function waitForKeypress() {
 const CTRL_C = 0x03;
 const ENTER_CR = 0x0d;
 const ENTER_LF = 0x0a;
+const ESC = "\x1b";
+const ESC_TIMEOUT_MS = 50;
 /**
- * Wait for Enter key or Ctrl+C.
- * Returns true if Enter was pressed (continue), false if Ctrl+C (exit).
- * Works in both Deno and Node.js.
+ * Create an escape sequence buffer.
+ * @param onTimeout Called when a standalone Escape key times out
  */
+export function createEscapeBuffer(onTimeout) {
+    let pending = "";
+    let timeoutId = null;
+    function clear() {
+        if (timeoutId) {
+            clearTimeout(timeoutId);
+            timeoutId = null;
+        }
+        pending = "";
+    }
+    function push(input) {
+        if (pending) {
+            const result = pending + input;
+            clear();
+            return result;
+        }
+        if (input === ESC) {
+            pending = input;
+            timeoutId = dntShim.setTimeout(() => {
+                const key = pending;
+                clear();
+                if (key)
+                    onTimeout(key);
+            }, ESC_TIMEOUT_MS);
+            return null;
+        }
+        return input;
+    }
+    return { push, clear };
+}
 export function waitForEnterOrExit() {
     return new Promise((resolve) => {
         if (typeof dntShim.Deno !== "undefined" && dntShim.Deno.stdin) {

package/esm/src/transforms/esm/http-cache.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"http-cache.d.ts","sourceRoot":"","sources":["../../../../src/src/transforms/esm/http-cache.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAezE,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,eAAe,CAAC;IAC3B,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAoVF;;GAEG;AACH,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,YAAY,GACpB,OAAO,CAAC,MAAM,CAAC,CAOjB;AAED;;;;;;;;GAQG;AACH,wBAAsB,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAOvF;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,uBAAuB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CA8D9F;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,sBAAsB,CAC1C,WAAW,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,EAClD,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,MAAM,EAAE,CAAC,CAiInB"}
+{"version":3,"file":"http-cache.d.ts","sourceRoot":"","sources":["../../../../src/src/transforms/esm/http-cache.ts"],"names":[],"mappings":"AAqBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AAezE,KAAK,YAAY,GAAG;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,eAAe,CAAC;IAC3B,uEAAuE;IACvE,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAqVF;;GAEG;AACH,wBAAsB,uBAAuB,CAC3C,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,YAAY,GACpB,OAAO,CAAC,MAAM,CAAC,CAOjB;AAED;;;;;;;;GAQG;AACH,wBAAsB,kBAAkB,CAAC,GAAG,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,MAAM,CAAC,CAOvF;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,uBAAuB,CAAC,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC,CA8D9F;AAED;;;;;;;;;;;;GAYG;AACH,wBAAsB,sBAAsB,CAC1C,WAAW,EAAE,KAAK,CAAC;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,CAAC,EAClD,QAAQ,EAAE,MAAM,GACf,OAAO,CAAC,MAAM,EAAE,CAAC,CAiInB"}

package/esm/src/transforms/esm/http-cache.js

@@ -108,9 +108,6 @@ function normalizeHttpUrl(raw) {
         return raw;
     }
 }
-function toEsmShUrlFromNpm(specifier) {
-    return `https://esm.sh/${specifier.slice(4)}`;
-}
 function resolveBareSpecifier(specifier, importMap, reactVersion = REACT_VERSION) {
     // Use esm.sh URLs for React - NO npm: specifiers per plan requirements.
     // All packages use external=react to share the same React instance.
@@ -250,13 +247,18 @@ async function resolveSpecifier(specifier, baseUrl, options) {
     if (isExternalScheme(specifier) || isInternalBare(specifier))
         return null;
     // For Deno: Keep npm: specifiers as-is (Deno resolves them natively with auto-dedup)
-    // For other runtimes: Convert to esm.sh and cache locally
+    // For other runtimes: Convert to esm.sh and cache locally (or return bare specifier for React)
     if (specifier.startsWith("npm:")) {
         if (isDeno) {
             return specifier; // Let Deno's native npm resolution handle it
         }
-        const cached = await cacheHttpModule(toEsmShUrlFromNpm(specifier), options);
-        return cached ? `file://${cached}` : null;
+        const bareSpecifier = specifier.slice(4); // Remove "npm:" prefix
+        const esmShUrl = `https://esm.sh/${bareSpecifier}`;
+        const cached = await cacheHttpModule(esmShUrl, options);
+        // For React packages, cacheHttpModule returns null to prevent multiple instances.
+        // Return the bare specifier so transformReactToLocalPaths can resolve it to a local file:// path.
+        // For non-React packages, return the cached file:// path.
+        return cached ? `file://${cached}` : bareSpecifier;
     }
     if (isHttpUrl(specifier)) {
         const cached = await cacheHttpModule(specifier, options);

package/package.json

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

package/src/src/cli/app/index.ts

@@ -17,7 +17,11 @@ import {
 } from "../../platform/compat/process.js";
 import { join } from "../../platform/compat/path/index.js";
 import { getRuntimeEnv } from "../../config/runtime-env.js";
-import { getStdinReader, setRawMode } from "../../platform/compat/stdin.js";
+import {
+  createEscapeBuffer,
+  getStdinReader,
+  setRawMode,
+} from "../../platform/compat/stdin.js";
 import { cursor, screen, SPINNER_FRAMES } from "../ui/ansi.js";
 import { brand, dim } from "../ui/colors.js";
 import { getTerminalWidth } from "../ui/layout.js";
@@ -612,14 +616,19 @@ export function createApp(config: AppConfig): App {
     const reader = getStdinReader();
     const decoder = new TextDecoder();
 
+    // Buffer escape sequences (arrow keys like \x1b[A may arrive as separate reads)
+    const escapeBuffer = createEscapeBuffer((key) => handleKey(key));
+
     try {
       while (running) {
         const { value, done } = await reader.read();
         if (done) break;
 
-        await handleKey(decoder.decode(value));
+        const key = escapeBuffer.push(decoder.decode(value));
+        if (key) await handleKey(key);
       }
     } finally {
+      escapeBuffer.clear();
       reader.releaseLock();
       try {
         setRawMode(false);

package/src/src/platform/compat/react-paths.ts

@@ -12,7 +12,8 @@
 // Bun global type declaration for cross-runtime compatibility
 declare const Bun: { resolveSync?: (specifier: string, dir: string) => string } | undefined;
 
-import { pathToFileURL } from "node:url";
+import { fileURLToPath, pathToFileURL } from "node:url";
+import { dirname } from "node:path";
 import { isBun, isDeno, isNode } from "./runtime.js";
 import { cwd } from "./process.js";
 
@@ -62,7 +63,11 @@ function resolveReactSpecifier(specifier: string): string | undefined {
     }
 
     if (isNode) {
-      const parentUrl = pathToFileURL(`${cwd()}/`).href;
+      // Use import.meta.url (this module's location) as the parent URL.
+      // This ensures React is resolved from veryfront's node_modules,
+      // not from the cwd which may not have React installed.
+      const thisModuleDir = dirname(fileURLToPath(import.meta.url));
+      const parentUrl = pathToFileURL(`${thisModuleDir}/`).href;
       return resolveWithImportMeta(specifier, parentUrl) ?? undefined;
     }
   } catch (error) {

package/src/src/platform/compat/stdin.ts

@@ -150,6 +150,57 @@ const ENTER_LF = 0x0a;
  * Returns true if Enter was pressed (continue), false if Ctrl+C (exit).
  * Works in both Deno and Node.js.
  */
+/**
+ * Buffer for escape sequences that may arrive in separate reads.
+ * Arrow keys (\x1b[A) can arrive as "\x1b" then "[A" - this combines them.
+ */
+export interface EscapeBuffer {
+  push(input: string): string | null;
+  clear(): void;
+}
+
+const ESC = "\x1b";
+const ESC_TIMEOUT_MS = 50;
+
+/**
+ * Create an escape sequence buffer.
+ * @param onTimeout Called when a standalone Escape key times out
+ */
+export function createEscapeBuffer(onTimeout: (key: string) => void): EscapeBuffer {
+  let pending = "";
+  let timeoutId: ReturnType<typeof dntShim.setTimeout> | null = null;
+
+  function clear(): void {
+    if (timeoutId) {
+      clearTimeout(timeoutId);
+      timeoutId = null;
+    }
+    pending = "";
+  }
+
+  function push(input: string): string | null {
+    if (pending) {
+      const result = pending + input;
+      clear();
+      return result;
+    }
+
+    if (input === ESC) {
+      pending = input;
+      timeoutId = dntShim.setTimeout(() => {
+        const key = pending;
+        clear();
+        if (key) onTimeout(key);
+      }, ESC_TIMEOUT_MS);
+      return null;
+    }
+
+    return input;
+  }
+
+  return { push, clear };
+}
+
 export function waitForEnterOrExit(): Promise<boolean> {
   return new Promise((resolve) => {
     if (typeof dntShim.Deno !== "undefined" && dntShim.Deno.stdin) {

package/src/src/transforms/esm/http-cache.ts

@@ -136,10 +136,6 @@ function normalizeHttpUrl(raw: string): string {
   }
 }
 
-function toEsmShUrlFromNpm(specifier: string): string {
-  return `https://esm.sh/${specifier.slice(4)}`;
-}
-
 function resolveBareSpecifier(
   specifier: string,
   importMap: ImportMapConfig,
@@ -310,13 +306,18 @@ async function resolveSpecifier(
   if (isExternalScheme(specifier) || isInternalBare(specifier)) return null;
 
   // For Deno: Keep npm: specifiers as-is (Deno resolves them natively with auto-dedup)
-  // For other runtimes: Convert to esm.sh and cache locally
+  // For other runtimes: Convert to esm.sh and cache locally (or return bare specifier for React)
   if (specifier.startsWith("npm:")) {
     if (isDeno) {
       return specifier; // Let Deno's native npm resolution handle it
     }
-    const cached = await cacheHttpModule(toEsmShUrlFromNpm(specifier), options);
-    return cached ? `file://${cached}` : null;
+    const bareSpecifier = specifier.slice(4); // Remove "npm:" prefix
+    const esmShUrl = `https://esm.sh/${bareSpecifier}`;
+    const cached = await cacheHttpModule(esmShUrl, options);
+    // For React packages, cacheHttpModule returns null to prevent multiple instances.
+    // Return the bare specifier so transformReactToLocalPaths can resolve it to a local file:// path.
+    // For non-React packages, return the cached file:// path.
+    return cached ? `file://${cached}` : bareSpecifier;
   }
 
   if (isHttpUrl(specifier)) {