remote-components 0.4.1 → 0.4.3

package/dist/internal/host/shared/shared-broker.cjs

@@ -0,0 +1,106 @@
+"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 shared_broker_exports = {};
+__export(shared_broker_exports, {
+  createSharedModulePlan: () => createSharedModulePlan,
+  installSharedModulePlan: () => installSharedModulePlan,
+  resolveSharedModulePlan: () => resolveSharedModulePlan
+});
+module.exports = __toCommonJS(shared_broker_exports);
+var import_logger = require("#internal/utils/logger");
+function createSharedModulePlan({
+  bundle,
+  hostShared,
+  remoteShared,
+  scope = `remote:${bundle}`,
+  callerTag = "SharedBroker"
+}) {
+  const entries = Object.entries(remoteShared).map(([id, rawSpecifier]) => {
+    const specifier = String(rawSpecifier);
+    const provider = hostShared[specifier];
+    const entry = {
+      id,
+      specifier,
+      required: true,
+      singleton: true,
+      scope,
+      provider,
+      status: typeof provider === "undefined" ? "missing" : "resolved"
+    };
+    if (entry.status === "missing") {
+      (0, import_logger.logDebug)(
+        callerTag,
+        `Remote "${bundle}" requests "${specifier}" for "${id}" but the host does not provide it`
+      );
+    }
+    return entry;
+  });
+  (0, import_logger.logDebug)(
+    callerTag,
+    `Share plan for "${bundle}": ${entries.map((entry) => `${entry.id}=>${entry.specifier}:${entry.status}`).join(", ")}`
+  );
+  return {
+    protocol: "v0",
+    bundle,
+    entries
+  };
+}
+async function resolveSharedModulePlan(plan) {
+  const resolved = {};
+  await Promise.all(
+    plan.entries.map(async (entry) => {
+      if (entry.status !== "resolved")
+        return;
+      const value = typeof entry.provider === "function" ? await entry.provider(plan.bundle) : entry.provider;
+      resolved[entry.id] = value;
+    })
+  );
+  return resolved;
+}
+async function installSharedModulePlan({
+  plan,
+  target,
+  callerTag = "SharedBroker",
+  onMissing
+}) {
+  return Promise.all(
+    plan.entries.map(async (entry) => {
+      if (entry.status !== "resolved") {
+        if (onMissing) {
+          onMissing(entry);
+        } else {
+          (0, import_logger.logError)(
+            callerTag,
+            `Shared module "${entry.specifier}" not found for "${plan.bundle}".`
+          );
+        }
+        return void 0;
+      }
+      target[entry.id] = typeof entry.provider === "function" ? await entry.provider(plan.bundle) : entry.provider;
+      return void 0;
+    })
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  createSharedModulePlan,
+  installSharedModulePlan,
+  resolveSharedModulePlan
+});
+//# sourceMappingURL=shared-broker.cjs.map

