remote-components 0.3.1 → 0.3.2

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":[]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/types.ts"],"sourcesContent":["import type { RemoteComponentMetadata } from '#internal/runtime/metadata';\n\nexport interface GlobalScope {\n  __DISABLE_WEBPACK_EXEC__?: Record<string, boolean>;\n  __webpack_chunk_load__?: (\n    chunkId: string,\n    scriptBundle?: string,\n  ) => Promise<unknown> | undefined;\n  __original_webpack_chunk_load__?: (\n    chunkId: string,\n    scriptBundle?: string,\n  ) => Promise<unknown> | undefined;\n  __webpack_require__?: (id: string) => unknown;\n  __webpack_get_script_filename__?: (id: string) => string | null | undefined;\n  __original_webpack_require__?: (id: string) => unknown;\n  __remote_webpack_require__?: Record<\n    string,\n    ((remoteId: string | number) => unknown) & {\n      c?: Record<\n        string | number,\n        { id: string; parents: string[]; children: string[] }\n      >;\n      m?: Record<string | number, (module: { exports: unknown }) => void>;\n      type?: 'turbopack' | 'webpack' | 'script';\n    }\n  >;\n  __webpack_require_type__?: RemoteComponentMetadata['runtime'];\n  __remote_shared_modules__?: Record<string, Record<string, unknown>>;\n  __remote_bundle_url__?: Record<string, string | URL>;\n  __remote_components_turbopack_chunk_loader_promise__?: Record<\n    string,\n    Promise<unknown>\n  >;\n  __remote_components_turbopack_modules__?: Record<\n    string,\n    Record<string, unknown>\n  >;\n  __remote_components_turbopack_global__?: Record<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport interface LoaderResult {\n  component: React.ReactNode;\n  error?: Error;\n}\n\nexport type RSCKey = `__remote_component_rsc_${string}__`;\n\nexport type MountOrUnmountFunction = (\n  el?: ShadowRoot | DocumentFragment | HTMLElement | HTMLCollection | null,\n) => Promise<void> | void;\n\nexport interface MountUnmountFunctions {\n  __remote_script_entrypoint_mount__?: Record<\n    string,\n    Set<MountOrUnmountFunction>\n  >;\n  __remote_script_entrypoint_unmount__?: Record<\n    string,\n    Set<MountOrUnmountFunction>\n  >;\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../../src/runtime/types.ts"],"sourcesContent":["import type { RemoteComponentMetadata } from '#internal/runtime/metadata';\n\nexport interface GlobalScope {\n  __DISABLE_WEBPACK_EXEC__?: Record<string, boolean>;\n  __webpack_chunk_load__?: (\n    chunkId: string,\n    scriptBundle?: string,\n  ) => Promise<unknown> | undefined;\n  __original_webpack_chunk_load__?: (\n    chunkId: string,\n    scriptBundle?: string,\n  ) => Promise<unknown> | undefined;\n  __webpack_require__?: (id: string) => unknown;\n  __webpack_get_script_filename__?: (id: string) => string | null | undefined;\n  __original_webpack_require__?: (id: string) => unknown;\n  __remote_webpack_require__?: Record<\n    string,\n    ((remoteId: string | number) => unknown) & {\n      c?: Record<\n        string | number,\n        { id: string; parents: string[]; children: string[] }\n      >;\n      m?: Record<string | number, (module: { exports: unknown }) => void>;\n      type?: 'turbopack' | 'webpack' | 'script';\n    }\n  >;\n  __webpack_require_type__?: RemoteComponentMetadata['runtime'];\n  /** Base URL per bundle — used by image loaders, HTML host, and webpack plugins. */\n  __remote_bundle_url__?: Record<string, string | URL>;\n  /** Global chunk dedup cache keyed by absolute URL. */\n  __remote_components_turbopack_chunk_loader_promise__?: Record<\n    string,\n    Promise<unknown>\n  >;\n  /** RemoteScope registry keyed by scoped name — managed by turbopack/remote-scope.ts. */\n  __remote_component_scopes__?: Map<string, unknown>;\n  [key: string]: unknown;\n}\n\nexport interface LoaderResult {\n  component: React.ReactNode;\n  error?: Error;\n}\n\nexport type RSCKey = `__remote_component_rsc_${string}__`;\n\nexport type MountOrUnmountFunction = (\n  el?: ShadowRoot | DocumentFragment | HTMLElement | HTMLCollection | null,\n) => Promise<void> | void;\n\nexport interface MountUnmountFunctions {\n  __remote_script_entrypoint_mount__?: Record<\n    string,\n    Set<MountOrUnmountFunction>\n  >;\n  __remote_script_entrypoint_unmount__?: Record<\n    string,\n    Set<MountOrUnmountFunction>\n  >;\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}

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

@@ -19,11 +19,12 @@ interface GlobalScope {
         type?: 'turbopack' | 'webpack' | 'script';
     }>;
     __webpack_require_type__?: RemoteComponentMetadata['runtime'];
-    __remote_shared_modules__?: Record<string, Record<string, unknown>>;
+    /** Base URL per bundle — used by image loaders, HTML host, and webpack plugins. */
     __remote_bundle_url__?: Record<string, string | URL>;
+    /** Global chunk dedup cache keyed by absolute URL. */
     __remote_components_turbopack_chunk_loader_promise__?: Record<string, Promise<unknown>>;
-    __remote_components_turbopack_modules__?: Record<string, Record<string, unknown>>;
-    __remote_components_turbopack_global__?: Record<string, unknown>;
+    /** RemoteScope registry keyed by scoped name — managed by turbopack/remote-scope.ts. */
+    __remote_component_scopes__?: Map<string, unknown>;
     [key: string]: unknown;
 }
 interface LoaderResult {

package/dist/internal/utils/logger.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/logger.ts"],"sourcesContent":["import { CORS_DOCS_URL } from '#internal/utils/constants';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\ntype LogLocation =\n  | 'ChunkLoader'\n  | 'ComponentLoader'\n  | 'SharedModules'\n  | 'WebpackRuntime'\n  | 'TurbopackModule'\n  | 'StaticLoader'\n  | 'ScriptLoader'\n  | 'Polyfill'\n  | 'HtmlRemote'\n  | 'HtmlHost'\n  | 'Config'\n  | 'NextAppRouter'\n  | 'NextAppRouterCompat'\n  | 'FetchRemoteComponent';\n\nconst PREFIX = 'remote-components';\nconst DEBUG =\n  typeof window !== 'undefined' && localStorage.getItem('RC_DEBUG') === 'true';\n\nexport function logDebug(location: LogLocation, message: string) {\n  if (DEBUG) {\n    // eslint-disable-next-line no-console\n    console.debug(`[${PREFIX}:${location}]: ${message}`);\n  }\n}\n\nexport function logInfo(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.info(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logWarn(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.warn(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logError(\n  location: LogLocation,\n  message: string,\n  cause?: unknown,\n) {\n  // eslint-disable-next-line no-console\n  console.error(\n    new RemoteComponentsError(`[${PREFIX}:${location}]: ${message}`, {\n      cause,\n    }),\n  );\n}\n\n/**\n * Logs a warning when a cross-origin asset request fails, guiding users\n * to configure the proxy middleware and resolveClientUrl on their host.\n */\nexport function warnCrossOriginFetchError(\n  logLocation: LogLocation,\n  url: string | URL,\n): void {\n  try {\n    const parsed = typeof url === 'string' ? new URL(url) : url;\n    if (typeof location === 'undefined' || parsed.origin === location.origin) {\n      return;\n    }\n    logWarn(\n      logLocation,\n      `Failed to fetch cross-origin resource \"${parsed.href}\". ` +\n        'To load assets from a protected deployment, two steps are required: ' +\n        '(1) configure withRemoteComponentsHostProxy middleware in your host with the remote URL in allowedProxyUrls, ' +\n        'and (2) provide a resolveClientUrl prop that rewrites cross-origin asset URLs to go through the proxy. ' +\n        `See: ${CORS_DOCS_URL}`,\n    );\n  } catch {\n    // URL parsing failed — skip the warning\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA8B;AAC9B,mBAAsC;AAkBtC,MAAM,SAAS;AACf,MAAM,QACJ,OAAO,WAAW,eAAe,aAAa,QAAQ,UAAU,MAAM;AAEjE,SAAS,SAASA,WAAuB,SAAiB;AAC/D,MAAI,OAAO;AAET,YAAQ,MAAM,IAAI,UAAUA,eAAc,SAAS;AAAA,EACrD;AACF;AAEO,SAAS,QAAQA,WAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAUA,eAAc,SAAS;AACpD;AAEO,SAAS,QAAQA,WAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAUA,eAAc,SAAS;AACpD;AAEO,SAAS,SACdA,WACA,SACA,OACA;AAEA,UAAQ;AAAA,IACN,IAAI,mCAAsB,IAAI,UAAUA,eAAc,WAAW;AAAA,MAC/D;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAMO,SAAS,0BACd,aACA,KACM;AACN,MAAI;AACF,UAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAI,OAAO,aAAa,eAAe,OAAO,WAAW,SAAS,QAAQ;AACxE;AAAA,IACF;AACA;AAAA,MACE;AAAA,MACA,0CAA0C,OAAO,uSAIvC;AAAA,IACZ;AAAA,EACF,QAAE;AAAA,EAEF;AACF;","names":["location"]}
+{"version":3,"sources":["../../../src/utils/logger.ts"],"sourcesContent":["import { CORS_DOCS_URL } from '#internal/utils/constants';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\ntype LogLocation =\n  | 'ChunkLoader'\n  | 'ChunkDispatcher'\n  | 'ComponentLoader'\n  | 'ModuleDispatcher'\n  | 'RemoteScope'\n  | 'SharedModules'\n  | 'WebpackRuntime'\n  | 'TurbopackModule'\n  | 'StaticLoader'\n  | 'ScriptLoader'\n  | 'Polyfill'\n  | 'HtmlRemote'\n  | 'HtmlHost'\n  | 'Config'\n  | 'NextAppRouter'\n  | 'NextAppRouterCompat'\n  | 'FetchRemoteComponent';\n\nconst PREFIX = 'remote-components';\nconst DEBUG =\n  typeof window !== 'undefined' && localStorage.getItem('RC_DEBUG') === 'true';\n\nexport function logDebug(location: LogLocation, message: string) {\n  if (DEBUG) {\n    // eslint-disable-next-line no-console\n    console.debug(`[${PREFIX}:${location}]: ${message}`);\n  }\n}\n\nexport function logInfo(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.info(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logWarn(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.warn(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logError(\n  location: LogLocation,\n  message: string,\n  cause?: unknown,\n) {\n  // eslint-disable-next-line no-console\n  console.error(\n    new RemoteComponentsError(`[${PREFIX}:${location}]: ${message}`, {\n      cause,\n    }),\n  );\n}\n\n/**\n * Logs a warning when a cross-origin asset request fails, guiding users\n * to configure the proxy middleware and resolveClientUrl on their host.\n */\nexport function warnCrossOriginFetchError(\n  logLocation: LogLocation,\n  url: string | URL,\n): void {\n  try {\n    const parsed = typeof url === 'string' ? new URL(url) : url;\n    if (typeof location === 'undefined' || parsed.origin === location.origin) {\n      return;\n    }\n    logWarn(\n      logLocation,\n      `Failed to fetch cross-origin resource \"${parsed.href}\". ` +\n        'To load assets from a protected deployment, two steps are required: ' +\n        '(1) configure withRemoteComponentsHostProxy middleware in your host with the remote URL in allowedProxyUrls, ' +\n        'and (2) provide a resolveClientUrl prop that rewrites cross-origin asset URLs to go through the proxy. ' +\n        `See: ${CORS_DOCS_URL}`,\n    );\n  } catch {\n    // URL parsing failed — skip the warning\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAA8B;AAC9B,mBAAsC;AAqBtC,MAAM,SAAS;AACf,MAAM,QACJ,OAAO,WAAW,eAAe,aAAa,QAAQ,UAAU,MAAM;AAEjE,SAAS,SAASA,WAAuB,SAAiB;AAC/D,MAAI,OAAO;AAET,YAAQ,MAAM,IAAI,UAAUA,eAAc,SAAS;AAAA,EACrD;AACF;AAEO,SAAS,QAAQA,WAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAUA,eAAc,SAAS;AACpD;AAEO,SAAS,QAAQA,WAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAUA,eAAc,SAAS;AACpD;AAEO,SAAS,SACdA,WACA,SACA,OACA;AAEA,UAAQ;AAAA,IACN,IAAI,mCAAsB,IAAI,UAAUA,eAAc,WAAW;AAAA,MAC/D;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAMO,SAAS,0BACd,aACA,KACM;AACN,MAAI;AACF,UAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAI,OAAO,aAAa,eAAe,OAAO,WAAW,SAAS,QAAQ;AACxE;AAAA,IACF;AACA;AAAA,MACE;AAAA,MACA,0CAA0C,OAAO,uSAIvC;AAAA,IACZ;AAAA,EACF,QAAE;AAAA,EAEF;AACF;","names":["location"]}

package/dist/internal/utils/logger.d.ts

@@ -1,4 +1,4 @@
-type LogLocation = 'ChunkLoader' | 'ComponentLoader' | 'SharedModules' | 'WebpackRuntime' | 'TurbopackModule' | 'StaticLoader' | 'ScriptLoader' | 'Polyfill' | 'HtmlRemote' | 'HtmlHost' | 'Config' | 'NextAppRouter' | 'NextAppRouterCompat' | 'FetchRemoteComponent';
+type LogLocation = 'ChunkLoader' | 'ChunkDispatcher' | 'ComponentLoader' | 'ModuleDispatcher' | 'RemoteScope' | 'SharedModules' | 'WebpackRuntime' | 'TurbopackModule' | 'StaticLoader' | 'ScriptLoader' | 'Polyfill' | 'HtmlRemote' | 'HtmlHost' | 'Config' | 'NextAppRouter' | 'NextAppRouterCompat' | 'FetchRemoteComponent';
 declare function logDebug(location: LogLocation, message: string): void;
 declare function logInfo(location: LogLocation, message: string): void;
 declare function logWarn(location: LogLocation, message: string): void;

package/dist/internal/utils/logger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/logger.ts"],"sourcesContent":["import { CORS_DOCS_URL } from '#internal/utils/constants';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\ntype LogLocation =\n  | 'ChunkLoader'\n  | 'ComponentLoader'\n  | 'SharedModules'\n  | 'WebpackRuntime'\n  | 'TurbopackModule'\n  | 'StaticLoader'\n  | 'ScriptLoader'\n  | 'Polyfill'\n  | 'HtmlRemote'\n  | 'HtmlHost'\n  | 'Config'\n  | 'NextAppRouter'\n  | 'NextAppRouterCompat'\n  | 'FetchRemoteComponent';\n\nconst PREFIX = 'remote-components';\nconst DEBUG =\n  typeof window !== 'undefined' && localStorage.getItem('RC_DEBUG') === 'true';\n\nexport function logDebug(location: LogLocation, message: string) {\n  if (DEBUG) {\n    // eslint-disable-next-line no-console\n    console.debug(`[${PREFIX}:${location}]: ${message}`);\n  }\n}\n\nexport function logInfo(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.info(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logWarn(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.warn(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logError(\n  location: LogLocation,\n  message: string,\n  cause?: unknown,\n) {\n  // eslint-disable-next-line no-console\n  console.error(\n    new RemoteComponentsError(`[${PREFIX}:${location}]: ${message}`, {\n      cause,\n    }),\n  );\n}\n\n/**\n * Logs a warning when a cross-origin asset request fails, guiding users\n * to configure the proxy middleware and resolveClientUrl on their host.\n */\nexport function warnCrossOriginFetchError(\n  logLocation: LogLocation,\n  url: string | URL,\n): void {\n  try {\n    const parsed = typeof url === 'string' ? new URL(url) : url;\n    if (typeof location === 'undefined' || parsed.origin === location.origin) {\n      return;\n    }\n    logWarn(\n      logLocation,\n      `Failed to fetch cross-origin resource \"${parsed.href}\". ` +\n        'To load assets from a protected deployment, two steps are required: ' +\n        '(1) configure withRemoteComponentsHostProxy middleware in your host with the remote URL in allowedProxyUrls, ' +\n        'and (2) provide a resolveClientUrl prop that rewrites cross-origin asset URLs to go through the proxy. ' +\n        `See: ${CORS_DOCS_URL}`,\n    );\n  } catch {\n    // URL parsing failed — skip the warning\n  }\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAkBtC,MAAM,SAAS;AACf,MAAM,QACJ,OAAO,WAAW,eAAe,aAAa,QAAQ,UAAU,MAAM;AAEjE,SAAS,SAASA,WAAuB,SAAiB;AAC/D,MAAI,OAAO;AAET,YAAQ,MAAM,IAAI,UAAUA,eAAc,SAAS;AAAA,EACrD;AACF;AAEO,SAAS,QAAQA,WAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAUA,eAAc,SAAS;AACpD;AAEO,SAAS,QAAQA,WAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAUA,eAAc,SAAS;AACpD;AAEO,SAAS,SACdA,WACA,SACA,OACA;AAEA,UAAQ;AAAA,IACN,IAAI,sBAAsB,IAAI,UAAUA,eAAc,WAAW;AAAA,MAC/D;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAMO,SAAS,0BACd,aACA,KACM;AACN,MAAI;AACF,UAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAI,OAAO,aAAa,eAAe,OAAO,WAAW,SAAS,QAAQ;AACxE;AAAA,IACF;AACA;AAAA,MACE;AAAA,MACA,0CAA0C,OAAO,uSAIvC;AAAA,IACZ;AAAA,EACF,QAAE;AAAA,EAEF;AACF;","names":["location"]}
+{"version":3,"sources":["../../../src/utils/logger.ts"],"sourcesContent":["import { CORS_DOCS_URL } from '#internal/utils/constants';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\ntype LogLocation =\n  | 'ChunkLoader'\n  | 'ChunkDispatcher'\n  | 'ComponentLoader'\n  | 'ModuleDispatcher'\n  | 'RemoteScope'\n  | 'SharedModules'\n  | 'WebpackRuntime'\n  | 'TurbopackModule'\n  | 'StaticLoader'\n  | 'ScriptLoader'\n  | 'Polyfill'\n  | 'HtmlRemote'\n  | 'HtmlHost'\n  | 'Config'\n  | 'NextAppRouter'\n  | 'NextAppRouterCompat'\n  | 'FetchRemoteComponent';\n\nconst PREFIX = 'remote-components';\nconst DEBUG =\n  typeof window !== 'undefined' && localStorage.getItem('RC_DEBUG') === 'true';\n\nexport function logDebug(location: LogLocation, message: string) {\n  if (DEBUG) {\n    // eslint-disable-next-line no-console\n    console.debug(`[${PREFIX}:${location}]: ${message}`);\n  }\n}\n\nexport function logInfo(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.info(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logWarn(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.warn(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logError(\n  location: LogLocation,\n  message: string,\n  cause?: unknown,\n) {\n  // eslint-disable-next-line no-console\n  console.error(\n    new RemoteComponentsError(`[${PREFIX}:${location}]: ${message}`, {\n      cause,\n    }),\n  );\n}\n\n/**\n * Logs a warning when a cross-origin asset request fails, guiding users\n * to configure the proxy middleware and resolveClientUrl on their host.\n */\nexport function warnCrossOriginFetchError(\n  logLocation: LogLocation,\n  url: string | URL,\n): void {\n  try {\n    const parsed = typeof url === 'string' ? new URL(url) : url;\n    if (typeof location === 'undefined' || parsed.origin === location.origin) {\n      return;\n    }\n    logWarn(\n      logLocation,\n      `Failed to fetch cross-origin resource \"${parsed.href}\". ` +\n        'To load assets from a protected deployment, two steps are required: ' +\n        '(1) configure withRemoteComponentsHostProxy middleware in your host with the remote URL in allowedProxyUrls, ' +\n        'and (2) provide a resolveClientUrl prop that rewrites cross-origin asset URLs to go through the proxy. ' +\n        `See: ${CORS_DOCS_URL}`,\n    );\n  } catch {\n    // URL parsing failed — skip the warning\n  }\n}\n"],"mappings":"AAAA,SAAS,qBAAqB;AAC9B,SAAS,6BAA6B;AAqBtC,MAAM,SAAS;AACf,MAAM,QACJ,OAAO,WAAW,eAAe,aAAa,QAAQ,UAAU,MAAM;AAEjE,SAAS,SAASA,WAAuB,SAAiB;AAC/D,MAAI,OAAO;AAET,YAAQ,MAAM,IAAI,UAAUA,eAAc,SAAS;AAAA,EACrD;AACF;AAEO,SAAS,QAAQA,WAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAUA,eAAc,SAAS;AACpD;AAEO,SAAS,QAAQA,WAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAUA,eAAc,SAAS;AACpD;AAEO,SAAS,SACdA,WACA,SACA,OACA;AAEA,UAAQ;AAAA,IACN,IAAI,sBAAsB,IAAI,UAAUA,eAAc,WAAW;AAAA,MAC/D;AAAA,IACF,CAAC;AAAA,EACH;AACF;AAMO,SAAS,0BACd,aACA,KACM;AACN,MAAI;AACF,UAAM,SAAS,OAAO,QAAQ,WAAW,IAAI,IAAI,GAAG,IAAI;AACxD,QAAI,OAAO,aAAa,eAAe,OAAO,WAAW,SAAS,QAAQ;AACxE;AAAA,IACF;AACA;AAAA,MACE;AAAA,MACA,0CAA0C,OAAO,uSAIvC;AAAA,IACZ;AAAA,EACF,QAAE;AAAA,EAEF;AACF;","names":["location"]}

package/dist/internal/utils.cjs

@@ -19,12 +19,16 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   attrToProp: () => attrToProp,
+  computeScopedName: () => computeScopedName,
   escapeString: () => escapeString
 });
 module.exports = __toCommonJS(utils_exports);
 function escapeString(str) {
   return str.replace(/[^a-z0-9]/g, "_");
 }
+function computeScopedName(name, options) {
+  return options.isCrossOrigin ? `${name}_${escapeString(options.remoteHost.toLowerCase())}` : name;
+}
 const attrToProp = {
   fetchpriority: "fetchPriority",
   crossorigin: "crossOrigin",
@@ -35,6 +39,7 @@ const attrToProp = {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   attrToProp,
+  computeScopedName,
   escapeString
 });
 //# sourceMappingURL=utils.cjs.map

package/dist/internal/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export function escapeString(str: string) {\n  return str.replace(/[^a-z0-9]/g, '_');\n}\n\nexport const attrToProp = {\n  fetchpriority: 'fetchPriority',\n  crossorigin: 'crossOrigin',\n  imagesrcset: 'imageSrcSet',\n  imagesizes: 'imageSizes',\n  srcset: 'srcSet',\n} as Record<string, string>;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,aAAa,KAAa;AACxC,SAAO,IAAI,QAAQ,cAAc,GAAG;AACtC;AAEO,MAAM,aAAa;AAAA,EACxB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV;","names":[]}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export function escapeString(str: string) {\n  return str.replace(/[^a-z0-9]/g, '_');\n}\n\n/**\n * Computes the origin-qualified scoped name for a bundle. Same-origin\n * remotes keep the plain name; cross-origin remotes append the escaped\n * host (hostname + port) to avoid collisions between bundles that share\n * a name but are served from different origins.\n *\n * Used on both the server (to rewrite RSC flight data) and the client\n * (to create and look up RemoteScopes). Both sides must produce the\n * same value for a given remote.\n */\nexport function computeScopedName(\n  name: string,\n  options: { remoteHost: string; isCrossOrigin: boolean },\n): string {\n  return options.isCrossOrigin\n    ? `${name}_${escapeString(options.remoteHost.toLowerCase())}`\n    : name;\n}\n\nexport const attrToProp = {\n  fetchpriority: 'fetchPriority',\n  crossorigin: 'crossOrigin',\n  imagesrcset: 'imageSrcSet',\n  imagesizes: 'imageSizes',\n  srcset: 'srcSet',\n} as Record<string, string>;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,aAAa,KAAa;AACxC,SAAO,IAAI,QAAQ,cAAc,GAAG;AACtC;AAYO,SAAS,kBACd,MACA,SACQ;AACR,SAAO,QAAQ,gBACX,GAAG,QAAQ,aAAa,QAAQ,WAAW,YAAY,CAAC,MACxD;AACN;AAEO,MAAM,aAAa;AAAA,EACxB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV;","names":[]}

package/dist/internal/utils.d.ts

@@ -1,4 +1,18 @@
 declare function escapeString(str: string): string;
+/**
+ * Computes the origin-qualified scoped name for a bundle. Same-origin
+ * remotes keep the plain name; cross-origin remotes append the escaped
+ * host (hostname + port) to avoid collisions between bundles that share
+ * a name but are served from different origins.
+ *
+ * Used on both the server (to rewrite RSC flight data) and the client
+ * (to create and look up RemoteScopes). Both sides must produce the
+ * same value for a given remote.
+ */
+declare function computeScopedName(name: string, options: {
+    remoteHost: string;
+    isCrossOrigin: boolean;
+}): string;
 declare const attrToProp: Record<string, string>;
 
-export { attrToProp, escapeString };
+export { attrToProp, computeScopedName, escapeString };

package/dist/internal/utils.js

@@ -1,6 +1,9 @@
 function escapeString(str) {
   return str.replace(/[^a-z0-9]/g, "_");
 }
+function computeScopedName(name, options) {
+  return options.isCrossOrigin ? `${name}_${escapeString(options.remoteHost.toLowerCase())}` : name;
+}
 const attrToProp = {
   fetchpriority: "fetchPriority",
   crossorigin: "crossOrigin",
@@ -10,6 +13,7 @@ const attrToProp = {
 };
 export {
   attrToProp,
+  computeScopedName,
   escapeString
 };
 //# sourceMappingURL=utils.js.map

package/dist/internal/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export function escapeString(str: string) {\n  return str.replace(/[^a-z0-9]/g, '_');\n}\n\nexport const attrToProp = {\n  fetchpriority: 'fetchPriority',\n  crossorigin: 'crossOrigin',\n  imagesrcset: 'imageSrcSet',\n  imagesizes: 'imageSizes',\n  srcset: 'srcSet',\n} as Record<string, string>;\n"],"mappings":"AAAO,SAAS,aAAa,KAAa;AACxC,SAAO,IAAI,QAAQ,cAAc,GAAG;AACtC;AAEO,MAAM,aAAa;AAAA,EACxB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV;","names":[]}
+{"version":3,"sources":["../../src/utils/index.ts"],"sourcesContent":["export function escapeString(str: string) {\n  return str.replace(/[^a-z0-9]/g, '_');\n}\n\n/**\n * Computes the origin-qualified scoped name for a bundle. Same-origin\n * remotes keep the plain name; cross-origin remotes append the escaped\n * host (hostname + port) to avoid collisions between bundles that share\n * a name but are served from different origins.\n *\n * Used on both the server (to rewrite RSC flight data) and the client\n * (to create and look up RemoteScopes). Both sides must produce the\n * same value for a given remote.\n */\nexport function computeScopedName(\n  name: string,\n  options: { remoteHost: string; isCrossOrigin: boolean },\n): string {\n  return options.isCrossOrigin\n    ? `${name}_${escapeString(options.remoteHost.toLowerCase())}`\n    : name;\n}\n\nexport const attrToProp = {\n  fetchpriority: 'fetchPriority',\n  crossorigin: 'crossOrigin',\n  imagesrcset: 'imageSrcSet',\n  imagesizes: 'imageSizes',\n  srcset: 'srcSet',\n} as Record<string, string>;\n"],"mappings":"AAAO,SAAS,aAAa,KAAa;AACxC,SAAO,IAAI,QAAQ,cAAc,GAAG;AACtC;AAYO,SAAS,kBACd,MACA,SACQ;AACR,SAAO,QAAQ,gBACX,GAAG,QAAQ,aAAa,QAAQ,WAAW,YAAY,CAAC,MACxD;AACN;AAEO,MAAM,aAAa;AAAA,EACxB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV;","names":[]}