remote-components 0.3.3 → 0.3.5

package/dist/internal/runtime/namespace.js

@@ -0,0 +1,58 @@
+const SHADOW_ROOT_PREFIX = "__remote_components_shadowroot_";
+const LEGACY_ALIASES = [
+  { global: "__remote_component_scopes__", prop: "scopes" },
+  {
+    global: "__remote_components_turbopack_chunk_loader_promise__",
+    prop: "chunkCache"
+  },
+  { global: "__remote_script_entrypoint_mount__", prop: "mountFns" },
+  { global: "__remote_script_entrypoint_unmount__", prop: "unmountFns" },
+  { global: "__remote_bundle_url__", prop: "bundleUrls" },
+  { global: "__rc_module_registry__", prop: "moduleRegistry" },
+  {
+    global: "__remote_component_host_shared_modules__",
+    prop: "hostSharedModules"
+  },
+  { global: "__remote_next_css__", prop: "cssCache" }
+];
+function getNamespace() {
+  const g = globalThis;
+  const existing = g.__remote_components__;
+  if (existing) {
+    return existing;
+  }
+  const ns = {
+    scopes: /* @__PURE__ */ new Map(),
+    chunkCache: {},
+    mountFns: {},
+    unmountFns: {},
+    bundleUrls: {},
+    moduleRegistry: {},
+    dispatcherRuntime: void 0,
+    hostSharedModules: {},
+    cssCache: {},
+    shadowRoots: {}
+  };
+  const nsRecord = ns;
+  for (const { global, prop } of LEGACY_ALIASES) {
+    const legacyValue = g[global];
+    if (legacyValue != null) {
+      nsRecord[prop] = legacyValue;
+    }
+    g[global] = ns[prop];
+  }
+  const gRecord = g;
+  for (const key of Object.keys(gRecord)) {
+    if (key.startsWith(SHADOW_ROOT_PREFIX)) {
+      const suffix = key.slice(SHADOW_ROOT_PREFIX.length);
+      ns.shadowRoots[suffix] = gRecord[key];
+      delete gRecord[key];
+    }
+  }
+  g.__remote_components__ = ns;
+  return ns;
+}
+export {
+  getNamespace
+};
+//# sourceMappingURL=namespace.js.map

