remote-components 0.3.1 → 0.3.3

package/dist/internal/runtime/turbopack/shared-modules.js

@@ -1,5 +1,4 @@
-import { getBundleKey } from "#internal/runtime/constants";
-import { logError } from "#internal/utils/logger";
+import { logDebug, logError, logWarn } from "#internal/utils/logger";
 import { handleTurbopackModule } from "./module";
 import {
   ASYNC_MODULE_ALL_RE,
@@ -8,22 +7,29 @@ import {
   REMOTE_SHARED_ASSIGNMENT_RE,
   REMOTE_SHARED_MARKER_RE
 } from "./patterns";
+import { formatRemoteId } from "./remote-scope";
 const DEDUPLICATION_WARNING = "This module will not be deduplicated \u2014 the remote may load its own copy, which can cause duplicate instance errors (e.g. invalid hook calls if React is loaded twice).";
-async function initializeSharedModules(bundle, hostShared = {}, remoteShared = {}) {
+function getTurbopackModules(scope) {
   const self = globalThis;
-  self.__remote_shared_modules__ = self.__remote_shared_modules__ ?? {};
-  if (!self.__remote_shared_modules__[bundle]) {
-    self.__remote_shared_modules__[bundle] = {};
+  const raw = self[`TURBOPACK_${scope.globalKey}`];
+  if (!raw)
+    return void 0;
+  if (typeof raw === "object" && "__chunks__" in raw) {
+    return raw.__chunks__.flat();
   }
-  const bundleKey = getBundleKey(bundle);
-  let modules = self[`TURBOPACK_${bundleKey}`];
-  if (modules && typeof modules === "object" && "__chunks__" in modules) {
-    const chunks = modules.__chunks__;
-    modules = chunks.flat();
+  if (Array.isArray(raw)) {
+    return raw.flat();
   }
+  return Object.entries(raw).flat();
+}
+async function initializeSharedModules(scope, hostShared = {}, remoteShared = {}) {
+  const allModules = getTurbopackModules(scope);
+  logDebug(
+    "SharedModules",
+    `initializeSharedModules: scope="${scope.scopedName}", allModules=${allModules ? allModules.length : "null"}, hostShared=[${Object.keys(hostShared).join(", ")}], remoteShared=${JSON.stringify(remoteShared)}`
+  );
   let sharedModuleInitializer = null;
-  if (modules) {
-    const allModules = Array.isArray(modules) ? modules.flat() : Object.entries(modules).flat();
+  if (allModules) {
     const sharedModuleInitializerIndex = allModules.findIndex((idOrFunc) => {
       if (typeof idOrFunc !== "function") {
         return false;
@@ -37,72 +43,71 @@ async function initializeSharedModules(bundle, hostShared = {}, remoteShared = {
       const { sharedModuleId } = REMOTE_SHARED_ASSIGNMENT_RE.exec(sharedModuleInitializerCode)?.groups ?? {};
       if (sharedModuleId) {
         const { default: sharedModuleInitializerInstance } = handleTurbopackModule(
-          bundle,
+          scope,
           sharedModuleId,
-          `[${bundle}] ${sharedModuleInitializerId}`
+          formatRemoteId(scope, String(sharedModuleInitializerId))
         );
         sharedModuleInitializer = sharedModuleInitializerInstance;
       }
     }
     if (sharedModuleInitializer) {
       const { shared } = await sharedModuleInitializer;
-      const sharedModuleIds = extractSharedModuleIds(
-        shared,
-        bundleKey,
-        self
+      const sharedModuleIds = extractSharedModuleIds(shared, scope);
+      logDebug(
+        "SharedModules",
+        `Resolved shared modules for scope="${scope.scopedName}": ${JSON.stringify(sharedModuleIds)}`
       );
       return Promise.all(
         Object.entries(sharedModuleIds).map(async ([id, module]) => {
-          if (self.__remote_shared_modules__?.[bundle]) {
-            if (hostShared[module]) {
-              self.__remote_shared_modules__[bundle][id] = await hostShared[module](bundle);
-            } else {
-              logError(
-                "SharedModules",
-                `Host shared module "${module}" not found for ID ${id}. ${DEDUPLICATION_WARNING}`
-              );
-            }
+          if (hostShared[module]) {
+            scope.sharedModules[id] = await hostShared[module](scope.name);
+          } else {
+            logError(
+              "SharedModules",
+              `Host shared module "${module}" not found for ID ${id}. ${DEDUPLICATION_WARNING}`
+            );
           }
         })
       );
     }
+    logWarn(
+      "SharedModules",
+      `No shared module initializer found in bundle for scope="${scope.scopedName}" \u2014 falling back to remoteShared mapping`
+    );
+  } else {
+    logWarn(
+      "SharedModules",
+      `No TURBOPACK modules found for scope="${scope.scopedName}" (TURBOPACK_${scope.globalKey} is empty)`
+    );
   }
   return Promise.all(
     Object.entries(remoteShared).map(async ([id, module]) => {
-      if (self.__remote_shared_modules__?.[bundle]) {
-        if (hostShared[module]) {
-          const normalizedId = id.replace("[app-ssr]", "[app-client]");
-          self.__remote_shared_modules__[bundle][normalizedId] = await hostShared[module](bundle);
-        } else {
-          logError(
-            "SharedModules",
-            `Shared module "${module}" not found for "${bundle}". ${DEDUPLICATION_WARNING}`
-          );
-        }
+      if (hostShared[module]) {
+        const normalizedId = id.replace("[app-ssr]", "[app-client]");
+        scope.sharedModules[normalizedId] = await hostShared[module](
+          scope.name
+        );
+      } else {
+        logError(
+          "SharedModules",
+          `Shared module "${module}" not found for "${scope.name}". ${DEDUPLICATION_WARNING}`
+        );
       }
     })
   );
 }
-function extractSharedModuleIds(shared, bundleKey, self) {
+function extractSharedModuleIds(shared, scope) {
   return Object.entries(shared).filter(([, value]) => typeof value === "function").reduce((acc, [key, value]) => {
     const { asyncSharedModuleId } = ASYNC_MODULE_LOADER_RE.exec(value.toString())?.groups ?? {};
     if (asyncSharedModuleId) {
       const asyncSharedModuleIdNumber = Number(asyncSharedModuleId);
       let asyncSharedModule;
-      let turbopackModules = self[`TURBOPACK_${bundleKey}`];
-      if (turbopackModules && typeof turbopackModules === "object" && "__chunks__" in turbopackModules) {
-        const chunks = turbopackModules.__chunks__;
-        turbopackModules = chunks.flat();
-      }
-      const newAllModules = Array.isArray(turbopackModules) ? turbopackModules.flat() : turbopackModules ? Object.entries(turbopackModules).flatMap(([key2, value2]) => [
-        key2,
-        value2
-      ]) : [];
-      const asyncSharedModuleIdIndex = newAllModules.indexOf(
+      const turbopackModules = getTurbopackModules(scope) ?? [];
+      const asyncSharedModuleIdIndex = turbopackModules.indexOf(
         asyncSharedModuleIdNumber
       );
-      if (asyncSharedModuleIdIndex !== -1 && typeof newAllModules[asyncSharedModuleIdIndex + 1] === "function") {
-        asyncSharedModule = newAllModules[asyncSharedModuleIdIndex + 1];
+      if (asyncSharedModuleIdIndex !== -1 && typeof turbopackModules[asyncSharedModuleIdIndex + 1] === "function") {
+        asyncSharedModule = turbopackModules[asyncSharedModuleIdIndex + 1];
       }
       if (asyncSharedModule) {
         const asyncSharedModuleCode = asyncSharedModule.toString();
@@ -116,12 +121,13 @@ function extractSharedModuleIds(shared, bundleKey, self) {
     return acc;
   }, {});
 }
-function getSharedModule(bundle, id) {
-  const self = globalThis;
-  for (const [key, value] of Object.entries(
-    self.__remote_shared_modules__?.[bundle] ?? {}
-  )) {
-    if (typeof value !== "undefined" && (typeof id === "string" && id.includes(key) || id === key)) {
+function getSharedModule(scope, id) {
+  const idStr = String(id);
+  if (scope.sharedModules[idStr] !== void 0) {
+    return scope.sharedModules[idStr];
+  }
+  for (const [key, value] of Object.entries(scope.sharedModules)) {
+    if (typeof value !== "undefined" && idStr !== key && idStr.endsWith(key)) {
       return value;
     }
   }
@@ -129,6 +135,7 @@ function getSharedModule(bundle, id) {
 }
 export {
   getSharedModule,
+  getTurbopackModules,
   initializeSharedModules
 };
 //# sourceMappingURL=shared-modules.js.map

package/dist/internal/runtime/turbopack/shared-modules.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/turbopack/shared-modules.ts"],"sourcesContent":["import { getBundleKey } from '#internal/runtime/constants';\nimport type { GlobalScope } from '#internal/runtime/types';\nimport { logError } from '#internal/utils/logger';\nimport { handleTurbopackModule } from './module';\nimport {\n  ASYNC_MODULE_ALL_RE,\n  ASYNC_MODULE_LOADER_RE,\n  ASYNC_MODULE_RESOLVE_RE,\n  REMOTE_SHARED_ASSIGNMENT_RE,\n  REMOTE_SHARED_MARKER_RE,\n} from './patterns';\n\nconst DEDUPLICATION_WARNING =\n  'This module will not be deduplicated — the remote may load its own copy, ' +\n  'which can cause duplicate instance errors (e.g. invalid hook calls if React is loaded twice).';\n\n/**\n * Initializes shared modules between the host application and remote components.\n * This enables sharing of common dependencies like React to avoid duplicate instances.\n *\n * The function works by:\n * 1. Looking for a shared module initializer in the Turbopack bundle\n * 2. Extracting module IDs from the initializer\n * 3. Loading the corresponding host modules and mapping them to the remote's expected IDs\n */\nexport async function initializeSharedModules(\n  bundle: string,\n  hostShared: Record<string, (bundle?: string) => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n  // biome-ignore lint/suspicious/noConfusingVoidType: Runtime is undefined but in TS land service it is void\n): Promise<void[]> {\n  const self = globalThis as GlobalScope & {\n    __next_f?: unknown[];\n  };\n  self.__remote_shared_modules__ = self.__remote_shared_modules__ ?? {};\n\n  if (!self.__remote_shared_modules__[bundle]) {\n    self.__remote_shared_modules__[bundle] = {};\n  }\n\n  // prepare to load shared module initializers from the Turbopack bundle\n  const bundleKey = getBundleKey(bundle);\n  let modules = self[`TURBOPACK_${bundleKey}`] as\n    | [unknown, Record<string, unknown>][]\n    | Record<string, unknown>\n    | undefined;\n\n  // Check for new push-based format with __chunks__\n  if (modules && typeof modules === 'object' && '__chunks__' in modules) {\n    const chunks = (modules as { __chunks__: unknown[][] }).__chunks__;\n    // Flatten chunks into module array format\n    modules = chunks.flat() as [unknown, Record<string, unknown>][];\n  }\n  let sharedModuleInitializer: Promise<{\n    shared: Record<string, string | (() => Promise<unknown>)>;\n  }> | null = null;\n\n  // find the shared module initializer in the Turbopack bundle\n  if (modules) {\n    // Handle both array and object formats for modules\n    const allModules = Array.isArray(modules)\n      ? modules.flat()\n      : Object.entries(modules).flat();\n    // find the shared module initializer module id by looking for\n    // a function that contains the TURBOPACK_REMOTE_SHARED pattern\n    const sharedModuleInitializerIndex = allModules.findIndex((idOrFunc) => {\n      if (typeof idOrFunc !== 'function') {\n        return false;\n      }\n      const funcCode = idOrFunc.toString();\n      return REMOTE_SHARED_MARKER_RE.test(funcCode);\n    });\n\n    // if found, extract the shared module initializer\n    // first element in the array is always the source script element\n    if (sharedModuleInitializerIndex > 0) {\n      const sharedModuleInitializerCode = (\n        allModules[sharedModuleInitializerIndex] as () => unknown\n      ).toString();\n      const sharedModuleInitializerId = allModules[\n        sharedModuleInitializerIndex - 1\n      ] as string | number;\n      // extract the shared module id from the function code\n      const { sharedModuleId } =\n        REMOTE_SHARED_ASSIGNMENT_RE.exec(sharedModuleInitializerCode)?.groups ??\n        {};\n      // load the shared module initializer using the extracted module id\n      if (sharedModuleId) {\n        const { default: sharedModuleInitializerInstance } =\n          handleTurbopackModule(\n            bundle,\n            sharedModuleId,\n            `[${bundle}] ${sharedModuleInitializerId}`,\n          ) as {\n            default: Promise<{\n              shared: Record<string, string | (() => Promise<unknown>)>;\n            }>;\n          };\n        sharedModuleInitializer = sharedModuleInitializerInstance;\n      }\n    }\n\n    // if we have a shared module initializer, load the shared modules from the host application\n    if (sharedModuleInitializer) {\n      const { shared } = await sharedModuleInitializer;\n      // map shared module ids to their initializer functions\n      const sharedModuleIds = extractSharedModuleIds(\n        shared,\n        bundleKey,\n        self as GlobalScope,\n      );\n\n      // load shared modules from the host application\n      return Promise.all(\n        Object.entries(sharedModuleIds).map(async ([id, module]) => {\n          if (self.__remote_shared_modules__?.[bundle]) {\n            if (hostShared[module]) {\n              self.__remote_shared_modules__[bundle][id] =\n                await hostShared[module](bundle);\n            } else {\n              logError(\n                'SharedModules',\n                `Host shared module \"${module}\" not found for ID ${id}. ${DEDUPLICATION_WARNING}`,\n              );\n            }\n          }\n        }),\n      );\n    }\n  }\n\n  // fallback: ensure that the shared modules are initialized using remoteShared mapping\n  return Promise.all(\n    Object.entries(remoteShared).map(async ([id, module]) => {\n      if (self.__remote_shared_modules__?.[bundle]) {\n        if (hostShared[module]) {\n          const normalizedId = id.replace('[app-ssr]', '[app-client]');\n          self.__remote_shared_modules__[bundle][normalizedId] =\n            await hostShared[module](bundle);\n        } else {\n          logError(\n            'SharedModules',\n            `Shared module \"${module}\" not found for \"${bundle}\". ${DEDUPLICATION_WARNING}`,\n          );\n        }\n      }\n    }),\n  );\n}\n\n/**\n * Extracts shared module IDs from the shared module initializer functions.\n * This parses the minified Turbopack code to find the module ID mappings.\n */\nfunction extractSharedModuleIds(\n  shared: Record<string, string | (() => Promise<unknown>)>,\n  bundleKey: string,\n  self: GlobalScope,\n): Record<string, string> {\n  return Object.entries(shared)\n    .filter(([, value]) => typeof value === 'function')\n    .reduce<Record<string, string>>((acc, [key, value]) => {\n      const { asyncSharedModuleId } =\n        ASYNC_MODULE_LOADER_RE.exec(value.toString())?.groups ?? {};\n\n      if (asyncSharedModuleId) {\n        const asyncSharedModuleIdNumber = Number(asyncSharedModuleId);\n\n        let asyncSharedModule;\n        let turbopackModules = self[`TURBOPACK_${bundleKey}`] as\n          | unknown[]\n          | Record<string, unknown>\n          | undefined;\n\n        // Check for new push-based format with __chunks__\n        if (\n          turbopackModules &&\n          typeof turbopackModules === 'object' &&\n          '__chunks__' in turbopackModules\n        ) {\n          const chunks = (turbopackModules as { __chunks__: unknown[][] })\n            .__chunks__;\n          turbopackModules = chunks.flat() as unknown[];\n        }\n\n        const newAllModules = Array.isArray(turbopackModules)\n          ? turbopackModules.flat()\n          : turbopackModules\n            ? Object.entries(turbopackModules).flatMap(([key, value]) => [\n                key,\n                value,\n              ])\n            : [];\n        const asyncSharedModuleIdIndex = newAllModules.indexOf(\n          asyncSharedModuleIdNumber,\n        );\n        if (\n          asyncSharedModuleIdIndex !== -1 &&\n          typeof newAllModules[asyncSharedModuleIdIndex + 1] === 'function'\n        ) {\n          asyncSharedModule = newAllModules[\n            asyncSharedModuleIdIndex + 1\n          ] as () => unknown;\n        }\n        if (asyncSharedModule) {\n          const asyncSharedModuleCode = asyncSharedModule.toString();\n          // Try both Promise.resolve and Promise.all patterns\n          const { sharedModuleId } =\n            ASYNC_MODULE_RESOLVE_RE.exec(asyncSharedModuleCode)?.groups ??\n            ASYNC_MODULE_ALL_RE.exec(asyncSharedModuleCode)?.groups ??\n            {};\n          // map the shared module id to the actual module name\n          acc[sharedModuleId ?? asyncSharedModuleId] = key.replace(\n            '__remote_shared_module_',\n            '',\n          );\n        }\n      }\n      return acc;\n    }, {});\n}\n\n/**\n * Returns a shared module for the given bundle and module ID.\n * Shared modules are common dependencies like React that are provided by the host.\n */\nexport function getSharedModule(bundle: string, id: string | number): unknown {\n  const self = globalThis as {\n    __remote_shared_modules__?: Record<string, Record<string, unknown>>;\n  };\n\n  for (const [key, value] of Object.entries(\n    self.__remote_shared_modules__?.[bundle] ?? {},\n  )) {\n    if (\n      typeof value !== 'undefined' &&\n      ((typeof id === 'string' && id.includes(key)) || id === key)\n    ) {\n      return value;\n    }\n  }\n  return null;\n}\n"],"mappings":"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","names":["key","value"]}
+{"version":3,"sources":["../../../../src/runtime/turbopack/shared-modules.ts"],"sourcesContent":["import type { GlobalScope } from '#internal/runtime/types';\nimport { logDebug, logError, logWarn } from '#internal/utils/logger';\nimport { handleTurbopackModule } from './module';\nimport {\n  ASYNC_MODULE_ALL_RE,\n  ASYNC_MODULE_LOADER_RE,\n  ASYNC_MODULE_RESOLVE_RE,\n  REMOTE_SHARED_ASSIGNMENT_RE,\n  REMOTE_SHARED_MARKER_RE,\n} from './patterns';\nimport { formatRemoteId, type RemoteScope } from './remote-scope';\n\nconst DEDUPLICATION_WARNING =\n  'This module will not be deduplicated — the remote may load its own copy, ' +\n  'which can cause duplicate instance errors (e.g. invalid hook calls if React is loaded twice).';\n\n/**\n * Reads the TURBOPACK global for a scope, normalizing the push-based\n * `__chunks__` format into a flat module list when needed.\n */\nexport function getTurbopackModules(scope: RemoteScope): unknown[] | undefined {\n  const self = globalThis as GlobalScope;\n  const raw = self[`TURBOPACK_${scope.globalKey}`];\n  if (!raw) return undefined;\n\n  if (typeof raw === 'object' && '__chunks__' in (raw as object)) {\n    return (raw as { __chunks__: unknown[][] }).__chunks__.flat();\n  }\n  if (Array.isArray(raw)) {\n    return (raw as unknown[]).flat();\n  }\n  return Object.entries(raw as Record<string, unknown>).flat();\n}\n\n/**\n * Initializes shared modules between the host application and remote components.\n * This enables sharing of common dependencies like React to avoid duplicate instances.\n *\n * The function works by:\n * 1. Looking for a shared module initializer in the Turbopack bundle\n * 2. Extracting module IDs from the initializer\n * 3. Loading the corresponding host modules and mapping them to the remote's expected IDs\n */\nexport async function initializeSharedModules(\n  scope: RemoteScope,\n  hostShared: Record<string, (bundle?: string) => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n  // biome-ignore lint/suspicious/noConfusingVoidType: Runtime is undefined but in TS land service it is void\n): Promise<void[]> {\n  const allModules = getTurbopackModules(scope);\n\n  logDebug(\n    'SharedModules',\n    `initializeSharedModules: scope=\"${scope.scopedName}\", ` +\n      `allModules=${allModules ? allModules.length : 'null'}, ` +\n      `hostShared=[${Object.keys(hostShared).join(', ')}], ` +\n      `remoteShared=${JSON.stringify(remoteShared)}`,\n  );\n\n  let sharedModuleInitializer: Promise<{\n    shared: Record<string, string | (() => Promise<unknown>)>;\n  }> | null = null;\n\n  // find the shared module initializer in the Turbopack bundle\n  if (allModules) {\n    // find the shared module initializer module id by looking for\n    // a function that contains the TURBOPACK_REMOTE_SHARED pattern\n    const sharedModuleInitializerIndex = allModules.findIndex((idOrFunc) => {\n      if (typeof idOrFunc !== 'function') {\n        return false;\n      }\n      const funcCode = idOrFunc.toString();\n      return REMOTE_SHARED_MARKER_RE.test(funcCode);\n    });\n\n    // if found, extract the shared module initializer\n    // first element in the array is always the source script element\n    if (sharedModuleInitializerIndex > 0) {\n      const sharedModuleInitializerCode = (\n        allModules[sharedModuleInitializerIndex] as () => unknown\n      ).toString();\n      const sharedModuleInitializerId = allModules[\n        sharedModuleInitializerIndex - 1\n      ] as string | number;\n      // extract the shared module id from the function code\n      const { sharedModuleId } =\n        REMOTE_SHARED_ASSIGNMENT_RE.exec(sharedModuleInitializerCode)?.groups ??\n        {};\n      // load the shared module initializer using the extracted module id\n      if (sharedModuleId) {\n        const { default: sharedModuleInitializerInstance } =\n          handleTurbopackModule(\n            scope,\n            sharedModuleId,\n            formatRemoteId(scope, String(sharedModuleInitializerId)),\n          ) as {\n            default: Promise<{\n              shared: Record<string, string | (() => Promise<unknown>)>;\n            }>;\n          };\n        sharedModuleInitializer = sharedModuleInitializerInstance;\n      }\n    }\n\n    // if we have a shared module initializer, load the shared modules from the host application\n    if (sharedModuleInitializer) {\n      const { shared } = await sharedModuleInitializer;\n      // map shared module ids to their initializer functions\n      const sharedModuleIds = extractSharedModuleIds(shared, scope);\n      logDebug(\n        'SharedModules',\n        `Resolved shared modules for scope=\"${scope.scopedName}\": ${JSON.stringify(sharedModuleIds)}`,\n      );\n\n      // load shared modules from the host application\n      return Promise.all(\n        Object.entries(sharedModuleIds).map(async ([id, module]) => {\n          if (hostShared[module]) {\n            scope.sharedModules[id] = await hostShared[module](scope.name);\n          } else {\n            logError(\n              'SharedModules',\n              `Host shared module \"${module}\" not found for ID ${id}. ${DEDUPLICATION_WARNING}`,\n            );\n          }\n        }),\n      );\n    }\n\n    logWarn(\n      'SharedModules',\n      `No shared module initializer found in bundle for scope=\"${scope.scopedName}\" — falling back to remoteShared mapping`,\n    );\n  } else {\n    logWarn(\n      'SharedModules',\n      `No TURBOPACK modules found for scope=\"${scope.scopedName}\" (TURBOPACK_${scope.globalKey} is empty)`,\n    );\n  }\n\n  // fallback: ensure that the shared modules are initialized using remoteShared mapping\n  return Promise.all(\n    Object.entries(remoteShared).map(async ([id, module]) => {\n      if (hostShared[module]) {\n        const normalizedId = id.replace('[app-ssr]', '[app-client]');\n        scope.sharedModules[normalizedId] = await hostShared[module](\n          scope.name,\n        );\n      } else {\n        logError(\n          'SharedModules',\n          `Shared module \"${module}\" not found for \"${scope.name}\". ${DEDUPLICATION_WARNING}`,\n        );\n      }\n    }),\n  );\n}\n\n/**\n * Extracts shared module IDs from the shared module initializer functions.\n * This parses the minified Turbopack code to find the module ID mappings.\n */\nfunction extractSharedModuleIds(\n  shared: Record<string, string | (() => Promise<unknown>)>,\n  scope: RemoteScope,\n): Record<string, string> {\n  return Object.entries(shared)\n    .filter(([, value]) => typeof value === 'function')\n    .reduce<Record<string, string>>((acc, [key, value]) => {\n      const { asyncSharedModuleId } =\n        ASYNC_MODULE_LOADER_RE.exec(value.toString())?.groups ?? {};\n\n      if (asyncSharedModuleId) {\n        const asyncSharedModuleIdNumber = Number(asyncSharedModuleId);\n\n        let asyncSharedModule: (() => unknown) | undefined;\n        const turbopackModules = getTurbopackModules(scope) ?? [];\n        const asyncSharedModuleIdIndex = turbopackModules.indexOf(\n          asyncSharedModuleIdNumber,\n        );\n        if (\n          asyncSharedModuleIdIndex !== -1 &&\n          typeof turbopackModules[asyncSharedModuleIdIndex + 1] === 'function'\n        ) {\n          asyncSharedModule = turbopackModules[\n            asyncSharedModuleIdIndex + 1\n          ] as () => unknown;\n        }\n        if (asyncSharedModule) {\n          const asyncSharedModuleCode = asyncSharedModule.toString();\n          // Try both Promise.resolve and Promise.all patterns\n          const { sharedModuleId } =\n            ASYNC_MODULE_RESOLVE_RE.exec(asyncSharedModuleCode)?.groups ??\n            ASYNC_MODULE_ALL_RE.exec(asyncSharedModuleCode)?.groups ??\n            {};\n          // map the shared module id to the actual module name\n          acc[sharedModuleId ?? asyncSharedModuleId] = key.replace(\n            '__remote_shared_module_',\n            '',\n          );\n        }\n      }\n      return acc;\n    }, {});\n}\n\n/**\n * Returns a shared module for the given scope and module ID.\n * Shared modules are common dependencies like React that are provided by the host.\n */\nexport function getSharedModule(\n  scope: RemoteScope,\n  id: string | number,\n): unknown {\n  const idStr = String(id);\n\n  // Exact match first (covers both string and numeric IDs)\n  if (scope.sharedModules[idStr] !== undefined) {\n    return scope.sharedModules[idStr];\n  }\n\n  // Fallback: the id may be a bundle-prefixed string like \"[bundle] /react/index.js\"\n  // that contains the shared module key as a suffix. Only match when the key\n  // appears as a complete suffix segment to avoid \"react\" matching \"react-dom\".\n  for (const [key, value] of Object.entries(scope.sharedModules)) {\n    if (typeof value !== 'undefined' && idStr !== key && idStr.endsWith(key)) {\n      return value;\n    }\n  }\n\n  return null;\n}\n"],"mappings":"AACA,SAAS,UAAU,UAAU,eAAe;AAC5C,SAAS,6BAA6B;AACtC;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAwC;AAEjD,MAAM,wBACJ;AAOK,SAAS,oBAAoB,OAA2C;AAC7E,QAAM,OAAO;AACb,QAAM,MAAM,KAAK,aAAa,MAAM,WAAW;AAC/C,MAAI,CAAC;AAAK,WAAO;AAEjB,MAAI,OAAO,QAAQ,YAAY,gBAAiB,KAAgB;AAC9D,WAAQ,IAAoC,WAAW,KAAK;AAAA,EAC9D;AACA,MAAI,MAAM,QAAQ,GAAG,GAAG;AACtB,WAAQ,IAAkB,KAAK;AAAA,EACjC;AACA,SAAO,OAAO,QAAQ,GAA8B,EAAE,KAAK;AAC7D;AAWA,eAAsB,wBACpB,OACA,aAAoE,CAAC,GACrE,eAAuC,CAAC,GAEvB;AACjB,QAAM,aAAa,oBAAoB,KAAK;AAE5C;AAAA,IACE;AAAA,IACA,mCAAmC,MAAM,2BACzB,aAAa,WAAW,SAAS,uBAChC,OAAO,KAAK,UAAU,EAAE,KAAK,IAAI,oBAChC,KAAK,UAAU,YAAY;AAAA,EAC/C;AAEA,MAAI,0BAEQ;AAGZ,MAAI,YAAY;AAGd,UAAM,+BAA+B,WAAW,UAAU,CAAC,aAAa;AACtE,UAAI,OAAO,aAAa,YAAY;AAClC,eAAO;AAAA,MACT;AACA,YAAM,WAAW,SAAS,SAAS;AACnC,aAAO,wBAAwB,KAAK,QAAQ;AAAA,IAC9C,CAAC;AAID,QAAI,+BAA+B,GAAG;AACpC,YAAM,8BACJ,WAAW,4BAA4B,EACvC,SAAS;AACX,YAAM,4BAA4B,WAChC,+BAA+B,CACjC;AAEA,YAAM,EAAE,eAAe,IACrB,4BAA4B,KAAK,2BAA2B,GAAG,UAC/D,CAAC;AAEH,UAAI,gBAAgB;AAClB,cAAM,EAAE,SAAS,gCAAgC,IAC/C;AAAA,UACE;AAAA,UACA;AAAA,UACA,eAAe,OAAO,OAAO,yBAAyB,CAAC;AAAA,QACzD;AAKF,kCAA0B;AAAA,MAC5B;AAAA,IACF;AAGA,QAAI,yBAAyB;AAC3B,YAAM,EAAE,OAAO,IAAI,MAAM;AAEzB,YAAM,kBAAkB,uBAAuB,QAAQ,KAAK;AAC5D;AAAA,QACE;AAAA,QACA,sCAAsC,MAAM,gBAAgB,KAAK,UAAU,eAAe;AAAA,MAC5F;AAGA,aAAO,QAAQ;AAAA,QACb,OAAO,QAAQ,eAAe,EAAE,IAAI,OAAO,CAAC,IAAI,MAAM,MAAM;AAC1D,cAAI,WAAW,MAAM,GAAG;AACtB,kBAAM,cAAc,EAAE,IAAI,MAAM,WAAW,MAAM,EAAE,MAAM,IAAI;AAAA,UAC/D,OAAO;AACL;AAAA,cACE;AAAA,cACA,uBAAuB,4BAA4B,OAAO;AAAA,YAC5D;AAAA,UACF;AAAA,QACF,CAAC;AAAA,MACH;AAAA,IACF;AAEA;AAAA,MACE;AAAA,MACA,2DAA2D,MAAM;AAAA,IACnE;AAAA,EACF,OAAO;AACL;AAAA,MACE;AAAA,MACA,yCAAyC,MAAM,0BAA0B,MAAM;AAAA,IACjF;AAAA,EACF;AAGA,SAAO,QAAQ;AAAA,IACb,OAAO,QAAQ,YAAY,EAAE,IAAI,OAAO,CAAC,IAAI,MAAM,MAAM;AACvD,UAAI,WAAW,MAAM,GAAG;AACtB,cAAM,eAAe,GAAG,QAAQ,aAAa,cAAc;AAC3D,cAAM,cAAc,YAAY,IAAI,MAAM,WAAW,MAAM;AAAA,UACzD,MAAM;AAAA,QACR;AAAA,MACF,OAAO;AACL;AAAA,UACE;AAAA,UACA,kBAAkB,0BAA0B,MAAM,UAAU;AAAA,QAC9D;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAMA,SAAS,uBACP,QACA,OACwB;AACxB,SAAO,OAAO,QAAQ,MAAM,EACzB,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,OAAO,UAAU,UAAU,EACjD,OAA+B,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AACrD,UAAM,EAAE,oBAAoB,IAC1B,uBAAuB,KAAK,MAAM,SAAS,CAAC,GAAG,UAAU,CAAC;AAE5D,QAAI,qBAAqB;AACvB,YAAM,4BAA4B,OAAO,mBAAmB;AAE5D,UAAI;AACJ,YAAM,mBAAmB,oBAAoB,KAAK,KAAK,CAAC;AACxD,YAAM,2BAA2B,iBAAiB;AAAA,QAChD;AAAA,MACF;AACA,UACE,6BAA6B,MAC7B,OAAO,iBAAiB,2BAA2B,CAAC,MAAM,YAC1D;AACA,4BAAoB,iBAClB,2BAA2B,CAC7B;AAAA,MACF;AACA,UAAI,mBAAmB;AACrB,cAAM,wBAAwB,kBAAkB,SAAS;AAEzD,cAAM,EAAE,eAAe,IACrB,wBAAwB,KAAK,qBAAqB,GAAG,UACrD,oBAAoB,KAAK,qBAAqB,GAAG,UACjD,CAAC;AAEH,YAAI,kBAAkB,mBAAmB,IAAI,IAAI;AAAA,UAC/C;AAAA,UACA;AAAA,QACF;AAAA,MACF;AAAA,IACF;AACA,WAAO;AAAA,EACT,GAAG,CAAC,CAAC;AACT;AAMO,SAAS,gBACd,OACA,IACS;AACT,QAAM,QAAQ,OAAO,EAAE;AAGvB,MAAI,MAAM,cAAc,KAAK,MAAM,QAAW;AAC5C,WAAO,MAAM,cAAc,KAAK;AAAA,EAClC;AAKA,aAAW,CAAC,KAAK,KAAK,KAAK,OAAO,QAAQ,MAAM,aAAa,GAAG;AAC9D,QAAI,OAAO,UAAU,eAAe,UAAU,OAAO,MAAM,SAAS,GAAG,GAAG;AACxE,aAAO;AAAA,IACT;AAAA,EACF;AAEA,SAAO;AACT;","names":[]}

package/dist/internal/runtime/turbopack/webpack-runtime.cjs

@@ -37,33 +37,43 @@ var import_error = require("#internal/utils/error");
 var import_logger = require("#internal/utils/logger");
 var import_chunk_loader = require("./chunk-loader");
 var import_module = require("./module");
+var import_remote_scope = require("./remote-scope");
 var import_shared_modules = require("./shared-modules");
 async function setupWebpackRuntime(runtime, scripts = [], url = new URL(location.href), bundle, shared = {}, remoteShared = {}, resolveClientUrl) {
   const self = globalThis;
+  const bundleName = bundle ?? "default";
+  const scope = (0, import_remote_scope.createScope)(bundleName, url, runtime, resolveClientUrl);
+  (0, import_remote_scope.registerScope)(scope);
   if (!self.__remote_bundle_url__) {
     self.__remote_bundle_url__ = {};
   }
-  self.__remote_bundle_url__[bundle ?? "default"] = url;
+  self.__remote_bundle_url__[bundleName] = url;
+  if (scope.scopedName !== bundleName) {
+    self.__remote_bundle_url__[scope.scopedName] = url;
+  }
   self.__webpack_get_script_filename__ = () => null;
-  if (typeof self.__webpack_require__ !== "function" || self.__webpack_require_type__ !== "turbopack") {
+  const willCreateDispatchers = typeof self.__webpack_require__ !== "function" || self.__webpack_require_type__ !== "turbopack";
+  if (willCreateDispatchers) {
     if (!self.__original_webpack_require__ && !self.__original_webpack_chunk_load__) {
       self.__original_webpack_chunk_load__ = self.__webpack_chunk_load__;
       self.__original_webpack_require__ = self.__webpack_require__;
     }
-    self.__webpack_chunk_load__ = (0, import_chunk_loader.createChunkLoader)(runtime, resolveClientUrl);
-    self.__webpack_require__ = createModuleRequire(runtime);
+    self.__webpack_chunk_load__ = (0, import_chunk_loader.createChunkDispatcher)();
+    self.__webpack_require__ = createModuleDispatcher(runtime);
     self.__webpack_require_type__ = runtime;
     if (self.__remote_webpack_require__ && runtime === import_constants.RUNTIME_TURBOPACK) {
-      const remoteBundle = bundle ?? "default";
-      self.__remote_webpack_require__[remoteBundle] = self.__webpack_require__;
-      self.__remote_webpack_require__[remoteBundle].type = "turbopack";
+      self.__remote_webpack_require__[bundleName] = self.__webpack_require__;
+      self.__remote_webpack_require__[bundleName].type = "turbopack";
     }
   }
+  if (self.__remote_webpack_require__?.[bundleName] && scope.scopedName !== bundleName) {
+    self.__remote_webpack_require__[scope.scopedName] = self.__remote_webpack_require__[bundleName];
+  }
   if (runtime === import_constants.RUNTIME_TURBOPACK) {
     const results = await Promise.allSettled(
       scripts.map((script) => {
         if (script.src) {
-          return self.__webpack_chunk_load__?.(script.src, bundle);
+          return (0, import_chunk_loader.loadChunkWithScope)(scope, script.src);
         }
         return Promise.resolve(void 0);
       })
@@ -85,54 +95,54 @@ async function setupWebpackRuntime(runtime, scripts = [], url = new URL(location
     "react-dom/client": async () => (await import("react-dom/client")).default,
     ...shared
   };
-  await (0, import_shared_modules.initializeSharedModules)(
-    bundle ?? "default",
-    // include all core modules as shared
-    coreShared,
-    remoteShared
-  );
+  await (0, import_shared_modules.initializeSharedModules)(scope, coreShared, remoteShared);
 }
-function createModuleRequire(runtime) {
+function createModuleDispatcher(runtime) {
   return (id) => {
     const self = globalThis;
     const { bundle, id: moduleId } = id.match(import_patterns.REMOTE_COMPONENT_REGEX)?.groups ?? {
       bundle: "default",
       id
     };
-    const remoteRuntime = self.__remote_webpack_require__?.[bundle ?? "default"] ? self.__remote_webpack_require__[bundle ?? "default"]?.type || "webpack" : runtime;
-    (0, import_logger.logDebug)("WebpackRuntime", `remoteRuntime: "${remoteRuntime}"`);
+    const bundleName = bundle ?? "default";
+    const remoteRuntime = self.__remote_webpack_require__?.[bundleName] ? self.__remote_webpack_require__[bundleName]?.type || "webpack" : runtime;
+    (0, import_logger.logDebug)(
+      "ModuleDispatcher",
+      `Resolving "${id}" (bundle: "${bundleName}", runtime: "${remoteRuntime}")`
+    );
     try {
       if (remoteRuntime === import_constants.RUNTIME_WEBPACK && bundle && moduleId) {
         return self.__remote_webpack_require__?.[bundle]?.(moduleId);
       }
-      const sharedModuleId = moduleId ?? id;
-      const sharedModule = (0, import_shared_modules.getSharedModule)(bundle ?? "default", sharedModuleId);
-      if (sharedModule) {
-        return sharedModule;
+      const scope = (0, import_remote_scope.getScope)(bundleName);
+      if (scope) {
+        return (0, import_module.requireModule)(scope, moduleId ?? id, id);
       }
-      if (bundle && moduleId) {
-        return (0, import_module.handleTurbopackModule)(bundle, moduleId, id);
-      }
-      throw new Error(`Module "${id}" not found.`);
+      throw new Error(
+        `Module "${id}" not found \u2014 no scope for bundle "${bundleName}".`
+      );
     } catch (requireError) {
       (0, import_logger.logWarn)(
-        "WebpackRuntime",
+        "ModuleDispatcher",
         `Module require failed: ${String(requireError)}`
       );
       if (typeof self.__original_webpack_require__ !== "function") {
         throw new import_error.RemoteComponentsError(
-          `Module "${id}" not found in remote component bundle "${bundle}".`,
+          `Module "${id}" not found in remote component bundle "${bundleName}".`,
           {
             cause: requireError instanceof Error ? requireError : void 0
           }
         );
       }
       try {
-        (0, import_logger.logDebug)("WebpackRuntime", "Falling back to original webpack require");
+        (0, import_logger.logDebug)(
+          "ModuleDispatcher",
+          "Falling back to original webpack require"
+        );
         return self.__original_webpack_require__(id);
       } catch (originalError) {
         throw new import_error.RemoteComponentsError(
-          `Module "${id}" not found in remote component bundle "${bundle}".`,
+          `Module "${id}" not found in remote component bundle "${bundleName}".`,
           { cause: originalError instanceof Error ? originalError : void 0 }
         );
       }

package/dist/internal/runtime/turbopack/webpack-runtime.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/turbopack/webpack-runtime.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  RUNTIME_TURBOPACK,\n  RUNTIME_WEBPACK,\n  type Runtime,\n} from '#internal/runtime/constants';\nimport { REMOTE_COMPONENT_REGEX } from '#internal/runtime/patterns';\nimport type { GlobalScope } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { createChunkLoader } from './chunk-loader';\nimport { handleTurbopackModule } from './module';\nimport { getSharedModule, initializeSharedModules } from './shared-modules';\n\n/**\n * Sets up webpack runtime environment for remote components.\n * This function initializes the global webpack require and chunk loading functions\n * to support loading and executing remote component bundles.\n *\n * @param runtime - The bundler runtime type ('webpack' or 'turbopack')\n * @param scripts - Initial script chunks to load for Turbopack runtime\n * @param url - Base URL for the remote component bundle\n * @param bundle - Bundle identifier (defaults to 'default')\n * @param shared - Host-provided shared modules (e.g., React)\n * @param remoteShared - Mapping of remote module IDs to shared module names\n */\nexport async function setupWebpackRuntime(\n  runtime: Runtime,\n  scripts: { src: string | null }[] = [],\n  url: URL = new URL(location.href),\n  bundle?: string,\n  shared: Record<string, () => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  const self = globalThis as GlobalScope;\n\n  if (!self.__remote_bundle_url__) {\n    self.__remote_bundle_url__ = {};\n  }\n  self.__remote_bundle_url__[bundle ?? 'default'] = url;\n  self.__webpack_get_script_filename__ = () => null;\n\n  if (\n    typeof self.__webpack_require__ !== 'function' ||\n    self.__webpack_require_type__ !== 'turbopack'\n  ) {\n    // preserve original webpack functions for fallback\n    if (\n      !self.__original_webpack_require__ &&\n      !self.__original_webpack_chunk_load__\n    ) {\n      self.__original_webpack_chunk_load__ = self.__webpack_chunk_load__;\n      self.__original_webpack_require__ = self.__webpack_require__;\n    }\n\n    self.__webpack_chunk_load__ = createChunkLoader(runtime, resolveClientUrl);\n    self.__webpack_require__ = createModuleRequire(runtime);\n    self.__webpack_require_type__ = runtime;\n\n    if (self.__remote_webpack_require__ && runtime === RUNTIME_TURBOPACK) {\n      const remoteBundle = bundle ?? 'default';\n      self.__remote_webpack_require__[remoteBundle] =\n        self.__webpack_require__ as (remoteId: string | number) => unknown;\n      self.__remote_webpack_require__[remoteBundle].type = 'turbopack';\n    }\n  }\n\n  // load all initial chunks when using Turbopack runtime\n  if (runtime === RUNTIME_TURBOPACK) {\n    const results = await Promise.allSettled(\n      scripts.map((script) => {\n        if (script.src) {\n          return self.__webpack_chunk_load__?.(script.src, bundle);\n        }\n        return Promise.resolve(undefined);\n      }),\n    );\n\n    for (const result of results) {\n      if (result.status === 'rejected') {\n        logWarn(\n          'WebpackRuntime',\n          `Initial chunk load failed: ${String(result.reason)}`,\n        );\n      }\n    }\n  }\n\n  // initialize shared modules with core React dependencies\n  const coreShared = {\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    ...shared,\n  };\n  await initializeSharedModules(\n    bundle ?? 'default',\n    // include all core modules as shared\n    coreShared,\n    remoteShared,\n  );\n}\n\n/**\n * Creates module require function for webpack runtime.\n * This function resolves module IDs to their exports, handling:\n * - Webpack remotes (pre-loaded bundles)\n * - Shared modules (React, etc.)\n * - Turbopack modules (dynamically loaded)\n */\nfunction createModuleRequire(runtime: Runtime): (id: string) => unknown {\n  return (id: string) => {\n    const self = globalThis as GlobalScope;\n    const { bundle, id: moduleId } = id.match(REMOTE_COMPONENT_REGEX)\n      ?.groups ?? {\n      bundle: 'default',\n      id,\n    };\n    const remoteRuntime = self.__remote_webpack_require__?.[bundle ?? 'default']\n      ? self.__remote_webpack_require__[bundle ?? 'default']?.type || 'webpack'\n      : runtime;\n\n    logDebug('WebpackRuntime', `remoteRuntime: \"${remoteRuntime}\"`);\n\n    try {\n      // for webpack remotes, use the pre-loaded require function\n      if (remoteRuntime === RUNTIME_WEBPACK && bundle && moduleId) {\n        return self.__remote_webpack_require__?.[bundle]?.(moduleId);\n      }\n      const sharedModuleId = moduleId ?? id;\n      const sharedModule = getSharedModule(bundle ?? 'default', sharedModuleId);\n      if (sharedModule) {\n        return sharedModule;\n      }\n      if (bundle && moduleId) {\n        return handleTurbopackModule(bundle, moduleId, id);\n      }\n      throw new Error(`Module \"${id}\" not found.`);\n    } catch (requireError) {\n      logWarn(\n        'WebpackRuntime',\n        `Module require failed: ${String(requireError)}`,\n      );\n      if (typeof self.__original_webpack_require__ !== 'function') {\n        throw new RemoteComponentsError(\n          `Module \"${id}\" not found in remote component bundle \"${bundle}\".`,\n          {\n            cause: requireError instanceof Error ? requireError : undefined,\n          },\n        );\n      }\n      try {\n        logDebug('WebpackRuntime', 'Falling back to original webpack require');\n        return self.__original_webpack_require__(id);\n      } catch (originalError) {\n        throw new RemoteComponentsError(\n          `Module \"${id}\" not found in remote component bundle \"${bundle}\".`,\n          { cause: originalError instanceof Error ? originalError : undefined },\n        );\n      }\n    }\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/runtime/turbopack/webpack-runtime.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  RUNTIME_TURBOPACK,\n  RUNTIME_WEBPACK,\n  type Runtime,\n} from '#internal/runtime/constants';\nimport { REMOTE_COMPONENT_REGEX } from '#internal/runtime/patterns';\nimport type { GlobalScope } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { createChunkDispatcher, loadChunkWithScope } from './chunk-loader';\nimport { requireModule } from './module';\nimport { createScope, getScope, registerScope } from './remote-scope';\nimport { initializeSharedModules } from './shared-modules';\n\n/**\n * Sets up webpack runtime environment for remote components.\n *\n * Creates a RemoteScope that encapsulates all per-remote state (base URL,\n * proxy callback, module cache, shared modules) and registers it in the\n * global scope registry. Global dispatchers (__webpack_require__,\n * __webpack_chunk_load__) are set once and route to the correct scope.\n *\n * @param runtime - The bundler runtime type ('webpack' or 'turbopack')\n * @param scripts - Initial script chunks to load for Turbopack runtime\n * @param url - Base URL for the remote component bundle\n * @param bundle - Bundle identifier (defaults to 'default')\n * @param shared - Host-provided shared modules (e.g., React)\n * @param remoteShared - Mapping of remote module IDs to shared module names\n */\nexport async function setupWebpackRuntime(\n  runtime: Runtime,\n  scripts: { src: string | null }[] = [],\n  url: URL = new URL(location.href),\n  bundle?: string,\n  shared: Record<string, () => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  const self = globalThis as GlobalScope;\n  const bundleName = bundle ?? 'default';\n\n  // Create and register a scope for this remote\n  const scope = createScope(bundleName, url, runtime, resolveClientUrl);\n  registerScope(scope);\n\n  // Still needed by patch-require.ts (webpack plugin that generates runtime\n  // code as a string template — can't call getScope at build time) and the\n  // HTML host (html/index.tsx writes this before setupWebpackRuntime runs).\n  if (!self.__remote_bundle_url__) {\n    self.__remote_bundle_url__ = {};\n  }\n  self.__remote_bundle_url__[bundleName] = url;\n  // Also register under scopedName so webpack hosts (patch-require.ts) can\n  // resolve cross-origin remotes whose bundle identifiers were rewritten.\n  if (scope.scopedName !== bundleName) {\n    self.__remote_bundle_url__[scope.scopedName] = url;\n  }\n  self.__webpack_get_script_filename__ = () => null;\n\n  const willCreateDispatchers =\n    typeof self.__webpack_require__ !== 'function' ||\n    self.__webpack_require_type__ !== 'turbopack';\n\n  if (willCreateDispatchers) {\n    // preserve original webpack functions for fallback\n    if (\n      !self.__original_webpack_require__ &&\n      !self.__original_webpack_chunk_load__\n    ) {\n      self.__original_webpack_chunk_load__ = self.__webpack_chunk_load__;\n      self.__original_webpack_require__ = self.__webpack_require__;\n    }\n\n    self.__webpack_chunk_load__ = createChunkDispatcher();\n    self.__webpack_require__ = createModuleDispatcher(runtime);\n    self.__webpack_require_type__ = runtime;\n\n    if (self.__remote_webpack_require__ && runtime === RUNTIME_TURBOPACK) {\n      self.__remote_webpack_require__[bundleName] =\n        self.__webpack_require__ as (remoteId: string | number) => unknown;\n      self.__remote_webpack_require__[bundleName].type = 'turbopack';\n    }\n  }\n\n  // Alias __remote_webpack_require__ under the scoped name so the module\n  // dispatcher can find it when RSC data uses the rewritten bundle identifier.\n  // For turbopack remotes the entry was just created above; for webpack remotes\n  // it was populated by the remote's own scripts under the plain name.\n  if (\n    self.__remote_webpack_require__?.[bundleName] &&\n    scope.scopedName !== bundleName\n  ) {\n    self.__remote_webpack_require__[scope.scopedName] =\n      self.__remote_webpack_require__[bundleName];\n  }\n\n  // load all initial chunks directly via scope — no global dispatch needed\n  if (runtime === RUNTIME_TURBOPACK) {\n    const results = await Promise.allSettled(\n      scripts.map((script) => {\n        if (script.src) {\n          return loadChunkWithScope(scope, script.src);\n        }\n        return Promise.resolve(undefined);\n      }),\n    );\n\n    for (const result of results) {\n      if (result.status === 'rejected') {\n        logWarn(\n          'WebpackRuntime',\n          `Initial chunk load failed: ${String(result.reason)}`,\n        );\n      }\n    }\n  }\n\n  // initialize shared modules with core React dependencies\n  const coreShared = {\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    ...shared,\n  };\n  await initializeSharedModules(scope, coreShared, remoteShared);\n}\n\n/**\n * Creates the global module dispatcher for __webpack_require__.\n * Called by external code (React's RSC runtime) that doesn't have access to\n * a scope. Parses the module ID to find the correct scope and delegates\n * to scope-local module resolution.\n */\nfunction createModuleDispatcher(runtime: Runtime): (id: string) => unknown {\n  return (id: string) => {\n    const self = globalThis as GlobalScope;\n    const { bundle, id: moduleId } = id.match(REMOTE_COMPONENT_REGEX)\n      ?.groups ?? {\n      bundle: 'default',\n      id,\n    };\n    const bundleName = bundle ?? 'default';\n    const remoteRuntime = self.__remote_webpack_require__?.[bundleName]\n      ? self.__remote_webpack_require__[bundleName]?.type || 'webpack'\n      : runtime;\n\n    logDebug(\n      'ModuleDispatcher',\n      `Resolving \"${id}\" (bundle: \"${bundleName}\", runtime: \"${remoteRuntime}\")`,\n    );\n\n    try {\n      // for webpack remotes, use the pre-loaded require function\n      if (remoteRuntime === RUNTIME_WEBPACK && bundle && moduleId) {\n        return self.__remote_webpack_require__?.[bundle]?.(moduleId);\n      }\n\n      // Look up scope by parsed bundle name. Works with both the scoped\n      // name (Next.js hosts with server-side rewriting) and the plain\n      // bundle name (static/HTML hosts with unrewritten chunks).\n      const scope = getScope(bundleName);\n      if (scope) {\n        return requireModule(scope, moduleId ?? id, id);\n      }\n\n      throw new Error(\n        `Module \"${id}\" not found — no scope for bundle \"${bundleName}\".`,\n      );\n    } catch (requireError) {\n      logWarn(\n        'ModuleDispatcher',\n        `Module require failed: ${String(requireError)}`,\n      );\n      if (typeof self.__original_webpack_require__ !== 'function') {\n        throw new RemoteComponentsError(\n          `Module \"${id}\" not found in remote component bundle \"${bundleName}\".`,\n          {\n            cause: requireError instanceof Error ? requireError : undefined,\n          },\n        );\n      }\n      try {\n        logDebug(\n          'ModuleDispatcher',\n          'Falling back to original webpack require',\n        );\n        return self.__original_webpack_require__(id);\n      } catch (originalError) {\n        throw new RemoteComponentsError(\n          `Module \"${id}\" not found in remote component bundle \"${bundleName}\".`,\n          { cause: originalError instanceof Error ? originalError : undefined },\n        );\n      }\n    }\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/internal/runtime/turbopack/webpack-runtime.d.ts

@@ -3,8 +3,11 @@ import { Runtime } from '../constants.js';
 
 /**
  * Sets up webpack runtime environment for remote components.
- * This function initializes the global webpack require and chunk loading functions
- * to support loading and executing remote component bundles.
+ *
+ * Creates a RemoteScope that encapsulates all per-remote state (base URL,
+ * proxy callback, module cache, shared modules) and registers it in the
+ * global scope registry. Global dispatchers (__webpack_require__,
+ * __webpack_chunk_load__) are set once and route to the correct scope.
  *
  * @param runtime - The bundler runtime type ('webpack' or 'turbopack')
  * @param scripts - Initial script chunks to load for Turbopack runtime

package/dist/internal/runtime/turbopack/webpack-runtime.js

@@ -5,35 +5,45 @@ import {
 import { REMOTE_COMPONENT_REGEX } from "#internal/runtime/patterns";
 import { RemoteComponentsError } from "#internal/utils/error";
 import { logDebug, logWarn } from "#internal/utils/logger";
-import { createChunkLoader } from "./chunk-loader";
-import { handleTurbopackModule } from "./module";
-import { getSharedModule, initializeSharedModules } from "./shared-modules";
+import { createChunkDispatcher, loadChunkWithScope } from "./chunk-loader";
+import { requireModule } from "./module";
+import { createScope, getScope, registerScope } from "./remote-scope";
+import { initializeSharedModules } from "./shared-modules";
 async function setupWebpackRuntime(runtime, scripts = [], url = new URL(location.href), bundle, shared = {}, remoteShared = {}, resolveClientUrl) {
   const self = globalThis;
+  const bundleName = bundle ?? "default";
+  const scope = createScope(bundleName, url, runtime, resolveClientUrl);
+  registerScope(scope);
   if (!self.__remote_bundle_url__) {
     self.__remote_bundle_url__ = {};
   }
-  self.__remote_bundle_url__[bundle ?? "default"] = url;
+  self.__remote_bundle_url__[bundleName] = url;
+  if (scope.scopedName !== bundleName) {
+    self.__remote_bundle_url__[scope.scopedName] = url;
+  }
   self.__webpack_get_script_filename__ = () => null;
-  if (typeof self.__webpack_require__ !== "function" || self.__webpack_require_type__ !== "turbopack") {
+  const willCreateDispatchers = typeof self.__webpack_require__ !== "function" || self.__webpack_require_type__ !== "turbopack";
+  if (willCreateDispatchers) {
     if (!self.__original_webpack_require__ && !self.__original_webpack_chunk_load__) {
       self.__original_webpack_chunk_load__ = self.__webpack_chunk_load__;
       self.__original_webpack_require__ = self.__webpack_require__;
     }
-    self.__webpack_chunk_load__ = createChunkLoader(runtime, resolveClientUrl);
-    self.__webpack_require__ = createModuleRequire(runtime);
+    self.__webpack_chunk_load__ = createChunkDispatcher();
+    self.__webpack_require__ = createModuleDispatcher(runtime);
     self.__webpack_require_type__ = runtime;
     if (self.__remote_webpack_require__ && runtime === RUNTIME_TURBOPACK) {
-      const remoteBundle = bundle ?? "default";
-      self.__remote_webpack_require__[remoteBundle] = self.__webpack_require__;
-      self.__remote_webpack_require__[remoteBundle].type = "turbopack";
+      self.__remote_webpack_require__[bundleName] = self.__webpack_require__;
+      self.__remote_webpack_require__[bundleName].type = "turbopack";
     }
   }
+  if (self.__remote_webpack_require__?.[bundleName] && scope.scopedName !== bundleName) {
+    self.__remote_webpack_require__[scope.scopedName] = self.__remote_webpack_require__[bundleName];
+  }
   if (runtime === RUNTIME_TURBOPACK) {
     const results = await Promise.allSettled(
       scripts.map((script) => {
         if (script.src) {
-          return self.__webpack_chunk_load__?.(script.src, bundle);
+          return loadChunkWithScope(scope, script.src);
         }
         return Promise.resolve(void 0);
       })
@@ -55,54 +65,54 @@ async function setupWebpackRuntime(runtime, scripts = [], url = new URL(location
     "react-dom/client": async () => (await import("react-dom/client")).default,
     ...shared
   };
-  await initializeSharedModules(
-    bundle ?? "default",
-    // include all core modules as shared
-    coreShared,
-    remoteShared
-  );
+  await initializeSharedModules(scope, coreShared, remoteShared);
 }
-function createModuleRequire(runtime) {
+function createModuleDispatcher(runtime) {
   return (id) => {
     const self = globalThis;
     const { bundle, id: moduleId } = id.match(REMOTE_COMPONENT_REGEX)?.groups ?? {
       bundle: "default",
       id
     };
-    const remoteRuntime = self.__remote_webpack_require__?.[bundle ?? "default"] ? self.__remote_webpack_require__[bundle ?? "default"]?.type || "webpack" : runtime;
-    logDebug("WebpackRuntime", `remoteRuntime: "${remoteRuntime}"`);
+    const bundleName = bundle ?? "default";
+    const remoteRuntime = self.__remote_webpack_require__?.[bundleName] ? self.__remote_webpack_require__[bundleName]?.type || "webpack" : runtime;
+    logDebug(
+      "ModuleDispatcher",
+      `Resolving "${id}" (bundle: "${bundleName}", runtime: "${remoteRuntime}")`
+    );
     try {
       if (remoteRuntime === RUNTIME_WEBPACK && bundle && moduleId) {
         return self.__remote_webpack_require__?.[bundle]?.(moduleId);
       }
-      const sharedModuleId = moduleId ?? id;
-      const sharedModule = getSharedModule(bundle ?? "default", sharedModuleId);
-      if (sharedModule) {
-        return sharedModule;
+      const scope = getScope(bundleName);
+      if (scope) {
+        return requireModule(scope, moduleId ?? id, id);
       }
-      if (bundle && moduleId) {
-        return handleTurbopackModule(bundle, moduleId, id);
-      }
-      throw new Error(`Module "${id}" not found.`);
+      throw new Error(
+        `Module "${id}" not found \u2014 no scope for bundle "${bundleName}".`
+      );
     } catch (requireError) {
       logWarn(
-        "WebpackRuntime",
+        "ModuleDispatcher",
         `Module require failed: ${String(requireError)}`
       );
       if (typeof self.__original_webpack_require__ !== "function") {
         throw new RemoteComponentsError(
-          `Module "${id}" not found in remote component bundle "${bundle}".`,
+          `Module "${id}" not found in remote component bundle "${bundleName}".`,
           {
             cause: requireError instanceof Error ? requireError : void 0
           }
         );
       }
       try {
-        logDebug("WebpackRuntime", "Falling back to original webpack require");
+        logDebug(
+          "ModuleDispatcher",
+          "Falling back to original webpack require"
+        );
         return self.__original_webpack_require__(id);
       } catch (originalError) {
         throw new RemoteComponentsError(
-          `Module "${id}" not found in remote component bundle "${bundle}".`,
+          `Module "${id}" not found in remote component bundle "${bundleName}".`,
           { cause: originalError instanceof Error ? originalError : void 0 }
         );
       }

package/dist/internal/runtime/turbopack/webpack-runtime.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/turbopack/webpack-runtime.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  RUNTIME_TURBOPACK,\n  RUNTIME_WEBPACK,\n  type Runtime,\n} from '#internal/runtime/constants';\nimport { REMOTE_COMPONENT_REGEX } from '#internal/runtime/patterns';\nimport type { GlobalScope } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { createChunkLoader } from './chunk-loader';\nimport { handleTurbopackModule } from './module';\nimport { getSharedModule, initializeSharedModules } from './shared-modules';\n\n/**\n * Sets up webpack runtime environment for remote components.\n * This function initializes the global webpack require and chunk loading functions\n * to support loading and executing remote component bundles.\n *\n * @param runtime - The bundler runtime type ('webpack' or 'turbopack')\n * @param scripts - Initial script chunks to load for Turbopack runtime\n * @param url - Base URL for the remote component bundle\n * @param bundle - Bundle identifier (defaults to 'default')\n * @param shared - Host-provided shared modules (e.g., React)\n * @param remoteShared - Mapping of remote module IDs to shared module names\n */\nexport async function setupWebpackRuntime(\n  runtime: Runtime,\n  scripts: { src: string | null }[] = [],\n  url: URL = new URL(location.href),\n  bundle?: string,\n  shared: Record<string, () => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  const self = globalThis as GlobalScope;\n\n  if (!self.__remote_bundle_url__) {\n    self.__remote_bundle_url__ = {};\n  }\n  self.__remote_bundle_url__[bundle ?? 'default'] = url;\n  self.__webpack_get_script_filename__ = () => null;\n\n  if (\n    typeof self.__webpack_require__ !== 'function' ||\n    self.__webpack_require_type__ !== 'turbopack'\n  ) {\n    // preserve original webpack functions for fallback\n    if (\n      !self.__original_webpack_require__ &&\n      !self.__original_webpack_chunk_load__\n    ) {\n      self.__original_webpack_chunk_load__ = self.__webpack_chunk_load__;\n      self.__original_webpack_require__ = self.__webpack_require__;\n    }\n\n    self.__webpack_chunk_load__ = createChunkLoader(runtime, resolveClientUrl);\n    self.__webpack_require__ = createModuleRequire(runtime);\n    self.__webpack_require_type__ = runtime;\n\n    if (self.__remote_webpack_require__ && runtime === RUNTIME_TURBOPACK) {\n      const remoteBundle = bundle ?? 'default';\n      self.__remote_webpack_require__[remoteBundle] =\n        self.__webpack_require__ as (remoteId: string | number) => unknown;\n      self.__remote_webpack_require__[remoteBundle].type = 'turbopack';\n    }\n  }\n\n  // load all initial chunks when using Turbopack runtime\n  if (runtime === RUNTIME_TURBOPACK) {\n    const results = await Promise.allSettled(\n      scripts.map((script) => {\n        if (script.src) {\n          return self.__webpack_chunk_load__?.(script.src, bundle);\n        }\n        return Promise.resolve(undefined);\n      }),\n    );\n\n    for (const result of results) {\n      if (result.status === 'rejected') {\n        logWarn(\n          'WebpackRuntime',\n          `Initial chunk load failed: ${String(result.reason)}`,\n        );\n      }\n    }\n  }\n\n  // initialize shared modules with core React dependencies\n  const coreShared = {\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    ...shared,\n  };\n  await initializeSharedModules(\n    bundle ?? 'default',\n    // include all core modules as shared\n    coreShared,\n    remoteShared,\n  );\n}\n\n/**\n * Creates module require function for webpack runtime.\n * This function resolves module IDs to their exports, handling:\n * - Webpack remotes (pre-loaded bundles)\n * - Shared modules (React, etc.)\n * - Turbopack modules (dynamically loaded)\n */\nfunction createModuleRequire(runtime: Runtime): (id: string) => unknown {\n  return (id: string) => {\n    const self = globalThis as GlobalScope;\n    const { bundle, id: moduleId } = id.match(REMOTE_COMPONENT_REGEX)\n      ?.groups ?? {\n      bundle: 'default',\n      id,\n    };\n    const remoteRuntime = self.__remote_webpack_require__?.[bundle ?? 'default']\n      ? self.__remote_webpack_require__[bundle ?? 'default']?.type || 'webpack'\n      : runtime;\n\n    logDebug('WebpackRuntime', `remoteRuntime: \"${remoteRuntime}\"`);\n\n    try {\n      // for webpack remotes, use the pre-loaded require function\n      if (remoteRuntime === RUNTIME_WEBPACK && bundle && moduleId) {\n        return self.__remote_webpack_require__?.[bundle]?.(moduleId);\n      }\n      const sharedModuleId = moduleId ?? id;\n      const sharedModule = getSharedModule(bundle ?? 'default', sharedModuleId);\n      if (sharedModule) {\n        return sharedModule;\n      }\n      if (bundle && moduleId) {\n        return handleTurbopackModule(bundle, moduleId, id);\n      }\n      throw new Error(`Module \"${id}\" not found.`);\n    } catch (requireError) {\n      logWarn(\n        'WebpackRuntime',\n        `Module require failed: ${String(requireError)}`,\n      );\n      if (typeof self.__original_webpack_require__ !== 'function') {\n        throw new RemoteComponentsError(\n          `Module \"${id}\" not found in remote component bundle \"${bundle}\".`,\n          {\n            cause: requireError instanceof Error ? requireError : undefined,\n          },\n        );\n      }\n      try {\n        logDebug('WebpackRuntime', 'Falling back to original webpack require');\n        return self.__original_webpack_require__(id);\n      } catch (originalError) {\n        throw new RemoteComponentsError(\n          `Module \"${id}\" not found in remote component bundle \"${bundle}\".`,\n          { cause: originalError instanceof Error ? originalError : undefined },\n        );\n      }\n    }\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/runtime/turbopack/webpack-runtime.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  RUNTIME_TURBOPACK,\n  RUNTIME_WEBPACK,\n  type Runtime,\n} from '#internal/runtime/constants';\nimport { REMOTE_COMPONENT_REGEX } from '#internal/runtime/patterns';\nimport type { GlobalScope } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, logWarn } from '#internal/utils/logger';\nimport { createChunkDispatcher, loadChunkWithScope } from './chunk-loader';\nimport { requireModule } from './module';\nimport { createScope, getScope, registerScope } from './remote-scope';\nimport { initializeSharedModules } from './shared-modules';\n\n/**\n * Sets up webpack runtime environment for remote components.\n *\n * Creates a RemoteScope that encapsulates all per-remote state (base URL,\n * proxy callback, module cache, shared modules) and registers it in the\n * global scope registry. Global dispatchers (__webpack_require__,\n * __webpack_chunk_load__) are set once and route to the correct scope.\n *\n * @param runtime - The bundler runtime type ('webpack' or 'turbopack')\n * @param scripts - Initial script chunks to load for Turbopack runtime\n * @param url - Base URL for the remote component bundle\n * @param bundle - Bundle identifier (defaults to 'default')\n * @param shared - Host-provided shared modules (e.g., React)\n * @param remoteShared - Mapping of remote module IDs to shared module names\n */\nexport async function setupWebpackRuntime(\n  runtime: Runtime,\n  scripts: { src: string | null }[] = [],\n  url: URL = new URL(location.href),\n  bundle?: string,\n  shared: Record<string, () => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  const self = globalThis as GlobalScope;\n  const bundleName = bundle ?? 'default';\n\n  // Create and register a scope for this remote\n  const scope = createScope(bundleName, url, runtime, resolveClientUrl);\n  registerScope(scope);\n\n  // Still needed by patch-require.ts (webpack plugin that generates runtime\n  // code as a string template — can't call getScope at build time) and the\n  // HTML host (html/index.tsx writes this before setupWebpackRuntime runs).\n  if (!self.__remote_bundle_url__) {\n    self.__remote_bundle_url__ = {};\n  }\n  self.__remote_bundle_url__[bundleName] = url;\n  // Also register under scopedName so webpack hosts (patch-require.ts) can\n  // resolve cross-origin remotes whose bundle identifiers were rewritten.\n  if (scope.scopedName !== bundleName) {\n    self.__remote_bundle_url__[scope.scopedName] = url;\n  }\n  self.__webpack_get_script_filename__ = () => null;\n\n  const willCreateDispatchers =\n    typeof self.__webpack_require__ !== 'function' ||\n    self.__webpack_require_type__ !== 'turbopack';\n\n  if (willCreateDispatchers) {\n    // preserve original webpack functions for fallback\n    if (\n      !self.__original_webpack_require__ &&\n      !self.__original_webpack_chunk_load__\n    ) {\n      self.__original_webpack_chunk_load__ = self.__webpack_chunk_load__;\n      self.__original_webpack_require__ = self.__webpack_require__;\n    }\n\n    self.__webpack_chunk_load__ = createChunkDispatcher();\n    self.__webpack_require__ = createModuleDispatcher(runtime);\n    self.__webpack_require_type__ = runtime;\n\n    if (self.__remote_webpack_require__ && runtime === RUNTIME_TURBOPACK) {\n      self.__remote_webpack_require__[bundleName] =\n        self.__webpack_require__ as (remoteId: string | number) => unknown;\n      self.__remote_webpack_require__[bundleName].type = 'turbopack';\n    }\n  }\n\n  // Alias __remote_webpack_require__ under the scoped name so the module\n  // dispatcher can find it when RSC data uses the rewritten bundle identifier.\n  // For turbopack remotes the entry was just created above; for webpack remotes\n  // it was populated by the remote's own scripts under the plain name.\n  if (\n    self.__remote_webpack_require__?.[bundleName] &&\n    scope.scopedName !== bundleName\n  ) {\n    self.__remote_webpack_require__[scope.scopedName] =\n      self.__remote_webpack_require__[bundleName];\n  }\n\n  // load all initial chunks directly via scope — no global dispatch needed\n  if (runtime === RUNTIME_TURBOPACK) {\n    const results = await Promise.allSettled(\n      scripts.map((script) => {\n        if (script.src) {\n          return loadChunkWithScope(scope, script.src);\n        }\n        return Promise.resolve(undefined);\n      }),\n    );\n\n    for (const result of results) {\n      if (result.status === 'rejected') {\n        logWarn(\n          'WebpackRuntime',\n          `Initial chunk load failed: ${String(result.reason)}`,\n        );\n      }\n    }\n  }\n\n  // initialize shared modules with core React dependencies\n  const coreShared = {\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    ...shared,\n  };\n  await initializeSharedModules(scope, coreShared, remoteShared);\n}\n\n/**\n * Creates the global module dispatcher for __webpack_require__.\n * Called by external code (React's RSC runtime) that doesn't have access to\n * a scope. Parses the module ID to find the correct scope and delegates\n * to scope-local module resolution.\n */\nfunction createModuleDispatcher(runtime: Runtime): (id: string) => unknown {\n  return (id: string) => {\n    const self = globalThis as GlobalScope;\n    const { bundle, id: moduleId } = id.match(REMOTE_COMPONENT_REGEX)\n      ?.groups ?? {\n      bundle: 'default',\n      id,\n    };\n    const bundleName = bundle ?? 'default';\n    const remoteRuntime = self.__remote_webpack_require__?.[bundleName]\n      ? self.__remote_webpack_require__[bundleName]?.type || 'webpack'\n      : runtime;\n\n    logDebug(\n      'ModuleDispatcher',\n      `Resolving \"${id}\" (bundle: \"${bundleName}\", runtime: \"${remoteRuntime}\")`,\n    );\n\n    try {\n      // for webpack remotes, use the pre-loaded require function\n      if (remoteRuntime === RUNTIME_WEBPACK && bundle && moduleId) {\n        return self.__remote_webpack_require__?.[bundle]?.(moduleId);\n      }\n\n      // Look up scope by parsed bundle name. Works with both the scoped\n      // name (Next.js hosts with server-side rewriting) and the plain\n      // bundle name (static/HTML hosts with unrewritten chunks).\n      const scope = getScope(bundleName);\n      if (scope) {\n        return requireModule(scope, moduleId ?? id, id);\n      }\n\n      throw new Error(\n        `Module \"${id}\" not found — no scope for bundle \"${bundleName}\".`,\n      );\n    } catch (requireError) {\n      logWarn(\n        'ModuleDispatcher',\n        `Module require failed: ${String(requireError)}`,\n      );\n      if (typeof self.__original_webpack_require__ !== 'function') {\n        throw new RemoteComponentsError(\n          `Module \"${id}\" not found in remote component bundle \"${bundleName}\".`,\n          {\n            cause: requireError instanceof Error ? requireError : undefined,\n          },\n        );\n      }\n      try {\n        logDebug(\n          'ModuleDispatcher',\n          'Falling back to original webpack require',\n        );\n        return self.__original_webpack_require__(id);\n      } catch (originalError) {\n        throw new RemoteComponentsError(\n          `Module \"${id}\" not found in remote component bundle \"${bundleName}\".`,\n          { cause: originalError instanceof Error ? originalError : undefined },\n        );\n      }\n    }\n  };\n}\n"],"mappings":"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","names":[]}