remote-components 0.1.2 → 0.2.1

package/dist/internal/runtime/loaders/static-loader.cjs

@@ -0,0 +1,177 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var static_loader_exports = {};
+__export(static_loader_exports, {
+  loadStaticRemoteComponent: () => loadStaticRemoteComponent
+});
+module.exports = __toCommonJS(static_loader_exports);
+var import_logger = require("#internal/utils/logger");
+async function importViaCallback(absoluteSrc, resolveClientUrl) {
+  const resolvedUrl = resolveClientUrl(absoluteSrc) ?? absoluteSrc;
+  const fetchUrl = new URL(resolvedUrl, location.href).href;
+  const response = await fetch(fetchUrl);
+  if (!response.ok)
+    throw new Error(`Proxied fetch failed: ${response.status}`);
+  const content = (await response.text()).replace(/import\.meta\.url/g, JSON.stringify(absoluteSrc)).replace(
+    /\b(from|import)\s*(["'])(\.\.?\/[^"']+)\2/g,
+    (_, keyword, quote, relativePath) => {
+      const absoluteImportUrl = new URL(relativePath, absoluteSrc).href;
+      const resolvedImportUrl = new URL(
+        resolveClientUrl(absoluteImportUrl) ?? absoluteImportUrl,
+        location.href
+      ).href;
+      return `${keyword} ${quote}${resolvedImportUrl}${quote}`;
+    }
+  );
+  const moduleBlobUrl = URL.createObjectURL(
+    new Blob([content], { type: "text/javascript" })
+  );
+  const wrapperContent = [
+    `import*as m from${JSON.stringify(moduleBlobUrl)};`,
+    `globalThis.__rc_module_registry__=globalThis.__rc_module_registry__||{};`,
+    `globalThis.__rc_module_registry__[${JSON.stringify(absoluteSrc)}]=m;`
+  ].join("");
+  const wrapperBlobUrl = URL.createObjectURL(
+    new Blob([wrapperContent], { type: "text/javascript" })
+  );
+  const scriptEl = document.createElement("script");
+  scriptEl.type = "module";
+  scriptEl.src = wrapperBlobUrl;
+  try {
+    await new Promise((resolve, reject) => {
+      scriptEl.onload = () => resolve();
+      scriptEl.onerror = () => reject(new Error(`Failed to load module for ${absoluteSrc}`));
+      document.head.appendChild(scriptEl);
+    });
+  } finally {
+    scriptEl.remove();
+    URL.revokeObjectURL(moduleBlobUrl);
+    URL.revokeObjectURL(wrapperBlobUrl);
+  }
+  const registry = globalThis.__rc_module_registry__;
+  const mod = registry?.[absoluteSrc] ?? {};
+  if (registry)
+    delete registry[absoluteSrc];
+  return mod;
+}
+async function importDirectly(absoluteSrc) {
+  try {
+    return await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      absoluteSrc
+    );
+  } catch (importError) {
+    if (!absoluteSrc.startsWith("blob:")) {
+      (0, import_logger.warnCrossOriginFetchError)("StaticLoader", absoluteSrc);
+    }
+    throw importError;
+  }
+}
+function resolveScriptSrc(script, url) {
+  const rawSrc = typeof script.getAttribute === "function" ? script.getAttribute("src") ?? script.src : script.src;
+  if (!rawSrc && script.textContent) {
+    return URL.createObjectURL(
+      new Blob(
+        [script.textContent.replace(/import\.meta\.url/g, JSON.stringify(url))],
+        { type: "text/javascript" }
+      )
+    );
+  }
+  return rawSrc;
+}
+async function loadStaticRemoteComponent(scripts, url, resolveClientUrl) {
+  const self = globalThis;
+  if (self.__remote_script_entrypoint_mount__?.[url.href]) {
+    self.__remote_script_entrypoint_mount__[url.href] = /* @__PURE__ */ new Set();
+  }
+  if (self.__remote_script_entrypoint_unmount__?.[url.href]) {
+    self.__remote_script_entrypoint_unmount__[url.href] = /* @__PURE__ */ new Set();
+  }
+  const mountUnmountSets = await Promise.all(
+    scripts.map(async (script) => {
+      try {
+        const src = resolveScriptSrc(script, url);
+        const absoluteSrc = new URL(src, url).href;
+        const mod = resolveClientUrl ? await importViaCallback(absoluteSrc, resolveClientUrl) : await importDirectly(absoluteSrc);
+        if (src.startsWith("blob:")) {
+          URL.revokeObjectURL(src);
+        }
+        if (typeof mod.mount === "function" || typeof mod.default?.mount === "function") {
+          if (!self.__remote_script_entrypoint_mount__) {
+            self.__remote_script_entrypoint_mount__ = {};
+          }
+          if (!self.__remote_script_entrypoint_mount__[url.href]) {
+            self.__remote_script_entrypoint_mount__[url.href] = /* @__PURE__ */ new Set();
+          }
+          self.__remote_script_entrypoint_mount__[url.href]?.add(
+            mod.mount || mod.default?.mount || (() => {
+            })
+          );
+        }
+        if (typeof mod.unmount === "function" || typeof mod.default?.unmount === "function") {
+          if (!self.__remote_script_entrypoint_unmount__) {
+            self.__remote_script_entrypoint_unmount__ = {};
+          }
+          if (!self.__remote_script_entrypoint_unmount__[url.href]) {
+            self.__remote_script_entrypoint_unmount__[url.href] = /* @__PURE__ */ new Set();
+          }
+          self.__remote_script_entrypoint_unmount__[url.href]?.add(
+            mod.unmount || mod.default?.unmount || (() => {
+            })
+          );
+        }
+        return {
+          mount: mod.mount || mod.default?.mount,
+          unmount: mod.unmount || mod.default?.unmount
+        };
+      } catch (e) {
+        (0, import_logger.logError)(
+          "StaticLoader",
+          `Error loading remote component script from "${script.src || url.href}".`,
+          e
+        );
+        return {
+          mount: void 0,
+          unmount: void 0
+        };
+      }
+    })
+  );
+  return mountUnmountSets.reduce(
+    (acc, { mount, unmount }) => {
+      if (typeof mount === "function") {
+        acc.mount.add(mount);
+      }
+      if (typeof unmount === "function") {
+        acc.unmount.add(unmount);
+      }
+      return acc;
+    },
+    {
+      mount: /* @__PURE__ */ new Set(),
+      unmount: /* @__PURE__ */ new Set()
+    }
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  loadStaticRemoteComponent
+});
+//# sourceMappingURL=static-loader.cjs.map

package/dist/internal/runtime/loaders/static-loader.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtime/loaders/static-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type {\n  MountOrUnmountFunction,\n  MountUnmountFunctions,\n} from '#internal/runtime/types';\nimport { logError, warnCrossOriginFetchError } from '#internal/utils/logger';\n\ntype ScriptMod = {\n  mount?: MountOrUnmountFunction;\n  unmount?: MountOrUnmountFunction;\n  default?: {\n    mount?: MountOrUnmountFunction;\n    unmount?: MountOrUnmountFunction;\n  };\n};\n\n/**\n * Fetches an ES module via the resolveClientUrl callback, rewrites its\n * relative imports to also go through the callback, then loads it by injecting a\n * wrapper <script type=\"module\"> tag. The module's namespace is captured via\n * a temporary global and returned.\n *\n * This is needed when a direct import() of a cross-origin module fails due to\n * CORS restrictions or Vercel preview-deployment auth. A simple URL rewrite\n * doesn't work for import() because relative imports inside the module would\n * resolve against the rewritten URL instead of the original remote origin.\n */\nasync function importViaCallback<T>(\n  absoluteSrc: string,\n  resolveClientUrl: InternalResolveClientUrl,\n): Promise<T> {\n  const resolvedUrl = resolveClientUrl(absoluteSrc) ?? absoluteSrc;\n  const fetchUrl = new URL(resolvedUrl, location.href).href;\n  const response = await fetch(fetchUrl);\n  if (!response.ok) throw new Error(`Proxied fetch failed: ${response.status}`);\n\n  // Restore import.meta.url to the original module URL so any code that\n  // relies on it (e.g. for asset resolution) gets the right value.\n  // Rewrite relative imports to absolute URLs resolved through the callback so\n  // that transitive dependencies also bypass CORS/auth.\n  const content = (await response.text())\n    .replace(/import\\.meta\\.url/g, JSON.stringify(absoluteSrc))\n    .replace(\n      /\\b(from|import)\\s*([\"'])(\\.\\.?\\/[^\"']+)\\2/g,\n      (_, keyword, quote, relativePath) => {\n        const absoluteImportUrl = new URL(relativePath, absoluteSrc).href;\n        const resolvedImportUrl = new URL(\n          resolveClientUrl(absoluteImportUrl) ?? absoluteImportUrl,\n          location.href,\n        ).href;\n        return `${keyword} ${quote}${resolvedImportUrl}${quote}`;\n      },\n    );\n  const moduleBlobUrl = URL.createObjectURL(\n    new Blob([content], { type: 'text/javascript' }),\n  );\n  const wrapperContent = [\n    `import*as m from${JSON.stringify(moduleBlobUrl)};`,\n    `globalThis.__rc_module_registry__=globalThis.__rc_module_registry__||{};`,\n    `globalThis.__rc_module_registry__[${JSON.stringify(absoluteSrc)}]=m;`,\n  ].join('');\n  const wrapperBlobUrl = URL.createObjectURL(\n    new Blob([wrapperContent], { type: 'text/javascript' }),\n  );\n  const scriptEl = document.createElement('script');\n  scriptEl.type = 'module';\n  scriptEl.src = wrapperBlobUrl;\n  try {\n    await new Promise<void>((resolve, reject) => {\n      scriptEl.onload = () => resolve();\n      scriptEl.onerror = () =>\n        reject(new Error(`Failed to load module for ${absoluteSrc}`));\n      document.head.appendChild(scriptEl);\n    });\n  } finally {\n    scriptEl.remove();\n    URL.revokeObjectURL(moduleBlobUrl);\n    URL.revokeObjectURL(wrapperBlobUrl);\n  }\n  const registry = (\n    globalThis as unknown as { __rc_module_registry__?: Record<string, T> }\n  ).__rc_module_registry__;\n  const mod = registry?.[absoluteSrc] ?? ({} as T);\n  if (registry) delete registry[absoluteSrc];\n  return mod;\n}\n\nasync function importDirectly<T>(absoluteSrc: string): Promise<T> {\n  try {\n    return (await import(\n      /* @vite-ignore */\n      /* webpackIgnore: true */ absoluteSrc\n    )) as T;\n  } catch (importError) {\n    if (!absoluteSrc.startsWith('blob:')) {\n      warnCrossOriginFetchError('StaticLoader', absoluteSrc);\n    }\n    throw importError;\n  }\n}\n\nfunction resolveScriptSrc(script: HTMLScriptElement, url: URL): string {\n  const rawSrc =\n    typeof script.getAttribute === 'function'\n      ? (script.getAttribute('src') ?? script.src)\n      : script.src;\n  if (!rawSrc && script.textContent) {\n    return URL.createObjectURL(\n      new Blob(\n        [script.textContent.replace(/import\\.meta\\.url/g, JSON.stringify(url))],\n        { type: 'text/javascript' },\n      ),\n    );\n  }\n  return rawSrc;\n}\n\nexport async function loadStaticRemoteComponent(\n  scripts: HTMLScriptElement[],\n  url: URL,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const self = globalThis as typeof globalThis & MountUnmountFunctions;\n  if (self.__remote_script_entrypoint_mount__?.[url.href]) {\n    self.__remote_script_entrypoint_mount__[url.href] = new Set();\n  }\n  if (self.__remote_script_entrypoint_unmount__?.[url.href]) {\n    self.__remote_script_entrypoint_unmount__[url.href] = new Set();\n  }\n  const mountUnmountSets = await Promise.all(\n    scripts.map(async (script) => {\n      try {\n        const src = resolveScriptSrc(script, url);\n        const absoluteSrc = new URL(src, url).href;\n        const mod: ScriptMod = resolveClientUrl\n          ? await importViaCallback<ScriptMod>(absoluteSrc, resolveClientUrl)\n          : await importDirectly<ScriptMod>(absoluteSrc);\n        // revoke the object URL if we created one for inline script content\n        if (src.startsWith('blob:')) {\n          URL.revokeObjectURL(src);\n        }\n        if (\n          typeof mod.mount === 'function' ||\n          typeof mod.default?.mount === 'function'\n        ) {\n          if (!self.__remote_script_entrypoint_mount__) {\n            // eslint-disable-next-line camelcase\n            self.__remote_script_entrypoint_mount__ = {};\n          }\n          if (!self.__remote_script_entrypoint_mount__[url.href]) {\n            self.__remote_script_entrypoint_mount__[url.href] = new Set();\n          }\n          self.__remote_script_entrypoint_mount__[url.href]?.add(\n            mod.mount ||\n              mod.default?.mount ||\n              (() => {\n                // noop\n              }),\n          );\n        }\n        if (\n          typeof mod.unmount === 'function' ||\n          typeof mod.default?.unmount === 'function'\n        ) {\n          if (!self.__remote_script_entrypoint_unmount__) {\n            // eslint-disable-next-line camelcase\n            self.__remote_script_entrypoint_unmount__ = {};\n          }\n          if (!self.__remote_script_entrypoint_unmount__[url.href]) {\n            self.__remote_script_entrypoint_unmount__[url.href] = new Set();\n          }\n          self.__remote_script_entrypoint_unmount__[url.href]?.add(\n            mod.unmount ||\n              mod.default?.unmount ||\n              (() => {\n                // noop\n              }),\n          );\n        }\n        return {\n          mount: mod.mount || mod.default?.mount,\n          unmount: mod.unmount || mod.default?.unmount,\n        };\n      } catch (e) {\n        logError(\n          'StaticLoader',\n          `Error loading remote component script from \"${script.src || url.href}\".`,\n          e,\n        );\n        return {\n          mount: undefined,\n          unmount: undefined,\n        };\n      }\n    }),\n  );\n  return mountUnmountSets.reduce(\n    (acc, { mount, unmount }) => {\n      if (typeof mount === 'function') {\n        acc.mount.add(mount);\n      }\n      if (typeof unmount === 'function') {\n        acc.unmount.add(unmount);\n      }\n      return acc;\n    },\n    {\n      mount: new Set<MountOrUnmountFunction>(),\n      unmount: new Set<MountOrUnmountFunction>(),\n    },\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/internal/runtime/loaders/static-loader.d.ts

@@ -0,0 +1,10 @@
+import { InternalResolveClientUrl } from '../url/resolve-client-url.js';
+import { MountOrUnmountFunction } from '../types.js';
+import '../metadata.js';
+
+declare function loadStaticRemoteComponent(scripts: HTMLScriptElement[], url: URL, resolveClientUrl?: InternalResolveClientUrl): Promise<{
+    mount: Set<MountOrUnmountFunction>;
+    unmount: Set<MountOrUnmountFunction>;
+}>;
+
+export { loadStaticRemoteComponent };

package/dist/internal/runtime/loaders/static-loader.js

@@ -0,0 +1,153 @@
+import { logError, warnCrossOriginFetchError } from "#internal/utils/logger";
+async function importViaCallback(absoluteSrc, resolveClientUrl) {
+  const resolvedUrl = resolveClientUrl(absoluteSrc) ?? absoluteSrc;
+  const fetchUrl = new URL(resolvedUrl, location.href).href;
+  const response = await fetch(fetchUrl);
+  if (!response.ok)
+    throw new Error(`Proxied fetch failed: ${response.status}`);
+  const content = (await response.text()).replace(/import\.meta\.url/g, JSON.stringify(absoluteSrc)).replace(
+    /\b(from|import)\s*(["'])(\.\.?\/[^"']+)\2/g,
+    (_, keyword, quote, relativePath) => {
+      const absoluteImportUrl = new URL(relativePath, absoluteSrc).href;
+      const resolvedImportUrl = new URL(
+        resolveClientUrl(absoluteImportUrl) ?? absoluteImportUrl,
+        location.href
+      ).href;
+      return `${keyword} ${quote}${resolvedImportUrl}${quote}`;
+    }
+  );
+  const moduleBlobUrl = URL.createObjectURL(
+    new Blob([content], { type: "text/javascript" })
+  );
+  const wrapperContent = [
+    `import*as m from${JSON.stringify(moduleBlobUrl)};`,
+    `globalThis.__rc_module_registry__=globalThis.__rc_module_registry__||{};`,
+    `globalThis.__rc_module_registry__[${JSON.stringify(absoluteSrc)}]=m;`
+  ].join("");
+  const wrapperBlobUrl = URL.createObjectURL(
+    new Blob([wrapperContent], { type: "text/javascript" })
+  );
+  const scriptEl = document.createElement("script");
+  scriptEl.type = "module";
+  scriptEl.src = wrapperBlobUrl;
+  try {
+    await new Promise((resolve, reject) => {
+      scriptEl.onload = () => resolve();
+      scriptEl.onerror = () => reject(new Error(`Failed to load module for ${absoluteSrc}`));
+      document.head.appendChild(scriptEl);
+    });
+  } finally {
+    scriptEl.remove();
+    URL.revokeObjectURL(moduleBlobUrl);
+    URL.revokeObjectURL(wrapperBlobUrl);
+  }
+  const registry = globalThis.__rc_module_registry__;
+  const mod = registry?.[absoluteSrc] ?? {};
+  if (registry)
+    delete registry[absoluteSrc];
+  return mod;
+}
+async function importDirectly(absoluteSrc) {
+  try {
+    return await import(
+      /* @vite-ignore */
+      /* webpackIgnore: true */
+      absoluteSrc
+    );
+  } catch (importError) {
+    if (!absoluteSrc.startsWith("blob:")) {
+      warnCrossOriginFetchError("StaticLoader", absoluteSrc);
+    }
+    throw importError;
+  }
+}
+function resolveScriptSrc(script, url) {
+  const rawSrc = typeof script.getAttribute === "function" ? script.getAttribute("src") ?? script.src : script.src;
+  if (!rawSrc && script.textContent) {
+    return URL.createObjectURL(
+      new Blob(
+        [script.textContent.replace(/import\.meta\.url/g, JSON.stringify(url))],
+        { type: "text/javascript" }
+      )
+    );
+  }
+  return rawSrc;
+}
+async function loadStaticRemoteComponent(scripts, url, resolveClientUrl) {
+  const self = globalThis;
+  if (self.__remote_script_entrypoint_mount__?.[url.href]) {
+    self.__remote_script_entrypoint_mount__[url.href] = /* @__PURE__ */ new Set();
+  }
+  if (self.__remote_script_entrypoint_unmount__?.[url.href]) {
+    self.__remote_script_entrypoint_unmount__[url.href] = /* @__PURE__ */ new Set();
+  }
+  const mountUnmountSets = await Promise.all(
+    scripts.map(async (script) => {
+      try {
+        const src = resolveScriptSrc(script, url);
+        const absoluteSrc = new URL(src, url).href;
+        const mod = resolveClientUrl ? await importViaCallback(absoluteSrc, resolveClientUrl) : await importDirectly(absoluteSrc);
+        if (src.startsWith("blob:")) {
+          URL.revokeObjectURL(src);
+        }
+        if (typeof mod.mount === "function" || typeof mod.default?.mount === "function") {
+          if (!self.__remote_script_entrypoint_mount__) {
+            self.__remote_script_entrypoint_mount__ = {};
+          }
+          if (!self.__remote_script_entrypoint_mount__[url.href]) {
+            self.__remote_script_entrypoint_mount__[url.href] = /* @__PURE__ */ new Set();
+          }
+          self.__remote_script_entrypoint_mount__[url.href]?.add(
+            mod.mount || mod.default?.mount || (() => {
+            })
+          );
+        }
+        if (typeof mod.unmount === "function" || typeof mod.default?.unmount === "function") {
+          if (!self.__remote_script_entrypoint_unmount__) {
+            self.__remote_script_entrypoint_unmount__ = {};
+          }
+          if (!self.__remote_script_entrypoint_unmount__[url.href]) {
+            self.__remote_script_entrypoint_unmount__[url.href] = /* @__PURE__ */ new Set();
+          }
+          self.__remote_script_entrypoint_unmount__[url.href]?.add(
+            mod.unmount || mod.default?.unmount || (() => {
+            })
+          );
+        }
+        return {
+          mount: mod.mount || mod.default?.mount,
+          unmount: mod.unmount || mod.default?.unmount
+        };
+      } catch (e) {
+        logError(
+          "StaticLoader",
+          `Error loading remote component script from "${script.src || url.href}".`,
+          e
+        );
+        return {
+          mount: void 0,
+          unmount: void 0
+        };
+      }
+    })
+  );
+  return mountUnmountSets.reduce(
+    (acc, { mount, unmount }) => {
+      if (typeof mount === "function") {
+        acc.mount.add(mount);
+      }
+      if (typeof unmount === "function") {
+        acc.unmount.add(unmount);
+      }
+      return acc;
+    },
+    {
+      mount: /* @__PURE__ */ new Set(),
+      unmount: /* @__PURE__ */ new Set()
+    }
+  );
+}
+export {
+  loadStaticRemoteComponent
+};
+//# sourceMappingURL=static-loader.js.map

package/dist/internal/runtime/loaders/static-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtime/loaders/static-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type {\n  MountOrUnmountFunction,\n  MountUnmountFunctions,\n} from '#internal/runtime/types';\nimport { logError, warnCrossOriginFetchError } from '#internal/utils/logger';\n\ntype ScriptMod = {\n  mount?: MountOrUnmountFunction;\n  unmount?: MountOrUnmountFunction;\n  default?: {\n    mount?: MountOrUnmountFunction;\n    unmount?: MountOrUnmountFunction;\n  };\n};\n\n/**\n * Fetches an ES module via the resolveClientUrl callback, rewrites its\n * relative imports to also go through the callback, then loads it by injecting a\n * wrapper <script type=\"module\"> tag. The module's namespace is captured via\n * a temporary global and returned.\n *\n * This is needed when a direct import() of a cross-origin module fails due to\n * CORS restrictions or Vercel preview-deployment auth. A simple URL rewrite\n * doesn't work for import() because relative imports inside the module would\n * resolve against the rewritten URL instead of the original remote origin.\n */\nasync function importViaCallback<T>(\n  absoluteSrc: string,\n  resolveClientUrl: InternalResolveClientUrl,\n): Promise<T> {\n  const resolvedUrl = resolveClientUrl(absoluteSrc) ?? absoluteSrc;\n  const fetchUrl = new URL(resolvedUrl, location.href).href;\n  const response = await fetch(fetchUrl);\n  if (!response.ok) throw new Error(`Proxied fetch failed: ${response.status}`);\n\n  // Restore import.meta.url to the original module URL so any code that\n  // relies on it (e.g. for asset resolution) gets the right value.\n  // Rewrite relative imports to absolute URLs resolved through the callback so\n  // that transitive dependencies also bypass CORS/auth.\n  const content = (await response.text())\n    .replace(/import\\.meta\\.url/g, JSON.stringify(absoluteSrc))\n    .replace(\n      /\\b(from|import)\\s*([\"'])(\\.\\.?\\/[^\"']+)\\2/g,\n      (_, keyword, quote, relativePath) => {\n        const absoluteImportUrl = new URL(relativePath, absoluteSrc).href;\n        const resolvedImportUrl = new URL(\n          resolveClientUrl(absoluteImportUrl) ?? absoluteImportUrl,\n          location.href,\n        ).href;\n        return `${keyword} ${quote}${resolvedImportUrl}${quote}`;\n      },\n    );\n  const moduleBlobUrl = URL.createObjectURL(\n    new Blob([content], { type: 'text/javascript' }),\n  );\n  const wrapperContent = [\n    `import*as m from${JSON.stringify(moduleBlobUrl)};`,\n    `globalThis.__rc_module_registry__=globalThis.__rc_module_registry__||{};`,\n    `globalThis.__rc_module_registry__[${JSON.stringify(absoluteSrc)}]=m;`,\n  ].join('');\n  const wrapperBlobUrl = URL.createObjectURL(\n    new Blob([wrapperContent], { type: 'text/javascript' }),\n  );\n  const scriptEl = document.createElement('script');\n  scriptEl.type = 'module';\n  scriptEl.src = wrapperBlobUrl;\n  try {\n    await new Promise<void>((resolve, reject) => {\n      scriptEl.onload = () => resolve();\n      scriptEl.onerror = () =>\n        reject(new Error(`Failed to load module for ${absoluteSrc}`));\n      document.head.appendChild(scriptEl);\n    });\n  } finally {\n    scriptEl.remove();\n    URL.revokeObjectURL(moduleBlobUrl);\n    URL.revokeObjectURL(wrapperBlobUrl);\n  }\n  const registry = (\n    globalThis as unknown as { __rc_module_registry__?: Record<string, T> }\n  ).__rc_module_registry__;\n  const mod = registry?.[absoluteSrc] ?? ({} as T);\n  if (registry) delete registry[absoluteSrc];\n  return mod;\n}\n\nasync function importDirectly<T>(absoluteSrc: string): Promise<T> {\n  try {\n    return (await import(\n      /* @vite-ignore */\n      /* webpackIgnore: true */ absoluteSrc\n    )) as T;\n  } catch (importError) {\n    if (!absoluteSrc.startsWith('blob:')) {\n      warnCrossOriginFetchError('StaticLoader', absoluteSrc);\n    }\n    throw importError;\n  }\n}\n\nfunction resolveScriptSrc(script: HTMLScriptElement, url: URL): string {\n  const rawSrc =\n    typeof script.getAttribute === 'function'\n      ? (script.getAttribute('src') ?? script.src)\n      : script.src;\n  if (!rawSrc && script.textContent) {\n    return URL.createObjectURL(\n      new Blob(\n        [script.textContent.replace(/import\\.meta\\.url/g, JSON.stringify(url))],\n        { type: 'text/javascript' },\n      ),\n    );\n  }\n  return rawSrc;\n}\n\nexport async function loadStaticRemoteComponent(\n  scripts: HTMLScriptElement[],\n  url: URL,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const self = globalThis as typeof globalThis & MountUnmountFunctions;\n  if (self.__remote_script_entrypoint_mount__?.[url.href]) {\n    self.__remote_script_entrypoint_mount__[url.href] = new Set();\n  }\n  if (self.__remote_script_entrypoint_unmount__?.[url.href]) {\n    self.__remote_script_entrypoint_unmount__[url.href] = new Set();\n  }\n  const mountUnmountSets = await Promise.all(\n    scripts.map(async (script) => {\n      try {\n        const src = resolveScriptSrc(script, url);\n        const absoluteSrc = new URL(src, url).href;\n        const mod: ScriptMod = resolveClientUrl\n          ? await importViaCallback<ScriptMod>(absoluteSrc, resolveClientUrl)\n          : await importDirectly<ScriptMod>(absoluteSrc);\n        // revoke the object URL if we created one for inline script content\n        if (src.startsWith('blob:')) {\n          URL.revokeObjectURL(src);\n        }\n        if (\n          typeof mod.mount === 'function' ||\n          typeof mod.default?.mount === 'function'\n        ) {\n          if (!self.__remote_script_entrypoint_mount__) {\n            // eslint-disable-next-line camelcase\n            self.__remote_script_entrypoint_mount__ = {};\n          }\n          if (!self.__remote_script_entrypoint_mount__[url.href]) {\n            self.__remote_script_entrypoint_mount__[url.href] = new Set();\n          }\n          self.__remote_script_entrypoint_mount__[url.href]?.add(\n            mod.mount ||\n              mod.default?.mount ||\n              (() => {\n                // noop\n              }),\n          );\n        }\n        if (\n          typeof mod.unmount === 'function' ||\n          typeof mod.default?.unmount === 'function'\n        ) {\n          if (!self.__remote_script_entrypoint_unmount__) {\n            // eslint-disable-next-line camelcase\n            self.__remote_script_entrypoint_unmount__ = {};\n          }\n          if (!self.__remote_script_entrypoint_unmount__[url.href]) {\n            self.__remote_script_entrypoint_unmount__[url.href] = new Set();\n          }\n          self.__remote_script_entrypoint_unmount__[url.href]?.add(\n            mod.unmount ||\n              mod.default?.unmount ||\n              (() => {\n                // noop\n              }),\n          );\n        }\n        return {\n          mount: mod.mount || mod.default?.mount,\n          unmount: mod.unmount || mod.default?.unmount,\n        };\n      } catch (e) {\n        logError(\n          'StaticLoader',\n          `Error loading remote component script from \"${script.src || url.href}\".`,\n          e,\n        );\n        return {\n          mount: undefined,\n          unmount: undefined,\n        };\n      }\n    }),\n  );\n  return mountUnmountSets.reduce(\n    (acc, { mount, unmount }) => {\n      if (typeof mount === 'function') {\n        acc.mount.add(mount);\n      }\n      if (typeof unmount === 'function') {\n        acc.unmount.add(unmount);\n      }\n      return acc;\n    },\n    {\n      mount: new Set<MountOrUnmountFunction>(),\n      unmount: new Set<MountOrUnmountFunction>(),\n    },\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/internal/runtime/metadata.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 metadata_exports = {};
+module.exports = __toCommonJS(metadata_exports);
+//# sourceMappingURL=metadata.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/runtime/metadata.ts"],"sourcesContent":["/**\n * Metadata embedded in the HTML response by a remote application.\n *\n * Extracted from a `<script type=\"application/json\" data-remote-component>`\n * element during both SSR parsing ({@link fetchRemoteComponent}) and\n * client-side parsing ({@link parseRemoteComponentDocument}).\n */\nexport interface RemoteComponentMetadata {\n  bundle: string;\n  route: string;\n  runtime: 'webpack' | 'turbopack' | 'script';\n  id: string;\n  type: 'nextjs' | 'remote-component' | 'unknown';\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

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

@@ -0,0 +1,16 @@
+/**
+ * Metadata embedded in the HTML response by a remote application.
+ *
+ * Extracted from a `<script type="application/json" data-remote-component>`
+ * element during both SSR parsing ({@link fetchRemoteComponent}) and
+ * client-side parsing ({@link parseRemoteComponentDocument}).
+ */
+interface RemoteComponentMetadata {
+    bundle: string;
+    route: string;
+    runtime: 'webpack' | 'turbopack' | 'script';
+    id: string;
+    type: 'nextjs' | 'remote-component' | 'unknown';
+}
+
+export { RemoteComponentMetadata };

package/dist/internal/runtime/metadata.js

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

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

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

package/dist/internal/runtime/rsc.cjs

@@ -0,0 +1,92 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var rsc_exports = {};
+__export(rsc_exports, {
+  createRSCStream: () => createRSCStream
+});
+module.exports = __toCommonJS(rsc_exports);
+var import_web_streams_polyfill = require("web-streams-polyfill");
+function fixPayload(payload) {
+  if (Array.isArray(payload)) {
+    if (payload[0] === "$") {
+      fixPayload(payload[3]);
+      if (payload.length === 4) {
+        payload.push(null, null, 1);
+      }
+    } else {
+      for (const item of payload) {
+        fixPayload(item);
+      }
+    }
+  } else if (typeof payload === "object" && payload !== null) {
+    for (const key in payload) {
+      fixPayload(payload[key]);
+    }
+  }
+}
+function createRSCStream(rscName, data) {
+  return new import_web_streams_polyfill.ReadableStream({
+    type: "bytes",
+    start(controller) {
+      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 allChunks = (self[rscName] ?? [`0:[null]
+`]).join("");
+      self[rscName] = null;
+      allChunks.split("\n").forEach((chunk) => {
+        if (chunk.length > 0) {
+          const { before, id, prefix, payload } = /^(?<before>[^:]*?)?(?<id>[0-9a-zA-Z]+):(?<prefix>[A-Z])?(?<payload>\[.*\])/.exec(
+            chunk
+          )?.groups ?? {};
+          if (payload) {
+            const jsonPayload = JSON.parse(payload);
+            fixPayload(jsonPayload);
+            const reconstruct = `${before ?? ""}${id}:${prefix ?? ""}${JSON.stringify(jsonPayload)}`;
+            controller.enqueue(encoder.encode(`${reconstruct}
+`));
+          } else {
+            controller.enqueue(encoder.encode(`${chunk}
+`));
+          }
+        } else {
+          controller.enqueue(encoder.encode(`${chunk}
+`));
+        }
+      });
+      controller.close();
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createRSCStream
+});
+//# sourceMappingURL=rsc.cjs.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,8 @@
+import { ReadableStream } from 'web-streams-polyfill';
+
+/**
+ * Processes RSC flight data and creates a ReadableStream
+ */
+declare function createRSCStream(rscName: string, data: string[]): ReadableStream<Uint8Array>;
+
+export { createRSCStream };

package/dist/internal/runtime/rsc.js

@@ -0,0 +1,68 @@
+import { ReadableStream } from "web-streams-polyfill";
+function fixPayload(payload) {
+  if (Array.isArray(payload)) {
+    if (payload[0] === "$") {
+      fixPayload(payload[3]);
+      if (payload.length === 4) {
+        payload.push(null, null, 1);
+      }
+    } else {
+      for (const item of payload) {
+        fixPayload(item);
+      }
+    }
+  } else if (typeof payload === "object" && payload !== null) {
+    for (const key in payload) {
+      fixPayload(payload[key]);
+    }
+  }
+}
+function createRSCStream(rscName, data) {
+  return new ReadableStream({
+    type: "bytes",
+    start(controller) {
+      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 allChunks = (self[rscName] ?? [`0:[null]
+`]).join("");
+      self[rscName] = null;
+      allChunks.split("\n").forEach((chunk) => {
+        if (chunk.length > 0) {
+          const { before, id, prefix, payload } = /^(?<before>[^:]*?)?(?<id>[0-9a-zA-Z]+):(?<prefix>[A-Z])?(?<payload>\[.*\])/.exec(
+            chunk
+          )?.groups ?? {};
+          if (payload) {
+            const jsonPayload = JSON.parse(payload);
+            fixPayload(jsonPayload);
+            const reconstruct = `${before ?? ""}${id}:${prefix ?? ""}${JSON.stringify(jsonPayload)}`;
+            controller.enqueue(encoder.encode(`${reconstruct}
+`));
+          } else {
+            controller.enqueue(encoder.encode(`${chunk}
+`));
+          }
+        } else {
+          controller.enqueue(encoder.encode(`${chunk}
+`));
+        }
+      });
+      controller.close();
+    }
+  });
+}
+export {
+  createRSCStream
+};
+//# sourceMappingURL=rsc.js.map

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

@@ -0,0 +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":[]}