remote-components 0.4.8 → 0.4.10

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

@@ -79,39 +79,10 @@ async function resolveSharedModulePlan(plan) {
   );
   return resolved;
 }
-async function installSharedModulePlan({
-  plan,
-  target,
-  callerTag = "SharedBroker",
-  onMissing
-}) {
-  return Promise.all(
-    plan.entries.map(async (entry) => {
-      if (entry.status !== "resolved") {
-        if (plan.protocol === SHARED_MODULE_MANIFEST_PROTOCOL && entry.required) {
-          logMissingRequiredSharedModule(callerTag, plan, entry);
-          return void 0;
-        }
-        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 {
   SHARED_MODULE_MANIFEST_PROTOCOL,
   createSharedModulePlan,
   getMissingSharedModulesMessage,
-  installSharedModulePlan,
   isSharedModuleManifest,
   resolveSharedModulePlan
 };

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

@@ -1 +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 const SHARED_MODULE_MANIFEST_PROTOCOL =\n  'remote-components.shared.v1' as const;\n\nexport type LegacySharedModuleMap = Record<string, string | number>;\n\nexport interface SharedModuleManifestRequirement {\n  id: string | number;\n  specifier: string;\n  required?: boolean;\n  singleton?: boolean;\n  scope?: string;\n}\n\nexport interface SharedModuleManifest {\n  protocol: typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  requirements: SharedModuleManifestRequirement[];\n}\n\nexport type RemoteSharedModules = LegacySharedModuleMap | SharedModuleManifest;\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: 'legacy' | typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  bundle: string;\n  entries: SharedModuleResolution[];\n}\n\nexport function isSharedModuleManifest(\n  value: unknown,\n): value is SharedModuleManifest {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'protocol' in value &&\n    value.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n    'requirements' in value &&\n    Array.isArray(value.requirements)\n  );\n}\n\nexport function getMissingSharedModulesMessage(\n  remoteShared: RemoteSharedModules,\n): string | undefined {\n  if (isSharedModuleManifest(remoteShared)) return undefined;\n  const message = remoteShared.__remote_components_missing_shared__;\n  return typeof message === 'string' ? message : undefined;\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: RemoteSharedModules;\n  scope?: string;\n  callerTag?: LogLocation;\n}): SharedModulePlan {\n  const protocol = isSharedModuleManifest(remoteShared)\n    ? remoteShared.protocol\n    : 'legacy';\n  const requirements: SharedModuleManifestRequirement[] =\n    isSharedModuleManifest(remoteShared)\n      ? remoteShared.requirements\n      : // @legacy(remote-components<=0.4.x): normalize the historical shared\n        // map until hosts and remotes on 0.4.x are no longer supported.\n        Object.entries(remoteShared).map(([id, specifier]) => ({\n          id,\n          specifier: String(specifier),\n          required: true,\n          singleton: true,\n        }));\n\n  const entries = requirements.map((requirement) => {\n    const specifier = String(requirement.specifier);\n    const provider = hostShared[specifier];\n    const entry: SharedModuleResolution = {\n      id: String(requirement.id),\n      specifier,\n      required: requirement.required ?? true,\n      singleton: requirement.singleton ?? true,\n      scope: requirement.scope ?? 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 \"${entry.id}\" but the host does not provide it`,\n      );\n    }\n\n    return entry;\n  });\n\n  logDebug(\n    callerTag,\n    `Share plan (${protocol}) for \"${bundle}\": ${entries\n      .map((entry) => `${entry.id}=>${entry.specifier}:${entry.status}`)\n      .join(', ')}`,\n  );\n\n  return {\n    protocol,\n    bundle,\n    entries,\n  };\n}\n\nfunction missingRequiredSharedModuleMessage(\n  plan: SharedModulePlan,\n  entry: SharedModuleResolution,\n): string {\n  return (\n    `Remote Component \"${plan.bundle}\" requires shared module \"${entry.specifier}\", but the host does not provide it. ` +\n    'Add it to the host shared modules through `withRemoteComponentsConfig({ shared: [...] })` or the `shared` prop. ' +\n    'This diagnostic runs when both host and remote support the shared-module manifest in remote-components >=0.5.0. ' +\n    'The remote may load its bundled copy during the compatibility window; this will become a load error after remote-components <=0.4.x support is removed.'\n  );\n}\n\nfunction logMissingRequiredSharedModule(\n  callerTag: LogLocation,\n  plan: SharedModulePlan,\n  entry: SharedModuleResolution,\n): void {\n  logError(callerTag, missingRequiredSharedModuleMessage(plan, entry));\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') {\n        if (\n          plan.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n          entry.required\n        ) {\n          logMissingRequiredSharedModule('SharedBroker', plan, entry);\n        }\n        return;\n      }\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 (\n          plan.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n          entry.required\n        ) {\n          logMissingRequiredSharedModule(callerTag, plan, entry);\n          return undefined;\n        }\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":"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","names":[]}
+{"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 const SHARED_MODULE_MANIFEST_PROTOCOL =\n  'remote-components.shared.v1' as const;\n\n// @legacy(remote-components<=0.4.x): remove this map shape once all supported\n// remotes emit sharedManifest. The provider path should then consume only\n// SharedModuleManifest requirements.\nexport type LegacySharedModuleMap = Record<string, string | number>;\n\nexport interface SharedModuleManifestRequirement {\n  id: string | number;\n  specifier: string;\n  required?: boolean;\n  singleton?: boolean;\n  scope?: string;\n}\n\nexport interface SharedModuleManifest {\n  protocol: typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  requirements: SharedModuleManifestRequirement[];\n}\n\nexport type RemoteSharedModules = LegacySharedModuleMap | SharedModuleManifest;\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: 'legacy' | typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  bundle: string;\n  entries: SharedModuleResolution[];\n}\n\nexport function isSharedModuleManifest(\n  value: unknown,\n): value is SharedModuleManifest {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'protocol' in value &&\n    value.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n    'requirements' in value &&\n    Array.isArray(value.requirements)\n  );\n}\n\nexport function getMissingSharedModulesMessage(\n  remoteShared: RemoteSharedModules,\n): string | undefined {\n  if (isSharedModuleManifest(remoteShared)) return undefined;\n  const message = remoteShared.__remote_components_missing_shared__;\n  return typeof message === 'string' ? message : undefined;\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: RemoteSharedModules;\n  scope?: string;\n  callerTag?: LogLocation;\n}): SharedModulePlan {\n  const protocol = isSharedModuleManifest(remoteShared)\n    ? remoteShared.protocol\n    : 'legacy';\n  const requirements: SharedModuleManifestRequirement[] =\n    isSharedModuleManifest(remoteShared)\n      ? remoteShared.requirements\n      : // @legacy(remote-components<=0.4.x): normalize the historical shared\n        // map until hosts and remotes on 0.4.x are no longer supported.\n        Object.entries(remoteShared).map(([id, specifier]) => ({\n          id,\n          specifier: String(specifier),\n          required: true,\n          singleton: true,\n        }));\n\n  const entries = requirements.map((requirement) => {\n    const specifier = String(requirement.specifier);\n    const provider = hostShared[specifier];\n    const entry: SharedModuleResolution = {\n      id: String(requirement.id),\n      specifier,\n      required: requirement.required ?? true,\n      singleton: requirement.singleton ?? true,\n      scope: requirement.scope ?? 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 \"${entry.id}\" but the host does not provide it`,\n      );\n    }\n\n    return entry;\n  });\n\n  logDebug(\n    callerTag,\n    `Share plan (${protocol}) for \"${bundle}\": ${entries\n      .map((entry) => `${entry.id}=>${entry.specifier}:${entry.status}`)\n      .join(', ')}`,\n  );\n\n  return {\n    protocol,\n    bundle,\n    entries,\n  };\n}\n\nfunction missingRequiredSharedModuleMessage(\n  plan: SharedModulePlan,\n  entry: SharedModuleResolution,\n): string {\n  return (\n    `Remote Component \"${plan.bundle}\" requires shared module \"${entry.specifier}\", but the host does not provide it. ` +\n    'Add it to the host shared modules through `withRemoteComponentsConfig({ shared: [...] })` or the `shared` prop. ' +\n    'This diagnostic runs when both host and remote support the shared-module manifest in remote-components >=0.5.0. ' +\n    'The remote may load its bundled copy during the compatibility window; this will become a load error after remote-components <=0.4.x support is removed.'\n  );\n}\n\nfunction logMissingRequiredSharedModule(\n  callerTag: LogLocation,\n  plan: SharedModulePlan,\n  entry: SharedModuleResolution,\n): void {\n  logError(callerTag, missingRequiredSharedModuleMessage(plan, entry));\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') {\n        if (\n          plan.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n          entry.required\n        ) {\n          logMissingRequiredSharedModule('SharedBroker', plan, entry);\n        }\n        return;\n      }\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"],"mappings":"AACA,SAAS,UAAU,gBAAgB;AAI5B,MAAM,kCACX;AAyCK,SAAS,uBACd,OAC+B;AAC/B,SACE,OAAO,UAAU,YACjB,UAAU,QACV,cAAc,SACd,MAAM,aAAa,mCACnB,kBAAkB,SAClB,MAAM,QAAQ,MAAM,YAAY;AAEpC;AAEO,SAAS,+BACd,cACoB;AACpB,MAAI,uBAAuB,YAAY;AAAG,WAAO;AACjD,QAAM,UAAU,aAAa;AAC7B,SAAO,OAAO,YAAY,WAAW,UAAU;AACjD;AAEO,SAAS,uBAAuB;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,UAAU;AAAA,EAClB,YAAY;AACd,GAMqB;AACnB,QAAM,WAAW,uBAAuB,YAAY,IAChD,aAAa,WACb;AACJ,QAAM,eACJ,uBAAuB,YAAY,IAC/B,aAAa;AAAA;AAAA;AAAA,IAGb,OAAO,QAAQ,YAAY,EAAE,IAAI,CAAC,CAAC,IAAI,SAAS,OAAO;AAAA,MACrD;AAAA,MACA,WAAW,OAAO,SAAS;AAAA,MAC3B,UAAU;AAAA,MACV,WAAW;AAAA,IACb,EAAE;AAAA;AAER,QAAM,UAAU,aAAa,IAAI,CAAC,gBAAgB;AAChD,UAAM,YAAY,OAAO,YAAY,SAAS;AAC9C,UAAM,WAAW,WAAW,SAAS;AACrC,UAAM,QAAgC;AAAA,MACpC,IAAI,OAAO,YAAY,EAAE;AAAA,MACzB;AAAA,MACA,UAAU,YAAY,YAAY;AAAA,MAClC,WAAW,YAAY,aAAa;AAAA,MACpC,OAAO,YAAY,SAAS;AAAA,MAC5B;AAAA,MACA,QAAQ,OAAO,aAAa,cAAc,YAAY;AAAA,IACxD;AAEA,QAAI,MAAM,WAAW,WAAW;AAC9B;AAAA,QACE;AAAA,QACA,WAAW,qBAAqB,mBAAmB,MAAM;AAAA,MAC3D;AAAA,IACF;AAEA,WAAO;AAAA,EACT,CAAC;AAED;AAAA,IACE;AAAA,IACA,eAAe,kBAAkB,YAAY,QAC1C,IAAI,CAAC,UAAU,GAAG,MAAM,OAAO,MAAM,aAAa,MAAM,QAAQ,EAChE,KAAK,IAAI;AAAA,EACd;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,mCACP,MACA,OACQ;AACR,SACE,qBAAqB,KAAK,mCAAmC,MAAM;AAKvE;AAEA,SAAS,+BACP,WACA,MACA,OACM;AACN,WAAS,WAAW,mCAAmC,MAAM,KAAK,CAAC;AACrE;AAEA,eAAsB,wBACpB,MACkC;AAClC,QAAM,WAAoC,CAAC;AAE3C,QAAM,QAAQ;AAAA,IACZ,KAAK,QAAQ,IAAI,OAAO,UAAU;AAChC,UAAI,MAAM,WAAW,YAAY;AAC/B,YACE,KAAK,aAAa,mCAClB,MAAM,UACN;AACA,yCAA+B,gBAAgB,MAAM,KAAK;AAAA,QAC5D;AACA;AAAA,MACF;AACA,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;","names":[]}

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

@@ -28,16 +28,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var shared_module_resolver_exports = {};
 __export(shared_module_resolver_exports, {
-  CORE_REACT_PATH_MAP: () => CORE_REACT_PATH_MAP,
   CORE_REACT_SHARED_KEYS: () => CORE_REACT_SHARED_KEYS,
+  CORE_REACT_SHARED_MODULE_IDS: () => CORE_REACT_SHARED_MODULE_IDS,
   VENDOR_SHARED: () => VENDOR_SHARED,
   buildCoreShared: () => buildCoreShared,
-  buildHostShared: () => buildHostShared,
-  buildWebpackResolve: () => buildWebpackResolve
+  buildHostShared: () => buildHostShared
 });
 module.exports = __toCommonJS(shared_module_resolver_exports);
 var import_polyfill = require("#internal/host/shared/polyfill");
-var import_shared_broker = require("#internal/host/shared/shared-broker");
 const CORE_REACT_SHARED_KEYS = [
   "react",
   "react/jsx-dev-runtime",
@@ -45,7 +43,7 @@ const CORE_REACT_SHARED_KEYS = [
   "react-dom",
   "react-dom/client"
 ];
-const CORE_REACT_PATH_MAP = {
+const CORE_REACT_SHARED_MODULE_IDS = {
   react: "/react/index.js",
   "react/jsx-dev-runtime": "/react/jsx-dev-runtime.js",
   "react/jsx-runtime": "/react/jsx-runtime.js",
@@ -53,7 +51,7 @@ const CORE_REACT_PATH_MAP = {
   "react-dom/client": "/react-dom/client.js"
 };
 const VENDOR_SHARED = Object.fromEntries(
-  Object.entries(CORE_REACT_PATH_MAP).filter(([key]) => key !== "react-dom/client").map(([key, path]) => [key, `'${path}'`])
+  Object.entries(CORE_REACT_SHARED_MODULE_IDS).filter(([key]) => key !== "react-dom/client").map(([key, path]) => [key, `'${path}'`])
 );
 function buildCoreShared(userShared) {
   return {
@@ -72,37 +70,17 @@ function buildHostShared(userShared, resolveClientUrl, options) {
     ...self.__remote_component_host_shared_modules__,
     ...userShared
   };
-  if (options?.includeRemoteComponentShared) {
+  if (options?.includePagesClientSharedGlobal) {
     Object.assign(result, self.__remote_component_shared__);
   }
   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.fromEntries(
-      Object.entries(plannedResolve).map(([key, value]) => [
-        key.replace(/^\(ssr\)\/(?<relative>\.\/)?/, ""),
-        value
-      ])
-    )
-  };
-  return resolve;
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  CORE_REACT_PATH_MAP,
   CORE_REACT_SHARED_KEYS,
+  CORE_REACT_SHARED_MODULE_IDS,
   VENDOR_SHARED,
   buildCoreShared,
-  buildHostShared,
-  buildWebpackResolve
+  buildHostShared
 });
 //# sourceMappingURL=shared-module-resolver.cjs.map

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 {\n  createSharedModulePlan,\n  type RemoteSharedModules,\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: RemoteSharedModules,\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,2BAKO;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":[]}
+{"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 { SharedModuleFactory } from '#internal/host/shared/shared-broker';\n\n/**\n * The core React packages that are always shared between host and remote.\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 shared-module manifest ID.\n * These IDs are emitted into sharedManifest for the default React entries.\n * For example, `react` maps to `/react/index.js`.\n */\nexport const CORE_REACT_SHARED_MODULE_IDS: 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 shared-module ID string literals. Derived from\n * CORE_REACT_SHARED_MODULE_IDS but excludes `react-dom/client` to match the\n * existing config behavior.\n */\nexport const VENDOR_SHARED: Record<string, string> = Object.fromEntries(\n  Object.entries(CORE_REACT_SHARED_MODULE_IDS)\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\n * client-only shared global. Pass `includePagesClientSharedGlobal: true` to\n * include it at the end.\n */\nexport function buildHostShared(\n  userShared?: Record<string, SharedModuleFactory>,\n  resolveClientUrl?: InternalResolveClientUrl,\n  options?: { includePagesClientSharedGlobal?: 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?.includePagesClientSharedGlobal) {\n    Object.assign(result, self.__remote_component_shared__);\n  }\n  return result;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAgC;AAMzB,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,MAAM,+BAAuD;AAAA,EAClE,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,oBAAoB;AACtB;AAQO,MAAM,gBAAwC,OAAO;AAAA,EAC1D,OAAO,QAAQ,4BAA4B,EACxC,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;AAoBO,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,gCAAgC;AAC3C,WAAO,OAAO,QAAQ,KAAK,2BAA2B;AAAA,EACxD;AACA,SAAO;AACT;","names":[]}

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

@@ -1,22 +1,22 @@
-import { SharedModuleFactory, RemoteSharedModules } from './shared-broker.js';
+import { SharedModuleFactory } from './shared-broker.js';
 import { InternalResolveClientUrl } from '../../runtime/url/resolve-client-url.js';
-import { LogLocation } from '../../utils/logger.js';
+import '../../utils/logger.js';
 
 /**
  * The core React packages that are always shared between host and remote.
- * These correspond to the `/react/*.js` and `/react-dom/*.js` path keys
- * used in the webpack module resolution map.
  */
 declare const CORE_REACT_SHARED_KEYS: readonly ["react", "react/jsx-dev-runtime", "react/jsx-runtime", "react-dom", "react-dom/client"];
 /**
- * Maps each core React package to its webpack-style path key.
+ * Maps each core React package to its shared-module manifest ID.
+ * These IDs are emitted into sharedManifest for the default React entries.
  * For example, `react` maps to `/react/index.js`.
  */
-declare const CORE_REACT_PATH_MAP: Record<string, string>;
+declare const CORE_REACT_SHARED_MODULE_IDS: Record<string, string>;
 /**
  * The vendorShared record used by the Next.js config to map React packages
- * to their webpack path-key string literals. Derived from CORE_REACT_PATH_MAP
- * but excludes `react-dom/client` to match the existing config behavior.
+ * to their shared-module ID string literals. Derived from
+ * CORE_REACT_SHARED_MODULE_IDS but excludes `react-dom/client` to match the
+ * existing config behavior.
  */
 declare const VENDOR_SHARED: Record<string, string>;
 /**
@@ -32,33 +32,12 @@ declare function buildCoreShared(userShared?: Record<string, SharedModuleFactory
  *   2. Global host shared modules (`__remote_component_host_shared_modules__`)
  *   3. User-provided shared modules (highest priority — explicit overrides)
  *
- * Some callers also include `__remote_component_shared__` (the pages router
- * global). Pass `includeRemoteComponentShared: true` to include it at the end.
+ * Some callers also include `__remote_component_shared__`, the Pages
+ * client-only shared global. Pass `includePagesClientSharedGlobal: true` to
+ * include it at the end.
  */
 declare function buildHostShared(userShared?: Record<string, SharedModuleFactory>, resolveClientUrl?: InternalResolveClientUrl, options?: {
-    includeRemoteComponentShared?: boolean;
+    includePagesClientSharedGlobal?: boolean;
 }): Record<string, SharedModuleFactory>;
-/**
- * React module instances keyed by their webpack path, e.g.
- * `{ '/react/index.js': React }`. Passed into `buildWebpackResolve` so it
- * can populate the resolve map without importing React itself.
- */
-interface ReactModules {
-    '/react/index.js': unknown;
-    '/react/jsx-dev-runtime.js': unknown;
-    '/react/jsx-runtime.js': unknown;
-    '/react-dom/index.js': unknown;
-    '/react-dom/client.js': unknown;
-}
-/**
- * Builds the `resolve` map passed to `applySharedModules` for the webpack
- * runtime. Combines:
- *   - Static React module path keys (`/react/index.js`, etc.)
- *   - Remote shared modules matched against host shared, with `(ssr)/` prefix stripped
- *
- * After building the map, resolves any factory functions by awaiting them
- * with the given bundle name.
- */
-declare function buildWebpackResolve(hostShared: Record<string, SharedModuleFactory | unknown>, remoteShared: RemoteSharedModules, bundle: string, reactModules: ReactModules, callerTag?: LogLocation): Promise<Record<string, unknown>>;
 
-export { CORE_REACT_PATH_MAP, CORE_REACT_SHARED_KEYS, ReactModules, VENDOR_SHARED, buildCoreShared, buildHostShared, buildWebpackResolve };
+export { CORE_REACT_SHARED_KEYS, CORE_REACT_SHARED_MODULE_IDS, VENDOR_SHARED, buildCoreShared, buildHostShared };

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

@@ -1,8 +1,4 @@
 import { sharedPolyfills } from "#internal/host/shared/polyfill";
-import {
-  createSharedModulePlan,
-  resolveSharedModulePlan
-} from "#internal/host/shared/shared-broker";
 const CORE_REACT_SHARED_KEYS = [
   "react",
   "react/jsx-dev-runtime",
@@ -10,7 +6,7 @@ const CORE_REACT_SHARED_KEYS = [
   "react-dom",
   "react-dom/client"
 ];
-const CORE_REACT_PATH_MAP = {
+const CORE_REACT_SHARED_MODULE_IDS = {
   react: "/react/index.js",
   "react/jsx-dev-runtime": "/react/jsx-dev-runtime.js",
   "react/jsx-runtime": "/react/jsx-runtime.js",
@@ -18,7 +14,7 @@ const CORE_REACT_PATH_MAP = {
   "react-dom/client": "/react-dom/client.js"
 };
 const VENDOR_SHARED = Object.fromEntries(
-  Object.entries(CORE_REACT_PATH_MAP).filter(([key]) => key !== "react-dom/client").map(([key, path]) => [key, `'${path}'`])
+  Object.entries(CORE_REACT_SHARED_MODULE_IDS).filter(([key]) => key !== "react-dom/client").map(([key, path]) => [key, `'${path}'`])
 );
 function buildCoreShared(userShared) {
   return {
@@ -37,36 +33,16 @@ function buildHostShared(userShared, resolveClientUrl, options) {
     ...self.__remote_component_host_shared_modules__,
     ...userShared
   };
-  if (options?.includeRemoteComponentShared) {
+  if (options?.includePagesClientSharedGlobal) {
     Object.assign(result, self.__remote_component_shared__);
   }
   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.fromEntries(
-      Object.entries(plannedResolve).map(([key, value]) => [
-        key.replace(/^\(ssr\)\/(?<relative>\.\/)?/, ""),
-        value
-      ])
-    )
-  };
-  return resolve;
-}
 export {
-  CORE_REACT_PATH_MAP,
   CORE_REACT_SHARED_KEYS,
+  CORE_REACT_SHARED_MODULE_IDS,
   VENDOR_SHARED,
   buildCoreShared,
-  buildHostShared,
-  buildWebpackResolve
+  buildHostShared
 };
 //# sourceMappingURL=shared-module-resolver.js.map

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 {\n  createSharedModulePlan,\n  type RemoteSharedModules,\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: RemoteSharedModules,\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,EAEA;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":[]}
+{"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 { SharedModuleFactory } from '#internal/host/shared/shared-broker';\n\n/**\n * The core React packages that are always shared between host and remote.\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 shared-module manifest ID.\n * These IDs are emitted into sharedManifest for the default React entries.\n * For example, `react` maps to `/react/index.js`.\n */\nexport const CORE_REACT_SHARED_MODULE_IDS: 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 shared-module ID string literals. Derived from\n * CORE_REACT_SHARED_MODULE_IDS but excludes `react-dom/client` to match the\n * existing config behavior.\n */\nexport const VENDOR_SHARED: Record<string, string> = Object.fromEntries(\n  Object.entries(CORE_REACT_SHARED_MODULE_IDS)\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\n * client-only shared global. Pass `includePagesClientSharedGlobal: true` to\n * include it at the end.\n */\nexport function buildHostShared(\n  userShared?: Record<string, SharedModuleFactory>,\n  resolveClientUrl?: InternalResolveClientUrl,\n  options?: { includePagesClientSharedGlobal?: 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?.includePagesClientSharedGlobal) {\n    Object.assign(result, self.__remote_component_shared__);\n  }\n  return result;\n}\n"],"mappings":"AACA,SAAS,uBAAuB;AAMzB,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,MAAM,+BAAuD;AAAA,EAClE,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,oBAAoB;AACtB;AAQO,MAAM,gBAAwC,OAAO;AAAA,EAC1D,OAAO,QAAQ,4BAA4B,EACxC,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;AAoBO,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,gCAAgC;AAC3C,WAAO,OAAO,QAAQ,KAAK,2BAA2B;AAAA,EACxD;AACA,SAAO;AACT;","names":[]}

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

@@ -38,7 +38,8 @@ var ReactDOM = __toESM(require("react-dom"), 1);
 var ReactDOMClient = __toESM(require("react-dom/client"), 1);
 var import_apply_shared_modules = require("#internal/config/webpack/apply-shared-modules");
 var import_next_client_pages_loader = require("#internal/config/webpack/next-client-pages-loader");
-var import_shared_module_resolver = require("#internal/host/shared/shared-module-resolver");
+var import_shared_module_resolver = require("#internal/config/webpack/shared-module-resolver");
+var import_shared_module_resolver2 = require("#internal/host/shared/shared-module-resolver");
 var import_rsc = require("#internal/runtime/rsc");
 var import_rsc_imports = require("#internal/runtime/rsc-imports");
 var import_remote_scope_setup = require("#internal/runtime/turbopack/remote-scope-setup");
@@ -93,7 +94,7 @@ async function loadRemoteComponent({
     if (runtime === "turbopack") {
       await (0, import_shared_modules.initializeSharedModules)(
         scope,
-        (0, import_shared_module_resolver.buildCoreShared)(hostShared),
+        (0, import_shared_module_resolver2.buildCoreShared)(hostShared),
         remoteShared
       );
     }

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 type { RemoteSharedModules } from '#internal/host/shared/shared-broker';\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: RemoteSharedModules;\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":[]}
+{"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 { buildWebpackResolve } from '#internal/config/webpack/shared-module-resolver';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeLoaderPayload } from '#internal/host/shared/server-handoff';\nimport type { RemoteSharedModules } from '#internal/host/shared/shared-broker';\nimport { buildCoreShared } 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: RemoteSharedModules;\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      // Turbopack installs provider-backed modules onto RemoteScope in\n      // initializeSharedModules(). Webpack still needs the explicit adapter\n      // above because it patches module factories after script load.\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":["import_shared_module_resolver"]}

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

@@ -5,10 +5,8 @@ import * as ReactDOM from "react-dom";
 import * as ReactDOMClient from "react-dom/client";
 import { applySharedModules } from "#internal/config/webpack/apply-shared-modules";
 import { nextClientPagesLoader } from "#internal/config/webpack/next-client-pages-loader";
-import {
-  buildCoreShared,
-  buildWebpackResolve
-} from "#internal/host/shared/shared-module-resolver";
+import { buildWebpackResolve } from "#internal/config/webpack/shared-module-resolver";
+import { buildCoreShared } from "#internal/host/shared/shared-module-resolver";
 import { createRSCStream } from "#internal/runtime/rsc";
 import { importRSCClientBrowser } from "#internal/runtime/rsc-imports";
 import { setupRemoteScope } from "#internal/runtime/turbopack/remote-scope-setup";

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 type { RemoteSharedModules } from '#internal/host/shared/shared-broker';\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: RemoteSharedModules;\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":[]}
+{"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 { buildWebpackResolve } from '#internal/config/webpack/shared-module-resolver';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeLoaderPayload } from '#internal/host/shared/server-handoff';\nimport type { RemoteSharedModules } from '#internal/host/shared/shared-broker';\nimport { buildCoreShared } 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: RemoteSharedModules;\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      // Turbopack installs provider-backed modules onto RemoteScope in\n      // initializeSharedModules(). Webpack still needs the explicit adapter\n      // above because it patches module factories after script load.\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/turbopack/shared-modules.cjs

@@ -23,6 +23,7 @@ __export(shared_modules_exports, {
   initializeSharedModules: () => initializeSharedModules
 });
 module.exports = __toCommonJS(shared_modules_exports);
+var import_provider = require("#internal/host/shared/provider");
 var import_shared_broker = require("#internal/host/shared/shared-broker");
 var import_logger = require("#internal/utils/logger");
 var import_module = require("./module");
@@ -197,33 +198,26 @@ function stripQuotes(value) {
   return value;
 }
 function installSharedModules(scope, hostShared, sharedModuleIds, missingMessage) {
-  const plan = (0, import_shared_broker.createSharedModulePlan)({
+  return (0, import_provider.buildSharedProviderPlan)({
     bundle: scope.name,
     hostShared,
     remoteShared: sharedModuleIds,
     scope: `remote:${scope.scopedName}`,
-    callerTag: "SharedModules"
-  });
-  for (const entry of plan.entries) {
-    if (entry.status === "resolved") {
-      delete scope.moduleCache[entry.id];
-    }
-  }
-  return (0, import_shared_broker.installSharedModulePlan)({
-    plan,
-    target: scope.sharedModules,
     callerTag: "SharedModules",
     onMissing: (entry) => {
       (0, import_logger.logError)("SharedModules", missingMessage(entry.id, entry.specifier));
     }
-  }).then((results) => {
-    for (const entry of plan.entries) {
-      if (entry.status === "resolved") {
-        delete scope.moduleCache[entry.id];
-      }
-    }
-    return results;
-  });
+  }).then(
+    (results) => results.entries.map((entry) => {
+      (0, import_provider.installSharedProviderEntry)(entry);
+      scope.sharedModules[entry.id] = (0, import_provider.getSharedProviderModule)({
+        scope: entry.scope,
+        specifier: entry.specifier
+      });
+      delete scope.moduleCache[entry.id];
+      return void 0;
+    })
+  );
 }
 function preferSharedManifest(sharedModuleIds, remoteShared) {
   if (!(0, import_shared_broker.isSharedModuleManifest)(remoteShared))