partial-react 0.0.3 → 0.0.5

package/README.md

@@ -36,6 +36,12 @@ import { mergeFallbackImports, prepareRendererImportMap } from "partial-react/im
 import { useGenUIRenderContext } from "partial-react/render-context";
 ```
 
+## Bundlers
+
+The loader's `import()` specifiers are computed at runtime — a blob URL for the generated module, import-map targets for its dependencies — so no bundler may resolve them at build time. They carry `@vite-ignore`, `webpackIgnore: true`, and `turbopackIgnore: true` together, which covers Vite, webpack/Rspack, and Turbopack (Next.js); if you re-emit this source through a tool that strips comments, preserve those three.
+
+Turbopack builds also need [#1690](https://github.com/MindLab-Research/macaron-genui-demo/issues/1690): `compiler.ts` loads the tsx wasm through Vite's `?url` query, which Turbopack rejects. Until that lands, Next.js consumers still need to patch that import.
+
 ## State and Streaming
 
 - Keep `preserveStateOnUpdate: true` for normal previews. It preserves useful React state and DOM continuity across regenerated code.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "partial-react",
   "description": "A state-preserving renderer for prefix-growing streaming React/TSX.",
-  "version": "0.0.3",
+  "version": "0.0.5",
   "type": "module",
   "repository": {
     "type": "git",
@@ -24,8 +24,8 @@
     "partial-tsx": "0.0.3"
   },
   "peerDependencies": {
-    "react": "^19.0.0",
-    "react-dom": "^19.0.0"
+    "react": "^18.3.0 || ^19.0.0",
+    "react-dom": "^18.3.0 || ^19.0.0"
   },
   "sideEffects": false
 }

package/src/compiler.ts

@@ -1,5 +1,4 @@
 import initTsx, { transform as transformTsx } from "@esm.sh/tsx";
-import tsxWasmUrl from "@esm.sh/tsx/pkg/tsx_bg.wasm?url";
 import { normalizeGeneratedTsx } from "partial-tsx";
 import { rewriteImportMetaResolveSpecifiers, type RendererImportMap } from "./importMap";
 
@@ -19,9 +18,10 @@ const initCompiler = () =>
     try {
       if (typeof window === "undefined") return initTsx(await loadNodeWasm());
     } catch {
-      // Environments without a filesystem (e.g. web workers) fall back to Vite's asset URL below.
+      // Environments without a filesystem (e.g. web workers) fall back to the bundled asset below.
     }
-    return initTsx(tsxWasmUrl);
+    // No argument: wasm-bindgen resolves `new URL("tsx_bg.wasm", import.meta.url)`, which every bundler understands — a Vite-only `?url` import here broke the rest. #1690
+    return initTsx();
   })().catch((error) => {
     initPromise = null;
     throw error;

package/src/importProbe.ts

@@ -41,7 +41,10 @@ export async function probeModuleImports(code: string, imports?: Record<string,
     const specifier = reverseResolveSpecifier(importEntries, target);
     let module: Record<string, unknown>;
     try {
-      module = (await import(/* @vite-ignore */ target)) as Record<string, unknown>;
+      // `target` is import-map-resolved at runtime, so it needs the same three-bundler ignore stack as the blob import
+      // in runtime.ts — otherwise every probe throws `Cannot find module 'unknown'` and reports each dependency as
+      // broken, burying the one that actually is. #1688
+      module = (await import(/* @vite-ignore */ /* webpackIgnore: true */ /* turbopackIgnore: true */ target)) as Record<string, unknown>;
     } catch (error) {
       return { specifier, target, detail: `failed to load: ${error instanceof Error ? error.message : String(error)}` };
     }

package/src/runtime.ts

@@ -346,7 +346,10 @@ export class GenUIRenderer {
     try {
       let module: { default?: GeneratedComponent };
       try {
-        module = (await import(/* @vite-ignore */ moduleUrl)) as { default?: GeneratedComponent };
+        // The specifier is a runtime-built blob URL, so every bundler must leave it alone: @vite-ignore for Vite,
+        // webpackIgnore for webpack/Rspack, turbopackIgnore for Turbopack. Dropping any of them makes the host bundler
+        // resolve it at build time and the renderer dies with `Cannot find module 'unknown'`. #1688
+        module = (await import(/* @vite-ignore */ /* webpackIgnore: true */ /* turbopackIgnore: true */ moduleUrl)) as { default?: GeneratedComponent };
       } catch (error) {
         // The browser reports a failed blob module as one opaque "Failed to fetch dynamically imported module" without
         // naming the entry that broke; re-probe each dependency to raise an actionable, heal-ready error instead. #1371
@@ -419,7 +422,8 @@ export class GenUIRenderer {
       createElement(
         RuntimeErrorBoundary,
         { key: preserve ? getPreserveBoundaryKey(this.preserveBoundaryEpoch) : `boundary:${this.renderRound}`, resetKey: this.errorEpoch, onError: onRenderError },
-        createElement(GenUIRenderContext.Provider, { value: renderContext }, createElement(preserve ? this.slot.Component : (renderedComponent as ComponentType<Record<string, unknown>>), { key: "generated-component" })),
+        // The cast wraps the whole ternary: @types/react 18 rejects the slot's `Promise<ReactNode>` return, and we ship raw .ts to 18.3 peers.
+        createElement(GenUIRenderContext.Provider, { value: renderContext }, createElement((preserve ? this.slot.Component : renderedComponent) as ComponentType<Record<string, unknown>>, { key: "generated-component" })),
         createElement(RenderNotify, {
           key: `render-notify:${this.renderRound}`,
           onCommit: () => {