package/dist/internal/runtime/namespace.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/runtime/namespace.ts"],"sourcesContent":["import type { RemoteScope } from '#internal/runtime/turbopack/remote-scope';\nimport type {\n  GlobalScope,\n  MountOrUnmountFunction,\n  MountUnmountFunctions,\n} from '#internal/runtime/types';\n\n/**\n * Typed namespace for all remote-components runtime state.\n *\n * Consolidates scattered `globalThis` globals into a single object at\n * `globalThis.__remote_components__`. Each property corresponds to a\n * previously independent global — see inline `@see` tags for the original\n * global name. Code that previously read from those globals still works\n * because each migration writes through to both the namespace and the\n * legacy global (pointing at the same underlying object).\n */\nexport interface RemoteComponentsNamespace {\n  /** @see `__remote_component_scopes__` */\n  scopes: Map<string, RemoteScope>;\n  /** @see `__remote_components_turbopack_chunk_loader_promise__` */\n  chunkCache: Record<string, Promise<unknown>>;\n  /** @see `__remote_script_entrypoint_mount__` */\n  mountFns: Record<string, Set<MountOrUnmountFunction>>;\n  /** @see `__remote_script_entrypoint_unmount__` */\n  unmountFns: Record<string, Set<MountOrUnmountFunction>>;\n  /** @see `__remote_bundle_url__` */\n  bundleUrls: Record<string, string | URL>;\n  /** @see `__rc_module_registry__` */\n  moduleRegistry: Record<string, unknown>;\n  /** @see `__webpack_require_type__` */\n  dispatcherRuntime: string | undefined;\n  /** @see `__remote_component_host_shared_modules__` */\n  hostSharedModules: Record<string, () => Promise<unknown>>;\n  /** @see `__remote_next_css__` */\n  cssCache: Record<string, ChildNode[]>;\n  /** @see `__remote_components_shadowroot_*` */\n  shadowRoots: Record<string, ShadowRoot | null>;\n}\n\n/** Prefix for legacy per-key shadow root globals (`__remote_components_shadowroot_*`). */\nconst SHADOW_ROOT_PREFIX = '__remote_components_shadowroot_';\n\n/**\n * Backward-compat aliases for globals used in <=0.3.3.\n *\n * Only includes object/Map values that can be aliased by reference.\n * Primitives (`dispatcherRuntime`) must use write-through at their call sites.\n * Dynamic-key shadow root globals are adopted separately in `getNamespace()`.\n */\nconst LEGACY_ALIASES: ReadonlyArray<{\n  global: string;\n  prop: keyof RemoteComponentsNamespace;\n}> = [\n  { global: '__remote_component_scopes__', prop: 'scopes' },\n  {\n    global: '__remote_components_turbopack_chunk_loader_promise__',\n    prop: 'chunkCache',\n  },\n  { global: '__remote_script_entrypoint_mount__', prop: 'mountFns' },\n  { global: '__remote_script_entrypoint_unmount__', prop: 'unmountFns' },\n  { global: '__remote_bundle_url__', prop: 'bundleUrls' },\n  { global: '__rc_module_registry__', prop: 'moduleRegistry' },\n  {\n    global: '__remote_component_host_shared_modules__',\n    prop: 'hostSharedModules',\n  },\n  { global: '__remote_next_css__', prop: 'cssCache' },\n];\n\n/**\n * Returns the single shared `RemoteComponentsNamespace` instance, creating\n * it on first access. The namespace lives at `globalThis.__remote_components__`\n * so every module in the page shares the same state regardless of how many\n * copies of the library are loaded.\n *\n * On first initialization this function also handles backward compatibility\n * with legacy globals:\n * 1. **Adopt**: if a legacy global already exists (written by older code before\n *    the namespace was created), its value becomes the initial namespace value.\n * 2. **Alias**: legacy globals are assigned to point at the namespace's objects,\n *    so older code that reads the legacy global sees the same reference.\n */\nexport function getNamespace(): RemoteComponentsNamespace {\n  const g = globalThis as GlobalScope & MountUnmountFunctions;\n  const existing = g.__remote_components__;\n  if (existing) {\n    return existing;\n  }\n\n  const ns: RemoteComponentsNamespace = {\n    scopes: new Map(),\n    chunkCache: {},\n    mountFns: {},\n    unmountFns: {},\n    bundleUrls: {},\n    moduleRegistry: {},\n    dispatcherRuntime: undefined,\n    hostSharedModules: {},\n    cssCache: {},\n    shadowRoots: {},\n  };\n\n  // Adopt any pre-existing legacy globals, then alias them to the namespace.\n  const nsRecord = ns as unknown as Record<string, unknown>;\n  for (const { global, prop } of LEGACY_ALIASES) {\n    const legacyValue = (g as Record<string, unknown>)[global];\n    if (legacyValue != null) {\n      nsRecord[prop] = legacyValue;\n    }\n    (g as Record<string, unknown>)[global] = ns[prop];\n  }\n\n  // Adopt per-key shadow root globals used in <=0.3.3\n  // (e.g. `globalThis.__remote_components_shadowroot_<key> = root`).\n  const gRecord = g as Record<string, unknown>;\n  for (const key of Object.keys(gRecord)) {\n    if (key.startsWith(SHADOW_ROOT_PREFIX)) {\n      const suffix = key.slice(SHADOW_ROOT_PREFIX.length);\n      ns.shadowRoots[suffix] = gRecord[key] as ShadowRoot | null;\n      delete gRecord[key];\n    }\n  }\n\n  g.__remote_components__ = ns;\n  return ns;\n}\n"],"mappings":"AAyCA,MAAM,qBAAqB;AAS3B,MAAM,iBAGD;AAAA,EACH,EAAE,QAAQ,+BAA+B,MAAM,SAAS;AAAA,EACxD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,EAAE,QAAQ,sCAAsC,MAAM,WAAW;AAAA,EACjE,EAAE,QAAQ,wCAAwC,MAAM,aAAa;AAAA,EACrE,EAAE,QAAQ,yBAAyB,MAAM,aAAa;AAAA,EACtD,EAAE,QAAQ,0BAA0B,MAAM,iBAAiB;AAAA,EAC3D;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,EAAE,QAAQ,uBAAuB,MAAM,WAAW;AACpD;AAeO,SAAS,eAA0C;AACxD,QAAM,IAAI;AACV,QAAM,WAAW,EAAE;AACnB,MAAI,UAAU;AACZ,WAAO;AAAA,EACT;AAEA,QAAM,KAAgC;AAAA,IACpC,QAAQ,oBAAI,IAAI;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,YAAY,CAAC;AAAA,IACb,gBAAgB,CAAC;AAAA,IACjB,mBAAmB;AAAA,IACnB,mBAAmB,CAAC;AAAA,IACpB,UAAU,CAAC;AAAA,IACX,aAAa,CAAC;AAAA,EAChB;AAGA,QAAM,WAAW;AACjB,aAAW,EAAE,QAAQ,KAAK,KAAK,gBAAgB;AAC7C,UAAM,cAAe,EAA8B,MAAM;AACzD,QAAI,eAAe,MAAM;AACvB,eAAS,IAAI,IAAI;AAAA,IACnB;AACA,IAAC,EAA8B,MAAM,IAAI,GAAG,IAAI;AAAA,EAClD;AAIA,QAAM,UAAU;AAChB,aAAW,OAAO,OAAO,KAAK,OAAO,GAAG;AACtC,QAAI,IAAI,WAAW,kBAAkB,GAAG;AACtC,YAAM,SAAS,IAAI,MAAM,mBAAmB,MAAM;AAClD,SAAG,YAAY,MAAM,IAAI,QAAQ,GAAG;AACpC,aAAO,QAAQ,GAAG;AAAA,IACpB;AAAA,EACF;AAEA,IAAE,wBAAwB;AAC1B,SAAO;AACT;","names":[]}

package/dist/internal/runtime/rsc-imports.cjs

@@ -0,0 +1,86 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rsc_imports_exports = {};
+__export(rsc_imports_exports, {
+  importRSCClientBrowser: () => importRSCClientBrowser,
+  importRSCClientEdge: () => importRSCClientEdge,
+  importRSCServer: () => importRSCServer
+});
+module.exports = __toCommonJS(rsc_imports_exports);
+async function importRSCClientEdge() {
+  try {
+    return await import("next/dist/compiled/react-server-dom-webpack/client.edge");
+  } catch {
+    return await import("react-server-dom-webpack/client.edge");
+  }
+}
+async function importRSCClientBrowser() {
+  try {
+    return await import("next/dist/compiled/react-server-dom-webpack/client.browser");
+  } catch {
+    const mod = await import("react-server-dom-webpack/client.browser");
+    return mod.default ?? mod;
+  }
+}
+async function importRSCServer() {
+  const [primary, fallback] = await Promise.all(
+    process.env.TURBOPACK ? [
+      tryImport(
+        () => import("react-server-dom-turbopack/server")
+      ),
+      tryImport(
+        () => import("react-server-dom-turbopack/server.edge")
+      )
+    ] : [
+      tryImport(
+        () => import("react-server-dom-webpack/server")
+      ),
+      tryImport(
+        () => import("react-server-dom-webpack/server.edge")
+      )
+    ]
+  );
+  return {
+    renderToReadableStream: primary.renderToReadableStream ?? fallback.renderToReadableStream
+  };
+}
+async function tryImport(importer) {
+  try {
+    return await importer();
+  } catch {
+    return {};
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  importRSCClientBrowser,
+  importRSCClientEdge,
+  importRSCServer
+});
+//# sourceMappingURL=rsc-imports.cjs.map

package/dist/internal/runtime/rsc-imports.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/runtime/rsc-imports.ts"],"sourcesContent":["/**\n * Single import hub for all React Server Components runtime modules.\n *\n * Each function encapsulates the try/catch fallback chain that probes\n * Next.js internal paths first, then falls back to the public\n * `react-server-dom-webpack` / `react-server-dom-turbopack` packages.\n * This keeps version-specific import paths out of business logic.\n */\n\nimport type {\n  RSCClientBrowserRuntime,\n  RSCClientEdgeRuntime,\n  RSCServerRuntime,\n} from './rsc-runtime';\n\n/**\n * Imports the RSC client for the **edge** runtime (server-side).\n * Used by `fetch-remote-component.ts` to deserialise RSC flight data.\n *\n * Tries the Next.js compiled path first, falls back to the bare\n * `react-server-dom-webpack/client.edge` module.\n */\nexport async function importRSCClientEdge(): Promise<RSCClientEdgeRuntime> {\n  try {\n    return await import(\n      'next/dist/compiled/react-server-dom-webpack/client.edge'\n    );\n  } catch {\n    return await import('react-server-dom-webpack/client.edge');\n  }\n}\n\n/**\n * Imports the RSC client for the **browser** runtime (client-side hydration).\n * Used by `component-loader.ts` to hydrate RSC streams in the browser.\n *\n * Tries the Next.js compiled path first, falls back to the bare\n * `react-server-dom-webpack/client.browser` module (which may use a\n * default export depending on the package version).\n */\nexport async function importRSCClientBrowser(): Promise<RSCClientBrowserRuntime> {\n  try {\n    return await import(\n      'next/dist/compiled/react-server-dom-webpack/client.browser'\n    );\n  } catch {\n    const mod = await import('react-server-dom-webpack/client.browser');\n    // Some versions export `createFromReadableStream` as a default export\n    return (mod.default ?? mod) as RSCClientBrowserRuntime;\n  }\n}\n\n/**\n * Imports the RSC **server** renderer for `ExposeRemoteComponent`.\n *\n * When `TURBOPACK` is set in the environment, imports from\n * `react-server-dom-turbopack`; otherwise uses `react-server-dom-webpack`.\n * Each variant tries the primary path first (`/server`), falling back to\n * the `.edge` entry point.\n */\nexport async function importRSCServer(): Promise<RSCServerRuntime> {\n  const [primary, fallback] = await Promise.all(\n    process.env.TURBOPACK\n      ? [\n          tryImport<RSCServerRuntime>(\n            () => import('react-server-dom-turbopack/server'),\n          ),\n          tryImport<RSCServerRuntime>(\n            () => import('react-server-dom-turbopack/server.edge'),\n          ),\n        ]\n      : [\n          tryImport<RSCServerRuntime>(\n            () => import('react-server-dom-webpack/server'),\n          ),\n          tryImport<RSCServerRuntime>(\n            () => import('react-server-dom-webpack/server.edge'),\n          ),\n        ],\n  );\n\n  return {\n    renderToReadableStream:\n      primary.renderToReadableStream ?? fallback.renderToReadableStream,\n  };\n}\n\nasync function tryImport<T>(importer: () => Promise<T>): Promise<T> {\n  try {\n    return await importer();\n  } catch {\n    return {} as T;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsBA,eAAsB,sBAAqD;AACzE,MAAI;AACF,WAAO,MAAM,OACX,yDACF;AAAA,EACF,QAAE;AACA,WAAO,MAAM,OAAO,sCAAsC;AAAA,EAC5D;AACF;AAUA,eAAsB,yBAA2D;AAC/E,MAAI;AACF,WAAO,MAAM,OACX,4DACF;AAAA,EACF,QAAE;AACA,UAAM,MAAM,MAAM,OAAO,yCAAyC;AAElE,WAAQ,IAAI,WAAW;AAAA,EACzB;AACF;AAUA,eAAsB,kBAA6C;AACjE,QAAM,CAAC,SAAS,QAAQ,IAAI,MAAM,QAAQ;AAAA,IACxC,QAAQ,IAAI,YACR;AAAA,MACE;AAAA,QACE,MAAM,OAAO,mCAAmC;AAAA,MAClD;AAAA,MACA;AAAA,QACE,MAAM,OAAO,wCAAwC;AAAA,MACvD;AAAA,IACF,IACA;AAAA,MACE;AAAA,QACE,MAAM,OAAO,iCAAiC;AAAA,MAChD;AAAA,MACA;AAAA,QACE,MAAM,OAAO,sCAAsC;AAAA,MACrD;AAAA,IACF;AAAA,EACN;AAEA,SAAO;AAAA,IACL,wBACE,QAAQ,0BAA0B,SAAS;AAAA,EAC/C;AACF;AAEA,eAAe,UAAa,UAAwC;AAClE,MAAI;AACF,WAAO,MAAM,SAAS;AAAA,EACxB,QAAE;AACA,WAAO,CAAC;AAAA,EACV;AACF;","names":[]}

package/dist/internal/runtime/rsc-imports.d.ts

@@ -0,0 +1,39 @@
+import { RSCClientEdgeRuntime, RSCClientBrowserRuntime, RSCServerRuntime } from './rsc-runtime.js';
+
+/**
+ * Single import hub for all React Server Components runtime modules.
+ *
+ * Each function encapsulates the try/catch fallback chain that probes
+ * Next.js internal paths first, then falls back to the public
+ * `react-server-dom-webpack` / `react-server-dom-turbopack` packages.
+ * This keeps version-specific import paths out of business logic.
+ */
+
+/**
+ * Imports the RSC client for the **edge** runtime (server-side).
+ * Used by `fetch-remote-component.ts` to deserialise RSC flight data.
+ *
+ * Tries the Next.js compiled path first, falls back to the bare
+ * `react-server-dom-webpack/client.edge` module.
+ */
+declare function importRSCClientEdge(): Promise<RSCClientEdgeRuntime>;
+/**
+ * Imports the RSC client for the **browser** runtime (client-side hydration).
+ * Used by `component-loader.ts` to hydrate RSC streams in the browser.
+ *
+ * Tries the Next.js compiled path first, falls back to the bare
+ * `react-server-dom-webpack/client.browser` module (which may use a
+ * default export depending on the package version).
+ */
+declare function importRSCClientBrowser(): Promise<RSCClientBrowserRuntime>;
+/**
+ * Imports the RSC **server** renderer for `ExposeRemoteComponent`.
+ *
+ * When `TURBOPACK` is set in the environment, imports from
+ * `react-server-dom-turbopack`; otherwise uses `react-server-dom-webpack`.
+ * Each variant tries the primary path first (`/server`), falling back to
+ * the `.edge` entry point.
+ */
+declare function importRSCServer(): Promise<RSCServerRuntime>;
+
+export { importRSCClientBrowser, importRSCClientEdge, importRSCServer };

package/dist/internal/runtime/rsc-imports.js

@@ -0,0 +1,50 @@
+async function importRSCClientEdge() {
+  try {
+    return await import("next/dist/compiled/react-server-dom-webpack/client.edge");
+  } catch {
+    return await import("react-server-dom-webpack/client.edge");
+  }
+}
+async function importRSCClientBrowser() {
+  try {
+    return await import("next/dist/compiled/react-server-dom-webpack/client.browser");
+  } catch {
+    const mod = await import("react-server-dom-webpack/client.browser");
+    return mod.default ?? mod;
+  }
+}
+async function importRSCServer() {
+  const [primary, fallback] = await Promise.all(
+    process.env.TURBOPACK ? [
+      tryImport(
+        () => import("react-server-dom-turbopack/server")
+      ),
+      tryImport(
+        () => import("react-server-dom-turbopack/server.edge")
+      )
+    ] : [
+      tryImport(
+        () => import("react-server-dom-webpack/server")
+      ),
+      tryImport(
+        () => import("react-server-dom-webpack/server.edge")
+      )
+    ]
+  );
+  return {
+    renderToReadableStream: primary.renderToReadableStream ?? fallback.renderToReadableStream
+  };
+}
+async function tryImport(importer) {
+  try {
+    return await importer();
+  } catch {
+    return {};
+  }
+}
+export {
+  importRSCClientBrowser,
+  importRSCClientEdge,
+  importRSCServer
+};
+//# sourceMappingURL=rsc-imports.js.map

package/dist/internal/runtime/rsc-imports.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/runtime/rsc-imports.ts"],"sourcesContent":["/**\n * Single import hub for all React Server Components runtime modules.\n *\n * Each function encapsulates the try/catch fallback chain that probes\n * Next.js internal paths first, then falls back to the public\n * `react-server-dom-webpack` / `react-server-dom-turbopack` packages.\n * This keeps version-specific import paths out of business logic.\n */\n\nimport type {\n  RSCClientBrowserRuntime,\n  RSCClientEdgeRuntime,\n  RSCServerRuntime,\n} from './rsc-runtime';\n\n/**\n * Imports the RSC client for the **edge** runtime (server-side).\n * Used by `fetch-remote-component.ts` to deserialise RSC flight data.\n *\n * Tries the Next.js compiled path first, falls back to the bare\n * `react-server-dom-webpack/client.edge` module.\n */\nexport async function importRSCClientEdge(): Promise<RSCClientEdgeRuntime> {\n  try {\n    return await import(\n      'next/dist/compiled/react-server-dom-webpack/client.edge'\n    );\n  } catch {\n    return await import('react-server-dom-webpack/client.edge');\n  }\n}\n\n/**\n * Imports the RSC client for the **browser** runtime (client-side hydration).\n * Used by `component-loader.ts` to hydrate RSC streams in the browser.\n *\n * Tries the Next.js compiled path first, falls back to the bare\n * `react-server-dom-webpack/client.browser` module (which may use a\n * default export depending on the package version).\n */\nexport async function importRSCClientBrowser(): Promise<RSCClientBrowserRuntime> {\n  try {\n    return await import(\n      'next/dist/compiled/react-server-dom-webpack/client.browser'\n    );\n  } catch {\n    const mod = await import('react-server-dom-webpack/client.browser');\n    // Some versions export `createFromReadableStream` as a default export\n    return (mod.default ?? mod) as RSCClientBrowserRuntime;\n  }\n}\n\n/**\n * Imports the RSC **server** renderer for `ExposeRemoteComponent`.\n *\n * When `TURBOPACK` is set in the environment, imports from\n * `react-server-dom-turbopack`; otherwise uses `react-server-dom-webpack`.\n * Each variant tries the primary path first (`/server`), falling back to\n * the `.edge` entry point.\n */\nexport async function importRSCServer(): Promise<RSCServerRuntime> {\n  const [primary, fallback] = await Promise.all(\n    process.env.TURBOPACK\n      ? [\n          tryImport<RSCServerRuntime>(\n            () => import('react-server-dom-turbopack/server'),\n          ),\n          tryImport<RSCServerRuntime>(\n            () => import('react-server-dom-turbopack/server.edge'),\n          ),\n        ]\n      : [\n          tryImport<RSCServerRuntime>(\n            () => import('react-server-dom-webpack/server'),\n          ),\n          tryImport<RSCServerRuntime>(\n            () => import('react-server-dom-webpack/server.edge'),\n          ),\n        ],\n  );\n\n  return {\n    renderToReadableStream:\n      primary.renderToReadableStream ?? fallback.renderToReadableStream,\n  };\n}\n\nasync function tryImport<T>(importer: () => Promise<T>): Promise<T> {\n  try {\n    return await importer();\n  } catch {\n    return {} as T;\n  }\n}\n"],"mappings":"AAsBA,eAAsB,sBAAqD;AACzE,MAAI;AACF,WAAO,MAAM,OACX,yDACF;AAAA,EACF,QAAE;AACA,WAAO,MAAM,OAAO,sCAAsC;AAAA,EAC5D;AACF;AAUA,eAAsB,yBAA2D;AAC/E,MAAI;AACF,WAAO,MAAM,OACX,4DACF;AAAA,EACF,QAAE;AACA,UAAM,MAAM,MAAM,OAAO,yCAAyC;AAElE,WAAQ,IAAI,WAAW;AAAA,EACzB;AACF;AAUA,eAAsB,kBAA6C;AACjE,QAAM,CAAC,SAAS,QAAQ,IAAI,MAAM,QAAQ;AAAA,IACxC,QAAQ,IAAI,YACR;AAAA,MACE;AAAA,QACE,MAAM,OAAO,mCAAmC;AAAA,MAClD;AAAA,MACA;AAAA,QACE,MAAM,OAAO,wCAAwC;AAAA,MACvD;AAAA,IACF,IACA;AAAA,MACE;AAAA,QACE,MAAM,OAAO,iCAAiC;AAAA,MAChD;AAAA,MACA;AAAA,QACE,MAAM,OAAO,sCAAsC;AAAA,MACrD;AAAA,IACF;AAAA,EACN;AAEA,SAAO;AAAA,IACL,wBACE,QAAQ,0BAA0B,SAAS;AAAA,EAC/C;AACF;AAEA,eAAe,UAAa,UAAwC;AAClE,MAAI;AACF,WAAO,MAAM,SAAS;AAAA,EACxB,QAAE;AACA,WAAO,CAAC;AAAA,EACV;AACF;","names":[]}

package/dist/internal/runtime/rsc-runtime.cjs

@@ -0,0 +1,17 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rsc_runtime_exports = {};
+module.exports = __toCommonJS(rsc_runtime_exports);
+//# sourceMappingURL=rsc-runtime.cjs.map

package/dist/internal/runtime/rsc-runtime.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/runtime/rsc-runtime.ts"],"sourcesContent":["/**\n * Adapter interfaces for React Server Components runtimes.\n *\n * These decouple the rest of the codebase from the concrete module paths\n * (`next/dist/compiled/...`, `react-server-dom-webpack/...`, etc.) so that\n * version-specific import logic lives in a single place (`rsc-imports.ts`).\n */\n\ninterface ClientModuleEntry {\n  id: string;\n  name: string;\n  chunks: string[];\n  async: boolean;\n}\n\n/** Edge-runtime RSC client — used by `fetch-remote-component.ts` on the server. */\nexport interface RSCClientEdgeRuntime {\n  createFromReadableStream(\n    stream: ReadableStream<Uint8Array>,\n    options: {\n      serverConsumerManifest: {\n        moduleLoading: {\n          prefix?: string;\n          crossOrigin?: boolean | null;\n        };\n        moduleMap: Record<string, unknown>;\n      };\n    },\n  ): React.ReactNode;\n}\n\n/** Browser-runtime RSC client — used by `component-loader.ts` for hydration. */\nexport interface RSCClientBrowserRuntime {\n  createFromReadableStream(stream: ReadableStream<Uint8Array>): React.ReactNode;\n}\n\n/** Server-side RSC renderer — used by the remote `ExposeRemoteComponent`. */\nexport interface RSCServerRuntime {\n  renderToReadableStream?: (\n    element: React.ReactNode,\n    clientModules: Record<string, ClientModuleEntry>,\n    options?: {\n      onError?: (e: Error) => void;\n    },\n  ) => ReadableStream<Uint8Array>;\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

package/dist/internal/runtime/rsc-runtime.d.ts

@@ -0,0 +1,37 @@
+/**
+ * Adapter interfaces for React Server Components runtimes.
+ *
+ * These decouple the rest of the codebase from the concrete module paths
+ * (`next/dist/compiled/...`, `react-server-dom-webpack/...`, etc.) so that
+ * version-specific import logic lives in a single place (`rsc-imports.ts`).
+ */
+interface ClientModuleEntry {
+    id: string;
+    name: string;
+    chunks: string[];
+    async: boolean;
+}
+/** Edge-runtime RSC client — used by `fetch-remote-component.ts` on the server. */
+interface RSCClientEdgeRuntime {
+    createFromReadableStream(stream: ReadableStream<Uint8Array>, options: {
+        serverConsumerManifest: {
+            moduleLoading: {
+                prefix?: string;
+                crossOrigin?: boolean | null;
+            };
+            moduleMap: Record<string, unknown>;
+        };
+    }): React.ReactNode;
+}
+/** Browser-runtime RSC client — used by `component-loader.ts` for hydration. */
+interface RSCClientBrowserRuntime {
+    createFromReadableStream(stream: ReadableStream<Uint8Array>): React.ReactNode;
+}
+/** Server-side RSC renderer — used by the remote `ExposeRemoteComponent`. */
+interface RSCServerRuntime {
+    renderToReadableStream?: (element: React.ReactNode, clientModules: Record<string, ClientModuleEntry>, options?: {
+        onError?: (e: Error) => void;
+    }) => ReadableStream<Uint8Array>;
+}
+
+export { RSCClientBrowserRuntime, RSCClientEdgeRuntime, RSCServerRuntime };

package/dist/internal/runtime/rsc-runtime.js

@@ -0,0 +1 @@
+//# sourceMappingURL=rsc-runtime.js.map

package/dist/internal/runtime/rsc-runtime.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/internal/runtime/rsc.cjs

@@ -18,7 +18,9 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var rsc_exports = {};
 __export(rsc_exports, {
-  createRSCStream: () => createRSCStream
+  buildRSCChunks: () => buildRSCChunks,
+  createRSCStream: () => createRSCStream,
+  fixPayload: () => fixPayload
 });
 module.exports = __toCommonJS(rsc_exports);
 var import_web_streams_polyfill = require("web-streams-polyfill");
@@ -40,6 +42,18 @@ function fixPayload(payload) {
     }
   }
 }
+function buildRSCChunks(rscName, data) {
+  const chunks = [];
+  for (const chunk of data) {
+    for (const line of chunk.split("\n")) {
+      const match = /\.push\("(?<rsc>.*)"\);$/.exec(line);
+      if (match?.groups?.rsc) {
+        chunks.push(JSON.parse(`"${match.groups.rsc}"`));
+      }
+    }
+  }
+  return chunks;
+}
 function createRSCStream(rscName, data) {
   return new import_web_streams_polyfill.ReadableStream({
     type: "bytes",
@@ -47,16 +61,11 @@ function createRSCStream(rscName, data) {
       const encoder = new TextEncoder();
       const self = globalThis;
       if (data.length > 0) {
-        data.forEach((chunk) => {
-          const lines = chunk.split("\n");
-          for (const line of lines) {
-            const match = /\.push\("(?<rsc>.*)"\);$/.exec(line);
-            if (match?.groups?.rsc) {
-              self[rscName] = self[rscName] ?? [];
-              self[rscName].push(JSON.parse(`"${match.groups.rsc}"`));
-            }
-          }
-        });
+        const parsed = buildRSCChunks(rscName, data);
+        if (parsed.length > 0) {
+          self[rscName] = self[rscName] ?? [];
+          self[rscName].push(...parsed);
+        }
       }
       const allChunks = (self[rscName] ?? [`0:[null]
 `]).join("");
@@ -87,6 +96,8 @@ function createRSCStream(rscName, data) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  createRSCStream
+  buildRSCChunks,
+  createRSCStream,
+  fixPayload
 });
 //# sourceMappingURL=rsc.cjs.map

package/dist/internal/runtime/rsc.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/rsc.ts"],"sourcesContent":["import { ReadableStream } from 'web-streams-polyfill';\n\n/**\n * Fixes RSC payload to make it compatible with React JSX development runtime\n */\nfunction fixPayload(payload: unknown): void {\n  if (Array.isArray(payload)) {\n    // if the current node is a React element, we need to fix the payload\n    if (payload[0] === '$') {\n      // fix the props (children or other React elements)\n      fixPayload(payload[3]);\n      if (payload.length === 4) {\n        // add placeholder for the missing debug info\n        payload.push(null, null, 1);\n      }\n    } else {\n      // we are in an array, continue with visiting each item\n      for (const item of payload) {\n        fixPayload(item);\n      }\n    }\n  } else if (typeof payload === 'object' && payload !== null) {\n    // we are in an object, continue with visiting each property\n    for (const key in payload) {\n      fixPayload((payload as Record<string, unknown>)[key]);\n    }\n  }\n}\n\n/**\n * Processes RSC flight data and creates a ReadableStream\n */\nexport function createRSCStream(\n  rscName: string,\n  data: string[],\n): ReadableStream<Uint8Array> {\n  return new ReadableStream({\n    type: 'bytes',\n    start(controller) {\n      const encoder = new TextEncoder();\n      const self = globalThis as typeof globalThis &\n        Record<string, string[] | null>;\n\n      // when the remote component RSC scripts are not found or loaded\n      // we need to load the RSC flight data parsing the chunks\n      if (data.length > 0) {\n        data.forEach((chunk) => {\n          const lines = chunk.split('\\n');\n          for (const line of lines) {\n            const match = /\\.push\\(\"(?<rsc>.*)\"\\);$/.exec(line);\n            if (match?.groups?.rsc) {\n              self[rscName] = self[rscName] ?? [];\n              self[rscName].push(JSON.parse(`\"${match.groups.rsc}\"`) as string);\n            }\n          }\n        });\n      }\n\n      // get the RSC flight data from the global scope\n      // the RSC flight data is stored in an array\n      // fallback to an empty RSC payload if the data is not found\n      const allChunks = (self[rscName] ?? [`0:[null]\\n`]).join('');\n\n      // clear the RSC flight data from the global scope\n      self[rscName] = null;\n\n      // process each line in the RSC flight data\n      allChunks.split('\\n').forEach((chunk) => {\n        if (chunk.length > 0) {\n          // parse the chunk to get the id, prefix and payload\n          const { before, id, prefix, payload } =\n            /^(?<before>[^:]*?)?(?<id>[0-9a-zA-Z]+):(?<prefix>[A-Z])?(?<payload>\\[.*\\])/.exec(\n              chunk,\n            )?.groups ?? {};\n\n          if (payload) {\n            // parse the payload to a JSON object\n            const jsonPayload = JSON.parse(payload) as unknown[];\n            // fix the payload to make it compatible with React JSX development runtime\n            fixPayload(jsonPayload);\n            // reconstruct the chunk to a string\n            const reconstruct = `${before ?? ''}${id}:${prefix ?? ''}${JSON.stringify(jsonPayload)}`;\n            // encode the chunk to a byte buffer\n            controller.enqueue(encoder.encode(`${reconstruct}\\n`));\n          } else {\n            // add empty line before closing the stream\n            controller.enqueue(encoder.encode(`${chunk}\\n`));\n          }\n        } else {\n          // add empty line before closing the stream\n          controller.enqueue(encoder.encode(`${chunk}\\n`));\n        }\n      });\n      // close the stream when all chunks are enqueued\n      controller.close();\n    },\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAA+B;AAK/B,SAAS,WAAW,SAAwB;AAC1C,MAAI,MAAM,QAAQ,OAAO,GAAG;AAE1B,QAAI,QAAQ,CAAC,MAAM,KAAK;AAEtB,iBAAW,QAAQ,CAAC,CAAC;AACrB,UAAI,QAAQ,WAAW,GAAG;AAExB,gBAAQ,KAAK,MAAM,MAAM,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AAEL,iBAAW,QAAQ,SAAS;AAC1B,mBAAW,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,EACF,WAAW,OAAO,YAAY,YAAY,YAAY,MAAM;AAE1D,eAAW,OAAO,SAAS;AACzB,iBAAY,QAAoC,GAAG,CAAC;AAAA,IACtD;AAAA,EACF;AACF;AAKO,SAAS,gBACd,SACA,MAC4B;AAC5B,SAAO,IAAI,2CAAe;AAAA,IACxB,MAAM;AAAA,IACN,MAAM,YAAY;AAChB,YAAM,UAAU,IAAI,YAAY;AAChC,YAAM,OAAO;AAKb,UAAI,KAAK,SAAS,GAAG;AACnB,aAAK,QAAQ,CAAC,UAAU;AACtB,gBAAM,QAAQ,MAAM,MAAM,IAAI;AAC9B,qBAAW,QAAQ,OAAO;AACxB,kBAAM,QAAQ,2BAA2B,KAAK,IAAI;AAClD,gBAAI,OAAO,QAAQ,KAAK;AACtB,mBAAK,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;AAClC,mBAAK,OAAO,EAAE,KAAK,KAAK,MAAM,IAAI,MAAM,OAAO,MAAM,CAAW;AAAA,YAClE;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAKA,YAAM,aAAa,KAAK,OAAO,KAAK,CAAC;AAAA,CAAY,GAAG,KAAK,EAAE;AAG3D,WAAK,OAAO,IAAI;AAGhB,gBAAU,MAAM,IAAI,EAAE,QAAQ,CAAC,UAAU;AACvC,YAAI,MAAM,SAAS,GAAG;AAEpB,gBAAM,EAAE,QAAQ,IAAI,QAAQ,QAAQ,IAClC,6EAA6E;AAAA,YAC3E;AAAA,UACF,GAAG,UAAU,CAAC;AAEhB,cAAI,SAAS;AAEX,kBAAM,cAAc,KAAK,MAAM,OAAO;AAEtC,uBAAW,WAAW;AAEtB,kBAAM,cAAc,GAAG,UAAU,KAAK,MAAM,UAAU,KAAK,KAAK,UAAU,WAAW;AAErF,uBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAe,CAAC;AAAA,UACvD,OAAO;AAEL,uBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAS,CAAC;AAAA,UACjD;AAAA,QACF,OAAO;AAEL,qBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAS,CAAC;AAAA,QACjD;AAAA,MACF,CAAC;AAED,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/runtime/rsc.ts"],"sourcesContent":["import { ReadableStream } from 'web-streams-polyfill';\n\n/**\n * Fixes RSC payload arrays to be compatible with React JSX development runtime.\n * React elements in the wire format are 4-element arrays (`['$', type, key, props]`);\n * the dev runtime expects 7 elements with debug info in positions 4-6.\n */\nexport function fixPayload(payload: unknown): void {\n  if (Array.isArray(payload)) {\n    if (payload[0] === '$') {\n      // React element — fix props recursively, then pad to 7 elements\n      fixPayload(payload[3]);\n      if (payload.length === 4) {\n        payload.push(null, null, 1);\n      }\n    } else {\n      for (const item of payload) {\n        fixPayload(item);\n      }\n    }\n  } else if (typeof payload === 'object' && payload !== null) {\n    for (const key in payload) {\n      fixPayload((payload as Record<string, unknown>)[key]);\n    }\n  }\n}\n\n/**\n * Parses raw RSC script chunks (the `self[\"name\"].push(\"...\")` format produced\n * by `<RemoteComponentData>`) into a flat array of flight-data strings.\n *\n * This is a pure function — it reads from `data` only, never from `globalThis`.\n */\nexport function buildRSCChunks(rscName: string, data: string[]): string[] {\n  const chunks: string[] = [];\n\n  for (const chunk of data) {\n    for (const line of chunk.split('\\n')) {\n      const match = /\\.push\\(\"(?<rsc>.*)\"\\);$/.exec(line);\n      if (match?.groups?.rsc) {\n        chunks.push(JSON.parse(`\"${match.groups.rsc}\"`) as string);\n      }\n    }\n  }\n\n  return chunks;\n}\n\n/**\n * Processes RSC flight data and creates a ReadableStream.\n *\n * First checks `data` for inline script chunks (parsed via {@link buildRSCChunks}),\n * merging them onto `globalThis[rscName]`. Then consumes the global array\n * (or falls back to an empty RSC payload) and pipes fixed chunks into the stream.\n */\nexport function createRSCStream(\n  rscName: string,\n  data: string[],\n): ReadableStream<Uint8Array> {\n  return new ReadableStream({\n    type: 'bytes',\n    start(controller) {\n      const encoder = new TextEncoder();\n      const self = globalThis as typeof globalThis &\n        Record<string, string[] | null>;\n\n      // Parse inline script chunks and merge onto the global array\n      if (data.length > 0) {\n        const parsed = buildRSCChunks(rscName, data);\n        if (parsed.length > 0) {\n          self[rscName] = self[rscName] ?? [];\n          self[rscName].push(...parsed);\n        }\n      }\n\n      // Consume the global RSC flight data, falling back to an empty payload\n      const allChunks = (self[rscName] ?? [`0:[null]\\n`]).join('');\n      self[rscName] = null;\n\n      // Process each line in the RSC flight data\n      allChunks.split('\\n').forEach((chunk) => {\n        if (chunk.length > 0) {\n          const { before, id, prefix, payload } =\n            /^(?<before>[^:]*?)?(?<id>[0-9a-zA-Z]+):(?<prefix>[A-Z])?(?<payload>\\[.*\\])/.exec(\n              chunk,\n            )?.groups ?? {};\n\n          if (payload) {\n            const jsonPayload = JSON.parse(payload) as unknown[];\n            fixPayload(jsonPayload);\n            const reconstruct = `${before ?? ''}${id}:${prefix ?? ''}${JSON.stringify(jsonPayload)}`;\n            controller.enqueue(encoder.encode(`${reconstruct}\\n`));\n          } else {\n            controller.enqueue(encoder.encode(`${chunk}\\n`));\n          }\n        } else {\n          controller.enqueue(encoder.encode(`${chunk}\\n`));\n        }\n      });\n      controller.close();\n    },\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kCAA+B;AAOxB,SAAS,WAAW,SAAwB;AACjD,MAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,QAAI,QAAQ,CAAC,MAAM,KAAK;AAEtB,iBAAW,QAAQ,CAAC,CAAC;AACrB,UAAI,QAAQ,WAAW,GAAG;AACxB,gBAAQ,KAAK,MAAM,MAAM,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,iBAAW,QAAQ,SAAS;AAC1B,mBAAW,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,EACF,WAAW,OAAO,YAAY,YAAY,YAAY,MAAM;AAC1D,eAAW,OAAO,SAAS;AACzB,iBAAY,QAAoC,GAAG,CAAC;AAAA,IACtD;AAAA,EACF;AACF;AAQO,SAAS,eAAe,SAAiB,MAA0B;AACxE,QAAM,SAAmB,CAAC;AAE1B,aAAW,SAAS,MAAM;AACxB,eAAW,QAAQ,MAAM,MAAM,IAAI,GAAG;AACpC,YAAM,QAAQ,2BAA2B,KAAK,IAAI;AAClD,UAAI,OAAO,QAAQ,KAAK;AACtB,eAAO,KAAK,KAAK,MAAM,IAAI,MAAM,OAAO,MAAM,CAAW;AAAA,MAC3D;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AASO,SAAS,gBACd,SACA,MAC4B;AAC5B,SAAO,IAAI,2CAAe;AAAA,IACxB,MAAM;AAAA,IACN,MAAM,YAAY;AAChB,YAAM,UAAU,IAAI,YAAY;AAChC,YAAM,OAAO;AAIb,UAAI,KAAK,SAAS,GAAG;AACnB,cAAM,SAAS,eAAe,SAAS,IAAI;AAC3C,YAAI,OAAO,SAAS,GAAG;AACrB,eAAK,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;AAClC,eAAK,OAAO,EAAE,KAAK,GAAG,MAAM;AAAA,QAC9B;AAAA,MACF;AAGA,YAAM,aAAa,KAAK,OAAO,KAAK,CAAC;AAAA,CAAY,GAAG,KAAK,EAAE;AAC3D,WAAK,OAAO,IAAI;AAGhB,gBAAU,MAAM,IAAI,EAAE,QAAQ,CAAC,UAAU;AACvC,YAAI,MAAM,SAAS,GAAG;AACpB,gBAAM,EAAE,QAAQ,IAAI,QAAQ,QAAQ,IAClC,6EAA6E;AAAA,YAC3E;AAAA,UACF,GAAG,UAAU,CAAC;AAEhB,cAAI,SAAS;AACX,kBAAM,cAAc,KAAK,MAAM,OAAO;AACtC,uBAAW,WAAW;AACtB,kBAAM,cAAc,GAAG,UAAU,KAAK,MAAM,UAAU,KAAK,KAAK,UAAU,WAAW;AACrF,uBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAe,CAAC;AAAA,UACvD,OAAO;AACL,uBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAS,CAAC;AAAA,UACjD;AAAA,QACF,OAAO;AACL,qBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAS,CAAC;AAAA,QACjD;AAAA,MACF,CAAC;AACD,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/internal/runtime/rsc.d.ts

@@ -1,8 +1,25 @@
 import { ReadableStream } from 'web-streams-polyfill';
 
 /**
- * Processes RSC flight data and creates a ReadableStream
+ * Fixes RSC payload arrays to be compatible with React JSX development runtime.
+ * React elements in the wire format are 4-element arrays (`['$', type, key, props]`);
+ * the dev runtime expects 7 elements with debug info in positions 4-6.
+ */
+declare function fixPayload(payload: unknown): void;
+/**
+ * Parses raw RSC script chunks (the `self["name"].push("...")` format produced
+ * by `<RemoteComponentData>`) into a flat array of flight-data strings.
+ *
+ * This is a pure function — it reads from `data` only, never from `globalThis`.
+ */
+declare function buildRSCChunks(rscName: string, data: string[]): string[];
+/**
+ * Processes RSC flight data and creates a ReadableStream.
+ *
+ * First checks `data` for inline script chunks (parsed via {@link buildRSCChunks}),
+ * merging them onto `globalThis[rscName]`. Then consumes the global array
+ * (or falls back to an empty RSC payload) and pipes fixed chunks into the stream.
  */
 declare function createRSCStream(rscName: string, data: string[]): ReadableStream<Uint8Array>;
 
-export { createRSCStream };
+export { buildRSCChunks, createRSCStream, fixPayload };

package/dist/internal/runtime/rsc.js

@@ -17,6 +17,18 @@ function fixPayload(payload) {
     }
   }
 }
+function buildRSCChunks(rscName, data) {
+  const chunks = [];
+  for (const chunk of data) {
+    for (const line of chunk.split("\n")) {
+      const match = /\.push\("(?<rsc>.*)"\);$/.exec(line);
+      if (match?.groups?.rsc) {
+        chunks.push(JSON.parse(`"${match.groups.rsc}"`));
+      }
+    }
+  }
+  return chunks;
+}
 function createRSCStream(rscName, data) {
   return new ReadableStream({
     type: "bytes",
@@ -24,16 +36,11 @@ function createRSCStream(rscName, data) {
       const encoder = new TextEncoder();
       const self = globalThis;
       if (data.length > 0) {
-        data.forEach((chunk) => {
-          const lines = chunk.split("\n");
-          for (const line of lines) {
-            const match = /\.push\("(?<rsc>.*)"\);$/.exec(line);
-            if (match?.groups?.rsc) {
-              self[rscName] = self[rscName] ?? [];
-              self[rscName].push(JSON.parse(`"${match.groups.rsc}"`));
-            }
-          }
-        });
+        const parsed = buildRSCChunks(rscName, data);
+        if (parsed.length > 0) {
+          self[rscName] = self[rscName] ?? [];
+          self[rscName].push(...parsed);
+        }
       }
       const allChunks = (self[rscName] ?? [`0:[null]
 `]).join("");
@@ -63,6 +70,8 @@ function createRSCStream(rscName, data) {
   });
 }
 export {
-  createRSCStream
+  buildRSCChunks,
+  createRSCStream,
+  fixPayload
 };
 //# sourceMappingURL=rsc.js.map

package/dist/internal/runtime/rsc.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/rsc.ts"],"sourcesContent":["import { ReadableStream } from 'web-streams-polyfill';\n\n/**\n * Fixes RSC payload to make it compatible with React JSX development runtime\n */\nfunction fixPayload(payload: unknown): void {\n  if (Array.isArray(payload)) {\n    // if the current node is a React element, we need to fix the payload\n    if (payload[0] === '$') {\n      // fix the props (children or other React elements)\n      fixPayload(payload[3]);\n      if (payload.length === 4) {\n        // add placeholder for the missing debug info\n        payload.push(null, null, 1);\n      }\n    } else {\n      // we are in an array, continue with visiting each item\n      for (const item of payload) {\n        fixPayload(item);\n      }\n    }\n  } else if (typeof payload === 'object' && payload !== null) {\n    // we are in an object, continue with visiting each property\n    for (const key in payload) {\n      fixPayload((payload as Record<string, unknown>)[key]);\n    }\n  }\n}\n\n/**\n * Processes RSC flight data and creates a ReadableStream\n */\nexport function createRSCStream(\n  rscName: string,\n  data: string[],\n): ReadableStream<Uint8Array> {\n  return new ReadableStream({\n    type: 'bytes',\n    start(controller) {\n      const encoder = new TextEncoder();\n      const self = globalThis as typeof globalThis &\n        Record<string, string[] | null>;\n\n      // when the remote component RSC scripts are not found or loaded\n      // we need to load the RSC flight data parsing the chunks\n      if (data.length > 0) {\n        data.forEach((chunk) => {\n          const lines = chunk.split('\\n');\n          for (const line of lines) {\n            const match = /\\.push\\(\"(?<rsc>.*)\"\\);$/.exec(line);\n            if (match?.groups?.rsc) {\n              self[rscName] = self[rscName] ?? [];\n              self[rscName].push(JSON.parse(`\"${match.groups.rsc}\"`) as string);\n            }\n          }\n        });\n      }\n\n      // get the RSC flight data from the global scope\n      // the RSC flight data is stored in an array\n      // fallback to an empty RSC payload if the data is not found\n      const allChunks = (self[rscName] ?? [`0:[null]\\n`]).join('');\n\n      // clear the RSC flight data from the global scope\n      self[rscName] = null;\n\n      // process each line in the RSC flight data\n      allChunks.split('\\n').forEach((chunk) => {\n        if (chunk.length > 0) {\n          // parse the chunk to get the id, prefix and payload\n          const { before, id, prefix, payload } =\n            /^(?<before>[^:]*?)?(?<id>[0-9a-zA-Z]+):(?<prefix>[A-Z])?(?<payload>\\[.*\\])/.exec(\n              chunk,\n            )?.groups ?? {};\n\n          if (payload) {\n            // parse the payload to a JSON object\n            const jsonPayload = JSON.parse(payload) as unknown[];\n            // fix the payload to make it compatible with React JSX development runtime\n            fixPayload(jsonPayload);\n            // reconstruct the chunk to a string\n            const reconstruct = `${before ?? ''}${id}:${prefix ?? ''}${JSON.stringify(jsonPayload)}`;\n            // encode the chunk to a byte buffer\n            controller.enqueue(encoder.encode(`${reconstruct}\\n`));\n          } else {\n            // add empty line before closing the stream\n            controller.enqueue(encoder.encode(`${chunk}\\n`));\n          }\n        } else {\n          // add empty line before closing the stream\n          controller.enqueue(encoder.encode(`${chunk}\\n`));\n        }\n      });\n      // close the stream when all chunks are enqueued\n      controller.close();\n    },\n  });\n}\n"],"mappings":"AAAA,SAAS,sBAAsB;AAK/B,SAAS,WAAW,SAAwB;AAC1C,MAAI,MAAM,QAAQ,OAAO,GAAG;AAE1B,QAAI,QAAQ,CAAC,MAAM,KAAK;AAEtB,iBAAW,QAAQ,CAAC,CAAC;AACrB,UAAI,QAAQ,WAAW,GAAG;AAExB,gBAAQ,KAAK,MAAM,MAAM,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AAEL,iBAAW,QAAQ,SAAS;AAC1B,mBAAW,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,EACF,WAAW,OAAO,YAAY,YAAY,YAAY,MAAM;AAE1D,eAAW,OAAO,SAAS;AACzB,iBAAY,QAAoC,GAAG,CAAC;AAAA,IACtD;AAAA,EACF;AACF;AAKO,SAAS,gBACd,SACA,MAC4B;AAC5B,SAAO,IAAI,eAAe;AAAA,IACxB,MAAM;AAAA,IACN,MAAM,YAAY;AAChB,YAAM,UAAU,IAAI,YAAY;AAChC,YAAM,OAAO;AAKb,UAAI,KAAK,SAAS,GAAG;AACnB,aAAK,QAAQ,CAAC,UAAU;AACtB,gBAAM,QAAQ,MAAM,MAAM,IAAI;AAC9B,qBAAW,QAAQ,OAAO;AACxB,kBAAM,QAAQ,2BAA2B,KAAK,IAAI;AAClD,gBAAI,OAAO,QAAQ,KAAK;AACtB,mBAAK,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;AAClC,mBAAK,OAAO,EAAE,KAAK,KAAK,MAAM,IAAI,MAAM,OAAO,MAAM,CAAW;AAAA,YAClE;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAKA,YAAM,aAAa,KAAK,OAAO,KAAK,CAAC;AAAA,CAAY,GAAG,KAAK,EAAE;AAG3D,WAAK,OAAO,IAAI;AAGhB,gBAAU,MAAM,IAAI,EAAE,QAAQ,CAAC,UAAU;AACvC,YAAI,MAAM,SAAS,GAAG;AAEpB,gBAAM,EAAE,QAAQ,IAAI,QAAQ,QAAQ,IAClC,6EAA6E;AAAA,YAC3E;AAAA,UACF,GAAG,UAAU,CAAC;AAEhB,cAAI,SAAS;AAEX,kBAAM,cAAc,KAAK,MAAM,OAAO;AAEtC,uBAAW,WAAW;AAEtB,kBAAM,cAAc,GAAG,UAAU,KAAK,MAAM,UAAU,KAAK,KAAK,UAAU,WAAW;AAErF,uBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAe,CAAC;AAAA,UACvD,OAAO;AAEL,uBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAS,CAAC;AAAA,UACjD;AAAA,QACF,OAAO;AAEL,qBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAS,CAAC;AAAA,QACjD;AAAA,MACF,CAAC;AAED,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../../src/runtime/rsc.ts"],"sourcesContent":["import { ReadableStream } from 'web-streams-polyfill';\n\n/**\n * Fixes RSC payload arrays to be compatible with React JSX development runtime.\n * React elements in the wire format are 4-element arrays (`['$', type, key, props]`);\n * the dev runtime expects 7 elements with debug info in positions 4-6.\n */\nexport function fixPayload(payload: unknown): void {\n  if (Array.isArray(payload)) {\n    if (payload[0] === '$') {\n      // React element — fix props recursively, then pad to 7 elements\n      fixPayload(payload[3]);\n      if (payload.length === 4) {\n        payload.push(null, null, 1);\n      }\n    } else {\n      for (const item of payload) {\n        fixPayload(item);\n      }\n    }\n  } else if (typeof payload === 'object' && payload !== null) {\n    for (const key in payload) {\n      fixPayload((payload as Record<string, unknown>)[key]);\n    }\n  }\n}\n\n/**\n * Parses raw RSC script chunks (the `self[\"name\"].push(\"...\")` format produced\n * by `<RemoteComponentData>`) into a flat array of flight-data strings.\n *\n * This is a pure function — it reads from `data` only, never from `globalThis`.\n */\nexport function buildRSCChunks(rscName: string, data: string[]): string[] {\n  const chunks: string[] = [];\n\n  for (const chunk of data) {\n    for (const line of chunk.split('\\n')) {\n      const match = /\\.push\\(\"(?<rsc>.*)\"\\);$/.exec(line);\n      if (match?.groups?.rsc) {\n        chunks.push(JSON.parse(`\"${match.groups.rsc}\"`) as string);\n      }\n    }\n  }\n\n  return chunks;\n}\n\n/**\n * Processes RSC flight data and creates a ReadableStream.\n *\n * First checks `data` for inline script chunks (parsed via {@link buildRSCChunks}),\n * merging them onto `globalThis[rscName]`. Then consumes the global array\n * (or falls back to an empty RSC payload) and pipes fixed chunks into the stream.\n */\nexport function createRSCStream(\n  rscName: string,\n  data: string[],\n): ReadableStream<Uint8Array> {\n  return new ReadableStream({\n    type: 'bytes',\n    start(controller) {\n      const encoder = new TextEncoder();\n      const self = globalThis as typeof globalThis &\n        Record<string, string[] | null>;\n\n      // Parse inline script chunks and merge onto the global array\n      if (data.length > 0) {\n        const parsed = buildRSCChunks(rscName, data);\n        if (parsed.length > 0) {\n          self[rscName] = self[rscName] ?? [];\n          self[rscName].push(...parsed);\n        }\n      }\n\n      // Consume the global RSC flight data, falling back to an empty payload\n      const allChunks = (self[rscName] ?? [`0:[null]\\n`]).join('');\n      self[rscName] = null;\n\n      // Process each line in the RSC flight data\n      allChunks.split('\\n').forEach((chunk) => {\n        if (chunk.length > 0) {\n          const { before, id, prefix, payload } =\n            /^(?<before>[^:]*?)?(?<id>[0-9a-zA-Z]+):(?<prefix>[A-Z])?(?<payload>\\[.*\\])/.exec(\n              chunk,\n            )?.groups ?? {};\n\n          if (payload) {\n            const jsonPayload = JSON.parse(payload) as unknown[];\n            fixPayload(jsonPayload);\n            const reconstruct = `${before ?? ''}${id}:${prefix ?? ''}${JSON.stringify(jsonPayload)}`;\n            controller.enqueue(encoder.encode(`${reconstruct}\\n`));\n          } else {\n            controller.enqueue(encoder.encode(`${chunk}\\n`));\n          }\n        } else {\n          controller.enqueue(encoder.encode(`${chunk}\\n`));\n        }\n      });\n      controller.close();\n    },\n  });\n}\n"],"mappings":"AAAA,SAAS,sBAAsB;AAOxB,SAAS,WAAW,SAAwB;AACjD,MAAI,MAAM,QAAQ,OAAO,GAAG;AAC1B,QAAI,QAAQ,CAAC,MAAM,KAAK;AAEtB,iBAAW,QAAQ,CAAC,CAAC;AACrB,UAAI,QAAQ,WAAW,GAAG;AACxB,gBAAQ,KAAK,MAAM,MAAM,CAAC;AAAA,MAC5B;AAAA,IACF,OAAO;AACL,iBAAW,QAAQ,SAAS;AAC1B,mBAAW,IAAI;AAAA,MACjB;AAAA,IACF;AAAA,EACF,WAAW,OAAO,YAAY,YAAY,YAAY,MAAM;AAC1D,eAAW,OAAO,SAAS;AACzB,iBAAY,QAAoC,GAAG,CAAC;AAAA,IACtD;AAAA,EACF;AACF;AAQO,SAAS,eAAe,SAAiB,MAA0B;AACxE,QAAM,SAAmB,CAAC;AAE1B,aAAW,SAAS,MAAM;AACxB,eAAW,QAAQ,MAAM,MAAM,IAAI,GAAG;AACpC,YAAM,QAAQ,2BAA2B,KAAK,IAAI;AAClD,UAAI,OAAO,QAAQ,KAAK;AACtB,eAAO,KAAK,KAAK,MAAM,IAAI,MAAM,OAAO,MAAM,CAAW;AAAA,MAC3D;AAAA,IACF;AAAA,EACF;AAEA,SAAO;AACT;AASO,SAAS,gBACd,SACA,MAC4B;AAC5B,SAAO,IAAI,eAAe;AAAA,IACxB,MAAM;AAAA,IACN,MAAM,YAAY;AAChB,YAAM,UAAU,IAAI,YAAY;AAChC,YAAM,OAAO;AAIb,UAAI,KAAK,SAAS,GAAG;AACnB,cAAM,SAAS,eAAe,SAAS,IAAI;AAC3C,YAAI,OAAO,SAAS,GAAG;AACrB,eAAK,OAAO,IAAI,KAAK,OAAO,KAAK,CAAC;AAClC,eAAK,OAAO,EAAE,KAAK,GAAG,MAAM;AAAA,QAC9B;AAAA,MACF;AAGA,YAAM,aAAa,KAAK,OAAO,KAAK,CAAC;AAAA,CAAY,GAAG,KAAK,EAAE;AAC3D,WAAK,OAAO,IAAI;AAGhB,gBAAU,MAAM,IAAI,EAAE,QAAQ,CAAC,UAAU;AACvC,YAAI,MAAM,SAAS,GAAG;AACpB,gBAAM,EAAE,QAAQ,IAAI,QAAQ,QAAQ,IAClC,6EAA6E;AAAA,YAC3E;AAAA,UACF,GAAG,UAAU,CAAC;AAEhB,cAAI,SAAS;AACX,kBAAM,cAAc,KAAK,MAAM,OAAO;AACtC,uBAAW,WAAW;AACtB,kBAAM,cAAc,GAAG,UAAU,KAAK,MAAM,UAAU,KAAK,KAAK,UAAU,WAAW;AACrF,uBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAe,CAAC;AAAA,UACvD,OAAO;AACL,uBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAS,CAAC;AAAA,UACjD;AAAA,QACF,OAAO;AACL,qBAAW,QAAQ,QAAQ,OAAO,GAAG;AAAA,CAAS,CAAC;AAAA,QACjD;AAAA,MACF,CAAC;AACD,iBAAW,MAAM;AAAA,IACnB;AAAA,EACF,CAAC;AACH;","names":[]}