package/dist/internal/host/shared/shared-broker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/shared-broker.ts"],"sourcesContent":["import type { LogLocation } from '#internal/utils/logger';\nimport { logDebug, logError } from '#internal/utils/logger';\n\nexport type SharedModuleFactory = (bundle?: string) => Promise<unknown>;\n\nexport interface SharedModuleRequirement {\n  id: string;\n  specifier: string;\n  required: boolean;\n  singleton: boolean;\n  scope: string;\n}\n\nexport interface SharedModuleResolution extends SharedModuleRequirement {\n  provider?: SharedModuleFactory | unknown;\n  status: 'resolved' | 'missing';\n}\n\nexport interface SharedModulePlan {\n  protocol: 'v0';\n  bundle: string;\n  entries: SharedModuleResolution[];\n}\n\nexport function createSharedModulePlan({\n  bundle,\n  hostShared,\n  remoteShared,\n  scope = `remote:${bundle}`,\n  callerTag = 'SharedBroker',\n}: {\n  bundle: string;\n  hostShared: Record<string, SharedModuleFactory | unknown>;\n  remoteShared: Record<string, string | number>;\n  scope?: string;\n  callerTag?: LogLocation;\n}): SharedModulePlan {\n  const entries = Object.entries(remoteShared).map(([id, rawSpecifier]) => {\n    const specifier = String(rawSpecifier);\n    const provider = hostShared[specifier];\n    const entry: SharedModuleResolution = {\n      id,\n      specifier,\n      required: true,\n      singleton: true,\n      scope,\n      provider,\n      status: typeof provider === 'undefined' ? 'missing' : 'resolved',\n    };\n\n    if (entry.status === 'missing') {\n      logDebug(\n        callerTag,\n        `Remote \"${bundle}\" requests \"${specifier}\" for \"${id}\" but the host does not provide it`,\n      );\n    }\n\n    return entry;\n  });\n\n  logDebug(\n    callerTag,\n    `Share plan for \"${bundle}\": ${entries\n      .map((entry) => `${entry.id}=>${entry.specifier}:${entry.status}`)\n      .join(', ')}`,\n  );\n\n  return {\n    protocol: 'v0',\n    bundle,\n    entries,\n  };\n}\n\nexport async function resolveSharedModulePlan(\n  plan: SharedModulePlan,\n): Promise<Record<string, unknown>> {\n  const resolved: Record<string, unknown> = {};\n\n  await Promise.all(\n    plan.entries.map(async (entry) => {\n      if (entry.status !== 'resolved') return;\n      const value =\n        typeof entry.provider === 'function'\n          ? await (entry.provider as SharedModuleFactory)(plan.bundle)\n          : entry.provider;\n      resolved[entry.id] = value;\n    }),\n  );\n\n  return resolved;\n}\n\nexport async function installSharedModulePlan({\n  plan,\n  target,\n  callerTag = 'SharedBroker',\n  onMissing,\n}: {\n  plan: SharedModulePlan;\n  target: Record<string, unknown>;\n  callerTag?: LogLocation;\n  onMissing?: (entry: SharedModuleResolution) => void;\n}): Promise<undefined[]> {\n  return Promise.all(\n    plan.entries.map(async (entry) => {\n      if (entry.status !== 'resolved') {\n        if (onMissing) {\n          onMissing(entry);\n        } else {\n          logError(\n            callerTag,\n            `Shared module \"${entry.specifier}\" not found for \"${plan.bundle}\".`,\n          );\n        }\n        return undefined;\n      }\n\n      target[entry.id] =\n        typeof entry.provider === 'function'\n          ? await (entry.provider as SharedModuleFactory)(plan.bundle)\n          : entry.provider;\n      return undefined;\n    }),\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,oBAAmC;AAuB5B,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,UAAU;AAAA,EAClB,YAAY;AACd,GAMqB;AACnB,QAAM,UAAU,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,IAAI,YAAY,MAAM;AACvE,UAAM,YAAY,OAAO,YAAY;AACrC,UAAM,WAAW,WAAW,SAAS;AACrC,UAAM,QAAgC;AAAA,MACpC;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,aAAa,cAAc,YAAY;AAAA,IACxD;AAEA,QAAI,MAAM,WAAW,WAAW;AAC9B;AAAA,QACE;AAAA,QACA,WAAW,qBAAqB,mBAAmB;AAAA,MACrD;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AAED;AAAA,IACE;AAAA,IACA,mBAAmB,YAAY,QAC5B,IAAI,CAAC,UAAU,GAAG,MAAM,OAAO,MAAM,aAAa,MAAM,QAAQ,EAChE,KAAK,IAAI;AAAA,EACd;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF;AACF;AAEA,eAAsB,wBACpB,MACkC;AAClC,QAAM,WAAoC,CAAC;AAE3C,QAAM,QAAQ;AAAA,IACZ,KAAK,QAAQ,IAAI,OAAO,UAAU;AAChC,UAAI,MAAM,WAAW;AAAY;AACjC,YAAM,QACJ,OAAO,MAAM,aAAa,aACtB,MAAO,MAAM,SAAiC,KAAK,MAAM,IACzD,MAAM;AACZ,eAAS,MAAM,EAAE,IAAI;AAAA,IACvB,CAAC;AAAA,EACH;AAEA,SAAO;AACT;AAEA,eAAsB,wBAAwB;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAKyB;AACvB,SAAO,QAAQ;AAAA,IACb,KAAK,QAAQ,IAAI,OAAO,UAAU;AAChC,UAAI,MAAM,WAAW,YAAY;AAC/B,YAAI,WAAW;AACb,oBAAU,KAAK;AAAA,QACjB,OAAO;AACL;AAAA,YACE;AAAA,YACA,kBAAkB,MAAM,6BAA6B,KAAK;AAAA,UAC5D;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAEA,aAAO,MAAM,EAAE,IACb,OAAO,MAAM,aAAa,aACtB,MAAO,MAAM,SAAiC,KAAK,MAAM,IACzD,MAAM;AACZ,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/internal/host/shared/shared-broker.d.ts

@@ -0,0 +1,35 @@
+import { LogLocation } from '../../utils/logger.js';
+
+type SharedModuleFactory = (bundle?: string) => Promise<unknown>;
+interface SharedModuleRequirement {
+    id: string;
+    specifier: string;
+    required: boolean;
+    singleton: boolean;
+    scope: string;
+}
+interface SharedModuleResolution extends SharedModuleRequirement {
+    provider?: SharedModuleFactory | unknown;
+    status: 'resolved' | 'missing';
+}
+interface SharedModulePlan {
+    protocol: 'v0';
+    bundle: string;
+    entries: SharedModuleResolution[];
+}
+declare function createSharedModulePlan({ bundle, hostShared, remoteShared, scope, callerTag, }: {
+    bundle: string;
+    hostShared: Record<string, SharedModuleFactory | unknown>;
+    remoteShared: Record<string, string | number>;
+    scope?: string;
+    callerTag?: LogLocation;
+}): SharedModulePlan;
+declare function resolveSharedModulePlan(plan: SharedModulePlan): Promise<Record<string, unknown>>;
+declare function installSharedModulePlan({ plan, target, callerTag, onMissing, }: {
+    plan: SharedModulePlan;
+    target: Record<string, unknown>;
+    callerTag?: LogLocation;
+    onMissing?: (entry: SharedModuleResolution) => void;
+}): Promise<undefined[]>;
+
+export { SharedModuleFactory, SharedModulePlan, SharedModuleRequirement, SharedModuleResolution, createSharedModulePlan, installSharedModulePlan, resolveSharedModulePlan };

package/dist/internal/host/shared/shared-broker.js

@@ -0,0 +1,80 @@
+import { logDebug, logError } from "#internal/utils/logger";
+function createSharedModulePlan({
+  bundle,
+  hostShared,
+  remoteShared,
+  scope = `remote:${bundle}`,
+  callerTag = "SharedBroker"
+}) {
+  const entries = Object.entries(remoteShared).map(([id, rawSpecifier]) => {
+    const specifier = String(rawSpecifier);
+    const provider = hostShared[specifier];
+    const entry = {
+      id,
+      specifier,
+      required: true,
+      singleton: true,
+      scope,
+      provider,
+      status: typeof provider === "undefined" ? "missing" : "resolved"
+    };
+    if (entry.status === "missing") {
+      logDebug(
+        callerTag,
+        `Remote "${bundle}" requests "${specifier}" for "${id}" but the host does not provide it`
+      );
+    }
+    return entry;
+  });
+  logDebug(
+    callerTag,
+    `Share plan for "${bundle}": ${entries.map((entry) => `${entry.id}=>${entry.specifier}:${entry.status}`).join(", ")}`
+  );
+  return {
+    protocol: "v0",
+    bundle,
+    entries
+  };
+}
+async function resolveSharedModulePlan(plan) {
+  const resolved = {};
+  await Promise.all(
+    plan.entries.map(async (entry) => {
+      if (entry.status !== "resolved")
+        return;
+      const value = typeof entry.provider === "function" ? await entry.provider(plan.bundle) : entry.provider;
+      resolved[entry.id] = value;
+    })
+  );
+  return resolved;
+}
+async function installSharedModulePlan({
+  plan,
+  target,
+  callerTag = "SharedBroker",
+  onMissing
+}) {
+  return Promise.all(
+    plan.entries.map(async (entry) => {
+      if (entry.status !== "resolved") {
+        if (onMissing) {
+          onMissing(entry);
+        } else {
+          logError(
+            callerTag,
+            `Shared module "${entry.specifier}" not found for "${plan.bundle}".`
+          );
+        }
+        return void 0;
+      }
+      target[entry.id] = typeof entry.provider === "function" ? await entry.provider(plan.bundle) : entry.provider;
+      return void 0;
+    })
+  );
+}
+export {
+  createSharedModulePlan,
+  installSharedModulePlan,
+  resolveSharedModulePlan
+};
+//# sourceMappingURL=shared-broker.js.map

package/dist/internal/host/shared/shared-broker.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/shared-broker.ts"],"sourcesContent":["import type { LogLocation } from '#internal/utils/logger';\nimport { logDebug, logError } from '#internal/utils/logger';\n\nexport type SharedModuleFactory = (bundle?: string) => Promise<unknown>;\n\nexport interface SharedModuleRequirement {\n  id: string;\n  specifier: string;\n  required: boolean;\n  singleton: boolean;\n  scope: string;\n}\n\nexport interface SharedModuleResolution extends SharedModuleRequirement {\n  provider?: SharedModuleFactory | unknown;\n  status: 'resolved' | 'missing';\n}\n\nexport interface SharedModulePlan {\n  protocol: 'v0';\n  bundle: string;\n  entries: SharedModuleResolution[];\n}\n\nexport function createSharedModulePlan({\n  bundle,\n  hostShared,\n  remoteShared,\n  scope = `remote:${bundle}`,\n  callerTag = 'SharedBroker',\n}: {\n  bundle: string;\n  hostShared: Record<string, SharedModuleFactory | unknown>;\n  remoteShared: Record<string, string | number>;\n  scope?: string;\n  callerTag?: LogLocation;\n}): SharedModulePlan {\n  const entries = Object.entries(remoteShared).map(([id, rawSpecifier]) => {\n    const specifier = String(rawSpecifier);\n    const provider = hostShared[specifier];\n    const entry: SharedModuleResolution = {\n      id,\n      specifier,\n      required: true,\n      singleton: true,\n      scope,\n      provider,\n      status: typeof provider === 'undefined' ? 'missing' : 'resolved',\n    };\n\n    if (entry.status === 'missing') {\n      logDebug(\n        callerTag,\n        `Remote \"${bundle}\" requests \"${specifier}\" for \"${id}\" but the host does not provide it`,\n      );\n    }\n\n    return entry;\n  });\n\n  logDebug(\n    callerTag,\n    `Share plan for \"${bundle}\": ${entries\n      .map((entry) => `${entry.id}=>${entry.specifier}:${entry.status}`)\n      .join(', ')}`,\n  );\n\n  return {\n    protocol: 'v0',\n    bundle,\n    entries,\n  };\n}\n\nexport async function resolveSharedModulePlan(\n  plan: SharedModulePlan,\n): Promise<Record<string, unknown>> {\n  const resolved: Record<string, unknown> = {};\n\n  await Promise.all(\n    plan.entries.map(async (entry) => {\n      if (entry.status !== 'resolved') return;\n      const value =\n        typeof entry.provider === 'function'\n          ? await (entry.provider as SharedModuleFactory)(plan.bundle)\n          : entry.provider;\n      resolved[entry.id] = value;\n    }),\n  );\n\n  return resolved;\n}\n\nexport async function installSharedModulePlan({\n  plan,\n  target,\n  callerTag = 'SharedBroker',\n  onMissing,\n}: {\n  plan: SharedModulePlan;\n  target: Record<string, unknown>;\n  callerTag?: LogLocation;\n  onMissing?: (entry: SharedModuleResolution) => void;\n}): Promise<undefined[]> {\n  return Promise.all(\n    plan.entries.map(async (entry) => {\n      if (entry.status !== 'resolved') {\n        if (onMissing) {\n          onMissing(entry);\n        } else {\n          logError(\n            callerTag,\n            `Shared module \"${entry.specifier}\" not found for \"${plan.bundle}\".`,\n          );\n        }\n        return undefined;\n      }\n\n      target[entry.id] =\n        typeof entry.provider === 'function'\n          ? await (entry.provider as SharedModuleFactory)(plan.bundle)\n          : entry.provider;\n      return undefined;\n    }),\n  );\n}\n"],"mappings":"AACA,SAAS,UAAU,gBAAgB;AAuB5B,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,UAAU;AAAA,EAClB,YAAY;AACd,GAMqB;AACnB,QAAM,UAAU,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,IAAI,YAAY,MAAM;AACvE,UAAM,YAAY,OAAO,YAAY;AACrC,UAAM,WAAW,WAAW,SAAS;AACrC,UAAM,QAAgC;AAAA,MACpC;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,aAAa,cAAc,YAAY;AAAA,IACxD;AAEA,QAAI,MAAM,WAAW,WAAW;AAC9B;AAAA,QACE;AAAA,QACA,WAAW,qBAAqB,mBAAmB;AAAA,MACrD;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AAED;AAAA,IACE;AAAA,IACA,mBAAmB,YAAY,QAC5B,IAAI,CAAC,UAAU,GAAG,MAAM,OAAO,MAAM,aAAa,MAAM,QAAQ,EAChE,KAAK,IAAI;AAAA,EACd;AAEA,SAAO;AAAA,IACL,UAAU;AAAA,IACV;AAAA,IACA;AAAA,EACF;AACF;AAEA,eAAsB,wBACpB,MACkC;AAClC,QAAM,WAAoC,CAAC;AAE3C,QAAM,QAAQ;AAAA,IACZ,KAAK,QAAQ,IAAI,OAAO,UAAU;AAChC,UAAI,MAAM,WAAW;AAAY;AACjC,YAAM,QACJ,OAAO,MAAM,aAAa,aACtB,MAAO,MAAM,SAAiC,KAAK,MAAM,IACzD,MAAM;AACZ,eAAS,MAAM,EAAE,IAAI;AAAA,IACvB,CAAC;AAAA,EACH;AAEA,SAAO;AACT;AAEA,eAAsB,wBAAwB;AAAA,EAC5C;AAAA,EACA;AAAA,EACA,YAAY;AAAA,EACZ;AACF,GAKyB;AACvB,SAAO,QAAQ;AAAA,IACb,KAAK,QAAQ,IAAI,OAAO,UAAU;AAChC,UAAI,MAAM,WAAW,YAAY;AAC/B,YAAI,WAAW;AACb,oBAAU,KAAK;AAAA,QACjB,OAAO;AACL;AAAA,YACE;AAAA,YACA,kBAAkB,MAAM,6BAA6B,KAAK;AAAA,UAC5D;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAEA,aAAO,MAAM,EAAE,IACb,OAAO,MAAM,aAAa,aACtB,MAAO,MAAM,SAAiC,KAAK,MAAM,IACzD,MAAM;AACZ,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/internal/host/shared/shared-module-resolver.cjs

@@ -37,7 +37,7 @@ __export(shared_module_resolver_exports, {
 });
 module.exports = __toCommonJS(shared_module_resolver_exports);
 var import_polyfill = require("#internal/host/shared/polyfill");
-var import_logger = require("#internal/utils/logger");
+var import_shared_broker = require("#internal/host/shared/shared-broker");
 const CORE_REACT_SHARED_KEYS = [
   "react",
   "react/jsx-dev-runtime",
@@ -78,31 +78,22 @@ function buildHostShared(userShared, resolveClientUrl, options) {
   return result;
 }
 async function buildWebpackResolve(hostShared, remoteShared, bundle, reactModules, callerTag = "SharedModuleResolver") {
+  const sharePlan = (0, import_shared_broker.createSharedModulePlan)({
+    bundle,
+    hostShared,
+    remoteShared,
+    callerTag
+  });
+  const plannedResolve = await (0, import_shared_broker.resolveSharedModulePlan)(sharePlan);
   const resolve = {
     ...reactModules,
-    ...Object.entries(remoteShared).reduce(
-      (acc, [key, value]) => {
-        if (typeof hostShared[value] !== "undefined") {
-          acc[key.replace(/^\(ssr\)\/(?<relative>\.\/)?/, "")] = hostShared[value];
-        } else {
-          (0, import_logger.logDebug)(
-            callerTag,
-            `Remote requests "${value}" but host doesn't provide it`
-          );
-        }
-        return acc;
-      },
-      {}
+    ...Object.fromEntries(
+      Object.entries(plannedResolve).map(([key, value]) => [
+        key.replace(/^\(ssr\)\/(?<relative>\.\/)?/, ""),
+        value
+      ])
     )
   };
-  await Promise.all(
-    Object.entries(resolve).map(async ([key, value]) => {
-      if (typeof value === "function") {
-        resolve[key] = await value(bundle);
-      }
-      return Promise.resolve(value);
-    })
-  );
   return resolve;
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/internal/host/shared/shared-module-resolver.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/shared-module-resolver.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { sharedPolyfills } from '#internal/host/shared/polyfill';\nimport type { LogLocation } from '#internal/utils/logger';\nimport { logDebug } from '#internal/utils/logger';\n\n/**\n * The core React packages that are always shared between host and remote.\n * These correspond to the `/react/*.js` and `/react-dom/*.js` path keys\n * used in the webpack module resolution map.\n */\nexport const CORE_REACT_SHARED_KEYS = [\n  'react',\n  'react/jsx-dev-runtime',\n  'react/jsx-runtime',\n  'react-dom',\n  'react-dom/client',\n] as const;\n\n/**\n * Maps each core React package to its webpack-style path key.\n * For example, `react` maps to `/react/index.js`.\n */\nexport const CORE_REACT_PATH_MAP: Record<string, string> = {\n  react: '/react/index.js',\n  'react/jsx-dev-runtime': '/react/jsx-dev-runtime.js',\n  'react/jsx-runtime': '/react/jsx-runtime.js',\n  'react-dom': '/react-dom/index.js',\n  'react-dom/client': '/react-dom/client.js',\n};\n\n/**\n * The vendorShared record used by the Next.js config to map React packages\n * to their webpack path-key string literals. Derived from CORE_REACT_PATH_MAP\n * but excludes `react-dom/client` to match the existing config behavior.\n */\nexport const VENDOR_SHARED: Record<string, string> = Object.fromEntries(\n  Object.entries(CORE_REACT_PATH_MAP)\n    .filter(([key]) => key !== 'react-dom/client')\n    .map(([key, path]) => [key, `'${path}'`]),\n);\n\ntype SharedModuleFactory = (bundle?: string) => Promise<unknown>;\n\n/**\n * Builds the `coreShared` map for the Turbopack runtime's\n * `initializeSharedModules`. Each entry is an async factory that dynamically\n * imports the corresponding React package. User-provided shared modules\n * override core entries (e.g. to supply a pinned React version).\n */\nexport function buildCoreShared(\n  userShared?: Record<string, SharedModuleFactory>,\n): Record<string, SharedModuleFactory> {\n  return {\n    react: async () => (await import('react')).default,\n    'react-dom': async () => (await import('react-dom')).default,\n    'react/jsx-dev-runtime': async () =>\n      (await import('react/jsx-dev-runtime')).default,\n    'react/jsx-runtime': async () =>\n      (await import('react/jsx-runtime')).default,\n    'react-dom/client': async () => (await import('react-dom/client')).default,\n    ...userShared,\n  };\n}\n\ninterface HostSharedGlobals {\n  __remote_component_host_shared_modules__?: Record<\n    string,\n    SharedModuleFactory\n  >;\n  __remote_component_shared__?: Record<string, SharedModuleFactory>;\n}\n\n/**\n * Builds the merged host shared modules map with a consistent merge priority:\n *   1. Polyfills (lowest priority — fallback implementations)\n *   2. Global host shared modules (`__remote_component_host_shared_modules__`)\n *   3. User-provided shared modules (highest priority — explicit overrides)\n *\n * Some callers also include `__remote_component_shared__` (the pages router\n * global). Pass `includeRemoteComponentShared: true` to include it at the end.\n */\nexport function buildHostShared(\n  userShared?: Record<string, SharedModuleFactory>,\n  resolveClientUrl?: InternalResolveClientUrl,\n  options?: { includeRemoteComponentShared?: boolean },\n): Record<string, SharedModuleFactory> {\n  const self = globalThis as typeof globalThis & HostSharedGlobals;\n  const result: Record<string, SharedModuleFactory> = {\n    ...sharedPolyfills(userShared, resolveClientUrl),\n    ...self.__remote_component_host_shared_modules__,\n    ...userShared,\n  };\n  if (options?.includeRemoteComponentShared) {\n    Object.assign(result, self.__remote_component_shared__);\n  }\n  return result;\n}\n\n/**\n * React module instances keyed by their webpack path, e.g.\n * `{ '/react/index.js': React }`. Passed into `buildWebpackResolve` so it\n * can populate the resolve map without importing React itself.\n */\nexport interface ReactModules {\n  '/react/index.js': unknown;\n  '/react/jsx-dev-runtime.js': unknown;\n  '/react/jsx-runtime.js': unknown;\n  '/react-dom/index.js': unknown;\n  '/react-dom/client.js': unknown;\n}\n\n/**\n * Builds the `resolve` map passed to `applySharedModules` for the webpack\n * runtime. Combines:\n *   - Static React module path keys (`/react/index.js`, etc.)\n *   - Remote shared modules matched against host shared, with `(ssr)/` prefix stripped\n *\n * After building the map, resolves any factory functions by awaiting them\n * with the given bundle name.\n */\nexport async function buildWebpackResolve(\n  hostShared: Record<string, SharedModuleFactory | unknown>,\n  remoteShared: Record<string, string | number>,\n  bundle: string,\n  reactModules: ReactModules,\n  callerTag: LogLocation = 'SharedModuleResolver',\n): Promise<Record<string, unknown>> {\n  const resolve: Record<string, unknown> = {\n    ...reactModules,\n    ...Object.entries(remoteShared).reduce<Record<string, unknown>>(\n      (acc, [key, value]) => {\n        if (typeof hostShared[value] !== 'undefined') {\n          acc[key.replace(/^\\(ssr\\)\\/(?<relative>\\.\\/)?/, '')] =\n            hostShared[value];\n        } else {\n          logDebug(\n            callerTag,\n            `Remote requests \"${value}\" but host doesn't provide it`,\n          );\n        }\n        return acc;\n      },\n      {},\n    ),\n  };\n  await Promise.all(\n    Object.entries(resolve).map(async ([key, value]) => {\n      if (typeof value === 'function') {\n        resolve[key] = await value(bundle);\n      }\n      return Promise.resolve(value);\n    }),\n  );\n  return resolve;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAgC;AAEhC,oBAAyB;AAOlB,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,sBAA8C;AAAA,EACzD,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,oBAAoB;AACtB;AAOO,MAAM,gBAAwC,OAAO;AAAA,EAC1D,OAAO,QAAQ,mBAAmB,EAC/B,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,kBAAkB,EAC5C,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC;AAC5C;AAUO,SAAS,gBACd,YACqC;AACrC,SAAO;AAAA,IACL,OAAO,aAAa,MAAM,OAAO,OAAO,GAAG;AAAA,IAC3C,aAAa,aAAa,MAAM,OAAO,WAAW,GAAG;AAAA,IACrD,yBAAyB,aACtB,MAAM,OAAO,uBAAuB,GAAG;AAAA,IAC1C,qBAAqB,aAClB,MAAM,OAAO,mBAAmB,GAAG;AAAA,IACtC,oBAAoB,aAAa,MAAM,OAAO,kBAAkB,GAAG;AAAA,IACnE,GAAG;AAAA,EACL;AACF;AAmBO,SAAS,gBACd,YACA,kBACA,SACqC;AACrC,QAAM,OAAO;AACb,QAAM,SAA8C;AAAA,IAClD,OAAG,iCAAgB,YAAY,gBAAgB;AAAA,IAC/C,GAAG,KAAK;AAAA,IACR,GAAG;AAAA,EACL;AACA,MAAI,SAAS,8BAA8B;AACzC,WAAO,OAAO,QAAQ,KAAK,2BAA2B;AAAA,EACxD;AACA,SAAO;AACT;AAwBA,eAAsB,oBACpB,YACA,cACA,QACA,cACA,YAAyB,wBACS;AAClC,QAAM,UAAmC;AAAA,IACvC,GAAG;AAAA,IACH,GAAG,OAAO,QAAQ,YAAY,EAAE;AAAA,MAC9B,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AACrB,YAAI,OAAO,WAAW,KAAK,MAAM,aAAa;AAC5C,cAAI,IAAI,QAAQ,gCAAgC,EAAE,CAAC,IACjD,WAAW,KAAK;AAAA,QACpB,OAAO;AACL;AAAA,YACE;AAAA,YACA,oBAAoB;AAAA,UACtB;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AACA,QAAM,QAAQ;AAAA,IACZ,OAAO,QAAQ,OAAO,EAAE,IAAI,OAAO,CAAC,KAAK,KAAK,MAAM;AAClD,UAAI,OAAO,UAAU,YAAY;AAC/B,gBAAQ,GAAG,IAAI,MAAM,MAAM,MAAM;AAAA,MACnC;AACA,aAAO,QAAQ,QAAQ,KAAK;AAAA,IAC9B,CAAC;AAAA,EACH;AACA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/shared-module-resolver.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { sharedPolyfills } from '#internal/host/shared/polyfill';\nimport {\n  createSharedModulePlan,\n  resolveSharedModulePlan,\n  type SharedModuleFactory,\n} from '#internal/host/shared/shared-broker';\nimport type { LogLocation } from '#internal/utils/logger';\n\n/**\n * The core React packages that are always shared between host and remote.\n * These correspond to the `/react/*.js` and `/react-dom/*.js` path keys\n * used in the webpack module resolution map.\n */\nexport const CORE_REACT_SHARED_KEYS = [\n  'react',\n  'react/jsx-dev-runtime',\n  'react/jsx-runtime',\n  'react-dom',\n  'react-dom/client',\n] as const;\n\n/**\n * Maps each core React package to its webpack-style path key.\n * For example, `react` maps to `/react/index.js`.\n */\nexport const CORE_REACT_PATH_MAP: Record<string, string> = {\n  react: '/react/index.js',\n  'react/jsx-dev-runtime': '/react/jsx-dev-runtime.js',\n  'react/jsx-runtime': '/react/jsx-runtime.js',\n  'react-dom': '/react-dom/index.js',\n  'react-dom/client': '/react-dom/client.js',\n};\n\n/**\n * The vendorShared record used by the Next.js config to map React packages\n * to their webpack path-key string literals. Derived from CORE_REACT_PATH_MAP\n * but excludes `react-dom/client` to match the existing config behavior.\n */\nexport const VENDOR_SHARED: Record<string, string> = Object.fromEntries(\n  Object.entries(CORE_REACT_PATH_MAP)\n    .filter(([key]) => key !== 'react-dom/client')\n    .map(([key, path]) => [key, `'${path}'`]),\n);\n\n/**\n * Builds the `coreShared` map for the Turbopack runtime's\n * `initializeSharedModules`. Each entry is an async factory that dynamically\n * imports the corresponding React package. User-provided shared modules\n * override core entries (e.g. to supply a pinned React version).\n */\nexport function buildCoreShared(\n  userShared?: Record<string, SharedModuleFactory>,\n): Record<string, SharedModuleFactory> {\n  return {\n    react: async () => (await import('react')).default,\n    'react-dom': async () => (await import('react-dom')).default,\n    'react/jsx-dev-runtime': async () =>\n      (await import('react/jsx-dev-runtime')).default,\n    'react/jsx-runtime': async () =>\n      (await import('react/jsx-runtime')).default,\n    'react-dom/client': async () => (await import('react-dom/client')).default,\n    ...userShared,\n  };\n}\n\ninterface HostSharedGlobals {\n  __remote_component_host_shared_modules__?: Record<\n    string,\n    SharedModuleFactory\n  >;\n  __remote_component_shared__?: Record<string, SharedModuleFactory>;\n}\n\n/**\n * Builds the merged host shared modules map with a consistent merge priority:\n *   1. Polyfills (lowest priority — fallback implementations)\n *   2. Global host shared modules (`__remote_component_host_shared_modules__`)\n *   3. User-provided shared modules (highest priority — explicit overrides)\n *\n * Some callers also include `__remote_component_shared__` (the pages router\n * global). Pass `includeRemoteComponentShared: true` to include it at the end.\n */\nexport function buildHostShared(\n  userShared?: Record<string, SharedModuleFactory>,\n  resolveClientUrl?: InternalResolveClientUrl,\n  options?: { includeRemoteComponentShared?: boolean },\n): Record<string, SharedModuleFactory> {\n  const self = globalThis as typeof globalThis & HostSharedGlobals;\n  const result: Record<string, SharedModuleFactory> = {\n    ...sharedPolyfills(userShared, resolveClientUrl),\n    ...self.__remote_component_host_shared_modules__,\n    ...userShared,\n  };\n  if (options?.includeRemoteComponentShared) {\n    Object.assign(result, self.__remote_component_shared__);\n  }\n  return result;\n}\n\n/**\n * React module instances keyed by their webpack path, e.g.\n * `{ '/react/index.js': React }`. Passed into `buildWebpackResolve` so it\n * can populate the resolve map without importing React itself.\n */\nexport interface ReactModules {\n  '/react/index.js': unknown;\n  '/react/jsx-dev-runtime.js': unknown;\n  '/react/jsx-runtime.js': unknown;\n  '/react-dom/index.js': unknown;\n  '/react-dom/client.js': unknown;\n}\n\n/**\n * Builds the `resolve` map passed to `applySharedModules` for the webpack\n * runtime. Combines:\n *   - Static React module path keys (`/react/index.js`, etc.)\n *   - Remote shared modules matched against host shared, with `(ssr)/` prefix stripped\n *\n * After building the map, resolves any factory functions by awaiting them\n * with the given bundle name.\n */\nexport async function buildWebpackResolve(\n  hostShared: Record<string, SharedModuleFactory | unknown>,\n  remoteShared: Record<string, string | number>,\n  bundle: string,\n  reactModules: ReactModules,\n  callerTag: LogLocation = 'SharedModuleResolver',\n): Promise<Record<string, unknown>> {\n  const sharePlan = createSharedModulePlan({\n    bundle,\n    hostShared,\n    remoteShared,\n    callerTag,\n  });\n  const plannedResolve = await resolveSharedModulePlan(sharePlan);\n  const resolve: Record<string, unknown> = {\n    ...reactModules,\n    ...Object.fromEntries(\n      Object.entries(plannedResolve).map(([key, value]) => [\n        key.replace(/^\\(ssr\\)\\/(?<relative>\\.\\/)?/, ''),\n        value,\n      ]),\n    ),\n  };\n  return resolve;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAgC;AAChC,2BAIO;AAQA,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,sBAA8C;AAAA,EACzD,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,oBAAoB;AACtB;AAOO,MAAM,gBAAwC,OAAO;AAAA,EAC1D,OAAO,QAAQ,mBAAmB,EAC/B,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,kBAAkB,EAC5C,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC;AAC5C;AAQO,SAAS,gBACd,YACqC;AACrC,SAAO;AAAA,IACL,OAAO,aAAa,MAAM,OAAO,OAAO,GAAG;AAAA,IAC3C,aAAa,aAAa,MAAM,OAAO,WAAW,GAAG;AAAA,IACrD,yBAAyB,aACtB,MAAM,OAAO,uBAAuB,GAAG;AAAA,IAC1C,qBAAqB,aAClB,MAAM,OAAO,mBAAmB,GAAG;AAAA,IACtC,oBAAoB,aAAa,MAAM,OAAO,kBAAkB,GAAG;AAAA,IACnE,GAAG;AAAA,EACL;AACF;AAmBO,SAAS,gBACd,YACA,kBACA,SACqC;AACrC,QAAM,OAAO;AACb,QAAM,SAA8C;AAAA,IAClD,OAAG,iCAAgB,YAAY,gBAAgB;AAAA,IAC/C,GAAG,KAAK;AAAA,IACR,GAAG;AAAA,EACL;AACA,MAAI,SAAS,8BAA8B;AACzC,WAAO,OAAO,QAAQ,KAAK,2BAA2B;AAAA,EACxD;AACA,SAAO;AACT;AAwBA,eAAsB,oBACpB,YACA,cACA,QACA,cACA,YAAyB,wBACS;AAClC,QAAM,gBAAY,6CAAuB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,iBAAiB,UAAM,8CAAwB,SAAS;AAC9D,QAAM,UAAmC;AAAA,IACvC,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,OAAO,QAAQ,cAAc,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAAA,QACnD,IAAI,QAAQ,gCAAgC,EAAE;AAAA,QAC9C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

package/dist/internal/host/shared/shared-module-resolver.d.ts

@@ -1,4 +1,5 @@
 import { InternalResolveClientUrl } from '../../runtime/url/resolve-client-url.js';
+import { SharedModuleFactory } from './shared-broker.js';
 import { LogLocation } from '../../utils/logger.js';
 
 /**
@@ -18,7 +19,6 @@ declare const CORE_REACT_PATH_MAP: Record<string, string>;
  * but excludes `react-dom/client` to match the existing config behavior.
  */
 declare const VENDOR_SHARED: Record<string, string>;
-type SharedModuleFactory = (bundle?: string) => Promise<unknown>;
 /**
  * Builds the `coreShared` map for the Turbopack runtime's
  * `initializeSharedModules`. Each entry is an async factory that dynamically

package/dist/internal/host/shared/shared-module-resolver.js

@@ -1,5 +1,8 @@
 import { sharedPolyfills } from "#internal/host/shared/polyfill";
-import { logDebug } from "#internal/utils/logger";
+import {
+  createSharedModulePlan,
+  resolveSharedModulePlan
+} from "#internal/host/shared/shared-broker";
 const CORE_REACT_SHARED_KEYS = [
   "react",
   "react/jsx-dev-runtime",
@@ -40,31 +43,22 @@ function buildHostShared(userShared, resolveClientUrl, options) {
   return result;
 }
 async function buildWebpackResolve(hostShared, remoteShared, bundle, reactModules, callerTag = "SharedModuleResolver") {
+  const sharePlan = createSharedModulePlan({
+    bundle,
+    hostShared,
+    remoteShared,
+    callerTag
+  });
+  const plannedResolve = await resolveSharedModulePlan(sharePlan);
   const resolve = {
     ...reactModules,
-    ...Object.entries(remoteShared).reduce(
-      (acc, [key, value]) => {
-        if (typeof hostShared[value] !== "undefined") {
-          acc[key.replace(/^\(ssr\)\/(?<relative>\.\/)?/, "")] = hostShared[value];
-        } else {
-          logDebug(
-            callerTag,
-            `Remote requests "${value}" but host doesn't provide it`
-          );
-        }
-        return acc;
-      },
-      {}
+    ...Object.fromEntries(
+      Object.entries(plannedResolve).map(([key, value]) => [
+        key.replace(/^\(ssr\)\/(?<relative>\.\/)?/, ""),
+        value
+      ])
     )
   };
-  await Promise.all(
-    Object.entries(resolve).map(async ([key, value]) => {
-      if (typeof value === "function") {
-        resolve[key] = await value(bundle);
-      }
-      return Promise.resolve(value);
-    })
-  );
   return resolve;
 }
 export {

package/dist/internal/host/shared/shared-module-resolver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/shared-module-resolver.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { sharedPolyfills } from '#internal/host/shared/polyfill';\nimport type { LogLocation } from '#internal/utils/logger';\nimport { logDebug } from '#internal/utils/logger';\n\n/**\n * The core React packages that are always shared between host and remote.\n * These correspond to the `/react/*.js` and `/react-dom/*.js` path keys\n * used in the webpack module resolution map.\n */\nexport const CORE_REACT_SHARED_KEYS = [\n  'react',\n  'react/jsx-dev-runtime',\n  'react/jsx-runtime',\n  'react-dom',\n  'react-dom/client',\n] as const;\n\n/**\n * Maps each core React package to its webpack-style path key.\n * For example, `react` maps to `/react/index.js`.\n */\nexport const CORE_REACT_PATH_MAP: Record<string, string> = {\n  react: '/react/index.js',\n  'react/jsx-dev-runtime': '/react/jsx-dev-runtime.js',\n  'react/jsx-runtime': '/react/jsx-runtime.js',\n  'react-dom': '/react-dom/index.js',\n  'react-dom/client': '/react-dom/client.js',\n};\n\n/**\n * The vendorShared record used by the Next.js config to map React packages\n * to their webpack path-key string literals. Derived from CORE_REACT_PATH_MAP\n * but excludes `react-dom/client` to match the existing config behavior.\n */\nexport const VENDOR_SHARED: Record<string, string> = Object.fromEntries(\n  Object.entries(CORE_REACT_PATH_MAP)\n    .filter(([key]) => key !== 'react-dom/client')\n    .map(([key, path]) => [key, `'${path}'`]),\n);\n\ntype SharedModuleFactory = (bundle?: string) => Promise<unknown>;\n\n/**\n * Builds the `coreShared` map for the Turbopack runtime's\n * `initializeSharedModules`. Each entry is an async factory that dynamically\n * imports the corresponding React package. User-provided shared modules\n * override core entries (e.g. to supply a pinned React version).\n */\nexport function buildCoreShared(\n  userShared?: Record<string, SharedModuleFactory>,\n): Record<string, SharedModuleFactory> {\n  return {\n    react: async () => (await import('react')).default,\n    'react-dom': async () => (await import('react-dom')).default,\n    'react/jsx-dev-runtime': async () =>\n      (await import('react/jsx-dev-runtime')).default,\n    'react/jsx-runtime': async () =>\n      (await import('react/jsx-runtime')).default,\n    'react-dom/client': async () => (await import('react-dom/client')).default,\n    ...userShared,\n  };\n}\n\ninterface HostSharedGlobals {\n  __remote_component_host_shared_modules__?: Record<\n    string,\n    SharedModuleFactory\n  >;\n  __remote_component_shared__?: Record<string, SharedModuleFactory>;\n}\n\n/**\n * Builds the merged host shared modules map with a consistent merge priority:\n *   1. Polyfills (lowest priority — fallback implementations)\n *   2. Global host shared modules (`__remote_component_host_shared_modules__`)\n *   3. User-provided shared modules (highest priority — explicit overrides)\n *\n * Some callers also include `__remote_component_shared__` (the pages router\n * global). Pass `includeRemoteComponentShared: true` to include it at the end.\n */\nexport function buildHostShared(\n  userShared?: Record<string, SharedModuleFactory>,\n  resolveClientUrl?: InternalResolveClientUrl,\n  options?: { includeRemoteComponentShared?: boolean },\n): Record<string, SharedModuleFactory> {\n  const self = globalThis as typeof globalThis & HostSharedGlobals;\n  const result: Record<string, SharedModuleFactory> = {\n    ...sharedPolyfills(userShared, resolveClientUrl),\n    ...self.__remote_component_host_shared_modules__,\n    ...userShared,\n  };\n  if (options?.includeRemoteComponentShared) {\n    Object.assign(result, self.__remote_component_shared__);\n  }\n  return result;\n}\n\n/**\n * React module instances keyed by their webpack path, e.g.\n * `{ '/react/index.js': React }`. Passed into `buildWebpackResolve` so it\n * can populate the resolve map without importing React itself.\n */\nexport interface ReactModules {\n  '/react/index.js': unknown;\n  '/react/jsx-dev-runtime.js': unknown;\n  '/react/jsx-runtime.js': unknown;\n  '/react-dom/index.js': unknown;\n  '/react-dom/client.js': unknown;\n}\n\n/**\n * Builds the `resolve` map passed to `applySharedModules` for the webpack\n * runtime. Combines:\n *   - Static React module path keys (`/react/index.js`, etc.)\n *   - Remote shared modules matched against host shared, with `(ssr)/` prefix stripped\n *\n * After building the map, resolves any factory functions by awaiting them\n * with the given bundle name.\n */\nexport async function buildWebpackResolve(\n  hostShared: Record<string, SharedModuleFactory | unknown>,\n  remoteShared: Record<string, string | number>,\n  bundle: string,\n  reactModules: ReactModules,\n  callerTag: LogLocation = 'SharedModuleResolver',\n): Promise<Record<string, unknown>> {\n  const resolve: Record<string, unknown> = {\n    ...reactModules,\n    ...Object.entries(remoteShared).reduce<Record<string, unknown>>(\n      (acc, [key, value]) => {\n        if (typeof hostShared[value] !== 'undefined') {\n          acc[key.replace(/^\\(ssr\\)\\/(?<relative>\\.\\/)?/, '')] =\n            hostShared[value];\n        } else {\n          logDebug(\n            callerTag,\n            `Remote requests \"${value}\" but host doesn't provide it`,\n          );\n        }\n        return acc;\n      },\n      {},\n    ),\n  };\n  await Promise.all(\n    Object.entries(resolve).map(async ([key, value]) => {\n      if (typeof value === 'function') {\n        resolve[key] = await value(bundle);\n      }\n      return Promise.resolve(value);\n    }),\n  );\n  return resolve;\n}\n"],"mappings":"AACA,SAAS,uBAAuB;AAEhC,SAAS,gBAAgB;AAOlB,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,sBAA8C;AAAA,EACzD,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,oBAAoB;AACtB;AAOO,MAAM,gBAAwC,OAAO;AAAA,EAC1D,OAAO,QAAQ,mBAAmB,EAC/B,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,kBAAkB,EAC5C,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC;AAC5C;AAUO,SAAS,gBACd,YACqC;AACrC,SAAO;AAAA,IACL,OAAO,aAAa,MAAM,OAAO,OAAO,GAAG;AAAA,IAC3C,aAAa,aAAa,MAAM,OAAO,WAAW,GAAG;AAAA,IACrD,yBAAyB,aACtB,MAAM,OAAO,uBAAuB,GAAG;AAAA,IAC1C,qBAAqB,aAClB,MAAM,OAAO,mBAAmB,GAAG;AAAA,IACtC,oBAAoB,aAAa,MAAM,OAAO,kBAAkB,GAAG;AAAA,IACnE,GAAG;AAAA,EACL;AACF;AAmBO,SAAS,gBACd,YACA,kBACA,SACqC;AACrC,QAAM,OAAO;AACb,QAAM,SAA8C;AAAA,IAClD,GAAG,gBAAgB,YAAY,gBAAgB;AAAA,IAC/C,GAAG,KAAK;AAAA,IACR,GAAG;AAAA,EACL;AACA,MAAI,SAAS,8BAA8B;AACzC,WAAO,OAAO,QAAQ,KAAK,2BAA2B;AAAA,EACxD;AACA,SAAO;AACT;AAwBA,eAAsB,oBACpB,YACA,cACA,QACA,cACA,YAAyB,wBACS;AAClC,QAAM,UAAmC;AAAA,IACvC,GAAG;AAAA,IACH,GAAG,OAAO,QAAQ,YAAY,EAAE;AAAA,MAC9B,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AACrB,YAAI,OAAO,WAAW,KAAK,MAAM,aAAa;AAC5C,cAAI,IAAI,QAAQ,gCAAgC,EAAE,CAAC,IACjD,WAAW,KAAK;AAAA,QACpB,OAAO;AACL;AAAA,YACE;AAAA,YACA,oBAAoB;AAAA,UACtB;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AACA,QAAM,QAAQ;AAAA,IACZ,OAAO,QAAQ,OAAO,EAAE,IAAI,OAAO,CAAC,KAAK,KAAK,MAAM;AAClD,UAAI,OAAO,UAAU,YAAY;AAC/B,gBAAQ,GAAG,IAAI,MAAM,MAAM,MAAM;AAAA,MACnC;AACA,aAAO,QAAQ,QAAQ,KAAK;AAAA,IAC9B,CAAC;AAAA,EACH;AACA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/shared-module-resolver.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { sharedPolyfills } from '#internal/host/shared/polyfill';\nimport {\n  createSharedModulePlan,\n  resolveSharedModulePlan,\n  type SharedModuleFactory,\n} from '#internal/host/shared/shared-broker';\nimport type { LogLocation } from '#internal/utils/logger';\n\n/**\n * The core React packages that are always shared between host and remote.\n * These correspond to the `/react/*.js` and `/react-dom/*.js` path keys\n * used in the webpack module resolution map.\n */\nexport const CORE_REACT_SHARED_KEYS = [\n  'react',\n  'react/jsx-dev-runtime',\n  'react/jsx-runtime',\n  'react-dom',\n  'react-dom/client',\n] as const;\n\n/**\n * Maps each core React package to its webpack-style path key.\n * For example, `react` maps to `/react/index.js`.\n */\nexport const CORE_REACT_PATH_MAP: Record<string, string> = {\n  react: '/react/index.js',\n  'react/jsx-dev-runtime': '/react/jsx-dev-runtime.js',\n  'react/jsx-runtime': '/react/jsx-runtime.js',\n  'react-dom': '/react-dom/index.js',\n  'react-dom/client': '/react-dom/client.js',\n};\n\n/**\n * The vendorShared record used by the Next.js config to map React packages\n * to their webpack path-key string literals. Derived from CORE_REACT_PATH_MAP\n * but excludes `react-dom/client` to match the existing config behavior.\n */\nexport const VENDOR_SHARED: Record<string, string> = Object.fromEntries(\n  Object.entries(CORE_REACT_PATH_MAP)\n    .filter(([key]) => key !== 'react-dom/client')\n    .map(([key, path]) => [key, `'${path}'`]),\n);\n\n/**\n * Builds the `coreShared` map for the Turbopack runtime's\n * `initializeSharedModules`. Each entry is an async factory that dynamically\n * imports the corresponding React package. User-provided shared modules\n * override core entries (e.g. to supply a pinned React version).\n */\nexport function buildCoreShared(\n  userShared?: Record<string, SharedModuleFactory>,\n): Record<string, SharedModuleFactory> {\n  return {\n    react: async () => (await import('react')).default,\n    'react-dom': async () => (await import('react-dom')).default,\n    'react/jsx-dev-runtime': async () =>\n      (await import('react/jsx-dev-runtime')).default,\n    'react/jsx-runtime': async () =>\n      (await import('react/jsx-runtime')).default,\n    'react-dom/client': async () => (await import('react-dom/client')).default,\n    ...userShared,\n  };\n}\n\ninterface HostSharedGlobals {\n  __remote_component_host_shared_modules__?: Record<\n    string,\n    SharedModuleFactory\n  >;\n  __remote_component_shared__?: Record<string, SharedModuleFactory>;\n}\n\n/**\n * Builds the merged host shared modules map with a consistent merge priority:\n *   1. Polyfills (lowest priority — fallback implementations)\n *   2. Global host shared modules (`__remote_component_host_shared_modules__`)\n *   3. User-provided shared modules (highest priority — explicit overrides)\n *\n * Some callers also include `__remote_component_shared__` (the pages router\n * global). Pass `includeRemoteComponentShared: true` to include it at the end.\n */\nexport function buildHostShared(\n  userShared?: Record<string, SharedModuleFactory>,\n  resolveClientUrl?: InternalResolveClientUrl,\n  options?: { includeRemoteComponentShared?: boolean },\n): Record<string, SharedModuleFactory> {\n  const self = globalThis as typeof globalThis & HostSharedGlobals;\n  const result: Record<string, SharedModuleFactory> = {\n    ...sharedPolyfills(userShared, resolveClientUrl),\n    ...self.__remote_component_host_shared_modules__,\n    ...userShared,\n  };\n  if (options?.includeRemoteComponentShared) {\n    Object.assign(result, self.__remote_component_shared__);\n  }\n  return result;\n}\n\n/**\n * React module instances keyed by their webpack path, e.g.\n * `{ '/react/index.js': React }`. Passed into `buildWebpackResolve` so it\n * can populate the resolve map without importing React itself.\n */\nexport interface ReactModules {\n  '/react/index.js': unknown;\n  '/react/jsx-dev-runtime.js': unknown;\n  '/react/jsx-runtime.js': unknown;\n  '/react-dom/index.js': unknown;\n  '/react-dom/client.js': unknown;\n}\n\n/**\n * Builds the `resolve` map passed to `applySharedModules` for the webpack\n * runtime. Combines:\n *   - Static React module path keys (`/react/index.js`, etc.)\n *   - Remote shared modules matched against host shared, with `(ssr)/` prefix stripped\n *\n * After building the map, resolves any factory functions by awaiting them\n * with the given bundle name.\n */\nexport async function buildWebpackResolve(\n  hostShared: Record<string, SharedModuleFactory | unknown>,\n  remoteShared: Record<string, string | number>,\n  bundle: string,\n  reactModules: ReactModules,\n  callerTag: LogLocation = 'SharedModuleResolver',\n): Promise<Record<string, unknown>> {\n  const sharePlan = createSharedModulePlan({\n    bundle,\n    hostShared,\n    remoteShared,\n    callerTag,\n  });\n  const plannedResolve = await resolveSharedModulePlan(sharePlan);\n  const resolve: Record<string, unknown> = {\n    ...reactModules,\n    ...Object.fromEntries(\n      Object.entries(plannedResolve).map(([key, value]) => [\n        key.replace(/^\\(ssr\\)\\/(?<relative>\\.\\/)?/, ''),\n        value,\n      ]),\n    ),\n  };\n  return resolve;\n}\n"],"mappings":"AACA,SAAS,uBAAuB;AAChC;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AAQA,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,sBAA8C;AAAA,EACzD,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,oBAAoB;AACtB;AAOO,MAAM,gBAAwC,OAAO;AAAA,EAC1D,OAAO,QAAQ,mBAAmB,EAC/B,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,kBAAkB,EAC5C,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC;AAC5C;AAQO,SAAS,gBACd,YACqC;AACrC,SAAO;AAAA,IACL,OAAO,aAAa,MAAM,OAAO,OAAO,GAAG;AAAA,IAC3C,aAAa,aAAa,MAAM,OAAO,WAAW,GAAG;AAAA,IACrD,yBAAyB,aACtB,MAAM,OAAO,uBAAuB,GAAG;AAAA,IAC1C,qBAAqB,aAClB,MAAM,OAAO,mBAAmB,GAAG;AAAA,IACtC,oBAAoB,aAAa,MAAM,OAAO,kBAAkB,GAAG;AAAA,IACnE,GAAG;AAAA,EACL;AACF;AAmBO,SAAS,gBACd,YACA,kBACA,SACqC;AACrC,QAAM,OAAO;AACb,QAAM,SAA8C;AAAA,IAClD,GAAG,gBAAgB,YAAY,gBAAgB;AAAA,IAC/C,GAAG,KAAK;AAAA,IACR,GAAG;AAAA,EACL;AACA,MAAI,SAAS,8BAA8B;AACzC,WAAO,OAAO,QAAQ,KAAK,2BAA2B;AAAA,EACxD;AACA,SAAO;AACT;AAwBA,eAAsB,oBACpB,YACA,cACA,QACA,cACA,YAAyB,wBACS;AAClC,QAAM,YAAY,uBAAuB;AAAA,IACvC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,iBAAiB,MAAM,wBAAwB,SAAS;AAC9D,QAAM,UAAmC;AAAA,IACvC,GAAG;AAAA,IACH,GAAG,OAAO;AAAA,MACR,OAAO,QAAQ,cAAc,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAAA,QACnD,IAAI,QAAQ,gCAAgC,EAAE;AAAA,QAC9C;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AACA,SAAO;AACT;","names":[]}

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

@@ -97,7 +97,7 @@ async function loadRemoteComponent({
         remoteShared
       );
     }
-    if (bundle) {
+    if (bundle && runtime === "webpack") {
       const resolve = await (0, import_shared_module_resolver.buildWebpackResolve)(
         hostShared,
         remoteShared,
@@ -112,6 +112,7 @@ async function loadRemoteComponent({
         "ComponentLoader"
       );
       (0, import_apply_shared_modules.applySharedModules)(bundle, resolve);
+    } else if (bundle && runtime === "turbopack") {
     } else {
       (0, import_logger.logWarn)(
         "ComponentLoader",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/loaders/component-loader.ts"],"sourcesContent":["import * as React from 'react';\nimport * as JSXDevRuntime from 'react/jsx-dev-runtime';\nimport * as JSXRuntime from 'react/jsx-runtime';\nimport * as ReactDOM from 'react-dom';\nimport * as ReactDOMClient from 'react-dom/client';\nimport { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeLoaderPayload } from '#internal/host/shared/server-handoff';\nimport {\n  buildCoreShared,\n  buildWebpackResolve,\n} from '#internal/host/shared/shared-module-resolver';\nimport { createRSCStream } from '#internal/runtime/rsc';\nimport { importRSCClientBrowser } from '#internal/runtime/rsc-imports';\nimport { setupRemoteScope } from '#internal/runtime/turbopack/remote-scope-setup';\nimport { initializeSharedModules } from '#internal/runtime/turbopack/shared-modules';\nimport type { GlobalScope, LoaderResult } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { loadScripts } from './script-loader';\n\n/**\n * Props accepted by {@link loadRemoteComponent}.\n *\n * Extends {@link ConsumeLoaderPayload} (the SSR-resolved fields needed for\n * hydration) with loader-specific fields (`url`, `shared`, `container`, etc.).\n * `remoteShared` is narrowed from optional to required (defaults to `{}` at\n * the call site).\n */\nexport interface ConsumeLoaderProps extends ConsumeLoaderPayload {\n  url: URL;\n  shared:\n    | Promise<Record<string, (bundle?: string) => Promise<unknown>>>\n    | Record<string, (bundle?: string) => Promise<unknown>>;\n  remoteShared: Record<string, string>;\n  container?: HTMLHeadElement | ShadowRoot | null;\n  rscName?: string;\n  resolveClientUrl?: InternalResolveClientUrl;\n}\n\n/**\n * Main loader function that orchestrates the component loading process\n */\nexport async function loadRemoteComponent({\n  url,\n  name,\n  rscName,\n  bundle,\n  route = '/',\n  runtime = 'webpack',\n  data,\n  nextData,\n  scripts = [],\n  shared = Promise.resolve({}),\n  remoteShared = {},\n  container,\n  resolveClientUrl,\n}: ConsumeLoaderProps): Promise<LoaderResult> {\n  try {\n    // Load scripts if using webpack runtime\n    if (runtime === 'webpack') {\n      const self = globalThis as GlobalScope;\n      // disable webpack entrypoint execution for the remote\n      if (!self.__DISABLE_WEBPACK_EXEC__) {\n        self.__DISABLE_WEBPACK_EXEC__ = {};\n      }\n      // disable webpack entrypoint execution for the current remote bundle\n      self.__DISABLE_WEBPACK_EXEC__[bundle] = true;\n      await loadScripts(scripts, resolveClientUrl);\n    }\n\n    const hostShared = await shared;\n    logDebug(\n      'ComponentLoader',\n      `loadRemoteComponent: bundle=\"${bundle}\", name=\"${name}\"`,\n    );\n    logDebug(\n      'ComponentLoader',\n      `Host shared modules available: ${Object.keys(hostShared)}`,\n    );\n    logDebug(\n      'ComponentLoader',\n      `Remote shared modules requested: ${JSON.stringify(remoteShared)}`,\n    );\n\n    // Setup remote scope and load turbopack chunks\n    const scope = await setupRemoteScope(\n      runtime,\n      scripts,\n      url,\n      bundle,\n      resolveClientUrl,\n    );\n\n    // Initialize turbopack shared modules (React, etc.) now that chunks are loaded\n    if (runtime === 'turbopack') {\n      await initializeSharedModules(\n        scope,\n        buildCoreShared(hostShared),\n        remoteShared,\n      );\n    }\n\n    // Setup shared modules\n    if (bundle) {\n      const resolve = await buildWebpackResolve(\n        hostShared,\n        remoteShared,\n        bundle,\n        {\n          '/react/index.js': React,\n          '/react/jsx-dev-runtime.js': JSXDevRuntime,\n          '/react/jsx-runtime.js': JSXRuntime,\n          '/react-dom/index.js': ReactDOM,\n          '/react-dom/client.js': ReactDOMClient,\n        },\n        'ComponentLoader',\n      );\n      applySharedModules(bundle, resolve);\n    } else {\n      logWarn(\n        'ComponentLoader',\n        'No bundle specified, skipping shared module setup',\n      );\n    }\n\n    // Rewrite plain bundle references in RSC data to the scoped name so\n    // the client dispatchers resolve the correct scope.\n    const scopedData = data.map((chunk) =>\n      chunk.replaceAll(`[${bundle}]`, `[${scope.scopedName}]`),\n    );\n\n    // Load component based on data type\n    if (scopedData.length > 0) {\n      return await loadRSCComponent(rscName ?? name, scopedData);\n    } else if (nextData) {\n      return loadNextPagesComponent(bundle, route, nextData, name, container);\n    }\n\n    return loadRSCComponent(rscName ?? name, [`0:[null]\\n`]); // Fallback to empty RSC payload\n  } catch (error) {\n    return {\n      component: null,\n      error: new RemoteComponentsError(\n        `Failed to load remote component \"${name}\".`,\n        {\n          cause: error instanceof Error ? error : new Error(String(error)),\n        },\n      ),\n    };\n  }\n}\n\n/**\n * Loads RSC (React Server Components) based component\n */\nasync function loadRSCComponent(\n  rscName: string,\n  data: string[],\n): Promise<LoaderResult> {\n  const { createFromReadableStream } = await importRSCClientBrowser();\n  if (typeof createFromReadableStream !== 'function') {\n    throw new RemoteComponentsError(\n      'Failed to import \"react-server-dom-webpack\". Is Next.js installed correctly?',\n    );\n  }\n\n  const stream = createRSCStream(rscName, data);\n  const component = createFromReadableStream(stream);\n\n  return { component };\n}\n\n/**\n * Loads Next.js Pages Router based component\n */\nfunction loadNextPagesComponent(\n  bundle: string,\n  route: string,\n  nextData: NonNullable<ConsumeLoaderPayload['nextData']>,\n  name: string,\n  container?: HTMLHeadElement | ShadowRoot | null,\n): LoaderResult {\n  const { Component, App } = nextClientPagesLoader(bundle, route, container);\n\n  if (!Component) {\n    throw new RemoteComponentsError(\n      `Remote Component \"${name}\" is trying to load the component for route \"${route}\" but it is not available.`,\n    );\n  }\n\n  // error tolerance when app component is not found\n  const component = App\n    ? React.createElement(App, { Component, ...nextData.props })\n    : React.createElement(Component, nextData.props);\n\n  return { component };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAAuB;AACvB,oBAA+B;AAC/B,iBAA4B;AAC5B,eAA0B;AAC1B,qBAAgC;AAChC,kCAAmC;AACnC,sCAAsC;AAGtC,oCAGO;AACP,iBAAgC;AAChC,yBAAuC;AACvC,gCAAiC;AACjC,4BAAwC;AAExC,mBAAsC;AACtC,oBAAkC;AAClC,2BAA4B;AAwB5B,eAAsB,oBAAoB;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,UAAU,CAAC;AAAA,EACX,SAAS,QAAQ,QAAQ,CAAC,CAAC;AAAA,EAC3B,eAAe,CAAC;AAAA,EAChB;AAAA,EACA;AACF,GAA8C;AAC5C,MAAI;AAEF,QAAI,YAAY,WAAW;AACzB,YAAM,OAAO;AAEb,UAAI,CAAC,KAAK,0BAA0B;AAClC,aAAK,2BAA2B,CAAC;AAAA,MACnC;AAEA,WAAK,yBAAyB,MAAM,IAAI;AACxC,gBAAM,kCAAY,SAAS,gBAAgB;AAAA,IAC7C;AAEA,UAAM,aAAa,MAAM;AACzB;AAAA,MACE;AAAA,MACA,gCAAgC,kBAAkB;AAAA,IACpD;AACA;AAAA,MACE;AAAA,MACA,kCAAkC,OAAO,KAAK,UAAU;AAAA,IAC1D;AACA;AAAA,MACE;AAAA,MACA,oCAAoC,KAAK,UAAU,YAAY;AAAA,IACjE;AAGA,UAAM,QAAQ,UAAM;AAAA,MAClB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAGA,QAAI,YAAY,aAAa;AAC3B,gBAAM;AAAA,QACJ;AAAA,YACA,+CAAgB,UAAU;AAAA,QAC1B;AAAA,MACF;AAAA,IACF;AAGA,QAAI,QAAQ;AACV,YAAM,UAAU,UAAM;AAAA,QACpB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,UACE,mBAAmB;AAAA,UACnB,6BAA6B;AAAA,UAC7B,yBAAyB;AAAA,UACzB,uBAAuB;AAAA,UACvB,wBAAwB;AAAA,QAC1B;AAAA,QACA;AAAA,MACF;AACA,0DAAmB,QAAQ,OAAO;AAAA,IACpC,OAAO;AACL;AAAA,QACE;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAIA,UAAM,aAAa,KAAK;AAAA,MAAI,CAAC,UAC3B,MAAM,WAAW,IAAI,WAAW,IAAI,MAAM,aAAa;AAAA,IACzD;AAGA,QAAI,WAAW,SAAS,GAAG;AACzB,aAAO,MAAM,iBAAiB,WAAW,MAAM,UAAU;AAAA,IAC3D,WAAW,UAAU;AACnB,aAAO,uBAAuB,QAAQ,OAAO,UAAU,MAAM,SAAS;AAAA,IACxE;AAEA,WAAO,iBAAiB,WAAW,MAAM,CAAC;AAAA,CAAY,CAAC;AAAA,EACzD,SAAS,OAAP;AACA,WAAO;AAAA,MACL,WAAW;AAAA,MACX,OAAO,IAAI;AAAA,QACT,oCAAoC;AAAA,QACpC;AAAA,UACE,OAAO,iBAAiB,QAAQ,QAAQ,IAAI,MAAM,OAAO,KAAK,CAAC;AAAA,QACjE;AAAA,MACF;AAAA,IACF;AAAA,EACF;AACF;AAKA,eAAe,iBACb,SACA,MACuB;AACvB,QAAM,EAAE,yBAAyB,IAAI,UAAM,2CAAuB;AAClE,MAAI,OAAO,6BAA6B,YAAY;AAClD,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,aAAS,4BAAgB,SAAS,IAAI;AAC5C,QAAM,YAAY,yBAAyB,MAAM;AAEjD,SAAO,EAAE,UAAU;AACrB;AAKA,SAAS,uBACP,QACA,OACA,UACA,MACA,WACc;AACd,QAAM,EAAE,WAAW,IAAI,QAAI,uDAAsB,QAAQ,OAAO,SAAS;AAEzE,MAAI,CAAC,WAAW;AACd,UAAM,IAAI;AAAA,MACR,qBAAqB,oDAAoD;AAAA,IAC3E;AAAA,EACF;AAGA,QAAM,YAAY,MACd,MAAM,cAAc,KAAK,EAAE,WAAW,GAAG,SAAS,MAAM,CAAC,IACzD,MAAM,cAAc,WAAW,SAAS,KAAK;AAEjD,SAAO,EAAE,UAAU;AACrB;","names":[]}
+{"version":3,"sources":["../../../../src/runtime/loaders/component-loader.ts"],"sourcesContent":["import * as React from 'react';\nimport * as JSXDevRuntime from 'react/jsx-dev-runtime';\nimport * as JSXRuntime from 'react/jsx-runtime';\nimport * as ReactDOM from 'react-dom';\nimport * as ReactDOMClient from 'react-dom/client';\nimport { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeLoaderPayload } from '#internal/host/shared/server-handoff';\nimport {\n  buildCoreShared,\n  buildWebpackResolve,\n} from '#internal/host/shared/shared-module-resolver';\nimport { createRSCStream } from '#internal/runtime/rsc';\nimport { importRSCClientBrowser } from '#internal/runtime/rsc-imports';\nimport { setupRemoteScope } from '#internal/runtime/turbopack/remote-scope-setup';\nimport { initializeSharedModules } from '#internal/runtime/turbopack/shared-modules';\nimport type { GlobalScope, LoaderResult } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { loadScripts } from './script-loader';\n\n/**\n * Props accepted by {@link loadRemoteComponent}.\n *\n * Extends {@link ConsumeLoaderPayload} (the SSR-resolved fields needed for\n * hydration) with loader-specific fields (`url`, `shared`, `container`, etc.).\n * `remoteShared` is narrowed from optional to required (defaults to `{}` at\n * the call site).\n */\nexport interface ConsumeLoaderProps extends ConsumeLoaderPayload {\n  url: URL;\n  shared:\n    | Promise<Record<string, (bundle?: string) => Promise<unknown>>>\n    | Record<string, (bundle?: string) => Promise<unknown>>;\n  remoteShared: Record<string, string>;\n  container?: HTMLHeadElement | ShadowRoot | null;\n  rscName?: string;\n  resolveClientUrl?: InternalResolveClientUrl;\n}\n\n/**\n * Main loader function that orchestrates the component loading process\n */\nexport async function loadRemoteComponent({\n  url,\n  name,\n  rscName,\n  bundle,\n  route = '/',\n  runtime = 'webpack',\n  data,\n  nextData,\n  scripts = [],\n  shared = Promise.resolve({}),\n  remoteShared = {},\n  container,\n  resolveClientUrl,\n}: ConsumeLoaderProps): Promise<LoaderResult> {\n  try {\n    // Load scripts if using webpack runtime\n    if (runtime === 'webpack') {\n      const self = globalThis as GlobalScope;\n      // disable webpack entrypoint execution for the remote\n      if (!self.__DISABLE_WEBPACK_EXEC__) {\n        self.__DISABLE_WEBPACK_EXEC__ = {};\n      }\n      // disable webpack entrypoint execution for the current remote bundle\n      self.__DISABLE_WEBPACK_EXEC__[bundle] = true;\n      await loadScripts(scripts, resolveClientUrl);\n    }\n\n    const hostShared = await shared;\n    logDebug(\n      'ComponentLoader',\n      `loadRemoteComponent: bundle=\"${bundle}\", name=\"${name}\"`,\n    );\n    logDebug(\n      'ComponentLoader',\n      `Host shared modules available: ${Object.keys(hostShared)}`,\n    );\n    logDebug(\n      'ComponentLoader',\n      `Remote shared modules requested: ${JSON.stringify(remoteShared)}`,\n    );\n\n    // Setup remote scope and load turbopack chunks\n    const scope = await setupRemoteScope(\n      runtime,\n      scripts,\n      url,\n      bundle,\n      resolveClientUrl,\n    );\n\n    // Initialize turbopack shared modules (React, etc.) now that chunks are loaded\n    if (runtime === 'turbopack') {\n      await initializeSharedModules(\n        scope,\n        buildCoreShared(hostShared),\n        remoteShared,\n      );\n    }\n\n    // Setup shared modules\n    if (bundle && runtime === 'webpack') {\n      const resolve = await buildWebpackResolve(\n        hostShared,\n        remoteShared,\n        bundle,\n        {\n          '/react/index.js': React,\n          '/react/jsx-dev-runtime.js': JSXDevRuntime,\n          '/react/jsx-runtime.js': JSXRuntime,\n          '/react-dom/index.js': ReactDOM,\n          '/react-dom/client.js': ReactDOMClient,\n        },\n        'ComponentLoader',\n      );\n      applySharedModules(bundle, resolve);\n    } else if (bundle && runtime === 'turbopack') {\n      // New shared-module architecture: Turbopack installs resolved modules\n      // onto RemoteScope in initializeSharedModules(). Keep Webpack patching\n      // isolated above so this branch can be deleted with the old\n      // applySharedModules path once Webpack also moves to scope adapters.\n    } else {\n      logWarn(\n        'ComponentLoader',\n        'No bundle specified, skipping shared module setup',\n      );\n    }\n\n    // Rewrite plain bundle references in RSC data to the scoped name so\n    // the client dispatchers resolve the correct scope.\n    const scopedData = data.map((chunk) =>\n      chunk.replaceAll(`[${bundle}]`, `[${scope.scopedName}]`),\n    );\n\n    // Load component based on data type\n    if (scopedData.length > 0) {\n      return await loadRSCComponent(rscName ?? name, scopedData);\n    } else if (nextData) {\n      return loadNextPagesComponent(bundle, route, nextData, name, container);\n    }\n\n    return loadRSCComponent(rscName ?? name, [`0:[null]\\n`]); // Fallback to empty RSC payload\n  } catch (error) {\n    return {\n      component: null,\n      error: new RemoteComponentsError(\n        `Failed to load remote component \"${name}\".`,\n        {\n          cause: error instanceof Error ? error : new Error(String(error)),\n        },\n      ),\n    };\n  }\n}\n\n/**\n * Loads RSC (React Server Components) based component\n */\nasync function loadRSCComponent(\n  rscName: string,\n  data: string[],\n): Promise<LoaderResult> {\n  const { createFromReadableStream } = await importRSCClientBrowser();\n  if (typeof createFromReadableStream !== 'function') {\n    throw new RemoteComponentsError(\n      'Failed to import \"react-server-dom-webpack\". Is Next.js installed correctly?',\n    );\n  }\n\n  const stream = createRSCStream(rscName, data);\n  const component = createFromReadableStream(stream);\n\n  return { component };\n}\n\n/**\n * Loads Next.js Pages Router based component\n */\nfunction loadNextPagesComponent(\n  bundle: string,\n  route: string,\n  nextData: NonNullable<ConsumeLoaderPayload['nextData']>,\n  name: string,\n  container?: HTMLHeadElement | ShadowRoot | null,\n): LoaderResult {\n  const { Component, App } = nextClientPagesLoader(bundle, route, container);\n\n  if (!Component) {\n    throw new RemoteComponentsError(\n      `Remote Component \"${name}\" is trying to load the component for route \"${route}\" but it is not available.`,\n    );\n  }\n\n  // error tolerance when app component is not found\n  const component = App\n    ? React.createElement(App, { Component, ...nextData.props })\n    : React.createElement(Component, nextData.props);\n\n  return { component };\n}\n"],"mappings":"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","names":[]}

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

@@ -1,6 +1,6 @@
 import { InternalResolveClientUrl } from '../url/resolve-client-url.js';
 import { a as ConsumeLoaderPayload } from '../../../server-handoff-8c89b856.js';
-import { L as LoaderResult } from '../../../types-8b0edd78.js';
+import { L as LoaderResult } from '../../../types-bd7be268.js';
 import 'react';
 import '../../host/shared/asset-descriptors.js';
 import '../../host/shared/config.js';

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

@@ -67,7 +67,7 @@ async function loadRemoteComponent({
         remoteShared
       );
     }
-    if (bundle) {
+    if (bundle && runtime === "webpack") {
       const resolve = await buildWebpackResolve(
         hostShared,
         remoteShared,
@@ -82,6 +82,7 @@ async function loadRemoteComponent({
         "ComponentLoader"
       );
       applySharedModules(bundle, resolve);
+    } else if (bundle && runtime === "turbopack") {
     } else {
       logWarn(
         "ComponentLoader",

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/loaders/component-loader.ts"],"sourcesContent":["import * as React from 'react';\nimport * as JSXDevRuntime from 'react/jsx-dev-runtime';\nimport * as JSXRuntime from 'react/jsx-runtime';\nimport * as ReactDOM from 'react-dom';\nimport * as ReactDOMClient from 'react-dom/client';\nimport { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeLoaderPayload } from '#internal/host/shared/server-handoff';\nimport {\n  buildCoreShared,\n  buildWebpackResolve,\n} from '#internal/host/shared/shared-module-resolver';\nimport { createRSCStream } from '#internal/runtime/rsc';\nimport { importRSCClientBrowser } from '#internal/runtime/rsc-imports';\nimport { setupRemoteScope } from '#internal/runtime/turbopack/remote-scope-setup';\nimport { initializeSharedModules } from '#internal/runtime/turbopack/shared-modules';\nimport type { GlobalScope, LoaderResult } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { loadScripts } from './script-loader';\n\n/**\n * Props accepted by {@link loadRemoteComponent}.\n *\n * Extends {@link ConsumeLoaderPayload} (the SSR-resolved fields needed for\n * hydration) with loader-specific fields (`url`, `shared`, `container`, etc.).\n * `remoteShared` is narrowed from optional to required (defaults to `{}` at\n * the call site).\n */\nexport interface ConsumeLoaderProps extends ConsumeLoaderPayload {\n  url: URL;\n  shared:\n    | Promise<Record<string, (bundle?: string) => Promise<unknown>>>\n    | Record<string, (bundle?: string) => Promise<unknown>>;\n  remoteShared: Record<string, string>;\n  container?: HTMLHeadElement | ShadowRoot | null;\n  rscName?: string;\n  resolveClientUrl?: InternalResolveClientUrl;\n}\n\n/**\n * Main loader function that orchestrates the component loading process\n */\nexport async function loadRemoteComponent({\n  url,\n  name,\n  rscName,\n  bundle,\n  route = '/',\n  runtime = 'webpack',\n  data,\n  nextData,\n  scripts = [],\n  shared = Promise.resolve({}),\n  remoteShared = {},\n  container,\n  resolveClientUrl,\n}: ConsumeLoaderProps): Promise<LoaderResult> {\n  try {\n    // Load scripts if using webpack runtime\n    if (runtime === 'webpack') {\n      const self = globalThis as GlobalScope;\n      // disable webpack entrypoint execution for the remote\n      if (!self.__DISABLE_WEBPACK_EXEC__) {\n        self.__DISABLE_WEBPACK_EXEC__ = {};\n      }\n      // disable webpack entrypoint execution for the current remote bundle\n      self.__DISABLE_WEBPACK_EXEC__[bundle] = true;\n      await loadScripts(scripts, resolveClientUrl);\n    }\n\n    const hostShared = await shared;\n    logDebug(\n      'ComponentLoader',\n      `loadRemoteComponent: bundle=\"${bundle}\", name=\"${name}\"`,\n    );\n    logDebug(\n      'ComponentLoader',\n      `Host shared modules available: ${Object.keys(hostShared)}`,\n    );\n    logDebug(\n      'ComponentLoader',\n      `Remote shared modules requested: ${JSON.stringify(remoteShared)}`,\n    );\n\n    // Setup remote scope and load turbopack chunks\n    const scope = await setupRemoteScope(\n      runtime,\n      scripts,\n      url,\n      bundle,\n      resolveClientUrl,\n    );\n\n    // Initialize turbopack shared modules (React, etc.) now that chunks are loaded\n    if (runtime === 'turbopack') {\n      await initializeSharedModules(\n        scope,\n        buildCoreShared(hostShared),\n        remoteShared,\n      );\n    }\n\n    // Setup shared modules\n    if (bundle) {\n      const resolve = await buildWebpackResolve(\n        hostShared,\n        remoteShared,\n        bundle,\n        {\n          '/react/index.js': React,\n          '/react/jsx-dev-runtime.js': JSXDevRuntime,\n          '/react/jsx-runtime.js': JSXRuntime,\n          '/react-dom/index.js': ReactDOM,\n          '/react-dom/client.js': ReactDOMClient,\n        },\n        'ComponentLoader',\n      );\n      applySharedModules(bundle, resolve);\n    } else {\n      logWarn(\n        'ComponentLoader',\n        'No bundle specified, skipping shared module setup',\n      );\n    }\n\n    // Rewrite plain bundle references in RSC data to the scoped name so\n    // the client dispatchers resolve the correct scope.\n    const scopedData = data.map((chunk) =>\n      chunk.replaceAll(`[${bundle}]`, `[${scope.scopedName}]`),\n    );\n\n    // Load component based on data type\n    if (scopedData.length > 0) {\n      return await loadRSCComponent(rscName ?? name, scopedData);\n    } else if (nextData) {\n      return loadNextPagesComponent(bundle, route, nextData, name, container);\n    }\n\n    return loadRSCComponent(rscName ?? name, [`0:[null]\\n`]); // Fallback to empty RSC payload\n  } catch (error) {\n    return {\n      component: null,\n      error: new RemoteComponentsError(\n        `Failed to load remote component \"${name}\".`,\n        {\n          cause: error instanceof Error ? error : new Error(String(error)),\n        },\n      ),\n    };\n  }\n}\n\n/**\n * Loads RSC (React Server Components) based component\n */\nasync function loadRSCComponent(\n  rscName: string,\n  data: string[],\n): Promise<LoaderResult> {\n  const { createFromReadableStream } = await importRSCClientBrowser();\n  if (typeof createFromReadableStream !== 'function') {\n    throw new RemoteComponentsError(\n      'Failed to import \"react-server-dom-webpack\". Is Next.js installed correctly?',\n    );\n  }\n\n  const stream = createRSCStream(rscName, data);\n  const component = createFromReadableStream(stream);\n\n  return { component };\n}\n\n/**\n * Loads Next.js Pages Router based component\n */\nfunction loadNextPagesComponent(\n  bundle: string,\n  route: string,\n  nextData: NonNullable<ConsumeLoaderPayload['nextData']>,\n  name: string,\n  container?: HTMLHeadElement | ShadowRoot | null,\n): LoaderResult {\n  const { Component, App } = nextClientPagesLoader(bundle, route, container);\n\n  if (!Component) {\n    throw new RemoteComponentsError(\n      `Remote Component \"${name}\" is trying to load the component for route \"${route}\" but it is not available.`,\n    );\n  }\n\n  // error tolerance when app component is not found\n  const component = App\n    ? React.createElement(App, { Component, ...nextData.props })\n    : React.createElement(Component, nextData.props);\n\n  return { component };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/runtime/loaders/component-loader.ts"],"sourcesContent":["import * as React from 'react';\nimport * as JSXDevRuntime from 'react/jsx-dev-runtime';\nimport * as JSXRuntime from 'react/jsx-runtime';\nimport * as ReactDOM from 'react-dom';\nimport * as ReactDOMClient from 'react-dom/client';\nimport { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeLoaderPayload } from '#internal/host/shared/server-handoff';\nimport {\n  buildCoreShared,\n  buildWebpackResolve,\n} from '#internal/host/shared/shared-module-resolver';\nimport { createRSCStream } from '#internal/runtime/rsc';\nimport { importRSCClientBrowser } from '#internal/runtime/rsc-imports';\nimport { setupRemoteScope } from '#internal/runtime/turbopack/remote-scope-setup';\nimport { initializeSharedModules } from '#internal/runtime/turbopack/shared-modules';\nimport type { GlobalScope, LoaderResult } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { loadScripts } from './script-loader';\n\n/**\n * Props accepted by {@link loadRemoteComponent}.\n *\n * Extends {@link ConsumeLoaderPayload} (the SSR-resolved fields needed for\n * hydration) with loader-specific fields (`url`, `shared`, `container`, etc.).\n * `remoteShared` is narrowed from optional to required (defaults to `{}` at\n * the call site).\n */\nexport interface ConsumeLoaderProps extends ConsumeLoaderPayload {\n  url: URL;\n  shared:\n    | Promise<Record<string, (bundle?: string) => Promise<unknown>>>\n    | Record<string, (bundle?: string) => Promise<unknown>>;\n  remoteShared: Record<string, string>;\n  container?: HTMLHeadElement | ShadowRoot | null;\n  rscName?: string;\n  resolveClientUrl?: InternalResolveClientUrl;\n}\n\n/**\n * Main loader function that orchestrates the component loading process\n */\nexport async function loadRemoteComponent({\n  url,\n  name,\n  rscName,\n  bundle,\n  route = '/',\n  runtime = 'webpack',\n  data,\n  nextData,\n  scripts = [],\n  shared = Promise.resolve({}),\n  remoteShared = {},\n  container,\n  resolveClientUrl,\n}: ConsumeLoaderProps): Promise<LoaderResult> {\n  try {\n    // Load scripts if using webpack runtime\n    if (runtime === 'webpack') {\n      const self = globalThis as GlobalScope;\n      // disable webpack entrypoint execution for the remote\n      if (!self.__DISABLE_WEBPACK_EXEC__) {\n        self.__DISABLE_WEBPACK_EXEC__ = {};\n      }\n      // disable webpack entrypoint execution for the current remote bundle\n      self.__DISABLE_WEBPACK_EXEC__[bundle] = true;\n      await loadScripts(scripts, resolveClientUrl);\n    }\n\n    const hostShared = await shared;\n    logDebug(\n      'ComponentLoader',\n      `loadRemoteComponent: bundle=\"${bundle}\", name=\"${name}\"`,\n    );\n    logDebug(\n      'ComponentLoader',\n      `Host shared modules available: ${Object.keys(hostShared)}`,\n    );\n    logDebug(\n      'ComponentLoader',\n      `Remote shared modules requested: ${JSON.stringify(remoteShared)}`,\n    );\n\n    // Setup remote scope and load turbopack chunks\n    const scope = await setupRemoteScope(\n      runtime,\n      scripts,\n      url,\n      bundle,\n      resolveClientUrl,\n    );\n\n    // Initialize turbopack shared modules (React, etc.) now that chunks are loaded\n    if (runtime === 'turbopack') {\n      await initializeSharedModules(\n        scope,\n        buildCoreShared(hostShared),\n        remoteShared,\n      );\n    }\n\n    // Setup shared modules\n    if (bundle && runtime === 'webpack') {\n      const resolve = await buildWebpackResolve(\n        hostShared,\n        remoteShared,\n        bundle,\n        {\n          '/react/index.js': React,\n          '/react/jsx-dev-runtime.js': JSXDevRuntime,\n          '/react/jsx-runtime.js': JSXRuntime,\n          '/react-dom/index.js': ReactDOM,\n          '/react-dom/client.js': ReactDOMClient,\n        },\n        'ComponentLoader',\n      );\n      applySharedModules(bundle, resolve);\n    } else if (bundle && runtime === 'turbopack') {\n      // New shared-module architecture: Turbopack installs resolved modules\n      // onto RemoteScope in initializeSharedModules(). Keep Webpack patching\n      // isolated above so this branch can be deleted with the old\n      // applySharedModules path once Webpack also moves to scope adapters.\n    } else {\n      logWarn(\n        'ComponentLoader',\n        'No bundle specified, skipping shared module setup',\n      );\n    }\n\n    // Rewrite plain bundle references in RSC data to the scoped name so\n    // the client dispatchers resolve the correct scope.\n    const scopedData = data.map((chunk) =>\n      chunk.replaceAll(`[${bundle}]`, `[${scope.scopedName}]`),\n    );\n\n    // Load component based on data type\n    if (scopedData.length > 0) {\n      return await loadRSCComponent(rscName ?? name, scopedData);\n    } else if (nextData) {\n      return loadNextPagesComponent(bundle, route, nextData, name, container);\n    }\n\n    return loadRSCComponent(rscName ?? name, [`0:[null]\\n`]); // Fallback to empty RSC payload\n  } catch (error) {\n    return {\n      component: null,\n      error: new RemoteComponentsError(\n        `Failed to load remote component \"${name}\".`,\n        {\n          cause: error instanceof Error ? error : new Error(String(error)),\n        },\n      ),\n    };\n  }\n}\n\n/**\n * Loads RSC (React Server Components) based component\n */\nasync function loadRSCComponent(\n  rscName: string,\n  data: string[],\n): Promise<LoaderResult> {\n  const { createFromReadableStream } = await importRSCClientBrowser();\n  if (typeof createFromReadableStream !== 'function') {\n    throw new RemoteComponentsError(\n      'Failed to import \"react-server-dom-webpack\". Is Next.js installed correctly?',\n    );\n  }\n\n  const stream = createRSCStream(rscName, data);\n  const component = createFromReadableStream(stream);\n\n  return { component };\n}\n\n/**\n * Loads Next.js Pages Router based component\n */\nfunction loadNextPagesComponent(\n  bundle: string,\n  route: string,\n  nextData: NonNullable<ConsumeLoaderPayload['nextData']>,\n  name: string,\n  container?: HTMLHeadElement | ShadowRoot | null,\n): LoaderResult {\n  const { Component, App } = nextClientPagesLoader(bundle, route, container);\n\n  if (!Component) {\n    throw new RemoteComponentsError(\n      `Remote Component \"${name}\" is trying to load the component for route \"${route}\" but it is not available.`,\n    );\n  }\n\n  // error tolerance when app component is not found\n  const component = App\n    ? React.createElement(App, { Component, ...nextData.props })\n    : React.createElement(Component, nextData.props);\n\n  return { component };\n}\n"],"mappings":"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","names":[]}

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

@@ -1,5 +1,5 @@
 import { InternalResolveClientUrl } from '../url/resolve-client-url.js';
-import { M as MountOrUnmountFunction } from '../../../types-8b0edd78.js';
+import { M as MountOrUnmountFunction } from '../../../types-bd7be268.js';
 import '../metadata.js';
 import 'react';
 import '../turbopack/remote-scope.js';

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

@@ -1,6 +1,6 @@
 import 'react';
 import './turbopack/remote-scope.js';
-export { R as RemoteComponentsNamespace, g as getNamespace } from '../../types-8b0edd78.js';
+export { R as RemoteComponentsNamespace, g as getNamespace } from '../../types-bd7be268.js';
 import './url/resolve-client-url.js';
 import './constants.js';
 import './metadata.js';