remote-components 0.2.0 → 0.2.2

package/dist/internal/runtime/turbopack/chunk-loader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/turbopack/chunk-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  getBundleKey,\n  REMOTE_COMPONENT_REGEX,\n  RUNTIME_WEBPACK,\n  type Runtime,\n} from '#internal/runtime/constants';\nimport type { GlobalScope } from '#internal/runtime/types';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  CORS_DOCS_URL,\n  RC_PROTECTED_REMOTE_FETCH_PATHNAME,\n} from '#internal/utils/constants';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, warnCrossOriginFetchError } from '#internal/utils/logger';\nimport { TURBOPACK_GLOBAL_RE } from './patterns';\n\n/**\n * Creates chunk loader function for webpack runtime.\n * This function is responsible for loading JavaScript chunks from remote applications\n * and transforming Turbopack-specific code to work in the host environment.\n */\nexport function createChunkLoader(\n  runtime: Runtime,\n  resolveClientUrl?: InternalResolveClientUrl,\n): (chunkId: string, scriptBundle?: string) => Promise<unknown> | undefined {\n  return function __turbopack_chunk_load__(\n    chunkId: string,\n    scriptBundle?: string,\n  ) {\n    logDebug('ChunkLoader', `Loading chunk: \"${chunkId}\"`);\n    const self = globalThis as GlobalScope;\n    const {\n      bundle,\n      id: path,\n      prefix,\n    } = REMOTE_COMPONENT_REGEX.exec(chunkId)?.groups ?? {\n      bundle: scriptBundle ?? '',\n      id: chunkId,\n    };\n    logDebug(\n      'ChunkLoader',\n      `Parsed chunk - bundle: \"${bundle}\", path: \"${path}\", prefix: \"${prefix}\"`,\n    );\n    const remoteRuntime = self.__remote_webpack_require__?.[bundle ?? 'default']\n      ? self.__remote_webpack_require__[bundle ?? 'default']?.type || 'webpack'\n      : runtime;\n    logDebug('ChunkLoader', `Remote runtime: \"${remoteRuntime}\"`);\n    if (remoteRuntime === RUNTIME_WEBPACK) {\n      logDebug('ChunkLoader', 'Skipping chunk load - webpack runtime detected');\n      return Promise.resolve(undefined);\n    }\n\n    const url = new URL(\n      path\n        ? `${prefix ?? ''}${path}`.replace(\n            /(?<char>[^:])(?<double>\\/\\/)/g,\n            '$1/',\n          )\n        : '/',\n      self.__remote_bundle_url__?.[bundle ?? 'default'] ??\n        new URL(location.origin),\n    ).href;\n    if (url.endsWith('.css')) {\n      logDebug('ChunkLoader', `Skipping CSS file: \"${url}\"`);\n      return;\n    }\n\n    if (!self.__remote_components_turbopack_chunk_loader_promise__) {\n      self.__remote_components_turbopack_chunk_loader_promise__ = {};\n    }\n    if (self.__remote_components_turbopack_chunk_loader_promise__[url]) {\n      logDebug('ChunkLoader', `Returning cached promise for: \"${url}\"`);\n      return self.__remote_components_turbopack_chunk_loader_promise__[url];\n    }\n\n    const resolvedUrl = resolveClientUrl?.(url) ?? url;\n    logDebug('ChunkLoader', `Fetching chunk from: \"${resolvedUrl}\"`);\n    self.__remote_components_turbopack_chunk_loader_promise__[url] =\n      new Promise((resolve, reject) => {\n        fetch(resolvedUrl)\n          .then((res) => res.text())\n          .then((code) => {\n            // Turbopack runtime uses either dot-notation or bracket-notation globals.\n            const hasTurbopack = TURBOPACK_GLOBAL_RE.test(code);\n            if (hasTurbopack) {\n              return handleTurbopackChunk(code, bundle ?? '', url);\n            }\n            logDebug(\n              'ChunkLoader',\n              `Chunk does not contain globalThis.TURBOPACK or self.TURBOPACK: \"${url}\"`,\n            );\n            logDebug(\n              'ChunkLoader',\n              `First 500 chars of chunk: ${code.slice(0, 500)}`,\n            );\n          })\n          .then(resolve)\n          .catch((error) => {\n            const isProxied = isProxiedUrl(resolvedUrl);\n            if (isProxied) {\n              reject(\n                new RemoteComponentsError(\n                  `Failed to load chunk \"${url}\" via proxy \"${resolvedUrl}\". ` +\n                    `Ensure withRemoteComponentsHostProxy middleware is configured and \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" is in the matcher. ` +\n                    `See: ${CORS_DOCS_URL}`,\n                ),\n              );\n            } else {\n              warnCrossOriginFetchError('ChunkLoader', url);\n              reject(error);\n            }\n          });\n      });\n\n    return self.__remote_components_turbopack_chunk_loader_promise__[url];\n  };\n}\n\n/**\n * Handles Turbopack chunk loading by transforming the chunk code to isolate\n * global variables per bundle and dynamically loading the transformed script.\n */\nasync function handleTurbopackChunk(\n  code: string,\n  bundle: string,\n  url: string,\n): Promise<void> {\n  logDebug(\n    'ChunkLoader',\n    `Handling Turbopack chunk - bundle: \"${bundle}\", url: \"${url}\"`,\n  );\n  // skip this chunk as it is not needed for remote components\n  if (/importScripts\\(\\.\\.\\.self.TURBOPACK_NEXT_CHUNK_URLS/.test(code)) {\n    logDebug('ChunkLoader', `Skipping worker chunk: \"${url}\"`);\n    // remove preload links for this chunk\n    const preloadLinks = document.querySelectorAll(\n      `link[rel=\"preload\"][href=\"${new URL(url).pathname}\"]`,\n    );\n    preloadLinks.forEach((preloadLink) => preloadLink.remove());\n    return;\n  }\n\n  const self = globalThis as GlobalScope;\n  const bundleKey = getBundleKey(bundle);\n  logDebug('ChunkLoader', `Bundle key: \"${bundleKey}\"`);\n\n  // replace global variables with bundle-specific ones to prevent collisions\n  // between multiple remote component bundles\n  const transformedCode = code\n    // Turbopack runtime can reference TURBOPACK via bracket-notation (common in newer Next.js)\n    // e.g. globalThis[\"TURBOPACK\"] / self['TURBOPACK']\n    .replace(\n      /globalThis\\[\\s*[\"']TURBOPACK[\"']\\s*\\]/g,\n      `globalThis[\"TURBOPACK_${bundleKey}\"]`,\n    )\n    .replace(\n      /self\\[\\s*[\"']TURBOPACK[\"']\\s*\\]/g,\n      `self[\"TURBOPACK_${bundleKey}\"]`,\n    )\n    .replace(/globalThis\\.TURBOPACK/g, `globalThis.TURBOPACK_${bundleKey}`)\n    .replace(/self\\.TURBOPACK(?!_)/g, `self.TURBOPACK_${bundleKey}`)\n    .replace(\n      /TURBOPACK_WORKER_LOCATION/g,\n      `TURBOPACK_WORKER_LOCATION_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_NEXT_CHUNK_URLS/g,\n      `TURBOPACK_NEXT_CHUNK_URLS_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_CHUNK_UPDATE_LISTENERS/g,\n      `TURBOPACK_CHUNK_UPDATE_LISTENERS_${bundleKey}`,\n    )\n    .replace(/__next_require__/g, `__${bundleKey}_next_require__`)\n    .replace(\n      /\\/\\/# sourceMappingURL=(?<name>.+)(?<optional>\\._)?\\.js\\.map/g,\n      `//# sourceMappingURL=${\n        new URL(\n          '.',\n          new URL(\n            url,\n            self.__remote_bundle_url__?.[bundle] ?? new URL(location.origin),\n          ),\n        ).href\n      }$1$2.js.map`,\n    );\n\n  // Initialize TURBOPACK bundle with push interceptor for Next.js 16.2.0-canary\n  // Use webpack-style chunk loading pattern\n  if (!self[`TURBOPACK_${bundleKey}`]) {\n    const chunkData: unknown[][] = [];\n    const turbopackObject = {\n      push: (item: unknown) => {\n        logDebug(\n          'ChunkLoader',\n          `TURBOPACK_${bundleKey}.push() called with item type: ${Array.isArray(item) ? 'array' : typeof item}`,\n        );\n        if (Array.isArray(item)) {\n          chunkData.push(item);\n          logDebug(\n            'ChunkLoader',\n            `TURBOPACK_${bundleKey} now has ${chunkData.length} chunks`,\n          );\n        } else {\n          chunkData.push([item]);\n        }\n        return chunkData.length;\n      },\n      // Store chunks for later access\n      __chunks__: chunkData,\n    };\n    self[`TURBOPACK_${bundleKey}`] = turbopackObject as unknown as Record<\n      string,\n      unknown\n    >;\n  }\n\n  // load the script dynamically using a Blob URL\n  logDebug('ChunkLoader', `Creating blob script for: \"${url}\"`);\n  await new Promise<void>((scriptResolve, scriptReject) => {\n    const blob = new Blob([transformedCode], {\n      type: 'application/javascript; charset=UTF-8',\n    });\n    const scriptUrl = URL.createObjectURL(blob);\n    const script = document.createElement('script');\n    script.setAttribute('data-turbopack-src', url);\n    script.src = scriptUrl;\n    script.async = true;\n    script.onload = () => {\n      URL.revokeObjectURL(scriptUrl);\n      logDebug(\n        'ChunkLoader',\n        `Script loaded successfully for bundle \"${bundle}\"`,\n      );\n      const turbopackBundle = self[`TURBOPACK_${bundleKey}`];\n      logDebug(\n        'ChunkLoader',\n        `TURBOPACK_${bundleKey} type: ${typeof turbopackBundle}, isArray: ${Array.isArray(turbopackBundle)}, keys: ${\n          turbopackBundle\n            ? Object.keys(turbopackBundle as object)\n                .slice(0, 10)\n                .join(', ')\n            : 'none'\n        }`,\n      );\n      if (turbopackBundle && typeof turbopackBundle === 'object') {\n        logDebug(\n          'ChunkLoader',\n          `TURBOPACK_${bundleKey} length/size: ${Array.isArray(turbopackBundle) ? turbopackBundle.length : Object.keys(turbopackBundle as object).length}`,\n        );\n      }\n      scriptResolve(undefined);\n      script.remove();\n    };\n    script.onerror = () => {\n      URL.revokeObjectURL(scriptUrl);\n      scriptReject(\n        new RemoteComponentsError(\n          `Failed to load <script src=\"${script.src}\"> for Remote Component. Check the URL is correct.`,\n        ),\n      );\n      script.remove();\n    };\n    document.head.appendChild(script);\n  });\n\n  // process any additional chunks that were registered during script execution\n  const chunkLists = self[`TURBOPACK_${bundleKey}_CHUNK_LISTS`] as\n    | { chunks: string[] }[]\n    | undefined;\n  logDebug(\n    'ChunkLoader',\n    `Processing chunk lists for bundle \"${bundle}\": ${chunkLists?.length ?? 0} lists`,\n  );\n  const loadChunkLists = [] as (Promise<unknown> | undefined)[];\n  while (chunkLists?.length) {\n    const { chunks } = chunkLists.shift() ?? { chunks: [] };\n    if (chunks.length > 0) {\n      logDebug(\n        'ChunkLoader',\n        `Loading ${chunks.length} additional chunks for bundle \"${bundle}\": [${chunks.join(', ')}]`,\n      );\n      chunks.forEach((id: string) => {\n        const chunkLoadResult = self.__webpack_chunk_load__?.(\n          `[${bundle}] ${url.slice(0, url.indexOf('/_next'))}/_next/${id}`,\n        );\n        if (chunkLoadResult) {\n          loadChunkLists.push(chunkLoadResult);\n        }\n      });\n    }\n  }\n  if (loadChunkLists.length > 0) {\n    logDebug(\n      'ChunkLoader',\n      `Waiting for ${loadChunkLists.length} additional chunks to load`,\n    );\n    await Promise.all(loadChunkLists);\n  }\n}\n"],"mappings":"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","names":["import_constants"]}
+{"version":3,"sources":["../../../../src/runtime/turbopack/chunk-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  getBundleKey,\n  REMOTE_COMPONENT_REGEX,\n  RUNTIME_WEBPACK,\n  type Runtime,\n} from '#internal/runtime/constants';\nimport type { GlobalScope } from '#internal/runtime/types';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { logDebug, warnCrossOriginFetchError } from '#internal/utils/logger';\nimport { TURBOPACK_GLOBAL_RE } from './patterns';\n\n/**\n * Creates chunk loader function for webpack runtime.\n * This function is responsible for loading JavaScript chunks from remote applications\n * and transforming Turbopack-specific code to work in the host environment.\n */\nexport function createChunkLoader(\n  runtime: Runtime,\n  resolveClientUrl?: InternalResolveClientUrl,\n): (chunkId: string, scriptBundle?: string) => Promise<unknown> | undefined {\n  return function __turbopack_chunk_load__(\n    chunkId: string,\n    scriptBundle?: string,\n  ) {\n    logDebug('ChunkLoader', `Loading chunk: \"${chunkId}\"`);\n    const self = globalThis as GlobalScope;\n    const {\n      bundle,\n      id: path,\n      prefix,\n    } = REMOTE_COMPONENT_REGEX.exec(chunkId)?.groups ?? {\n      bundle: scriptBundle ?? '',\n      id: chunkId,\n    };\n    logDebug(\n      'ChunkLoader',\n      `Parsed chunk - bundle: \"${bundle}\", path: \"${path}\", prefix: \"${prefix}\"`,\n    );\n    const remoteRuntime = self.__remote_webpack_require__?.[bundle ?? 'default']\n      ? self.__remote_webpack_require__[bundle ?? 'default']?.type || 'webpack'\n      : runtime;\n    logDebug('ChunkLoader', `Remote runtime: \"${remoteRuntime}\"`);\n    if (remoteRuntime === RUNTIME_WEBPACK) {\n      logDebug('ChunkLoader', 'Skipping chunk load - webpack runtime detected');\n      return Promise.resolve(undefined);\n    }\n\n    const url = new URL(\n      path\n        ? `${prefix ?? ''}${path}`.replace(\n            /(?<char>[^:])(?<double>\\/\\/)/g,\n            '$1/',\n          )\n        : '/',\n      self.__remote_bundle_url__?.[bundle ?? 'default'] ??\n        new URL(location.origin),\n    ).href;\n    if (url.endsWith('.css')) {\n      logDebug('ChunkLoader', `Skipping CSS file: \"${url}\"`);\n      return;\n    }\n\n    if (!self.__remote_components_turbopack_chunk_loader_promise__) {\n      self.__remote_components_turbopack_chunk_loader_promise__ = {};\n    }\n    if (self.__remote_components_turbopack_chunk_loader_promise__[url]) {\n      logDebug('ChunkLoader', `Returning cached promise for: \"${url}\"`);\n      return self.__remote_components_turbopack_chunk_loader_promise__[url];\n    }\n\n    const resolvedUrl = resolveClientUrl?.(url) ?? url;\n    logDebug('ChunkLoader', `Fetching chunk from: \"${resolvedUrl}\"`);\n    self.__remote_components_turbopack_chunk_loader_promise__[url] =\n      new Promise((resolve, reject) => {\n        fetch(resolvedUrl)\n          .then((res) => res.text())\n          .then((code) => {\n            // Turbopack runtime uses either dot-notation or bracket-notation globals.\n            const hasTurbopack = TURBOPACK_GLOBAL_RE.test(code);\n            if (hasTurbopack) {\n              return handleTurbopackChunk(code, bundle ?? '', url);\n            }\n            logDebug(\n              'ChunkLoader',\n              `Chunk does not contain globalThis.TURBOPACK or self.TURBOPACK: \"${url}\"`,\n            );\n            logDebug(\n              'ChunkLoader',\n              `First 500 chars of chunk: ${code.slice(0, 500)}`,\n            );\n          })\n          .then(resolve)\n          .catch((error) => {\n            const isProxied = isProxiedUrl(resolvedUrl);\n            if (isProxied) {\n              reject(failedProxiedAssetError('chunk', url, resolvedUrl));\n            } else {\n              warnCrossOriginFetchError('ChunkLoader', url);\n              reject(error);\n            }\n          });\n      });\n\n    return self.__remote_components_turbopack_chunk_loader_promise__[url];\n  };\n}\n\n/**\n * Handles Turbopack chunk loading by transforming the chunk code to isolate\n * global variables per bundle and dynamically loading the transformed script.\n */\nasync function handleTurbopackChunk(\n  code: string,\n  bundle: string,\n  url: string,\n): Promise<void> {\n  logDebug(\n    'ChunkLoader',\n    `Handling Turbopack chunk - bundle: \"${bundle}\", url: \"${url}\"`,\n  );\n  // skip this chunk as it is not needed for remote components\n  if (/importScripts\\(\\.\\.\\.self.TURBOPACK_NEXT_CHUNK_URLS/.test(code)) {\n    logDebug('ChunkLoader', `Skipping worker chunk: \"${url}\"`);\n    // remove preload links for this chunk\n    const preloadLinks = document.querySelectorAll(\n      `link[rel=\"preload\"][href=\"${new URL(url).pathname}\"]`,\n    );\n    preloadLinks.forEach((preloadLink) => preloadLink.remove());\n    return;\n  }\n\n  const self = globalThis as GlobalScope;\n  const bundleKey = getBundleKey(bundle);\n  logDebug('ChunkLoader', `Bundle key: \"${bundleKey}\"`);\n\n  // replace global variables with bundle-specific ones to prevent collisions\n  // between multiple remote component bundles\n  const transformedCode = code\n    // Turbopack runtime can reference TURBOPACK via bracket-notation (common in newer Next.js)\n    // e.g. globalThis[\"TURBOPACK\"] / self['TURBOPACK']\n    .replace(\n      /globalThis\\[\\s*[\"']TURBOPACK[\"']\\s*\\]/g,\n      `globalThis[\"TURBOPACK_${bundleKey}\"]`,\n    )\n    .replace(\n      /self\\[\\s*[\"']TURBOPACK[\"']\\s*\\]/g,\n      `self[\"TURBOPACK_${bundleKey}\"]`,\n    )\n    .replace(/globalThis\\.TURBOPACK/g, `globalThis.TURBOPACK_${bundleKey}`)\n    .replace(/self\\.TURBOPACK(?!_)/g, `self.TURBOPACK_${bundleKey}`)\n    .replace(\n      /TURBOPACK_WORKER_LOCATION/g,\n      `TURBOPACK_WORKER_LOCATION_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_NEXT_CHUNK_URLS/g,\n      `TURBOPACK_NEXT_CHUNK_URLS_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_CHUNK_UPDATE_LISTENERS/g,\n      `TURBOPACK_CHUNK_UPDATE_LISTENERS_${bundleKey}`,\n    )\n    .replace(/__next_require__/g, `__${bundleKey}_next_require__`)\n    .replace(\n      /\\/\\/# sourceMappingURL=(?<name>.+)(?<optional>\\._)?\\.js\\.map/g,\n      `//# sourceMappingURL=${\n        new URL(\n          '.',\n          new URL(\n            url,\n            self.__remote_bundle_url__?.[bundle] ?? new URL(location.origin),\n          ),\n        ).href\n      }$1$2.js.map`,\n    );\n\n  // Initialize TURBOPACK bundle with push interceptor for Next.js 16.2.0-canary\n  // Use webpack-style chunk loading pattern\n  if (!self[`TURBOPACK_${bundleKey}`]) {\n    const chunkData: unknown[][] = [];\n    const turbopackObject = {\n      push: (item: unknown) => {\n        logDebug(\n          'ChunkLoader',\n          `TURBOPACK_${bundleKey}.push() called with item type: ${Array.isArray(item) ? 'array' : typeof item}`,\n        );\n        if (Array.isArray(item)) {\n          chunkData.push(item);\n          logDebug(\n            'ChunkLoader',\n            `TURBOPACK_${bundleKey} now has ${chunkData.length} chunks`,\n          );\n        } else {\n          chunkData.push([item]);\n        }\n        return chunkData.length;\n      },\n      // Store chunks for later access\n      __chunks__: chunkData,\n    };\n    self[`TURBOPACK_${bundleKey}`] = turbopackObject as unknown as Record<\n      string,\n      unknown\n    >;\n  }\n\n  // load the script dynamically using a Blob URL\n  logDebug('ChunkLoader', `Creating blob script for: \"${url}\"`);\n  await new Promise<void>((scriptResolve, scriptReject) => {\n    const blob = new Blob([transformedCode], {\n      type: 'application/javascript; charset=UTF-8',\n    });\n    const scriptUrl = URL.createObjectURL(blob);\n    const script = document.createElement('script');\n    script.setAttribute('data-turbopack-src', url);\n    script.src = scriptUrl;\n    script.async = true;\n    script.onload = () => {\n      URL.revokeObjectURL(scriptUrl);\n      logDebug(\n        'ChunkLoader',\n        `Script loaded successfully for bundle \"${bundle}\"`,\n      );\n      const turbopackBundle = self[`TURBOPACK_${bundleKey}`];\n      logDebug(\n        'ChunkLoader',\n        `TURBOPACK_${bundleKey} type: ${typeof turbopackBundle}, isArray: ${Array.isArray(turbopackBundle)}, keys: ${\n          turbopackBundle\n            ? Object.keys(turbopackBundle as object)\n                .slice(0, 10)\n                .join(', ')\n            : 'none'\n        }`,\n      );\n      if (turbopackBundle && typeof turbopackBundle === 'object') {\n        logDebug(\n          'ChunkLoader',\n          `TURBOPACK_${bundleKey} length/size: ${Array.isArray(turbopackBundle) ? turbopackBundle.length : Object.keys(turbopackBundle as object).length}`,\n        );\n      }\n      scriptResolve(undefined);\n      script.remove();\n    };\n    script.onerror = () => {\n      URL.revokeObjectURL(scriptUrl);\n      scriptReject(\n        new RemoteComponentsError(\n          `Failed to load <script src=\"${script.src}\"> for Remote Component. Check the URL is correct.`,\n        ),\n      );\n      script.remove();\n    };\n    document.head.appendChild(script);\n  });\n\n  // process any additional chunks that were registered during script execution\n  const chunkLists = self[`TURBOPACK_${bundleKey}_CHUNK_LISTS`] as\n    | { chunks: string[] }[]\n    | undefined;\n  logDebug(\n    'ChunkLoader',\n    `Processing chunk lists for bundle \"${bundle}\": ${chunkLists?.length ?? 0} lists`,\n  );\n  const loadChunkLists = [] as (Promise<unknown> | undefined)[];\n  while (chunkLists?.length) {\n    const { chunks } = chunkLists.shift() ?? { chunks: [] };\n    if (chunks.length > 0) {\n      logDebug(\n        'ChunkLoader',\n        `Loading ${chunks.length} additional chunks for bundle \"${bundle}\": [${chunks.join(', ')}]`,\n      );\n      chunks.forEach((id: string) => {\n        const chunkLoadResult = self.__webpack_chunk_load__?.(\n          `[${bundle}] ${url.slice(0, url.indexOf('/_next'))}/_next/${id}`,\n        );\n        if (chunkLoadResult) {\n          loadChunkLists.push(chunkLoadResult);\n        }\n      });\n    }\n  }\n  if (loadChunkLists.length > 0) {\n    logDebug(\n      'ChunkLoader',\n      `Waiting for ${loadChunkLists.length} additional chunks to load`,\n    );\n    await Promise.all(loadChunkLists);\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/internal/runtime/turbopack/chunk-loader.js

@@ -5,10 +5,9 @@ import {
 } from "#internal/runtime/constants";
 import { isProxiedUrl } from "#internal/runtime/url/protected-rc-fallback";
 import {
-  CORS_DOCS_URL,
-  RC_PROTECTED_REMOTE_FETCH_PATHNAME
-} from "#internal/utils/constants";
-import { RemoteComponentsError } from "#internal/utils/error";
+  failedProxiedAssetError,
+  RemoteComponentsError
+} from "#internal/utils/error";
 import { logDebug, warnCrossOriginFetchError } from "#internal/utils/logger";
 import { TURBOPACK_GLOBAL_RE } from "./patterns";
 function createChunkLoader(runtime, resolveClientUrl) {
@@ -70,11 +69,7 @@ function createChunkLoader(runtime, resolveClientUrl) {
       }).then(resolve).catch((error) => {
         const isProxied = isProxiedUrl(resolvedUrl);
         if (isProxied) {
-          reject(
-            new RemoteComponentsError(
-              `Failed to load chunk "${url}" via proxy "${resolvedUrl}". Ensure withRemoteComponentsHostProxy middleware is configured and "${RC_PROTECTED_REMOTE_FETCH_PATHNAME}" is in the matcher. See: ${CORS_DOCS_URL}`
-            )
-          );
+          reject(failedProxiedAssetError("chunk", url, resolvedUrl));
         } else {
           warnCrossOriginFetchError("ChunkLoader", url);
           reject(error);

package/dist/internal/runtime/turbopack/chunk-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/turbopack/chunk-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  getBundleKey,\n  REMOTE_COMPONENT_REGEX,\n  RUNTIME_WEBPACK,\n  type Runtime,\n} from '#internal/runtime/constants';\nimport type { GlobalScope } from '#internal/runtime/types';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  CORS_DOCS_URL,\n  RC_PROTECTED_REMOTE_FETCH_PATHNAME,\n} from '#internal/utils/constants';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, warnCrossOriginFetchError } from '#internal/utils/logger';\nimport { TURBOPACK_GLOBAL_RE } from './patterns';\n\n/**\n * Creates chunk loader function for webpack runtime.\n * This function is responsible for loading JavaScript chunks from remote applications\n * and transforming Turbopack-specific code to work in the host environment.\n */\nexport function createChunkLoader(\n  runtime: Runtime,\n  resolveClientUrl?: InternalResolveClientUrl,\n): (chunkId: string, scriptBundle?: string) => Promise<unknown> | undefined {\n  return function __turbopack_chunk_load__(\n    chunkId: string,\n    scriptBundle?: string,\n  ) {\n    logDebug('ChunkLoader', `Loading chunk: \"${chunkId}\"`);\n    const self = globalThis as GlobalScope;\n    const {\n      bundle,\n      id: path,\n      prefix,\n    } = REMOTE_COMPONENT_REGEX.exec(chunkId)?.groups ?? {\n      bundle: scriptBundle ?? '',\n      id: chunkId,\n    };\n    logDebug(\n      'ChunkLoader',\n      `Parsed chunk - bundle: \"${bundle}\", path: \"${path}\", prefix: \"${prefix}\"`,\n    );\n    const remoteRuntime = self.__remote_webpack_require__?.[bundle ?? 'default']\n      ? self.__remote_webpack_require__[bundle ?? 'default']?.type || 'webpack'\n      : runtime;\n    logDebug('ChunkLoader', `Remote runtime: \"${remoteRuntime}\"`);\n    if (remoteRuntime === RUNTIME_WEBPACK) {\n      logDebug('ChunkLoader', 'Skipping chunk load - webpack runtime detected');\n      return Promise.resolve(undefined);\n    }\n\n    const url = new URL(\n      path\n        ? `${prefix ?? ''}${path}`.replace(\n            /(?<char>[^:])(?<double>\\/\\/)/g,\n            '$1/',\n          )\n        : '/',\n      self.__remote_bundle_url__?.[bundle ?? 'default'] ??\n        new URL(location.origin),\n    ).href;\n    if (url.endsWith('.css')) {\n      logDebug('ChunkLoader', `Skipping CSS file: \"${url}\"`);\n      return;\n    }\n\n    if (!self.__remote_components_turbopack_chunk_loader_promise__) {\n      self.__remote_components_turbopack_chunk_loader_promise__ = {};\n    }\n    if (self.__remote_components_turbopack_chunk_loader_promise__[url]) {\n      logDebug('ChunkLoader', `Returning cached promise for: \"${url}\"`);\n      return self.__remote_components_turbopack_chunk_loader_promise__[url];\n    }\n\n    const resolvedUrl = resolveClientUrl?.(url) ?? url;\n    logDebug('ChunkLoader', `Fetching chunk from: \"${resolvedUrl}\"`);\n    self.__remote_components_turbopack_chunk_loader_promise__[url] =\n      new Promise((resolve, reject) => {\n        fetch(resolvedUrl)\n          .then((res) => res.text())\n          .then((code) => {\n            // Turbopack runtime uses either dot-notation or bracket-notation globals.\n            const hasTurbopack = TURBOPACK_GLOBAL_RE.test(code);\n            if (hasTurbopack) {\n              return handleTurbopackChunk(code, bundle ?? '', url);\n            }\n            logDebug(\n              'ChunkLoader',\n              `Chunk does not contain globalThis.TURBOPACK or self.TURBOPACK: \"${url}\"`,\n            );\n            logDebug(\n              'ChunkLoader',\n              `First 500 chars of chunk: ${code.slice(0, 500)}`,\n            );\n          })\n          .then(resolve)\n          .catch((error) => {\n            const isProxied = isProxiedUrl(resolvedUrl);\n            if (isProxied) {\n              reject(\n                new RemoteComponentsError(\n                  `Failed to load chunk \"${url}\" via proxy \"${resolvedUrl}\". ` +\n                    `Ensure withRemoteComponentsHostProxy middleware is configured and \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" is in the matcher. ` +\n                    `See: ${CORS_DOCS_URL}`,\n                ),\n              );\n            } else {\n              warnCrossOriginFetchError('ChunkLoader', url);\n              reject(error);\n            }\n          });\n      });\n\n    return self.__remote_components_turbopack_chunk_loader_promise__[url];\n  };\n}\n\n/**\n * Handles Turbopack chunk loading by transforming the chunk code to isolate\n * global variables per bundle and dynamically loading the transformed script.\n */\nasync function handleTurbopackChunk(\n  code: string,\n  bundle: string,\n  url: string,\n): Promise<void> {\n  logDebug(\n    'ChunkLoader',\n    `Handling Turbopack chunk - bundle: \"${bundle}\", url: \"${url}\"`,\n  );\n  // skip this chunk as it is not needed for remote components\n  if (/importScripts\\(\\.\\.\\.self.TURBOPACK_NEXT_CHUNK_URLS/.test(code)) {\n    logDebug('ChunkLoader', `Skipping worker chunk: \"${url}\"`);\n    // remove preload links for this chunk\n    const preloadLinks = document.querySelectorAll(\n      `link[rel=\"preload\"][href=\"${new URL(url).pathname}\"]`,\n    );\n    preloadLinks.forEach((preloadLink) => preloadLink.remove());\n    return;\n  }\n\n  const self = globalThis as GlobalScope;\n  const bundleKey = getBundleKey(bundle);\n  logDebug('ChunkLoader', `Bundle key: \"${bundleKey}\"`);\n\n  // replace global variables with bundle-specific ones to prevent collisions\n  // between multiple remote component bundles\n  const transformedCode = code\n    // Turbopack runtime can reference TURBOPACK via bracket-notation (common in newer Next.js)\n    // e.g. globalThis[\"TURBOPACK\"] / self['TURBOPACK']\n    .replace(\n      /globalThis\\[\\s*[\"']TURBOPACK[\"']\\s*\\]/g,\n      `globalThis[\"TURBOPACK_${bundleKey}\"]`,\n    )\n    .replace(\n      /self\\[\\s*[\"']TURBOPACK[\"']\\s*\\]/g,\n      `self[\"TURBOPACK_${bundleKey}\"]`,\n    )\n    .replace(/globalThis\\.TURBOPACK/g, `globalThis.TURBOPACK_${bundleKey}`)\n    .replace(/self\\.TURBOPACK(?!_)/g, `self.TURBOPACK_${bundleKey}`)\n    .replace(\n      /TURBOPACK_WORKER_LOCATION/g,\n      `TURBOPACK_WORKER_LOCATION_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_NEXT_CHUNK_URLS/g,\n      `TURBOPACK_NEXT_CHUNK_URLS_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_CHUNK_UPDATE_LISTENERS/g,\n      `TURBOPACK_CHUNK_UPDATE_LISTENERS_${bundleKey}`,\n    )\n    .replace(/__next_require__/g, `__${bundleKey}_next_require__`)\n    .replace(\n      /\\/\\/# sourceMappingURL=(?<name>.+)(?<optional>\\._)?\\.js\\.map/g,\n      `//# sourceMappingURL=${\n        new URL(\n          '.',\n          new URL(\n            url,\n            self.__remote_bundle_url__?.[bundle] ?? new URL(location.origin),\n          ),\n        ).href\n      }$1$2.js.map`,\n    );\n\n  // Initialize TURBOPACK bundle with push interceptor for Next.js 16.2.0-canary\n  // Use webpack-style chunk loading pattern\n  if (!self[`TURBOPACK_${bundleKey}`]) {\n    const chunkData: unknown[][] = [];\n    const turbopackObject = {\n      push: (item: unknown) => {\n        logDebug(\n          'ChunkLoader',\n          `TURBOPACK_${bundleKey}.push() called with item type: ${Array.isArray(item) ? 'array' : typeof item}`,\n        );\n        if (Array.isArray(item)) {\n          chunkData.push(item);\n          logDebug(\n            'ChunkLoader',\n            `TURBOPACK_${bundleKey} now has ${chunkData.length} chunks`,\n          );\n        } else {\n          chunkData.push([item]);\n        }\n        return chunkData.length;\n      },\n      // Store chunks for later access\n      __chunks__: chunkData,\n    };\n    self[`TURBOPACK_${bundleKey}`] = turbopackObject as unknown as Record<\n      string,\n      unknown\n    >;\n  }\n\n  // load the script dynamically using a Blob URL\n  logDebug('ChunkLoader', `Creating blob script for: \"${url}\"`);\n  await new Promise<void>((scriptResolve, scriptReject) => {\n    const blob = new Blob([transformedCode], {\n      type: 'application/javascript; charset=UTF-8',\n    });\n    const scriptUrl = URL.createObjectURL(blob);\n    const script = document.createElement('script');\n    script.setAttribute('data-turbopack-src', url);\n    script.src = scriptUrl;\n    script.async = true;\n    script.onload = () => {\n      URL.revokeObjectURL(scriptUrl);\n      logDebug(\n        'ChunkLoader',\n        `Script loaded successfully for bundle \"${bundle}\"`,\n      );\n      const turbopackBundle = self[`TURBOPACK_${bundleKey}`];\n      logDebug(\n        'ChunkLoader',\n        `TURBOPACK_${bundleKey} type: ${typeof turbopackBundle}, isArray: ${Array.isArray(turbopackBundle)}, keys: ${\n          turbopackBundle\n            ? Object.keys(turbopackBundle as object)\n                .slice(0, 10)\n                .join(', ')\n            : 'none'\n        }`,\n      );\n      if (turbopackBundle && typeof turbopackBundle === 'object') {\n        logDebug(\n          'ChunkLoader',\n          `TURBOPACK_${bundleKey} length/size: ${Array.isArray(turbopackBundle) ? turbopackBundle.length : Object.keys(turbopackBundle as object).length}`,\n        );\n      }\n      scriptResolve(undefined);\n      script.remove();\n    };\n    script.onerror = () => {\n      URL.revokeObjectURL(scriptUrl);\n      scriptReject(\n        new RemoteComponentsError(\n          `Failed to load <script src=\"${script.src}\"> for Remote Component. Check the URL is correct.`,\n        ),\n      );\n      script.remove();\n    };\n    document.head.appendChild(script);\n  });\n\n  // process any additional chunks that were registered during script execution\n  const chunkLists = self[`TURBOPACK_${bundleKey}_CHUNK_LISTS`] as\n    | { chunks: string[] }[]\n    | undefined;\n  logDebug(\n    'ChunkLoader',\n    `Processing chunk lists for bundle \"${bundle}\": ${chunkLists?.length ?? 0} lists`,\n  );\n  const loadChunkLists = [] as (Promise<unknown> | undefined)[];\n  while (chunkLists?.length) {\n    const { chunks } = chunkLists.shift() ?? { chunks: [] };\n    if (chunks.length > 0) {\n      logDebug(\n        'ChunkLoader',\n        `Loading ${chunks.length} additional chunks for bundle \"${bundle}\": [${chunks.join(', ')}]`,\n      );\n      chunks.forEach((id: string) => {\n        const chunkLoadResult = self.__webpack_chunk_load__?.(\n          `[${bundle}] ${url.slice(0, url.indexOf('/_next'))}/_next/${id}`,\n        );\n        if (chunkLoadResult) {\n          loadChunkLists.push(chunkLoadResult);\n        }\n      });\n    }\n  }\n  if (loadChunkLists.length > 0) {\n    logDebug(\n      'ChunkLoader',\n      `Waiting for ${loadChunkLists.length} additional chunks to load`,\n    );\n    await Promise.all(loadChunkLists);\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/runtime/turbopack/chunk-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  getBundleKey,\n  REMOTE_COMPONENT_REGEX,\n  RUNTIME_WEBPACK,\n  type Runtime,\n} from '#internal/runtime/constants';\nimport type { GlobalScope } from '#internal/runtime/types';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { logDebug, warnCrossOriginFetchError } from '#internal/utils/logger';\nimport { TURBOPACK_GLOBAL_RE } from './patterns';\n\n/**\n * Creates chunk loader function for webpack runtime.\n * This function is responsible for loading JavaScript chunks from remote applications\n * and transforming Turbopack-specific code to work in the host environment.\n */\nexport function createChunkLoader(\n  runtime: Runtime,\n  resolveClientUrl?: InternalResolveClientUrl,\n): (chunkId: string, scriptBundle?: string) => Promise<unknown> | undefined {\n  return function __turbopack_chunk_load__(\n    chunkId: string,\n    scriptBundle?: string,\n  ) {\n    logDebug('ChunkLoader', `Loading chunk: \"${chunkId}\"`);\n    const self = globalThis as GlobalScope;\n    const {\n      bundle,\n      id: path,\n      prefix,\n    } = REMOTE_COMPONENT_REGEX.exec(chunkId)?.groups ?? {\n      bundle: scriptBundle ?? '',\n      id: chunkId,\n    };\n    logDebug(\n      'ChunkLoader',\n      `Parsed chunk - bundle: \"${bundle}\", path: \"${path}\", prefix: \"${prefix}\"`,\n    );\n    const remoteRuntime = self.__remote_webpack_require__?.[bundle ?? 'default']\n      ? self.__remote_webpack_require__[bundle ?? 'default']?.type || 'webpack'\n      : runtime;\n    logDebug('ChunkLoader', `Remote runtime: \"${remoteRuntime}\"`);\n    if (remoteRuntime === RUNTIME_WEBPACK) {\n      logDebug('ChunkLoader', 'Skipping chunk load - webpack runtime detected');\n      return Promise.resolve(undefined);\n    }\n\n    const url = new URL(\n      path\n        ? `${prefix ?? ''}${path}`.replace(\n            /(?<char>[^:])(?<double>\\/\\/)/g,\n            '$1/',\n          )\n        : '/',\n      self.__remote_bundle_url__?.[bundle ?? 'default'] ??\n        new URL(location.origin),\n    ).href;\n    if (url.endsWith('.css')) {\n      logDebug('ChunkLoader', `Skipping CSS file: \"${url}\"`);\n      return;\n    }\n\n    if (!self.__remote_components_turbopack_chunk_loader_promise__) {\n      self.__remote_components_turbopack_chunk_loader_promise__ = {};\n    }\n    if (self.__remote_components_turbopack_chunk_loader_promise__[url]) {\n      logDebug('ChunkLoader', `Returning cached promise for: \"${url}\"`);\n      return self.__remote_components_turbopack_chunk_loader_promise__[url];\n    }\n\n    const resolvedUrl = resolveClientUrl?.(url) ?? url;\n    logDebug('ChunkLoader', `Fetching chunk from: \"${resolvedUrl}\"`);\n    self.__remote_components_turbopack_chunk_loader_promise__[url] =\n      new Promise((resolve, reject) => {\n        fetch(resolvedUrl)\n          .then((res) => res.text())\n          .then((code) => {\n            // Turbopack runtime uses either dot-notation or bracket-notation globals.\n            const hasTurbopack = TURBOPACK_GLOBAL_RE.test(code);\n            if (hasTurbopack) {\n              return handleTurbopackChunk(code, bundle ?? '', url);\n            }\n            logDebug(\n              'ChunkLoader',\n              `Chunk does not contain globalThis.TURBOPACK or self.TURBOPACK: \"${url}\"`,\n            );\n            logDebug(\n              'ChunkLoader',\n              `First 500 chars of chunk: ${code.slice(0, 500)}`,\n            );\n          })\n          .then(resolve)\n          .catch((error) => {\n            const isProxied = isProxiedUrl(resolvedUrl);\n            if (isProxied) {\n              reject(failedProxiedAssetError('chunk', url, resolvedUrl));\n            } else {\n              warnCrossOriginFetchError('ChunkLoader', url);\n              reject(error);\n            }\n          });\n      });\n\n    return self.__remote_components_turbopack_chunk_loader_promise__[url];\n  };\n}\n\n/**\n * Handles Turbopack chunk loading by transforming the chunk code to isolate\n * global variables per bundle and dynamically loading the transformed script.\n */\nasync function handleTurbopackChunk(\n  code: string,\n  bundle: string,\n  url: string,\n): Promise<void> {\n  logDebug(\n    'ChunkLoader',\n    `Handling Turbopack chunk - bundle: \"${bundle}\", url: \"${url}\"`,\n  );\n  // skip this chunk as it is not needed for remote components\n  if (/importScripts\\(\\.\\.\\.self.TURBOPACK_NEXT_CHUNK_URLS/.test(code)) {\n    logDebug('ChunkLoader', `Skipping worker chunk: \"${url}\"`);\n    // remove preload links for this chunk\n    const preloadLinks = document.querySelectorAll(\n      `link[rel=\"preload\"][href=\"${new URL(url).pathname}\"]`,\n    );\n    preloadLinks.forEach((preloadLink) => preloadLink.remove());\n    return;\n  }\n\n  const self = globalThis as GlobalScope;\n  const bundleKey = getBundleKey(bundle);\n  logDebug('ChunkLoader', `Bundle key: \"${bundleKey}\"`);\n\n  // replace global variables with bundle-specific ones to prevent collisions\n  // between multiple remote component bundles\n  const transformedCode = code\n    // Turbopack runtime can reference TURBOPACK via bracket-notation (common in newer Next.js)\n    // e.g. globalThis[\"TURBOPACK\"] / self['TURBOPACK']\n    .replace(\n      /globalThis\\[\\s*[\"']TURBOPACK[\"']\\s*\\]/g,\n      `globalThis[\"TURBOPACK_${bundleKey}\"]`,\n    )\n    .replace(\n      /self\\[\\s*[\"']TURBOPACK[\"']\\s*\\]/g,\n      `self[\"TURBOPACK_${bundleKey}\"]`,\n    )\n    .replace(/globalThis\\.TURBOPACK/g, `globalThis.TURBOPACK_${bundleKey}`)\n    .replace(/self\\.TURBOPACK(?!_)/g, `self.TURBOPACK_${bundleKey}`)\n    .replace(\n      /TURBOPACK_WORKER_LOCATION/g,\n      `TURBOPACK_WORKER_LOCATION_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_NEXT_CHUNK_URLS/g,\n      `TURBOPACK_NEXT_CHUNK_URLS_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_CHUNK_UPDATE_LISTENERS/g,\n      `TURBOPACK_CHUNK_UPDATE_LISTENERS_${bundleKey}`,\n    )\n    .replace(/__next_require__/g, `__${bundleKey}_next_require__`)\n    .replace(\n      /\\/\\/# sourceMappingURL=(?<name>.+)(?<optional>\\._)?\\.js\\.map/g,\n      `//# sourceMappingURL=${\n        new URL(\n          '.',\n          new URL(\n            url,\n            self.__remote_bundle_url__?.[bundle] ?? new URL(location.origin),\n          ),\n        ).href\n      }$1$2.js.map`,\n    );\n\n  // Initialize TURBOPACK bundle with push interceptor for Next.js 16.2.0-canary\n  // Use webpack-style chunk loading pattern\n  if (!self[`TURBOPACK_${bundleKey}`]) {\n    const chunkData: unknown[][] = [];\n    const turbopackObject = {\n      push: (item: unknown) => {\n        logDebug(\n          'ChunkLoader',\n          `TURBOPACK_${bundleKey}.push() called with item type: ${Array.isArray(item) ? 'array' : typeof item}`,\n        );\n        if (Array.isArray(item)) {\n          chunkData.push(item);\n          logDebug(\n            'ChunkLoader',\n            `TURBOPACK_${bundleKey} now has ${chunkData.length} chunks`,\n          );\n        } else {\n          chunkData.push([item]);\n        }\n        return chunkData.length;\n      },\n      // Store chunks for later access\n      __chunks__: chunkData,\n    };\n    self[`TURBOPACK_${bundleKey}`] = turbopackObject as unknown as Record<\n      string,\n      unknown\n    >;\n  }\n\n  // load the script dynamically using a Blob URL\n  logDebug('ChunkLoader', `Creating blob script for: \"${url}\"`);\n  await new Promise<void>((scriptResolve, scriptReject) => {\n    const blob = new Blob([transformedCode], {\n      type: 'application/javascript; charset=UTF-8',\n    });\n    const scriptUrl = URL.createObjectURL(blob);\n    const script = document.createElement('script');\n    script.setAttribute('data-turbopack-src', url);\n    script.src = scriptUrl;\n    script.async = true;\n    script.onload = () => {\n      URL.revokeObjectURL(scriptUrl);\n      logDebug(\n        'ChunkLoader',\n        `Script loaded successfully for bundle \"${bundle}\"`,\n      );\n      const turbopackBundle = self[`TURBOPACK_${bundleKey}`];\n      logDebug(\n        'ChunkLoader',\n        `TURBOPACK_${bundleKey} type: ${typeof turbopackBundle}, isArray: ${Array.isArray(turbopackBundle)}, keys: ${\n          turbopackBundle\n            ? Object.keys(turbopackBundle as object)\n                .slice(0, 10)\n                .join(', ')\n            : 'none'\n        }`,\n      );\n      if (turbopackBundle && typeof turbopackBundle === 'object') {\n        logDebug(\n          'ChunkLoader',\n          `TURBOPACK_${bundleKey} length/size: ${Array.isArray(turbopackBundle) ? turbopackBundle.length : Object.keys(turbopackBundle as object).length}`,\n        );\n      }\n      scriptResolve(undefined);\n      script.remove();\n    };\n    script.onerror = () => {\n      URL.revokeObjectURL(scriptUrl);\n      scriptReject(\n        new RemoteComponentsError(\n          `Failed to load <script src=\"${script.src}\"> for Remote Component. Check the URL is correct.`,\n        ),\n      );\n      script.remove();\n    };\n    document.head.appendChild(script);\n  });\n\n  // process any additional chunks that were registered during script execution\n  const chunkLists = self[`TURBOPACK_${bundleKey}_CHUNK_LISTS`] as\n    | { chunks: string[] }[]\n    | undefined;\n  logDebug(\n    'ChunkLoader',\n    `Processing chunk lists for bundle \"${bundle}\": ${chunkLists?.length ?? 0} lists`,\n  );\n  const loadChunkLists = [] as (Promise<unknown> | undefined)[];\n  while (chunkLists?.length) {\n    const { chunks } = chunkLists.shift() ?? { chunks: [] };\n    if (chunks.length > 0) {\n      logDebug(\n        'ChunkLoader',\n        `Loading ${chunks.length} additional chunks for bundle \"${bundle}\": [${chunks.join(', ')}]`,\n      );\n      chunks.forEach((id: string) => {\n        const chunkLoadResult = self.__webpack_chunk_load__?.(\n          `[${bundle}] ${url.slice(0, url.indexOf('/_next'))}/_next/${id}`,\n        );\n        if (chunkLoadResult) {\n          loadChunkLists.push(chunkLoadResult);\n        }\n      });\n    }\n  }\n  if (loadChunkLists.length > 0) {\n    logDebug(\n      'ChunkLoader',\n      `Waiting for ${loadChunkLists.length} additional chunks to load`,\n    );\n    await Promise.all(loadChunkLists);\n  }\n}\n"],"mappings":"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","names":[]}

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

@@ -26,6 +26,7 @@ var import_constants = require("#internal/runtime/constants");
 var import_logger = require("#internal/utils/logger");
 var import_module = require("./module");
 var import_patterns = require("./patterns");
+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 = {}) {
   const self = globalThis;
   self.__remote_shared_modules__ = self.__remote_shared_modules__ ?? {};
@@ -76,7 +77,7 @@ async function initializeSharedModules(bundle, hostShared = {}, remoteShared = {
             } else {
               (0, import_logger.logError)(
                 "SharedModules",
-                `Host shared module "${module2}" not found for ID ${id}`
+                `Host shared module "${module2}" not found for ID ${id}. ${DEDUPLICATION_WARNING}`
               );
             }
           }
@@ -93,7 +94,7 @@ async function initializeSharedModules(bundle, hostShared = {}, remoteShared = {
         } else {
           (0, import_logger.logError)(
             "SharedModules",
-            `Shared module "${module2}" not found for "${bundle}"`
+            `Shared module "${module2}" not found for "${bundle}". ${DEDUPLICATION_WARNING}`
           );
         }
       }

package/dist/internal/runtime/turbopack/shared-modules.cjs.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\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}`,\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}\"`,\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":["module","key","value"]}
+{"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":["module","key","value"]}

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

@@ -8,6 +8,7 @@ import {
   REMOTE_SHARED_ASSIGNMENT_RE,
   REMOTE_SHARED_MARKER_RE
 } from "./patterns";
+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 = {}) {
   const self = globalThis;
   self.__remote_shared_modules__ = self.__remote_shared_modules__ ?? {};
@@ -58,7 +59,7 @@ async function initializeSharedModules(bundle, hostShared = {}, remoteShared = {
             } else {
               logError(
                 "SharedModules",
-                `Host shared module "${module}" not found for ID ${id}`
+                `Host shared module "${module}" not found for ID ${id}. ${DEDUPLICATION_WARNING}`
               );
             }
           }
@@ -75,7 +76,7 @@ async function initializeSharedModules(bundle, hostShared = {}, remoteShared = {
         } else {
           logError(
             "SharedModules",
-            `Shared module "${module}" not found for "${bundle}"`
+            `Shared module "${module}" not found for "${bundle}". ${DEDUPLICATION_WARNING}`
           );
         }
       }

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\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}`,\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}\"`,\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 { 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"]}

package/dist/internal/utils/error.cjs

@@ -20,6 +20,7 @@ var error_exports = {};
 __export(error_exports, {
   RemoteComponentsError: () => RemoteComponentsError,
   errorFromFailedFetch: () => errorFromFailedFetch,
+  failedProxiedAssetError: () => failedProxiedAssetError,
   failedProxyFetchError: () => failedProxyFetchError,
   failedToFetchRemoteComponentError: () => failedToFetchRemoteComponentError,
   multipleRemoteComponentsError: () => multipleRemoteComponentsError
@@ -85,6 +86,11 @@ async function errorFromFailedFetch(originalUrl, resolvedUrl, res) {
   }
   return fallback;
 }
+function failedProxiedAssetError(kind, url, resolvedUrl) {
+  return new RemoteComponentsError(
+    `Failed to load ${kind} "${url}" via proxy "${resolvedUrl}". Ensure withRemoteComponentsHostProxy middleware is configured, "${import_constants.RC_PROTECTED_REMOTE_FETCH_PATHNAME}" is in the matcher, and the remote URL is included in allowedProxyUrls. See: ${import_constants.CORS_DOCS_URL}`
+  );
+}
 function failedProxyFetchError(originalUrl, proxyUrl, status, responseBody) {
   if (status === 404) {
     return new RemoteComponentsError(
@@ -113,6 +119,7 @@ Docs: ${import_constants.CORS_DOCS_URL}`
 0 && (module.exports = {
   RemoteComponentsError,
   errorFromFailedFetch,
+  failedProxiedAssetError,
   failedProxyFetchError,
   failedToFetchRemoteComponentError,
   multipleRemoteComponentsError

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/error.ts"],"sourcesContent":["import { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport { isAbortError } from '#internal/utils/abort';\nimport {\n  CORS_DOCS_URL,\n  RC_PROTECTED_REMOTE_FETCH_PATHNAME,\n} from '#internal/utils/constants';\n\nexport class RemoteComponentsError extends Error {\n  code = 'REMOTE_COMPONENTS_ERROR';\n\n  constructor(message: string, options?: { cause?: unknown }) {\n    super(message, options);\n    this.name = 'RemoteComponentsError';\n  }\n}\n\nexport function multipleRemoteComponentsError(url: string | undefined) {\n  return new RemoteComponentsError(\n    `Multiple Remote Components found at \"${url}\". When a page exposes multiple Remote Components you must specify the \"name\" prop to select which one to load.`,\n  );\n}\n\nexport function failedToFetchRemoteComponentError(\n  url: string,\n  { status, statusText }: { status: number; statusText: string },\n  help: string = 'Is the URL correct and accessible?',\n) {\n  return new RemoteComponentsError(\n    `Failed to fetch Remote Component from \"${url}\". ${help}`,\n    { cause: new Error(`${status} ${statusText}`) },\n  );\n}\n\nexport async function errorFromFailedFetch(\n  originalUrl: string,\n  resolvedUrl: URL,\n  res: Response | null | undefined,\n): Promise<RemoteComponentsError> {\n  const isProxied = isProxiedUrl(resolvedUrl.href);\n\n  if (isProxied && res) {\n    const body = await res.text().catch(() => '');\n    return failedProxyFetchError(\n      originalUrl,\n      resolvedUrl.href,\n      res.status,\n      body,\n    );\n  }\n\n  const fallback = failedToFetchRemoteComponentError(\n    originalUrl,\n    res ?? { status: 0, statusText: 'No Response' },\n  );\n\n  if (!res) return fallback;\n\n  try {\n    const body = await res.text();\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(body, 'text/html');\n    const errorTemplate = doc.querySelector(\n      'template[data-next-error-message]',\n    );\n    const errorMessage = errorTemplate?.getAttribute('data-next-error-message');\n    if (errorMessage) {\n      const error = new RemoteComponentsError(errorMessage);\n      const errorStack = errorTemplate?.getAttribute('data-next-error-stack');\n      if (errorStack) {\n        error.stack = errorStack;\n      }\n      return error;\n    }\n  } catch (parseError) {\n    // Re-throw abort errors, ignore parse errors\n    if (isAbortError(parseError)) throw parseError;\n  }\n\n  return fallback;\n}\n\nexport function failedProxyFetchError(\n  originalUrl: string,\n  proxyUrl: string,\n  status: number,\n  responseBody?: string,\n): RemoteComponentsError {\n  if (status === 404) {\n    return new RemoteComponentsError(\n      `Could not proxy the request to \"${originalUrl}\" — the proxy endpoint \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" returned 404.\\n\\n` +\n        `The host server needs middleware or a route that handles \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\".\\n\\n` +\n        `Proxying requires two pieces:\\n` +\n        `  1. resolveClientUrl={routeThroughHostProxy} on <RemoteComponent>\\n` +\n        `  2. Middleware or a route for \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" on the host server\\n\\n` +\n        `Docs: ${CORS_DOCS_URL}`,\n    );\n  }\n  if (status === 403) {\n    const detail = responseBody ? ` ${responseBody}` : '';\n    return new RemoteComponentsError(\n      `Proxied request to \"${proxyUrl}\" was forbidden.${detail} ` +\n        `See: ${CORS_DOCS_URL}`,\n    );\n  }\n  return new RemoteComponentsError(\n    `Proxied request for \"${originalUrl}\" via \"${proxyUrl}\" failed with status ${status}. ` +\n      `See: ${CORS_DOCS_URL}`,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAA6B;AAC7B,mBAA6B;AAC7B,uBAGO;AAEA,MAAM,8BAA8B,MAAM;AAAA,EAC/C,OAAO;AAAA,EAEP,YAAY,SAAiB,SAA+B;AAC1D,UAAM,SAAS,OAAO;AACtB,SAAK,OAAO;AAAA,EACd;AACF;AAEO,SAAS,8BAA8B,KAAyB;AACrE,SAAO,IAAI;AAAA,IACT,wCAAwC;AAAA,EAC1C;AACF;AAEO,SAAS,kCACd,KACA,EAAE,QAAQ,WAAW,GACrB,OAAe,sCACf;AACA,SAAO,IAAI;AAAA,IACT,0CAA0C,SAAS;AAAA,IACnD,EAAE,OAAO,IAAI,MAAM,GAAG,UAAU,YAAY,EAAE;AAAA,EAChD;AACF;AAEA,eAAsB,qBACpB,aACA,aACA,KACgC;AAChC,QAAM,gBAAY,2CAAa,YAAY,IAAI;AAE/C,MAAI,aAAa,KAAK;AACpB,UAAM,OAAO,MAAM,IAAI,KAAK,EAAE,MAAM,MAAM,EAAE;AAC5C,WAAO;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,QAAM,WAAW;AAAA,IACf;AAAA,IACA,OAAO,EAAE,QAAQ,GAAG,YAAY,cAAc;AAAA,EAChD;AAEA,MAAI,CAAC;AAAK,WAAO;AAEjB,MAAI;AACF,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAM,SAAS,IAAI,UAAU;AAC7B,UAAM,MAAM,OAAO,gBAAgB,MAAM,WAAW;AACpD,UAAM,gBAAgB,IAAI;AAAA,MACxB;AAAA,IACF;AACA,UAAM,eAAe,eAAe,aAAa,yBAAyB;AAC1E,QAAI,cAAc;AAChB,YAAM,QAAQ,IAAI,sBAAsB,YAAY;AACpD,YAAM,aAAa,eAAe,aAAa,uBAAuB;AACtE,UAAI,YAAY;AACd,cAAM,QAAQ;AAAA,MAChB;AACA,aAAO;AAAA,IACT;AAAA,EACF,SAAS,YAAP;AAEA,YAAI,2BAAa,UAAU;AAAG,YAAM;AAAA,EACtC;AAEA,SAAO;AACT;AAEO,SAAS,sBACd,aACA,UACA,QACA,cACuB;AACvB,MAAI,WAAW,KAAK;AAClB,WAAO,IAAI;AAAA,MACT,mCAAmC,2CAAsC;AAAA;AAAA,4DACV;AAAA;AAAA;AAAA;AAAA,kCAG1B;AAAA;AAAA,QAC1B;AAAA,IACb;AAAA,EACF;AACA,MAAI,WAAW,KAAK;AAClB,UAAM,SAAS,eAAe,IAAI,iBAAiB;AACnD,WAAO,IAAI;AAAA,MACT,uBAAuB,2BAA2B,eACxC;AAAA,IACZ;AAAA,EACF;AACA,SAAO,IAAI;AAAA,IACT,wBAAwB,qBAAqB,gCAAgC,gBACnE;AAAA,EACZ;AACF;","names":[]}
+{"version":3,"sources":["../../../src/utils/error.ts"],"sourcesContent":["import { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport { isAbortError } from '#internal/utils/abort';\nimport {\n  CORS_DOCS_URL,\n  RC_PROTECTED_REMOTE_FETCH_PATHNAME,\n} from '#internal/utils/constants';\n\nexport class RemoteComponentsError extends Error {\n  code = 'REMOTE_COMPONENTS_ERROR';\n\n  constructor(message: string, options?: { cause?: unknown }) {\n    super(message, options);\n    this.name = 'RemoteComponentsError';\n  }\n}\n\nexport function multipleRemoteComponentsError(url: string | undefined) {\n  return new RemoteComponentsError(\n    `Multiple Remote Components found at \"${url}\". When a page exposes multiple Remote Components you must specify the \"name\" prop to select which one to load.`,\n  );\n}\n\nexport function failedToFetchRemoteComponentError(\n  url: string,\n  { status, statusText }: { status: number; statusText: string },\n  help: string = 'Is the URL correct and accessible?',\n) {\n  return new RemoteComponentsError(\n    `Failed to fetch Remote Component from \"${url}\". ${help}`,\n    { cause: new Error(`${status} ${statusText}`) },\n  );\n}\n\nexport async function errorFromFailedFetch(\n  originalUrl: string,\n  resolvedUrl: URL,\n  res: Response | null | undefined,\n): Promise<RemoteComponentsError> {\n  const isProxied = isProxiedUrl(resolvedUrl.href);\n\n  if (isProxied && res) {\n    const body = await res.text().catch(() => '');\n    return failedProxyFetchError(\n      originalUrl,\n      resolvedUrl.href,\n      res.status,\n      body,\n    );\n  }\n\n  const fallback = failedToFetchRemoteComponentError(\n    originalUrl,\n    res ?? { status: 0, statusText: 'No Response' },\n  );\n\n  if (!res) return fallback;\n\n  try {\n    const body = await res.text();\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(body, 'text/html');\n    const errorTemplate = doc.querySelector(\n      'template[data-next-error-message]',\n    );\n    const errorMessage = errorTemplate?.getAttribute('data-next-error-message');\n    if (errorMessage) {\n      const error = new RemoteComponentsError(errorMessage);\n      const errorStack = errorTemplate?.getAttribute('data-next-error-stack');\n      if (errorStack) {\n        error.stack = errorStack;\n      }\n      return error;\n    }\n  } catch (parseError) {\n    // Re-throw abort errors, ignore parse errors\n    if (isAbortError(parseError)) throw parseError;\n  }\n\n  return fallback;\n}\n\nexport function failedProxiedAssetError(\n  kind: 'chunk' | 'script',\n  url: string,\n  resolvedUrl: string,\n): RemoteComponentsError {\n  return new RemoteComponentsError(\n    `Failed to load ${kind} \"${url}\" via proxy \"${resolvedUrl}\". ` +\n      `Ensure withRemoteComponentsHostProxy middleware is configured, \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" is in the matcher, ` +\n      `and the remote URL is included in allowedProxyUrls. ` +\n      `See: ${CORS_DOCS_URL}`,\n  );\n}\n\nexport function failedProxyFetchError(\n  originalUrl: string,\n  proxyUrl: string,\n  status: number,\n  responseBody?: string,\n): RemoteComponentsError {\n  if (status === 404) {\n    return new RemoteComponentsError(\n      `Could not proxy the request to \"${originalUrl}\" — the proxy endpoint \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" returned 404.\\n\\n` +\n        `The host server needs middleware or a route that handles \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\".\\n\\n` +\n        `Proxying requires two pieces:\\n` +\n        `  1. resolveClientUrl={routeThroughHostProxy} on <RemoteComponent>\\n` +\n        `  2. Middleware or a route for \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" on the host server\\n\\n` +\n        `Docs: ${CORS_DOCS_URL}`,\n    );\n  }\n  if (status === 403) {\n    const detail = responseBody ? ` ${responseBody}` : '';\n    return new RemoteComponentsError(\n      `Proxied request to \"${proxyUrl}\" was forbidden.${detail} ` +\n        `See: ${CORS_DOCS_URL}`,\n    );\n  }\n  return new RemoteComponentsError(\n    `Proxied request for \"${originalUrl}\" via \"${proxyUrl}\" failed with status ${status}. ` +\n      `See: ${CORS_DOCS_URL}`,\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mCAA6B;AAC7B,mBAA6B;AAC7B,uBAGO;AAEA,MAAM,8BAA8B,MAAM;AAAA,EAC/C,OAAO;AAAA,EAEP,YAAY,SAAiB,SAA+B;AAC1D,UAAM,SAAS,OAAO;AACtB,SAAK,OAAO;AAAA,EACd;AACF;AAEO,SAAS,8BAA8B,KAAyB;AACrE,SAAO,IAAI;AAAA,IACT,wCAAwC;AAAA,EAC1C;AACF;AAEO,SAAS,kCACd,KACA,EAAE,QAAQ,WAAW,GACrB,OAAe,sCACf;AACA,SAAO,IAAI;AAAA,IACT,0CAA0C,SAAS;AAAA,IACnD,EAAE,OAAO,IAAI,MAAM,GAAG,UAAU,YAAY,EAAE;AAAA,EAChD;AACF;AAEA,eAAsB,qBACpB,aACA,aACA,KACgC;AAChC,QAAM,gBAAY,2CAAa,YAAY,IAAI;AAE/C,MAAI,aAAa,KAAK;AACpB,UAAM,OAAO,MAAM,IAAI,KAAK,EAAE,MAAM,MAAM,EAAE;AAC5C,WAAO;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,QAAM,WAAW;AAAA,IACf;AAAA,IACA,OAAO,EAAE,QAAQ,GAAG,YAAY,cAAc;AAAA,EAChD;AAEA,MAAI,CAAC;AAAK,WAAO;AAEjB,MAAI;AACF,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAM,SAAS,IAAI,UAAU;AAC7B,UAAM,MAAM,OAAO,gBAAgB,MAAM,WAAW;AACpD,UAAM,gBAAgB,IAAI;AAAA,MACxB;AAAA,IACF;AACA,UAAM,eAAe,eAAe,aAAa,yBAAyB;AAC1E,QAAI,cAAc;AAChB,YAAM,QAAQ,IAAI,sBAAsB,YAAY;AACpD,YAAM,aAAa,eAAe,aAAa,uBAAuB;AACtE,UAAI,YAAY;AACd,cAAM,QAAQ;AAAA,MAChB;AACA,aAAO;AAAA,IACT;AAAA,EACF,SAAS,YAAP;AAEA,YAAI,2BAAa,UAAU;AAAG,YAAM;AAAA,EACtC;AAEA,SAAO;AACT;AAEO,SAAS,wBACd,MACA,KACA,aACuB;AACvB,SAAO,IAAI;AAAA,IACT,kBAAkB,SAAS,mBAAmB,iFACuB,oIAE3D;AAAA,EACZ;AACF;AAEO,SAAS,sBACd,aACA,UACA,QACA,cACuB;AACvB,MAAI,WAAW,KAAK;AAClB,WAAO,IAAI;AAAA,MACT,mCAAmC,2CAAsC;AAAA;AAAA,4DACV;AAAA;AAAA;AAAA;AAAA,kCAG1B;AAAA;AAAA,QAC1B;AAAA,IACb;AAAA,EACF;AACA,MAAI,WAAW,KAAK;AAClB,UAAM,SAAS,eAAe,IAAI,iBAAiB;AACnD,WAAO,IAAI;AAAA,MACT,uBAAuB,2BAA2B,eACxC;AAAA,IACZ;AAAA,EACF;AACA,SAAO,IAAI;AAAA,IACT,wBAAwB,qBAAqB,gCAAgC,gBACnE;AAAA,EACZ;AACF;","names":[]}

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

@@ -10,6 +10,7 @@ declare function failedToFetchRemoteComponentError(url: string, { status, status
     statusText: string;
 }, help?: string): RemoteComponentsError;
 declare function errorFromFailedFetch(originalUrl: string, resolvedUrl: URL, res: Response | null | undefined): Promise<RemoteComponentsError>;
+declare function failedProxiedAssetError(kind: 'chunk' | 'script', url: string, resolvedUrl: string): RemoteComponentsError;
 declare function failedProxyFetchError(originalUrl: string, proxyUrl: string, status: number, responseBody?: string): RemoteComponentsError;
 
-export { RemoteComponentsError, errorFromFailedFetch, failedProxyFetchError, failedToFetchRemoteComponentError, multipleRemoteComponentsError };
+export { RemoteComponentsError, errorFromFailedFetch, failedProxiedAssetError, failedProxyFetchError, failedToFetchRemoteComponentError, multipleRemoteComponentsError };

package/dist/internal/utils/error.js

@@ -61,6 +61,11 @@ async function errorFromFailedFetch(originalUrl, resolvedUrl, res) {
   }
   return fallback;
 }
+function failedProxiedAssetError(kind, url, resolvedUrl) {
+  return new RemoteComponentsError(
+    `Failed to load ${kind} "${url}" via proxy "${resolvedUrl}". Ensure withRemoteComponentsHostProxy middleware is configured, "${RC_PROTECTED_REMOTE_FETCH_PATHNAME}" is in the matcher, and the remote URL is included in allowedProxyUrls. See: ${CORS_DOCS_URL}`
+  );
+}
 function failedProxyFetchError(originalUrl, proxyUrl, status, responseBody) {
   if (status === 404) {
     return new RemoteComponentsError(
@@ -88,6 +93,7 @@ Docs: ${CORS_DOCS_URL}`
 export {
   RemoteComponentsError,
   errorFromFailedFetch,
+  failedProxiedAssetError,
   failedProxyFetchError,
   failedToFetchRemoteComponentError,
   multipleRemoteComponentsError

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/utils/error.ts"],"sourcesContent":["import { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport { isAbortError } from '#internal/utils/abort';\nimport {\n  CORS_DOCS_URL,\n  RC_PROTECTED_REMOTE_FETCH_PATHNAME,\n} from '#internal/utils/constants';\n\nexport class RemoteComponentsError extends Error {\n  code = 'REMOTE_COMPONENTS_ERROR';\n\n  constructor(message: string, options?: { cause?: unknown }) {\n    super(message, options);\n    this.name = 'RemoteComponentsError';\n  }\n}\n\nexport function multipleRemoteComponentsError(url: string | undefined) {\n  return new RemoteComponentsError(\n    `Multiple Remote Components found at \"${url}\". When a page exposes multiple Remote Components you must specify the \"name\" prop to select which one to load.`,\n  );\n}\n\nexport function failedToFetchRemoteComponentError(\n  url: string,\n  { status, statusText }: { status: number; statusText: string },\n  help: string = 'Is the URL correct and accessible?',\n) {\n  return new RemoteComponentsError(\n    `Failed to fetch Remote Component from \"${url}\". ${help}`,\n    { cause: new Error(`${status} ${statusText}`) },\n  );\n}\n\nexport async function errorFromFailedFetch(\n  originalUrl: string,\n  resolvedUrl: URL,\n  res: Response | null | undefined,\n): Promise<RemoteComponentsError> {\n  const isProxied = isProxiedUrl(resolvedUrl.href);\n\n  if (isProxied && res) {\n    const body = await res.text().catch(() => '');\n    return failedProxyFetchError(\n      originalUrl,\n      resolvedUrl.href,\n      res.status,\n      body,\n    );\n  }\n\n  const fallback = failedToFetchRemoteComponentError(\n    originalUrl,\n    res ?? { status: 0, statusText: 'No Response' },\n  );\n\n  if (!res) return fallback;\n\n  try {\n    const body = await res.text();\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(body, 'text/html');\n    const errorTemplate = doc.querySelector(\n      'template[data-next-error-message]',\n    );\n    const errorMessage = errorTemplate?.getAttribute('data-next-error-message');\n    if (errorMessage) {\n      const error = new RemoteComponentsError(errorMessage);\n      const errorStack = errorTemplate?.getAttribute('data-next-error-stack');\n      if (errorStack) {\n        error.stack = errorStack;\n      }\n      return error;\n    }\n  } catch (parseError) {\n    // Re-throw abort errors, ignore parse errors\n    if (isAbortError(parseError)) throw parseError;\n  }\n\n  return fallback;\n}\n\nexport function failedProxyFetchError(\n  originalUrl: string,\n  proxyUrl: string,\n  status: number,\n  responseBody?: string,\n): RemoteComponentsError {\n  if (status === 404) {\n    return new RemoteComponentsError(\n      `Could not proxy the request to \"${originalUrl}\" — the proxy endpoint \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" returned 404.\\n\\n` +\n        `The host server needs middleware or a route that handles \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\".\\n\\n` +\n        `Proxying requires two pieces:\\n` +\n        `  1. resolveClientUrl={routeThroughHostProxy} on <RemoteComponent>\\n` +\n        `  2. Middleware or a route for \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" on the host server\\n\\n` +\n        `Docs: ${CORS_DOCS_URL}`,\n    );\n  }\n  if (status === 403) {\n    const detail = responseBody ? ` ${responseBody}` : '';\n    return new RemoteComponentsError(\n      `Proxied request to \"${proxyUrl}\" was forbidden.${detail} ` +\n        `See: ${CORS_DOCS_URL}`,\n    );\n  }\n  return new RemoteComponentsError(\n    `Proxied request for \"${originalUrl}\" via \"${proxyUrl}\" failed with status ${status}. ` +\n      `See: ${CORS_DOCS_URL}`,\n  );\n}\n"],"mappings":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,8BAA8B,MAAM;AAAA,EAC/C,OAAO;AAAA,EAEP,YAAY,SAAiB,SAA+B;AAC1D,UAAM,SAAS,OAAO;AACtB,SAAK,OAAO;AAAA,EACd;AACF;AAEO,SAAS,8BAA8B,KAAyB;AACrE,SAAO,IAAI;AAAA,IACT,wCAAwC;AAAA,EAC1C;AACF;AAEO,SAAS,kCACd,KACA,EAAE,QAAQ,WAAW,GACrB,OAAe,sCACf;AACA,SAAO,IAAI;AAAA,IACT,0CAA0C,SAAS;AAAA,IACnD,EAAE,OAAO,IAAI,MAAM,GAAG,UAAU,YAAY,EAAE;AAAA,EAChD;AACF;AAEA,eAAsB,qBACpB,aACA,aACA,KACgC;AAChC,QAAM,YAAY,aAAa,YAAY,IAAI;AAE/C,MAAI,aAAa,KAAK;AACpB,UAAM,OAAO,MAAM,IAAI,KAAK,EAAE,MAAM,MAAM,EAAE;AAC5C,WAAO;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,QAAM,WAAW;AAAA,IACf;AAAA,IACA,OAAO,EAAE,QAAQ,GAAG,YAAY,cAAc;AAAA,EAChD;AAEA,MAAI,CAAC;AAAK,WAAO;AAEjB,MAAI;AACF,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAM,SAAS,IAAI,UAAU;AAC7B,UAAM,MAAM,OAAO,gBAAgB,MAAM,WAAW;AACpD,UAAM,gBAAgB,IAAI;AAAA,MACxB;AAAA,IACF;AACA,UAAM,eAAe,eAAe,aAAa,yBAAyB;AAC1E,QAAI,cAAc;AAChB,YAAM,QAAQ,IAAI,sBAAsB,YAAY;AACpD,YAAM,aAAa,eAAe,aAAa,uBAAuB;AACtE,UAAI,YAAY;AACd,cAAM,QAAQ;AAAA,MAChB;AACA,aAAO;AAAA,IACT;AAAA,EACF,SAAS,YAAP;AAEA,QAAI,aAAa,UAAU;AAAG,YAAM;AAAA,EACtC;AAEA,SAAO;AACT;AAEO,SAAS,sBACd,aACA,UACA,QACA,cACuB;AACvB,MAAI,WAAW,KAAK;AAClB,WAAO,IAAI;AAAA,MACT,mCAAmC,2CAAsC;AAAA;AAAA,4DACV;AAAA;AAAA;AAAA;AAAA,kCAG1B;AAAA;AAAA,QAC1B;AAAA,IACb;AAAA,EACF;AACA,MAAI,WAAW,KAAK;AAClB,UAAM,SAAS,eAAe,IAAI,iBAAiB;AACnD,WAAO,IAAI;AAAA,MACT,uBAAuB,2BAA2B,eACxC;AAAA,IACZ;AAAA,EACF;AACA,SAAO,IAAI;AAAA,IACT,wBAAwB,qBAAqB,gCAAgC,gBACnE;AAAA,EACZ;AACF;","names":[]}
+{"version":3,"sources":["../../../src/utils/error.ts"],"sourcesContent":["import { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport { isAbortError } from '#internal/utils/abort';\nimport {\n  CORS_DOCS_URL,\n  RC_PROTECTED_REMOTE_FETCH_PATHNAME,\n} from '#internal/utils/constants';\n\nexport class RemoteComponentsError extends Error {\n  code = 'REMOTE_COMPONENTS_ERROR';\n\n  constructor(message: string, options?: { cause?: unknown }) {\n    super(message, options);\n    this.name = 'RemoteComponentsError';\n  }\n}\n\nexport function multipleRemoteComponentsError(url: string | undefined) {\n  return new RemoteComponentsError(\n    `Multiple Remote Components found at \"${url}\". When a page exposes multiple Remote Components you must specify the \"name\" prop to select which one to load.`,\n  );\n}\n\nexport function failedToFetchRemoteComponentError(\n  url: string,\n  { status, statusText }: { status: number; statusText: string },\n  help: string = 'Is the URL correct and accessible?',\n) {\n  return new RemoteComponentsError(\n    `Failed to fetch Remote Component from \"${url}\". ${help}`,\n    { cause: new Error(`${status} ${statusText}`) },\n  );\n}\n\nexport async function errorFromFailedFetch(\n  originalUrl: string,\n  resolvedUrl: URL,\n  res: Response | null | undefined,\n): Promise<RemoteComponentsError> {\n  const isProxied = isProxiedUrl(resolvedUrl.href);\n\n  if (isProxied && res) {\n    const body = await res.text().catch(() => '');\n    return failedProxyFetchError(\n      originalUrl,\n      resolvedUrl.href,\n      res.status,\n      body,\n    );\n  }\n\n  const fallback = failedToFetchRemoteComponentError(\n    originalUrl,\n    res ?? { status: 0, statusText: 'No Response' },\n  );\n\n  if (!res) return fallback;\n\n  try {\n    const body = await res.text();\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(body, 'text/html');\n    const errorTemplate = doc.querySelector(\n      'template[data-next-error-message]',\n    );\n    const errorMessage = errorTemplate?.getAttribute('data-next-error-message');\n    if (errorMessage) {\n      const error = new RemoteComponentsError(errorMessage);\n      const errorStack = errorTemplate?.getAttribute('data-next-error-stack');\n      if (errorStack) {\n        error.stack = errorStack;\n      }\n      return error;\n    }\n  } catch (parseError) {\n    // Re-throw abort errors, ignore parse errors\n    if (isAbortError(parseError)) throw parseError;\n  }\n\n  return fallback;\n}\n\nexport function failedProxiedAssetError(\n  kind: 'chunk' | 'script',\n  url: string,\n  resolvedUrl: string,\n): RemoteComponentsError {\n  return new RemoteComponentsError(\n    `Failed to load ${kind} \"${url}\" via proxy \"${resolvedUrl}\". ` +\n      `Ensure withRemoteComponentsHostProxy middleware is configured, \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" is in the matcher, ` +\n      `and the remote URL is included in allowedProxyUrls. ` +\n      `See: ${CORS_DOCS_URL}`,\n  );\n}\n\nexport function failedProxyFetchError(\n  originalUrl: string,\n  proxyUrl: string,\n  status: number,\n  responseBody?: string,\n): RemoteComponentsError {\n  if (status === 404) {\n    return new RemoteComponentsError(\n      `Could not proxy the request to \"${originalUrl}\" — the proxy endpoint \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" returned 404.\\n\\n` +\n        `The host server needs middleware or a route that handles \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\".\\n\\n` +\n        `Proxying requires two pieces:\\n` +\n        `  1. resolveClientUrl={routeThroughHostProxy} on <RemoteComponent>\\n` +\n        `  2. Middleware or a route for \"${RC_PROTECTED_REMOTE_FETCH_PATHNAME}\" on the host server\\n\\n` +\n        `Docs: ${CORS_DOCS_URL}`,\n    );\n  }\n  if (status === 403) {\n    const detail = responseBody ? ` ${responseBody}` : '';\n    return new RemoteComponentsError(\n      `Proxied request to \"${proxyUrl}\" was forbidden.${detail} ` +\n        `See: ${CORS_DOCS_URL}`,\n    );\n  }\n  return new RemoteComponentsError(\n    `Proxied request for \"${originalUrl}\" via \"${proxyUrl}\" failed with status ${status}. ` +\n      `See: ${CORS_DOCS_URL}`,\n  );\n}\n"],"mappings":"AAAA,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEA,MAAM,8BAA8B,MAAM;AAAA,EAC/C,OAAO;AAAA,EAEP,YAAY,SAAiB,SAA+B;AAC1D,UAAM,SAAS,OAAO;AACtB,SAAK,OAAO;AAAA,EACd;AACF;AAEO,SAAS,8BAA8B,KAAyB;AACrE,SAAO,IAAI;AAAA,IACT,wCAAwC;AAAA,EAC1C;AACF;AAEO,SAAS,kCACd,KACA,EAAE,QAAQ,WAAW,GACrB,OAAe,sCACf;AACA,SAAO,IAAI;AAAA,IACT,0CAA0C,SAAS;AAAA,IACnD,EAAE,OAAO,IAAI,MAAM,GAAG,UAAU,YAAY,EAAE;AAAA,EAChD;AACF;AAEA,eAAsB,qBACpB,aACA,aACA,KACgC;AAChC,QAAM,YAAY,aAAa,YAAY,IAAI;AAE/C,MAAI,aAAa,KAAK;AACpB,UAAM,OAAO,MAAM,IAAI,KAAK,EAAE,MAAM,MAAM,EAAE;AAC5C,WAAO;AAAA,MACL;AAAA,MACA,YAAY;AAAA,MACZ,IAAI;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,QAAM,WAAW;AAAA,IACf;AAAA,IACA,OAAO,EAAE,QAAQ,GAAG,YAAY,cAAc;AAAA,EAChD;AAEA,MAAI,CAAC;AAAK,WAAO;AAEjB,MAAI;AACF,UAAM,OAAO,MAAM,IAAI,KAAK;AAC5B,UAAM,SAAS,IAAI,UAAU;AAC7B,UAAM,MAAM,OAAO,gBAAgB,MAAM,WAAW;AACpD,UAAM,gBAAgB,IAAI;AAAA,MACxB;AAAA,IACF;AACA,UAAM,eAAe,eAAe,aAAa,yBAAyB;AAC1E,QAAI,cAAc;AAChB,YAAM,QAAQ,IAAI,sBAAsB,YAAY;AACpD,YAAM,aAAa,eAAe,aAAa,uBAAuB;AACtE,UAAI,YAAY;AACd,cAAM,QAAQ;AAAA,MAChB;AACA,aAAO;AAAA,IACT;AAAA,EACF,SAAS,YAAP;AAEA,QAAI,aAAa,UAAU;AAAG,YAAM;AAAA,EACtC;AAEA,SAAO;AACT;AAEO,SAAS,wBACd,MACA,KACA,aACuB;AACvB,SAAO,IAAI;AAAA,IACT,kBAAkB,SAAS,mBAAmB,iFACuB,mHAE3D;AAAA,EACZ;AACF;AAEO,SAAS,sBACd,aACA,UACA,QACA,cACuB;AACvB,MAAI,WAAW,KAAK;AAClB,WAAO,IAAI;AAAA,MACT,mCAAmC,2CAAsC;AAAA;AAAA,4DACV;AAAA;AAAA;AAAA;AAAA,kCAG1B;AAAA;AAAA,QAC1B;AAAA,IACb;AAAA,EACF;AACA,MAAI,WAAW,KAAK;AAClB,UAAM,SAAS,eAAe,IAAI,iBAAiB;AACnD,WAAO,IAAI;AAAA,MACT,uBAAuB,2BAA2B,eACxC;AAAA,IACZ;AAAA,EACF;AACA,SAAO,IAAI;AAAA,IACT,wBAAwB,qBAAqB,gCAAgC,gBACnE;AAAA,EACZ;AACF;","names":[]}

package/dist/internal/utils/logger.cjs

@@ -55,7 +55,7 @@ function warnCrossOriginFetchError(logLocation, url) {
     }
     logWarn(
       logLocation,
-      `Failed to fetch cross-origin resource "${parsed.href}". If this is a protected deployment, ensure withRemoteComponentsHostProxy middleware is configured in your host and that the remote URL is included in allowedProxyUrls. See: ${import_constants.CORS_DOCS_URL}`
+      `Failed to fetch cross-origin resource "${parsed.href}". To load assets from a protected deployment, two steps are required: (1) configure withRemoteComponentsHostProxy middleware in your host with the remote URL in allowedProxyUrls, and (2) provide a resolveClientUrl prop that rewrites cross-origin asset URLs to go through the proxy. See: ${import_constants.CORS_DOCS_URL}`
     );
   } catch {
   }

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 withRemoteComponentsHostProxy middleware 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        'If this is a protected deployment, ensure withRemoteComponentsHostProxy middleware ' +\n        'is configured in your host and that the remote URL is included in allowedProxyUrls. ' +\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,sLAGvC;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  | '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"]}

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

@@ -5,7 +5,7 @@ declare function logWarn(location: LogLocation, message: string): void;
 declare function logError(location: LogLocation, message: string, cause?: unknown): void;
 /**
  * Logs a warning when a cross-origin asset request fails, guiding users
- * to configure the withRemoteComponentsHostProxy middleware on their host.
+ * to configure the proxy middleware and resolveClientUrl on their host.
  */
 declare function warnCrossOriginFetchError(logLocation: LogLocation, url: string | URL): void;
 

package/dist/internal/utils/logger.js

@@ -28,7 +28,7 @@ function warnCrossOriginFetchError(logLocation, url) {
     }
     logWarn(
       logLocation,
-      `Failed to fetch cross-origin resource "${parsed.href}". If this is a protected deployment, ensure withRemoteComponentsHostProxy middleware is configured in your host and that the remote URL is included in allowedProxyUrls. See: ${CORS_DOCS_URL}`
+      `Failed to fetch cross-origin resource "${parsed.href}". To load assets from a protected deployment, two steps are required: (1) configure withRemoteComponentsHostProxy middleware in your host with the remote URL in allowedProxyUrls, and (2) provide a resolveClientUrl prop that rewrites cross-origin asset URLs to go through the proxy. See: ${CORS_DOCS_URL}`
     );
   } catch {
   }

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 withRemoteComponentsHostProxy middleware 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        'If this is a protected deployment, ensure withRemoteComponentsHostProxy middleware ' +\n        'is configured in your host and that the remote URL is included in allowedProxyUrls. ' +\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,sLAGvC;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  | '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"]}

package/dist/remote/html.cjs

@@ -70,7 +70,7 @@ function warnCrossOriginFetchError(logLocation, url) {
     }
     logWarn(
       logLocation,
-      `Failed to fetch cross-origin resource "${parsed.href}". If this is a protected deployment, ensure withRemoteComponentsHostProxy middleware is configured in your host and that the remote URL is included in allowedProxyUrls. See: ${CORS_DOCS_URL}`
+      `Failed to fetch cross-origin resource "${parsed.href}". To load assets from a protected deployment, two steps are required: (1) configure withRemoteComponentsHostProxy middleware in your host with the remote URL in allowedProxyUrls, and (2) provide a resolveClientUrl prop that rewrites cross-origin asset URLs to go through the proxy. See: ${CORS_DOCS_URL}`
     );
   } catch {
   }