remote-components 0.4.11 → 0.4.13

package/dist/{chunk-6PZEDIAK.cjs → chunk-OZCVXVKU.cjs}

@@ -183,6 +183,26 @@ function parseRemoteId(id) {
 }
 
 // src/host/shared/remote-image-loader.ts
+function extractDeploymentIdFromSrc(src) {
+  if (!src.startsWith("/") || src.startsWith("//")) {
+    return { deploymentId: void 0, src };
+  }
+  const queryIndex = src.indexOf("?");
+  if (queryIndex === -1) {
+    return { deploymentId: void 0, src };
+  }
+  const params = new URLSearchParams(src.slice(queryIndex + 1));
+  const deploymentId = params.get("dpl") || void 0;
+  if (!deploymentId) {
+    return { deploymentId: void 0, src };
+  }
+  params.delete("dpl");
+  const remaining = params.toString();
+  return {
+    deploymentId,
+    src: `${src.slice(0, queryIndex)}${remaining ? `?${remaining}` : ""}`
+  };
+}
 function createRemoteImageLoader(bundle, resolveClientUrl) {
   const loader = Object.assign(
     ({
@@ -195,7 +215,9 @@ function createRemoteImageLoader(bundle, resolveClientUrl) {
       const remoteOrigin = _nullishCoalesce(_optionalChain([getScope, 'call', _6 => _6(bundle), 'optionalAccess', _7 => _7.url, 'access', _8 => _8.origin]), () => ( ""));
       const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;
       const basePath = isCrossOrigin ? `${remoteOrigin}${_nullishCoalesce(config.path, () => ( "/_next/image"))}` : _nullishCoalesce(config.path, () => ( `${remoteOrigin}/_next/image`));
-      const url = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;
+      const extracted = extractDeploymentIdFromSrc(src);
+      const deploymentParam = extracted.deploymentId ? `&dpl=${encodeURIComponent(extracted.deploymentId)}` : "";
+      const url = `${basePath}?url=${encodeURIComponent(extracted.src)}&w=${width}&q=${q}${deploymentParam}`;
       return _nullishCoalesce(_optionalChain([resolveClientUrl, 'optionalCall', _9 => _9(url)]), () => ( url));
     },
     // Signals to getImgProps that this is a default loader (not a user-defined
@@ -431,4 +453,4 @@ function buildHostShared(userShared, resolveClientUrl, options) {
 
 
 exports.SHARED_MODULE_MANIFEST_PROTOCOL = SHARED_MODULE_MANIFEST_PROTOCOL; exports.isSharedModuleManifest = isSharedModuleManifest; exports.getMissingSharedModulesMessage = getMissingSharedModulesMessage; exports.createSharedModulePlan = createSharedModulePlan; exports.resolveSharedModulePlan = resolveSharedModulePlan; exports.escapeString = escapeString; exports.attrToProp = attrToProp; exports.DEFAULT_BUNDLE_NAME = DEFAULT_BUNDLE_NAME; exports.DEFAULT_COMPONENT_NAME = DEFAULT_COMPONENT_NAME; exports.DEFAULT_ROUTE = DEFAULT_ROUTE; exports.RUNTIME_WEBPACK = RUNTIME_WEBPACK; exports.RUNTIME_TURBOPACK = RUNTIME_TURBOPACK; exports.RUNTIME_SCRIPT = RUNTIME_SCRIPT; exports.REMOTE_COMPONENT_REGEX = REMOTE_COMPONENT_REGEX; exports.NEXT_BUNDLE_PATH_RE = NEXT_BUNDLE_PATH_RE; exports.collapseDoubleSlashes = collapseDoubleSlashes; exports.createScope = createScope; exports.registerScope = registerScope; exports.getScope = getScope; exports.formatRemoteId = formatRemoteId; exports.parseRemoteId = parseRemoteId; exports.createRemoteImageLoader = createRemoteImageLoader; exports.CORE_REACT_SHARED_KEYS = CORE_REACT_SHARED_KEYS; exports.CORE_REACT_SHARED_MODULE_IDS = CORE_REACT_SHARED_MODULE_IDS; exports.VENDOR_SHARED = VENDOR_SHARED; exports.buildCoreShared = buildCoreShared; exports.buildHostShared = buildHostShared;
-//# sourceMappingURL=chunk-6PZEDIAK.cjs.map
+//# sourceMappingURL=chunk-OZCVXVKU.cjs.map

package/dist/chunk-OZCVXVKU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/host/shared/shared-broker.ts","../src/utils/index.ts","../src/runtime/constants.ts","../src/runtime/patterns.ts","../src/runtime/turbopack/remote-scope.ts","../src/host/shared/remote-image-loader.ts","../src/host/shared/polyfill.tsx","../src/host/shared/shared-module-resolver.ts"],"names":[],"mappings":"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","sourcesContent":["import type { LogLocation } from '#internal/utils/logger';\nimport { logDebug, logError } from '#internal/utils/logger';\n\nexport type SharedModuleFactory = (bundle?: string) => Promise<unknown>;\n\nexport const SHARED_MODULE_MANIFEST_PROTOCOL =\n  'remote-components.shared.v1' as const;\n\n// @legacy(remote-components<=0.4.x): remove this map shape once all supported\n// remotes emit sharedManifest. The provider path should then consume only\n// SharedModuleManifest requirements.\nexport type LegacySharedModuleMap = Record<string, string | number>;\n\nexport interface SharedModuleManifestRequirement {\n  id: string | number;\n  specifier: string;\n  required?: boolean;\n  singleton?: boolean;\n  scope?: string;\n}\n\nexport interface SharedModuleManifest {\n  protocol: typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  requirements: SharedModuleManifestRequirement[];\n}\n\nexport type RemoteSharedModules = LegacySharedModuleMap | SharedModuleManifest;\n\nexport interface SharedModuleRequirement {\n  id: string;\n  specifier: string;\n  required: boolean;\n  singleton: boolean;\n  scope: string;\n}\n\nexport interface SharedModuleResolution extends SharedModuleRequirement {\n  provider?: SharedModuleFactory | unknown;\n  status: 'resolved' | 'missing';\n}\n\nexport interface SharedModulePlan {\n  protocol: 'legacy' | typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  bundle: string;\n  entries: SharedModuleResolution[];\n}\n\nexport function isSharedModuleManifest(\n  value: unknown,\n): value is SharedModuleManifest {\n  return (\n    typeof value === 'object' &&\n    value !== null &&\n    'protocol' in value &&\n    value.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n    'requirements' in value &&\n    Array.isArray(value.requirements)\n  );\n}\n\nexport function getMissingSharedModulesMessage(\n  remoteShared: RemoteSharedModules,\n): string | undefined {\n  if (isSharedModuleManifest(remoteShared)) return undefined;\n  const message = remoteShared.__remote_components_missing_shared__;\n  return typeof message === 'string' ? message : undefined;\n}\n\nexport function createSharedModulePlan({\n  bundle,\n  hostShared,\n  remoteShared,\n  scope = `remote:${bundle}`,\n  callerTag = 'SharedBroker',\n}: {\n  bundle: string;\n  hostShared: Record<string, SharedModuleFactory | unknown>;\n  remoteShared: RemoteSharedModules;\n  scope?: string;\n  callerTag?: LogLocation;\n}): SharedModulePlan {\n  const protocol = isSharedModuleManifest(remoteShared)\n    ? remoteShared.protocol\n    : 'legacy';\n  const requirements: SharedModuleManifestRequirement[] =\n    isSharedModuleManifest(remoteShared)\n      ? remoteShared.requirements\n      : // @legacy(remote-components<=0.4.x): normalize the historical shared\n        // map until hosts and remotes on 0.4.x are no longer supported.\n        Object.entries(remoteShared).map(([id, specifier]) => ({\n          id,\n          specifier: String(specifier),\n          required: true,\n          singleton: true,\n        }));\n\n  const entries = requirements.map((requirement) => {\n    const specifier = String(requirement.specifier);\n    const provider = hostShared[specifier];\n    const entry: SharedModuleResolution = {\n      id: String(requirement.id),\n      specifier,\n      required: requirement.required ?? true,\n      singleton: requirement.singleton ?? true,\n      scope: requirement.scope ?? scope,\n      provider,\n      status: typeof provider === 'undefined' ? 'missing' : 'resolved',\n    };\n\n    if (entry.status === 'missing') {\n      logDebug(\n        callerTag,\n        `Remote \"${bundle}\" requests \"${specifier}\" for \"${entry.id}\" but the host does not provide it`,\n      );\n    }\n\n    return entry;\n  });\n\n  logDebug(\n    callerTag,\n    `Share plan (${protocol}) for \"${bundle}\": ${entries\n      .map((entry) => `${entry.id}=>${entry.specifier}:${entry.status}`)\n      .join(', ')}`,\n  );\n\n  return {\n    protocol,\n    bundle,\n    entries,\n  };\n}\n\nfunction missingRequiredSharedModuleMessage(\n  plan: SharedModulePlan,\n  entry: SharedModuleResolution,\n): string {\n  return (\n    `Remote Component \"${plan.bundle}\" requires shared module \"${entry.specifier}\", but the host does not provide it. ` +\n    'Add it to the host shared modules through `withRemoteComponentsConfig({ shared: [...] })` or the `shared` prop. ' +\n    'This diagnostic runs when both host and remote support the shared-module manifest in remote-components >=0.5.0. ' +\n    'The remote may load its bundled copy during the compatibility window; this will become a load error after remote-components <=0.4.x support is removed.'\n  );\n}\n\nfunction logMissingRequiredSharedModule(\n  callerTag: LogLocation,\n  plan: SharedModulePlan,\n  entry: SharedModuleResolution,\n): void {\n  logError(callerTag, missingRequiredSharedModuleMessage(plan, entry));\n}\n\nexport async function resolveSharedModulePlan(\n  plan: SharedModulePlan,\n): Promise<Record<string, unknown>> {\n  const resolved: Record<string, unknown> = {};\n\n  await Promise.all(\n    plan.entries.map(async (entry) => {\n      if (entry.status !== 'resolved') {\n        if (\n          plan.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n          entry.required\n        ) {\n          logMissingRequiredSharedModule('SharedBroker', plan, entry);\n        }\n        return;\n      }\n      const value =\n        typeof entry.provider === 'function'\n          ? await (entry.provider as SharedModuleFactory)(plan.bundle)\n          : entry.provider;\n      resolved[entry.id] = value;\n    }),\n  );\n\n  return resolved;\n}\n","export function escapeString(str: string) {\n  return str.replace(/[^a-z0-9]/g, '_');\n}\n\n/**\n * Computes the origin-qualified scoped name for a bundle by appending\n * the escaped host (hostname + port). This ensures the server and client\n * always agree on the scoped name — the server's cross-origin detection\n * (based on deployment URL) can differ from the client's (based on\n * `location.origin`), so the name must not depend on that distinction.\n *\n * Used on both the server (to rewrite RSC flight data) and the client\n * (to create and look up RemoteScopes). Both sides must produce the\n * same value for a given remote.\n */\nexport function computeScopedName(\n  name: string,\n  options: { remoteHost: string },\n): string {\n  return `${name}_${escapeString(options.remoteHost.toLowerCase())}`;\n}\n\nexport const attrToProp = {\n  fetchpriority: 'fetchPriority',\n  crossorigin: 'crossOrigin',\n  imagesrcset: 'imageSrcSet',\n  imagesizes: 'imageSizes',\n  srcset: 'srcSet',\n} as Record<string, string>;\n","import { escapeString } from '#internal/utils';\n\nexport const DEFAULT_BUNDLE_NAME = '__vercel_remote_bundle';\nexport const DEFAULT_COMPONENT_NAME = '__vercel_remote_component';\nexport const DEFAULT_ROUTE = '/';\n\nexport const RUNTIME_WEBPACK = 'webpack';\nexport const RUNTIME_TURBOPACK = 'turbopack';\nexport const RUNTIME_SCRIPT = 'script';\n\nexport function getBundleKey(bundle: string): string {\n  return escapeString(bundle);\n}\n\nexport type Runtime =\n  | typeof RUNTIME_WEBPACK\n  | typeof RUNTIME_TURBOPACK\n  | typeof RUNTIME_SCRIPT;\n","export const REMOTE_COMPONENT_REGEX =\n  /(?<prefix>.*?)\\[(?<bundle>[^\\]]+)\\](?:%20| )(?<id>.+)/;\n\n// Matches Next.js bundle-prefixed paths like /_next/[bundle-name] /static/...\n// Used to strip the bundle identifier before loading scripts via the standard /_next/ path.\nexport const NEXT_BUNDLE_PATH_RE = /\\/_next\\/\\[.+\\](?:%20| )/;\n\n/** Collapse duplicate path separators (`//`) while preserving protocol (`://`). */\nconst DOUBLE_SLASH_RE = /(?<!:)\\/\\//g;\nexport function collapseDoubleSlashes(path: string): string {\n  return path.replace(DOUBLE_SLASH_RE, '/');\n}\n","import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { getBundleKey, type Runtime } from '#internal/runtime/constants';\nimport { getNamespace } from '#internal/runtime/namespace';\nimport { REMOTE_COMPONENT_REGEX } from '#internal/runtime/patterns';\nimport { computeScopedName } from '#internal/utils';\nimport { logDebug, logWarn } from '#internal/utils/logger';\n\n/**\n * Encapsulates all per-remote state so that two remotes sharing the same\n * bundle name but served from different origins never collide.\n *\n * A scope is created once per `setupRemoteScope` call and threaded\n * directly through internal code paths (chunk loading, module resolution,\n * shared modules). Global dispatchers (`__webpack_require__`,\n * `__webpack_chunk_load__`) only exist for external callers (RSC runtime)\n * and resolve the correct scope via the registry.\n */\nexport interface RemoteScope {\n  /** Plain bundle name (e.g. \"remote-component-registry\") */\n  name: string;\n  /** Origin-qualified key — unique even when two remotes share a name */\n  scopedName: string;\n  /** Escaped key used as suffix for TURBOPACK_ globals */\n  globalKey: string;\n  /** Base URL for resolving relative chunk paths */\n  url: URL;\n  /** Bundler runtime type */\n  runtime: Runtime;\n  /** Proxy callback for routing chunks through the host */\n  resolveClientUrl?: InternalResolveClientUrl;\n  /** Per-scope cache of executed Turbopack module exports */\n  moduleCache: Record<string, unknown>;\n  /** Per-scope shared modules provided by the host (React, etc.) */\n  sharedModules: Record<string, unknown>;\n  /** Per-scope globalThis substitute passed to module initializers as `g` */\n  moduleGlobal: Record<string, unknown>;\n  /**\n   * Webpack's bundle-scoped require function, populated from\n   * `__remote_webpack_require__[bundleName]` for webpack remotes.\n   * Undefined for turbopack remotes.\n   */\n  webpackRequire?: ((id: string | number) => unknown) & {\n    m?: Record<string | number, (module: { exports: unknown }) => void>;\n    type?: string;\n  };\n  /**\n   * Flat array of captured turbopack module entries: [scriptEl, id, factory, ...].\n   * Populated by the push interceptor in handleTurbopackChunk. This is the\n   * primary source of truth for getTurbopackModules — immune to the turbopack\n   * runtime replacing the TURBOPACK global (canary builds use a deferred-loading\n   * pattern that swaps the array for an immediate-processing dispatcher).\n   */\n  turbopackModules: unknown[];\n}\n\nfunction getRegistry(): Map<string, RemoteScope> {\n  return getNamespace().scopes;\n}\n\nexport function createScope(\n  name: string,\n  url: URL,\n  runtime: Runtime,\n  resolveClientUrl?: InternalResolveClientUrl,\n): RemoteScope {\n  const scopedName = computeScopedName(name, { remoteHost: url.host });\n  const globalKey = getBundleKey(scopedName);\n  return {\n    name,\n    scopedName,\n    globalKey,\n    url,\n    runtime,\n    resolveClientUrl,\n    moduleCache: {},\n    sharedModules: {},\n    moduleGlobal: {},\n    turbopackModules: [],\n  };\n}\n\nexport function registerScope(scope: RemoteScope): void {\n  const registry = getRegistry();\n  registry.set(scope.scopedName, scope);\n\n  // Also register under the plain name so static/HTML hosts (which don't\n  // rewrite RSC chunk IDs) can look up scopes by the unrewritten bundle name.\n  if (scope.scopedName !== scope.name) {\n    const existing = registry.get(scope.name);\n    if (existing && existing.scopedName !== scope.scopedName) {\n      logWarn(\n        'RemoteScope',\n        `Plain name \"${scope.name}\" already registered by scope \"${existing.scopedName}\" — ` +\n          `overwriting with \"${scope.scopedName}\". Static hosts will only resolve the latest one.`,\n      );\n    }\n    registry.set(scope.name, scope);\n  }\n\n  logDebug(\n    'RemoteScope',\n    `Registered scope \"${scope.scopedName}\" (${registry.size} total)`,\n  );\n}\n\n/**\n * Resolves a scope by name. Accepts either the scoped name (used by Next.js\n * hosts that rewrite RSC data server-side) or the plain bundle name (used by\n * static/HTML hosts where chunks arrive unrewritten).\n */\nexport function getScope(name: string): RemoteScope | undefined {\n  return getRegistry().get(name);\n}\n\n/** Formats a `[scopedName] path` string for use in chunk/module IDs. */\nexport function formatRemoteId(scope: RemoteScope, path: string): string {\n  return `[${scope.scopedName}] ${path}`;\n}\n\n/**\n * Parses the `[bundle] path` format used in chunk/module IDs.\n * Uses REMOTE_COMPONENT_REGEX (the same pattern used by the module dispatcher\n * and script loader) so the two parsing paths can never diverge.\n */\nexport function parseRemoteId(id: string): {\n  bundle: string;\n  path: string;\n  prefix: string;\n} {\n  const groups = REMOTE_COMPONENT_REGEX.exec(id)?.groups;\n  if (groups?.bundle && groups.id) {\n    return {\n      bundle: groups.bundle,\n      path: groups.id,\n      prefix: groups.prefix ?? '',\n    };\n  }\n  return { bundle: 'default', path: id, prefix: '' };\n}\n","import { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\n\nfunction extractDeploymentIdFromSrc(src: string) {\n  if (!src.startsWith('/') || src.startsWith('//')) {\n    return { deploymentId: undefined, src };\n  }\n\n  const queryIndex = src.indexOf('?');\n  if (queryIndex === -1) {\n    return { deploymentId: undefined, src };\n  }\n\n  const params = new URLSearchParams(src.slice(queryIndex + 1));\n  const deploymentId = params.get('dpl') || undefined;\n  if (!deploymentId) {\n    return { deploymentId: undefined, src };\n  }\n\n  params.delete('dpl');\n  const remaining = params.toString();\n  return {\n    deploymentId,\n    src: `${src.slice(0, queryIndex)}${remaining ? `?${remaining}` : ''}`,\n  };\n}\n\n/**\n * Replacement for `next/dist/shared/lib/image-loader`.\n *\n * Uses `config.path` (which includes the remote's asset prefix, e.g.\n * `/vc-ap-xxx/_next/image`) to generate URLs that match the server-rendered\n * HTML and avoid hydration mismatches. Under the microfrontends proxy these\n * relative paths are routed to the correct app.\n *\n * For cross-origin deployments (standalone host on a different domain),\n * `config.path` is a relative path that would incorrectly resolve to the host\n * origin, so we prefix it with the remote origin to produce an absolute URL\n * pointing at the remote's optimizer.\n *\n * When `resolveClientUrl` is provided (deployment protection), the final URL\n * is routed through the host's proxy.\n */\nexport function createRemoteImageLoader(\n  bundle: string,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const loader = Object.assign(\n    ({\n      config,\n      src,\n      width,\n      quality,\n    }: {\n      config: { path?: string };\n      src: string;\n      width: number;\n      quality?: number;\n    }) => {\n      const q = quality ?? 75;\n      const remoteOrigin = getScope(bundle)?.url.origin ?? '';\n      const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;\n      const basePath = isCrossOrigin\n        ? `${remoteOrigin}${config.path ?? '/_next/image'}`\n        : (config.path ?? `${remoteOrigin}/_next/image`);\n      const extracted = extractDeploymentIdFromSrc(src);\n      const deploymentParam = extracted.deploymentId\n        ? `&dpl=${encodeURIComponent(extracted.deploymentId)}`\n        : '';\n      const url = `${basePath}?url=${encodeURIComponent(extracted.src)}&w=${width}&q=${q}${deploymentParam}`;\n      return resolveClientUrl?.(url) ?? url;\n    },\n    // Signals to getImgProps that this is a default loader (not a user-defined\n    // one), enabling srcSet generation with device/image sizes from the config.\n    { __next_img_default: true as const },\n  );\n  return loader;\n}\n","import type { LinkProps } from 'next/link';\nimport {\n  REMOTE_NAVIGATE_EVENT,\n  type RemoteNavigateDetail,\n} from '#internal/host/shared/navigate-event';\nimport { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getNamespace } from '#internal/runtime/namespace';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport { logWarn } from '#internal/utils/logger';\n\nfunction dispatchRemoteNavigate(detail: RemoteNavigateDetail) {\n  window.dispatchEvent(\n    new CustomEvent<RemoteNavigateDetail>(REMOTE_NAVIGATE_EVENT, { detail }),\n  );\n}\n\n// polyfill Next.js App Router client API (minimal)\n// implementations are minimal and do not cover all use cases\n// developer can override these shared modules from configuration\nexport function sharedPolyfills(\n  shared?: Record<string, () => Promise<unknown>>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const hostShared = getNamespace().hostSharedModules;\n  const polyfill = {\n    'next/dist/client/components/navigation':\n      hostShared['next/navigation'] ??\n      shared?.['next/navigation'] ??\n      (() =>\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'push' });\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'replace' });\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          usePathname() {\n            return location.pathname;\n          },\n          useParams() {\n            return {};\n          },\n          useSearchParams() {\n            return new URLSearchParams(location.search);\n          },\n          useSelectedLayoutSegment() {\n            return null;\n          },\n          useSelectedLayoutSegments() {\n            return [];\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/link':\n      hostShared['next/link'] ??\n      shared?.['next/link'] ??\n      (() =>\n        Promise.resolve({\n          default: ({\n            scroll: _,\n            replace,\n            prefetch,\n            onNavigate,\n            children,\n            ...props\n          }: React.PropsWithChildren<LinkProps>) => {\n            if (prefetch) {\n              logWarn(\n                'Polyfill',\n                'Next.js Link prefetch is not supported in remote components',\n              );\n            }\n            return (\n              <a\n                {...props}\n                href={props.href as string}\n                onClick={(e) => {\n                  e.preventDefault();\n                  let preventDefaulted = false;\n                  e.preventDefault = () => {\n                    preventDefaulted = true;\n                    e.defaultPrevented = true;\n                  };\n                  if (typeof props.onClick === 'function') {\n                    props.onClick(e);\n                  }\n                  onNavigate?.(e);\n                  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n                  if (preventDefaulted) {\n                    return;\n                  }\n                  if (replace) {\n                    history.replaceState({}, '', props.href as string);\n                  } else {\n                    history.pushState({}, '', props.href as string);\n                  }\n                  dispatchRemoteNavigate({\n                    url: props.href as string,\n                    type: replace ? 'replace' : 'push',\n                  });\n                }}\n                suppressHydrationWarning\n              >\n                {children ?? null}\n              </a>\n            );\n          },\n          useLinkStatus() {\n            return { pending: false };\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/form':\n      hostShared['next/form'] ??\n      shared?.['next/form'] ??\n      (() =>\n        Promise.resolve({\n          default: () => {\n            // TODO: implement <Form> component for non-Next.js host applications\n            throw new Error('Next.js <Form> component not implemented');\n          },\n          __esModule: true,\n        })),\n    // Instead of replacing next/image entirely, we let the real Next.js Image\n    // component load from the remote bundle and only replace its default loader.\n    // This gives us full next/image fidelity (fill, priority, srcSet, blur\n    // placeholders, error handling) while routing image optimization through the\n    // remote app's /_next/image endpoint.\n    'next/dist/shared/lib/image-loader':\n      hostShared['next/dist/shared/lib/image-loader'] ??\n      shared?.['next/dist/shared/lib/image-loader'] ??\n      ((bundle: string) =>\n        Promise.resolve({\n          default: createRemoteImageLoader(bundle, resolveClientUrl),\n          __esModule: true,\n        })),\n    'next/dist/client/script':\n      hostShared['next/script'] ??\n      shared?.['next/script'] ??\n      (() =>\n        Promise.resolve({\n          // TODO: implement <Script> component for non-Next.js host applications\n          // do not throw an error for now\n          default: () => null,\n          __esModule: true,\n        })),\n    'next/router':\n      hostShared['next/router'] ??\n      shared?.['next/router'] ??\n      (() =>\n        // TODO: incomplete implementation\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'push' });\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'replace' });\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          __esModule: true,\n        })),\n    'next/dist/build/polyfills/process': () =>\n      Promise.resolve({\n        default: {\n          env: {\n            NODE_ENV: 'production',\n          },\n        },\n        __esModule: true,\n      }),\n  } as Record<string, () => Promise<unknown>>;\n\n  polyfill['next/navigation'] = polyfill[\n    'next/dist/client/components/navigation'\n  ] as () => Promise<unknown>;\n  polyfill['next/link'] = polyfill[\n    'next/dist/client/app-dir/link'\n  ] as () => Promise<unknown>;\n  polyfill['next/form'] = polyfill[\n    'next/dist/client/app-dir/form'\n  ] as () => Promise<unknown>;\n  polyfill['next/dist/esm/shared/lib/image-loader'] = polyfill[\n    'next/dist/shared/lib/image-loader'\n  ] as () => Promise<unknown>;\n  polyfill['next/script'] = polyfill[\n    'next/dist/client/script'\n  ] as () => Promise<unknown>;\n\n  return polyfill;\n}\n","import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { sharedPolyfills } from '#internal/host/shared/polyfill';\nimport type { SharedModuleFactory } from '#internal/host/shared/shared-broker';\n\n/**\n * The core React packages that are always shared between host and remote.\n */\nexport const CORE_REACT_SHARED_KEYS = [\n  'react',\n  'react/jsx-dev-runtime',\n  'react/jsx-runtime',\n  'react-dom',\n  'react-dom/client',\n] as const;\n\n/**\n * Maps each core React package to its shared-module manifest ID.\n * These IDs are emitted into sharedManifest for the default React entries.\n * For example, `react` maps to `/react/index.js`.\n */\nexport const CORE_REACT_SHARED_MODULE_IDS: Record<string, string> = {\n  react: '/react/index.js',\n  'react/jsx-dev-runtime': '/react/jsx-dev-runtime.js',\n  'react/jsx-runtime': '/react/jsx-runtime.js',\n  'react-dom': '/react-dom/index.js',\n  'react-dom/client': '/react-dom/client.js',\n};\n\n/**\n * The vendorShared record used by the Next.js config to map React packages\n * to their shared-module ID string literals. Derived from\n * CORE_REACT_SHARED_MODULE_IDS but excludes `react-dom/client` to match the\n * existing config behavior.\n */\nexport const VENDOR_SHARED: Record<string, string> = Object.fromEntries(\n  Object.entries(CORE_REACT_SHARED_MODULE_IDS)\n    .filter(([key]) => key !== 'react-dom/client')\n    .map(([key, path]) => [key, `'${path}'`]),\n);\n\n/**\n * Builds the `coreShared` map for the Turbopack runtime's\n * `initializeSharedModules`. Each entry is an async factory that dynamically\n * imports the corresponding React package. User-provided shared modules\n * override core entries (e.g. to supply a pinned React version).\n */\nexport function buildCoreShared(\n  userShared?: Record<string, SharedModuleFactory>,\n): Record<string, SharedModuleFactory> {\n  return {\n    react: async () => (await import('react')).default,\n    'react-dom': async () => (await import('react-dom')).default,\n    'react/jsx-dev-runtime': async () =>\n      (await import('react/jsx-dev-runtime')).default,\n    'react/jsx-runtime': async () =>\n      (await import('react/jsx-runtime')).default,\n    'react-dom/client': async () => (await import('react-dom/client')).default,\n    ...userShared,\n  };\n}\n\ninterface HostSharedGlobals {\n  __remote_component_host_shared_modules__?: Record<\n    string,\n    SharedModuleFactory\n  >;\n  __remote_component_shared__?: Record<string, SharedModuleFactory>;\n}\n\n/**\n * Builds the merged host shared modules map with a consistent merge priority:\n *   1. Polyfills (lowest priority — fallback implementations)\n *   2. Global host shared modules (`__remote_component_host_shared_modules__`)\n *   3. User-provided shared modules (highest priority — explicit overrides)\n *\n * Some callers also include `__remote_component_shared__`, the Pages\n * client-only shared global. Pass `includePagesClientSharedGlobal: true` to\n * include it at the end.\n */\nexport function buildHostShared(\n  userShared?: Record<string, SharedModuleFactory>,\n  resolveClientUrl?: InternalResolveClientUrl,\n  options?: { includePagesClientSharedGlobal?: boolean },\n): Record<string, SharedModuleFactory> {\n  const self = globalThis as typeof globalThis & HostSharedGlobals;\n  const result: Record<string, SharedModuleFactory> = {\n    ...sharedPolyfills(userShared, resolveClientUrl),\n    ...self.__remote_component_host_shared_modules__,\n    ...userShared,\n  };\n  if (options?.includePagesClientSharedGlobal) {\n    Object.assign(result, self.__remote_component_shared__);\n  }\n  return result;\n}\n"]}

package/dist/{chunk-OSSMJQFE.cjs → chunk-W7RJUCZQ.cjs}

@@ -7,7 +7,7 @@
 
 
 
-var _chunkHZP4FWPGcjs = require('./chunk-HZP4FWPG.cjs');
+var _chunkOI37BBBUcjs = require('./chunk-OI37BBBU.cjs');
 
 
 var _chunk3AX5WLZDcjs = require('./chunk-3AX5WLZD.cjs');
@@ -21,7 +21,7 @@ var _chunkN3SQTOSEcjs = require('./chunk-N3SQTOSE.cjs');
 
 
 
-var _chunk6PZEDIAKcjs = require('./chunk-6PZEDIAK.cjs');
+var _chunkOZCVXVKUcjs = require('./chunk-OZCVXVKU.cjs');
 
 
 var _chunkZ2SLBFQLcjs = require('./chunk-Z2SLBFQL.cjs');
@@ -92,7 +92,7 @@ function setAttributesFromProps(el, props) {
 function useResolveClientUrl(prop, urlHref) {
   const { resolveClientUrl: contextValue } = _context.useRemoteComponentsContext.call(void 0, );
   const raw = _nullishCoalesce(prop, () => ( contextValue));
-  return _react.useMemo.call(void 0, () => _chunkHZP4FWPGcjs.bindResolveClientUrl.call(void 0, raw, urlHref), [raw, urlHref]);
+  return _react.useMemo.call(void 0, () => _chunkOI37BBBUcjs.bindResolveClientUrl.call(void 0, raw, urlHref), [raw, urlHref]);
 }
 
 // src/host/react/hooks/use-shadow-root.ts
@@ -154,7 +154,7 @@ function getRemoteComponentHtml(html) {
     return ssrRemoteComponentContainer.innerHTML;
   }
   const remoteComponentContainer = temp.querySelectorAll(
-    `div[data-bundle][data-route][data-runtime][id^="${_chunk6PZEDIAKcjs.DEFAULT_COMPONENT_NAME}"],div[data-bundle][data-route],div#__next,remote-component:not([src])`
+    `div[data-bundle][data-route][data-runtime][id^="${_chunkOZCVXVKUcjs.DEFAULT_COMPONENT_NAME}"],div[data-bundle][data-route],div#__next,remote-component:not([src])`
   );
   if (remoteComponentContainer.length > 0) {
     return `${Array.from(temp.querySelectorAll("link,script")).map((link) => link.outerHTML).join("")}${Array.from(remoteComponentContainer).map((container) => container.outerHTML).join("")}`;
@@ -179,7 +179,7 @@ function ConsumeRemoteComponent({
   mode = "open",
   reset,
   credentials: credentialsProp,
-  name: nameProp = _chunk6PZEDIAKcjs.DEFAULT_COMPONENT_NAME,
+  name: nameProp = _chunkOZCVXVKUcjs.DEFAULT_COMPONENT_NAME,
   shared: sharedProp,
   children,
   onBeforeLoad,
@@ -195,22 +195,22 @@ function ConsumeRemoteComponent({
   const credentials = _nullishCoalesce(_nullishCoalesce(credentialsProp, () => ( contextCredentials)), () => ( "same-origin"));
   const shared = _nullishCoalesce(_nullishCoalesce(sharedProp, () => ( contextShared)), () => ( {}));
   const emitter = _react.useMemo.call(void 0, 
-    () => _chunkHZP4FWPGcjs.makeReactEmitter.call(void 0, { onBeforeLoad, onLoad, onError, onChange }),
+    () => _chunkOI37BBBUcjs.makeReactEmitter.call(void 0, { onBeforeLoad, onLoad, onError, onChange }),
     [onBeforeLoad, onLoad, onError, onChange]
   );
   const name = _react.useMemo.call(void 0, 
-    () => _chunkHZP4FWPGcjs.resolveNameFromSrc.call(void 0, src, nameProp),
+    () => _chunkOI37BBBUcjs.resolveNameFromSrc.call(void 0, src, nameProp),
     [src, nameProp]
   );
   const [data, setData] = _react.useState.call(void 0, 
     null
   );
-  const url = _react.useMemo.call(void 0, () => _chunkHZP4FWPGcjs.getClientOrServerUrl.call(void 0, src, DUMMY_FALLBACK), [src]);
+  const url = _react.useMemo.call(void 0, () => _chunkOI37BBBUcjs.getClientOrServerUrl.call(void 0, src, DUMMY_FALLBACK), [src]);
   const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);
   const id = url.origin === (typeof location !== "undefined" ? location.origin : DUMMY_FALLBACK) ? url.pathname : url.href;
-  const keySuffix = `${_chunk6PZEDIAKcjs.escapeString.call(void 0, id)}_${_chunk6PZEDIAKcjs.escapeString.call(void 0, 
+  const keySuffix = `${_chunkOZCVXVKUcjs.escapeString.call(void 0, id)}_${_chunkOZCVXVKUcjs.escapeString.call(void 0, 
     _nullishCoalesce(_optionalChain([data, 'optionalAccess', _5 => _5.name]), () => ( name))
-  )}_${_chunk6PZEDIAKcjs.escapeString.call(void 0, instanceId)}`;
+  )}_${_chunkOZCVXVKUcjs.escapeString.call(void 0, instanceId)}`;
   const [remoteComponent, setRemoteComponent] = _react.useState.call(void 0, null);
   const { shadowRoot, shadowRootContainerRef } = useShadowRoot({
     isolate,
@@ -222,6 +222,10 @@ function ConsumeRemoteComponent({
       `[data-remote-component-id="shadowroot_${keySuffix}"]`
     ), 'optionalAccess', _8 => _8.shadowRoot, 'optionalAccess', _9 => _9.innerHTML]), () => ( _optionalChain([document, 'access', _10 => _10.getElementById, 'call', _11 => _11(`__REMOTE_COMPONENT${name}`), 'optionalAccess', _12 => _12.innerHTML]))), () => ( _optionalChain([document, 'access', _13 => _13.querySelector, 'call', _14 => _14(`div[data-bundle][data-route][id^="${name}"]`), 'optionalAccess', _15 => _15.innerHTML]))), () => ( _optionalChain([document, 'access', _16 => _16.querySelector, 'call', _17 => _17("div[data-bundle][data-route]"), 'optionalAccess', _18 => _18.innerHTML]))) : null
   );
+  const initialSsrContentRef = _react.useRef.call(void 0, htmlRef.current != null);
+  const [stylesReady, setStylesReady] = _react.useState.call(void 0, 
+    () => !(typeof document !== "undefined" && isolate !== false && Boolean(src) && !initialSsrContentRef.current)
+  );
   const endTemplateRef = _react.useRef.call(void 0, null);
   const childrenRef = _react.useRef.call(void 0, 
     typeof document !== "undefined" ? (() => {
@@ -236,7 +240,7 @@ function ConsumeRemoteComponent({
       return elements;
     })() : []
   );
-  const hostStateRef = _react.useRef.call(void 0, _chunkHZP4FWPGcjs.createHostState.call(void 0, ));
+  const hostStateRef = _react.useRef.call(void 0, _chunkOI37BBBUcjs.createHostState.call(void 0, ));
   const componentHydrationHtml = _react.useRef.call(void 0, null);
   const prevRemoteComponentContainerRef = _react.useRef.call(void 0, null);
   const unmountRef = _react.useRef.call(void 0, null);
@@ -276,6 +280,59 @@ function ConsumeRemoteComponent({
       }
     }
   }, [shadowRoot, remoteComponent, name]);
+  _react.useLayoutEffect.call(void 0, () => {
+    const currentSrc = src ? typeof src === "string" ? src : src.href : null;
+    if (stylesReady || initialSsrContentRef.current || !shadowRoot || !data || data.src !== currentSrc) {
+      return;
+    }
+    const expectedStylesheets = (_nullishCoalesce(data.links, () => ( []))).filter(
+      (link) => link.rel === "stylesheet"
+    );
+    if (expectedStylesheets.length === 0) {
+      setStylesReady(true);
+      return;
+    }
+    const expectedHrefs = new Set(
+      expectedStylesheets.map((link) => new URL(link.href, url).href)
+    );
+    const links = Array.from(
+      shadowRoot.querySelectorAll('link[rel="stylesheet"]')
+    ).filter((link) => expectedHrefs.has(link.href));
+    if (links.length < expectedHrefs.size) {
+      return;
+    }
+    if (links.length === 0) {
+      setStylesReady(true);
+      return;
+    }
+    let pending = links.length;
+    let settled = false;
+    const onSettled = () => {
+      pending -= 1;
+      if (!settled && pending <= 0) {
+        settled = true;
+        setStylesReady(true);
+      }
+    };
+    const cleanups = links.map((link) => {
+      if (link.sheet) {
+        onSettled();
+        return () => {
+        };
+      }
+      link.addEventListener("load", onSettled, { once: true });
+      link.addEventListener("error", onSettled, { once: true });
+      return () => {
+        link.removeEventListener("load", onSettled);
+        link.removeEventListener("error", onSettled);
+      };
+    });
+    return () => {
+      for (const cleanup of cleanups) {
+        cleanup();
+      }
+    };
+  }, [shadowRoot, data, stylesReady, src, url]);
   _react.useEffect.call(void 0, () => {
     if (src && src !== hostStateRef.current.prevSrc) {
       const previousSrc = hostStateRef.current.prevSrc;
@@ -289,6 +346,9 @@ function ConsumeRemoteComponent({
       const { signal } = hostStateRef.current.abortController;
       emitter.beforeLoad(src);
       hostStateRef.current.stage = "loading";
+      if (isolate !== false && !initialSsrContentRef.current) {
+        setStylesReady(false);
+      }
       _react.startTransition.call(void 0, async () => {
         try {
           let html = getRemoteComponentHtml(
@@ -302,7 +362,7 @@ function ConsumeRemoteComponent({
               _nullishCoalesce(_optionalChain([resolveClientUrl, 'optionalCall', _29 => _29(url.href)]), () => ( url.href)),
               location.href
             );
-            const res = await _chunkHZP4FWPGcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
+            const res = await _chunkOI37BBBUcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
               onRequest,
               onResponse,
               abortController: hostStateRef.current.abortController
@@ -321,7 +381,7 @@ function ConsumeRemoteComponent({
           const userShared = await shared;
           if (signal.aborted)
             return;
-          const prepared = _chunkHZP4FWPGcjs.preparePipeline.call(void 0, {
+          const prepared = _chunkOI37BBBUcjs.preparePipeline.call(void 0, {
             html,
             name,
             url,
@@ -362,11 +422,25 @@ function ConsumeRemoteComponent({
             href: new URL(_nullishCoalesce(link.getAttribute("href"), () => ( link.href)), url).href,
             ...link.getAttributeNames().reduce((acc, key) => {
               if (key !== "href") {
-                acc[_nullishCoalesce(_chunk6PZEDIAKcjs.attrToProp[key], () => ( key))] = _nullishCoalesce(link.getAttribute(key), () => ( ""));
+                acc[_nullishCoalesce(_chunkOZCVXVKUcjs.attrToProp[key], () => ( key))] = _nullishCoalesce(link.getAttribute(key), () => ( ""));
               }
               return acc;
             }, {})
           }));
+          const stylesheetLinks = Array.from(linkElements).filter(
+            (link) => link.getAttribute("rel") === "stylesheet"
+          );
+          if (typeof _reactdom.preload === "function") {
+            for (const link of stylesheetLinks) {
+              _reactdom.preload.call(void 0, 
+                new URL(_nullishCoalesce(link.getAttribute("href"), () => ( link.href)), url).href,
+                {
+                  as: "style",
+                  fetchPriority: "high"
+                }
+              );
+            }
+          }
           const inlineScripts = (isRemoteComponent ? component : doc).querySelectorAll(
             "script:not([src]):not([data-src]):not([id*='_rsc']):not([id='__NEXT_DATA__']):not([id='__REMOTE_NEXT_DATA__'])"
           );
@@ -424,7 +498,7 @@ function ConsumeRemoteComponent({
             });
             self.__next_s = prevNextScripts;
           }
-          const rscName = rsc ? `__remote_component_rsc_${_chunk6PZEDIAKcjs.escapeString.call(void 0, id)}_${_chunk6PZEDIAKcjs.escapeString.call(void 0, 
+          const rscName = rsc ? `__remote_component_rsc_${_chunkOZCVXVKUcjs.escapeString.call(void 0, id)}_${_chunkOZCVXVKUcjs.escapeString.call(void 0, 
             remoteName
           )}` : void 0;
           if (rsc) {
@@ -495,9 +569,10 @@ function ConsumeRemoteComponent({
               );
               emitter.load(src);
             }
+            setStylesReady(true);
             hostStateRef.current.stage = "loaded";
           } else {
-            const result = await _chunkHZP4FWPGcjs.loadPrepared.call(void 0, {
+            const result = await _chunkOI37BBBUcjs.loadPrepared.call(void 0, {
               prepared,
               url,
               signal,
@@ -566,8 +641,8 @@ function ConsumeRemoteComponent({
   const metadataJson = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "script", { "data-remote-component": true, type: "application/json", children: JSON.stringify({
     name: _optionalChain([data, 'optionalAccess', _33 => _33.name]) || name,
     bundle: _optionalChain([data, 'optionalAccess', _34 => _34.bundle]) || "default",
-    route: _optionalChain([data, 'optionalAccess', _35 => _35.route]) || _chunk6PZEDIAKcjs.DEFAULT_ROUTE,
-    runtime: hostStateRef.current.prevIsRemoteComponent ? _chunk6PZEDIAKcjs.RUNTIME_SCRIPT : _optionalChain([data, 'optionalAccess', _36 => _36.runtime]) || _chunk6PZEDIAKcjs.RUNTIME_WEBPACK
+    route: _optionalChain([data, 'optionalAccess', _35 => _35.route]) || _chunkOZCVXVKUcjs.DEFAULT_ROUTE,
+    runtime: hostStateRef.current.prevIsRemoteComponent ? _chunkOZCVXVKUcjs.RUNTIME_SCRIPT : _optionalChain([data, 'optionalAccess', _36 => _36.runtime]) || _chunkOZCVXVKUcjs.RUNTIME_WEBPACK
   }) });
   const resetStyle = reset ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { "data-remote-components-reset": "react", children: `:host { all: initial; }` }) : null;
   const linksToRender = _optionalChain([data, 'optionalAccess', _37 => _37.links, 'optionalAccess', _38 => _38.map, 'call', _39 => _39((link) => /* @__PURE__ */ _react.createElement.call(void 0, 
@@ -616,14 +691,17 @@ function ConsumeRemoteComponent({
     if (shadowRemoteComponentHtml) {
       shadowRemoteComponentHtml.remove();
     }
+    const hideForStyles = !initialSsrContentRef.current && !stylesReady;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       metadataJson,
+      hideForStyles ? children : null,
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
         "div",
         {
           "data-remote-component-id": `shadowroot_${keySuffix}`,
           id: `shadowroot_${_nullishCoalesce(_optionalChain([data, 'optionalAccess', _44 => _44.name]), () => ( name))}`,
           ref: shadowRootContainerRef,
+          style: hideForStyles ? { display: "none" } : void 0,
           children: [
             typeof document === "undefined" ? (
               // eslint-disable-next-line react/no-unknown-property
@@ -679,4 +757,4 @@ function ConsumeRemoteComponent({
 
 
 exports.useRemoteNavigate = useRemoteNavigate; exports.ConsumeRemoteComponent = ConsumeRemoteComponent;
-//# sourceMappingURL=chunk-OSSMJQFE.cjs.map
+//# sourceMappingURL=chunk-W7RJUCZQ.cjs.map

package/dist/chunk-W7RJUCZQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/host/react/index.tsx","../src/runtime/html/set-attributes-from-props.ts","../src/host/react/hooks/use-resolve-client-url.ts","../src/host/react/hooks/use-shadow-root.ts","../src/host/react/utils/extract-remote-html.ts","../src/host/react/hooks/use-remote-navigate.ts"],"names":["useEffect","useLayoutEffect","useMemo","useRef","useState","useRemoteComponentsContext"],"mappings":"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","sourcesContent":["import {\n  startTransition,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal, preload } from 'react-dom';\nimport { useRemoteComponentsContext } from '#internal/host/react/context';\nimport { fetchWithHooks } from '#internal/host/server/fetch-with-hooks';\nimport { getClientOrServerUrl } from '#internal/host/server/get-client-or-server-url';\nimport type { ConsumeRemoteComponentConfig } from '#internal/host/shared/config';\nimport { makeReactEmitter } from '#internal/host/shared/lifecycle';\nimport { loadPrepared, preparePipeline } from '#internal/host/shared/pipeline';\nimport type { ConsumeServerData } from '#internal/host/shared/server-handoff';\nimport { createHostState } from '#internal/host/shared/state';\nimport { resolveNameFromSrc } from '#internal/host/utils/resolve-name-from-src';\nimport {\n  DEFAULT_COMPONENT_NAME,\n  DEFAULT_ROUTE,\n  RUNTIME_SCRIPT,\n  RUNTIME_WEBPACK,\n} from '#internal/runtime/constants';\nimport { setAttributesFromProps } from '#internal/runtime/html/set-attributes-from-props';\nimport { loadStaticRemoteComponent } from '#internal/runtime/loaders/static-loader';\nimport { getNamespace } from '#internal/runtime/namespace';\nimport { attrToProp, escapeString } from '#internal/utils';\nimport { isAbortError } from '#internal/utils/abort';\nimport {\n  errorFromFailedFetch,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport type { MountOrUnmountFunction } from '#remote-components/runtime/types';\nimport { useResolveClientUrl } from './hooks/use-resolve-client-url';\nimport { useShadowRoot } from './hooks/use-shadow-root';\nimport {\n  DUMMY_FALLBACK,\n  getRemoteComponentHtml,\n} from './utils/extract-remote-html';\n\n/**\n * Props for the React remote component host.\n *\n * Extends {@link ConsumeRemoteComponentConfig} with `children` for loading\n * fallback content.\n *\n * To react to navigations originating from embedded remote components, set up\n * a single top-level subscription with `onRemoteNavigate` from\n * `remote-components/host/navigation` and route the event to your host's\n * router.\n */\nexport interface ConsumeRemoteComponentProps\n  extends ConsumeRemoteComponentConfig {\n  /** Loading fallback content displayed while the remote component is being fetched. */\n  children?: React.ReactNode;\n}\n\n/**\n * ConsumeRemoteComponent is a React component that fetches and renders a remote component.\n * It supports SSR and can isolate the remote component in a shadow DOM.\n *\n * @param props - The properties for the remote component.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<ConsumeRemoteComponent>` in your React application to consume a remote component from a remote application:\n *\n * ```tsx\n * import { ConsumeRemoteComponent } from 'remote-components/host/react';\n *\n * export default function App() {\n *  return (\n *    <>\n *      <h1>Welcome to My App</h1>\n *      <p>This page consumes a remote component from another application.</p>\n *      <ConsumeRemoteComponent src=\"/nextjs-app-remote/components/header\" />\n *    </>\n *  );\n * }\n * ```\n *\n * To share modules, you can provide a shared module map with references to the shared modules:\n *\n * ```tsx\n * <ConsumeRemoteComponent\n *   src=\"/nextjs-app-remote/components/header\"\n *   shared={{\n *     '@/components/provider': () => import('@/components/host-provider')\n *   }}\n * />\n * ```\n */\nexport function ConsumeRemoteComponent({\n  src,\n  isolate,\n  mode = 'open',\n  reset,\n  credentials: credentialsProp,\n  name: nameProp = DEFAULT_COMPONENT_NAME,\n  shared: sharedProp,\n  children,\n  onBeforeLoad,\n  onLoad,\n  onError,\n  onChange,\n  onRequest,\n  onResponse,\n  resolveClientUrl: resolveClientUrlProp,\n}: ConsumeRemoteComponentProps) {\n  const instanceId = useId();\n\n  const { credentials: contextCredentials, shared: contextShared } =\n    useRemoteComponentsContext();\n  const credentials = credentialsProp ?? contextCredentials ?? 'same-origin';\n  const shared = sharedProp ?? contextShared ?? {};\n  const emitter = useMemo(\n    () => makeReactEmitter({ onBeforeLoad, onLoad, onError, onChange }),\n    [onBeforeLoad, onLoad, onError, onChange],\n  );\n\n  const name = useMemo(\n    () => resolveNameFromSrc(src, nameProp),\n    [src, nameProp],\n  );\n\n  const [data, setData] = useState<Omit<ConsumeServerData, 'children'> | null>(\n    null,\n  );\n\n  const url = useMemo(() => getClientOrServerUrl(src, DUMMY_FALLBACK), [src]);\n\n  const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);\n\n  // for relative src paths, use just the pathname as the unique id.\n  // for static urls, use the full url as the unique id as the path may not be unique.\n  // this id needs to be the same for server and client side rendering.\n  // note that if this needs to be more unique, can pass through the bundle as an id prop and ammend it to this id.\n  const id =\n    url.origin ===\n    (typeof location !== 'undefined' ? location.origin : DUMMY_FALLBACK)\n      ? url.pathname\n      : url.href;\n\n  //instanceId prevents multiple components with the same src from sharing a shadow root\n  const keySuffix = `${escapeString(id)}_${escapeString(\n    data?.name ?? name,\n  )}_${escapeString(instanceId)}`;\n\n  const [remoteComponent, setRemoteComponent] = useState<\n    React.ReactNode | Error\n  >(null);\n\n  const { shadowRoot, shadowRootContainerRef } = useShadowRoot({\n    isolate,\n    mode,\n    keySuffix,\n  });\n\n  const htmlRef = useRef<string | null>(\n    typeof document !== 'undefined'\n      ? (document.querySelector(\n          `[data-remote-component-id=\"shadowroot_${keySuffix}\"]`,\n        )?.shadowRoot?.innerHTML ??\n          document.getElementById(`__REMOTE_COMPONENT${name}`)?.innerHTML ??\n          document.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`)\n            ?.innerHTML ??\n          document.querySelector('div[data-bundle][data-route]')?.innerHTML)\n      : null,\n  );\n  // True when the shadow root already had SSR/declarative-shadow-DOM content at\n  // mount — its styles are already present, so the FOUC-hiding below stays off.\n  const initialSsrContentRef = useRef(htmlRef.current != null);\n\n  // False until the remote's forwarded stylesheets load. A client-only shadow\n  // root has no SSR style baseline, so the component would paint unstyled (FOUC)\n  // before its `<link>`s load; we hide the host and show the `children`\n  // placeholder until then. Starts \"not ready\" for client isolated loads so the\n  // placeholder covers the whole fetch + style load, from first paint.\n  const [stylesReady, setStylesReady] = useState(\n    () =>\n      !(\n        typeof document !== 'undefined' &&\n        isolate !== false &&\n        Boolean(src) &&\n        !initialSsrContentRef.current\n      ),\n  );\n\n  const endTemplateRef = useRef<HTMLTemplateElement | null>(null);\n  // collect initial content that needs to be removed after remote component renders\n  const childrenRef = useRef(\n    typeof document !== 'undefined'\n      ? (() => {\n          let el = document.querySelector(`template[id=\"${name}_start\"]`);\n          const elements = [];\n          while (el && el.id !== `${name}_end`) {\n            if (\n              el.id !== `${name}_start` &&\n              !el.getAttribute('data-remote-component')\n            ) {\n              elements.push(el);\n            }\n            el = el.nextElementSibling as HTMLTemplateElement | null;\n          }\n          return elements;\n        })()\n      : [],\n  );\n  const hostStateRef = useRef(createHostState());\n  const componentHydrationHtml = useRef<string | null>(null);\n  const prevRemoteComponentContainerRef = useRef<HTMLDivElement | null>(null);\n  const unmountRef = useRef<Set<MountOrUnmountFunction> | null>(null);\n\n  // Clean up the shadow root cache on unmount to prevent memory leaks\n  useLayoutEffect(() => {\n    return () => {\n      delete getNamespace().shadowRoots[keySuffix];\n    };\n  }, [keySuffix]);\n\n  useLayoutEffect(() => {\n    // Clear initial content after remote component renders\n    if (childrenRef.current.length > 0 && remoteComponent) {\n      childrenRef.current.forEach((el) => {\n        el.remove();\n      });\n      childrenRef.current = [];\n    }\n  }, [remoteComponent]);\n\n  useLayoutEffect(() => {\n    if (shadowRoot && remoteComponent) {\n      const resetStyles = shadowRoot.querySelectorAll(\n        'style[data-remote-components-reset]',\n      );\n      // ensure we only have one reset style in the shadow root\n      if (resetStyles.length > 1) {\n        resetStyles.forEach((style, index) => {\n          if (\n            index > 0 &&\n            style.getAttribute('data-remote-components-reset') !== 'react'\n          ) {\n            style.remove();\n          }\n        });\n      }\n\n      // clear the html ref after hydration\n      htmlRef.current = null;\n\n      // clear all nodes except links and styles until the start marker\n      // the marker gets only rendered on hydration\n      let el: ChildNode | null = shadowRoot.childNodes[0] ?? null;\n      while (el && (!('id' in el) || el.id !== `${name}_start`)) {\n        const nextEl = el.nextSibling;\n        if (el.nodeName !== 'LINK' && el.nodeName !== 'STYLE') {\n          el.parentNode?.removeChild(el);\n        }\n        el = nextEl;\n      }\n    }\n  }, [shadowRoot, remoteComponent, name]);\n\n  // Reveal the hidden host once the remote's stylesheets are loaded. This reads\n  // each `<link>`'s actual state rather than relying solely on `onLoad`, because\n  // a `load` event does NOT fire for a stylesheet the browser already has cached\n  // (e.g. on back-navigation, which reuses the same `<link>`) — so an onLoad-only\n  // gate would stay hidden forever. An already-loaded link has a non-null\n  // `.sheet`; for the rest we wait for `load`/`error` (error too, so a failed\n  // sheet can't pin the host hidden). Runs whenever a load produces new `data`.\n  useLayoutEffect(() => {\n    const currentSrc = src ? (typeof src === 'string' ? src : src.href) : null;\n    if (\n      stylesReady ||\n      initialSsrContentRef.current ||\n      !shadowRoot ||\n      !data ||\n      data.src !== currentSrc\n    ) {\n      return;\n    }\n    const expectedStylesheets = (data.links ?? []).filter(\n      (link) => link.rel === 'stylesheet',\n    );\n    if (expectedStylesheets.length === 0) {\n      setStylesReady(true);\n      return;\n    }\n    const expectedHrefs = new Set(\n      expectedStylesheets.map((link) => new URL(link.href as string, url).href),\n    );\n    const links = Array.from(\n      shadowRoot.querySelectorAll<HTMLLinkElement>('link[rel=\"stylesheet\"]'),\n    ).filter((link) => expectedHrefs.has(link.href));\n    // The expected links may not have been portaled into the shadow root yet.\n    if (links.length < expectedHrefs.size) {\n      return;\n    }\n    // Defensive: if the expected set collapsed to nothing, reveal rather than\n    // risk pinning the host hidden.\n    if (links.length === 0) {\n      setStylesReady(true);\n      return;\n    }\n    let pending = links.length;\n    let settled = false;\n    const onSettled = () => {\n      pending -= 1;\n      if (!settled && pending <= 0) {\n        settled = true;\n        setStylesReady(true);\n      }\n    };\n    const cleanups = links.map((link) => {\n      if (link.sheet) {\n        onSettled();\n        return () => {};\n      }\n      link.addEventListener('load', onSettled, { once: true });\n      link.addEventListener('error', onSettled, { once: true });\n      return () => {\n        link.removeEventListener('load', onSettled);\n        link.removeEventListener('error', onSettled);\n      };\n    });\n    return () => {\n      for (const cleanup of cleanups) {\n        cleanup();\n      }\n    };\n  }, [shadowRoot, data, stylesReady, src, url]);\n\n  useEffect(() => {\n    if (src && src !== hostStateRef.current.prevSrc) {\n      const previousSrc = hostStateRef.current.prevSrc;\n      const previousName = hostStateRef.current.prevName;\n      hostStateRef.current.prevSrc = src;\n\n      if (previousSrc !== null) {\n        htmlRef.current = null;\n      }\n\n      // Abort any in-progress load so the latest src always wins.\n      hostStateRef.current.abortController?.abort();\n      hostStateRef.current.abortController = new AbortController();\n      const { signal } = hostStateRef.current.abortController;\n\n      emitter.beforeLoad(src);\n      hostStateRef.current.stage = 'loading';\n\n      // Re-show the placeholder for the whole of this load on client isolated renders.\n      if (isolate !== false && !initialSsrContentRef.current) {\n        setStylesReady(false);\n      }\n\n      startTransition(async () => {\n        try {\n          let html = getRemoteComponentHtml(\n            htmlRef.current ??\n              (endTemplateRef.current?.previousElementSibling?.tagName === 'div'\n                ? endTemplateRef.current.previousElementSibling.innerHTML\n                : ''),\n          );\n\n          if (!html && src) {\n            // fetch the remote component\n            const fetchInit = {\n              credentials,\n            } as RequestInit;\n\n            const resolvedUrl = new URL(\n              resolveClientUrl?.(url.href) ?? url.href,\n              location.href,\n            );\n            const res = await fetchWithHooks(resolvedUrl, fetchInit, {\n              onRequest,\n              onResponse,\n              abortController: hostStateRef.current.abortController,\n            });\n\n            if (!res || !res.ok) {\n              throw await errorFromFailedFetch(url.href, resolvedUrl, res);\n            }\n\n            // get the full HTML content as a string\n            const remoteHtml = await res.text();\n            if (signal.aborted) return;\n            htmlRef.current = remoteHtml;\n            html = getRemoteComponentHtml(remoteHtml);\n          }\n\n          if (signal.aborted) return;\n\n          const userShared = await shared;\n          if (signal.aborted) return;\n\n          const prepared = preparePipeline({\n            html,\n            name,\n            url,\n            shared: userShared,\n            resolveClientUrl,\n          });\n          const { doc, parsed } = prepared;\n          const {\n            component,\n            name: remoteName,\n            isRemoteComponent,\n            metadata,\n            rsc,\n            remoteShared,\n            links: linkElements,\n          } = parsed;\n\n          if (hostStateRef.current.prevIsRemoteComponent) {\n            if (shadowRoot) {\n              shadowRoot.innerHTML = '';\n            }\n            const prevUrl = hostStateRef.current.prevUrl;\n            if (prevUrl && getNamespace().unmountFns[prevUrl.href]) {\n              const unmountPromises = Promise.all(\n                Array.from(unmountRef.current ?? []).map(async (unmount) =>\n                  unmount(\n                    shadowRoot ?? prevRemoteComponentContainerRef.current,\n                  ),\n                ),\n              );\n              unmountRef.current = null;\n              await unmountPromises;\n            }\n          }\n          hostStateRef.current.prevIsRemoteComponent = isRemoteComponent;\n          hostStateRef.current.prevUrl = url;\n          hostStateRef.current.prevName = remoteName;\n\n          const links = linkElements.map((link) => ({\n            href: new URL(link.getAttribute('href') ?? link.href, url).href,\n            ...link\n              .getAttributeNames()\n              .reduce<Record<string, string>>((acc, key) => {\n                if (key !== 'href') {\n                  acc[attrToProp[key] ?? key] = link.getAttribute(key) ?? '';\n                }\n                return acc;\n              }, {}),\n          }));\n\n          const stylesheetLinks = Array.from(linkElements).filter(\n            (link) => link.getAttribute('rel') === 'stylesheet',\n          );\n\n          // Preload the stylesheets now, before the remote's scripts are fetched\n          // and evaluated below. The CSS download then overlaps that (much\n          // larger) work instead of starting only when the shadow `<link>`s\n          // render — so the reveal isn't waiting on CSS queued behind the JS.\n          // The browser matches each preload to the later shadow `<link>` by\n          // URL, so there's no double fetch. Matches the Next App Router host.\n          if (typeof preload === 'function') {\n            for (const link of stylesheetLinks) {\n              preload(\n                new URL(link.getAttribute('href') ?? link.href, url).href,\n                {\n                  as: 'style',\n                  fetchPriority: 'high',\n                },\n              );\n            }\n          }\n\n          // handle inline scripts in the remote component\n          const inlineScripts = (\n            isRemoteComponent ? component : doc\n          ).querySelectorAll(\n            \"script:not([src]):not([data-src]):not([id*='_rsc']):not([id='__NEXT_DATA__']):not([id='__REMOTE_NEXT_DATA__'])\",\n          );\n\n          if (!isRemoteComponent) {\n            // Next.js Script support\n            const self = globalThis as typeof globalThis & {\n              __next_s: [string, Record<string, string>][];\n            };\n            const prevNextScripts = self.__next_s;\n            const nextScripts = [] as [string, Record<string, string>][];\n            // eslint-disable-next-line camelcase\n            self.__next_s = nextScripts;\n\n            // TODO: needs to be cancellable with a singular listener for the abort signal https://linear.app/vercel/issue/MFES-1253/handle-abortcontroller-clean-up-scenarios\n            await Promise.all(\n              Array.from(inlineScripts)\n                .filter(\n                  (script) =>\n                    !(\n                      script.id.endsWith('_shared') &&\n                      script.getAttribute('type') === 'application/json' &&\n                      typeof script.getAttribute(\n                        'data-remote-components-shared',\n                      ) === 'string'\n                    ),\n                )\n                .map((script) => {\n                  return new Promise((resolve) => {\n                    // only handle inline scripts with content, but not Next.js RSC scripts\n                    if (\n                      script.textContent &&\n                      !script.textContent.includes('self.__next_f=') &&\n                      !script.textContent.includes('self.__next_f.push')\n                    ) {\n                      // if script is inline javascript, then execute using blob\n                      if (\n                        !script.getAttribute('type') ||\n                        script.getAttribute('type') === 'text/javascript' ||\n                        script.getAttribute('type') === 'application/javascript'\n                      ) {\n                        const newScript = document.createElement('script');\n\n                        // scripts loaded from external sources needs this workaround\n                        const blob = new Blob([script.textContent], {\n                          type: 'application/javascript',\n                        });\n                        const blobUrl = URL.createObjectURL(blob);\n\n                        newScript.onload = () => {\n                          resolve(undefined);\n                          // script executed and safe to remove\n                          URL.revokeObjectURL(blobUrl);\n                          newScript.remove();\n                        };\n                        // on error we still want to resolve to not block the remote component loading\n                        newScript.onerror = () => {\n                          URL.revokeObjectURL(blobUrl);\n                          newScript.remove();\n                          resolve(undefined);\n                        };\n\n                        newScript.src = blobUrl;\n                        // TODO: needs to be cancellable https://linear.app/vercel/issue/MFES-1253/handle-abortcontroller-clean-up-scenarios\n                        document.body.appendChild(newScript);\n                      } else {\n                        resolve(undefined);\n                        document.body.appendChild(script);\n                      }\n                    } else {\n                      resolve(undefined);\n                    }\n                  });\n                }),\n            );\n            // process the remote component Next.js Script container\n            nextScripts.forEach(([scriptSrc, props]) => {\n              const script = document.createElement('script');\n              // when we have a script src, apply it (inline scripts have `0` as src)\n              if (scriptSrc) {\n                script.src = scriptSrc;\n              }\n              // apply Script props\n              if (typeof props.children === 'string') {\n                script.textContent = props.children;\n              }\n              setAttributesFromProps(script, props);\n              document.head.appendChild(script);\n            });\n            // restore previous Next.js Script container\n            // eslint-disable-next-line camelcase\n            self.__next_s = prevNextScripts;\n          }\n\n          const rscName = rsc\n            ? `__remote_component_rsc_${escapeString(id)}_${escapeString(\n                remoteName,\n              )}`\n            : undefined;\n          if (rsc) {\n            rsc.textContent =\n              rsc.textContent?.replace(\n                new RegExp(`self\\\\[\"${remoteName}\"\\\\]`, 'g'),\n                `self[\"${rscName}\"]`,\n              ) ?? '';\n            document.body.appendChild(rsc);\n          }\n\n          const newData = {\n            ...metadata,\n            links,\n            remoteShared,\n            src: typeof src === 'string' ? src : src.href,\n            serverUrl: url.href,\n            data: rsc\n              ? (rsc.textContent || '').split('\\n').filter(Boolean)\n              : [],\n          };\n\n          componentHydrationHtml.current = `${Array.from(\n            doc.querySelectorAll('link,style'),\n          )\n            .map((link) => link.outerHTML)\n            .join('')}${\n            reset\n              ? `<style data-remote-components-reset=\"\">:host { all: initial; }</style>`\n              : ''\n          }${component.innerHTML}`;\n\n          if (isRemoteComponent) {\n            // Only call onChange when not on first load (matching HTML implementation)\n            if (previousSrc !== undefined) {\n              emitter.change({\n                previousSrc: previousSrc ?? null,\n                nextSrc: src,\n                previousName,\n                nextName: remoteName,\n              });\n            }\n            setData(newData);\n            if (shadowRoot) {\n              const shadowRootHtml = reset\n                ? `<style data-remote-components-reset=\"\">:host { all: initial; }</style>${component.innerHTML}`\n                : component.innerHTML;\n              shadowRoot.innerHTML = shadowRootHtml;\n              htmlRef.current = null;\n              setRemoteComponent(null);\n              const { mount, unmount } = await loadStaticRemoteComponent(\n                Array.from(shadowRoot.querySelectorAll('script')),\n                url,\n                resolveClientUrl,\n              );\n              unmountRef.current = unmount;\n              await Promise.all(\n                Array.from(mount).map((mountFn) => mountFn(shadowRoot)),\n              );\n              emitter.load(src);\n            } else if (isolate === false) {\n              setRemoteComponent(\n                // TODO: remove wrapper div by converting HTML to RSC or React tree\n                <div\n                  dangerouslySetInnerHTML={{ __html: component.innerHTML }}\n                  ref={prevRemoteComponentContainerRef}\n                />,\n              );\n              htmlRef.current = null;\n              const { mount, unmount } = await loadStaticRemoteComponent(\n                Array.from(component.querySelectorAll('script')),\n                url,\n                resolveClientUrl,\n              );\n              unmountRef.current = unmount;\n              await Promise.all(\n                Array.from(mount).map((mountFn) =>\n                  mountFn(prevRemoteComponentContainerRef.current),\n                ),\n              );\n              emitter.load(src);\n            }\n            // Static remotes inject styles directly (no portal links → `onLoad`\n            // never fires), so reveal now; the gate only covers the dynamic path.\n            setStylesReady(true);\n            hostStateRef.current.stage = 'loaded';\n          } else {\n            const result = await loadPrepared({\n              prepared,\n              url,\n              signal,\n              shared: userShared,\n              resolveClientUrl,\n              container: shadowRoot,\n              rscName,\n            });\n            if (rsc) {\n              rsc.remove();\n            }\n\n            setData(newData);\n            // Only call onChange when not on first load (matching HTML implementation)\n            if (previousSrc !== undefined) {\n              emitter.change({\n                previousSrc: previousSrc ?? null,\n                nextSrc: src,\n                previousName,\n                nextName: remoteName,\n              });\n            }\n            if (result.status === 'aborted') {\n              return;\n            }\n            if (result.status === 'error') {\n              hostStateRef.current.stage = 'error';\n              setRemoteComponent(result.error);\n              emitter.error(result.error);\n            } else if (result.status === 'loaded') {\n              hostStateRef.current.stage = 'loaded';\n              setRemoteComponent(result.component);\n              emitter.load(src);\n            }\n          }\n        } catch (error) {\n          // AbortError is expected when loading is cancelled - exit cleanly\n          if (isAbortError(error)) {\n            hostStateRef.current.stage = 'idle';\n            return;\n          }\n          hostStateRef.current.stage = 'error';\n          setRemoteComponent(error as Error);\n          emitter.error(error);\n        }\n      });\n    }\n  }, [\n    url,\n    src,\n    isolate,\n    credentials,\n    name,\n    shared,\n    shadowRoot,\n    reset,\n    id,\n    emitter.beforeLoad,\n    emitter.load,\n    emitter.error,\n    emitter.change,\n    onRequest,\n    onResponse,\n    resolveClientUrl,\n  ]);\n\n  if (remoteComponent instanceof Error) {\n    throw remoteComponent;\n  }\n\n  const metadataJson = (\n    <script data-remote-component type=\"application/json\">\n      {JSON.stringify({\n        name: data?.name || name,\n        bundle: data?.bundle || 'default',\n        route: data?.route || DEFAULT_ROUTE,\n        runtime: hostStateRef.current.prevIsRemoteComponent\n          ? RUNTIME_SCRIPT\n          : data?.runtime || RUNTIME_WEBPACK,\n      })}\n    </script>\n  );\n  const resetStyle = reset ? (\n    <style data-remote-components-reset=\"react\">{`:host { all: initial; }`}</style>\n  ) : null;\n  const linksToRender: React.ReactNode[] | null =\n    data?.links?.map((link) => (\n      <link\n        {...link}\n        href={new URL(link.href as string, url).href}\n        key={JSON.stringify(link)}\n      />\n    )) || null;\n  const componentToRender = (\n    <>\n      {resetStyle}\n      {linksToRender}\n      {remoteComponent ?? children}\n    </>\n  );\n\n  if (componentHydrationHtml.current && shadowRoot && !shadowRoot.innerHTML) {\n    shadowRoot.innerHTML = componentHydrationHtml.current;\n    componentHydrationHtml.current = null;\n\n    if (hostStateRef.current.prevIsRemoteComponent) {\n      // ensure we load static resources when hydrating a remote component in shadow DOM\n      loadStaticRemoteComponent(\n        Array.from(shadowRoot.querySelectorAll('script')),\n        url,\n        resolveClientUrl,\n      )\n        .then(({ mount }) => {\n          return Promise.all(\n            Array.from(mount).map((mountFn) => mountFn(shadowRoot)),\n          );\n        })\n        .then(() => {\n          if (src) {\n            emitter.load(src);\n          }\n        })\n        .catch((e) => {\n          const error = new RemoteComponentsError(\n            `Error mounting remote component from \"${url.href}\"`,\n            {\n              cause: e,\n            },\n          );\n          setRemoteComponent(error);\n          emitter.error(error);\n        });\n    }\n  }\n\n  if (isolate !== false) {\n    const shadowRemoteComponentHtml =\n      shadowRoot?.querySelector(`#__REMOTE_COMPONENT${name}`) ??\n      shadowRoot?.querySelector('div[data-bundle][data-route]');\n    if (shadowRemoteComponentHtml) {\n      shadowRemoteComponentHtml.remove();\n    }\n\n    // While stylesheets are pending, `display: none` the shadow host (its\n    // `<link>`s still load, so `onLoad` fires) and render the `children`\n    // placeholder in the light DOM, where the host page styles it.\n    const hideForStyles = !initialSsrContentRef.current && !stylesReady;\n\n    return (\n      <>\n        {metadataJson}\n        {hideForStyles ? children : null}\n        <div\n          data-remote-component-id={`shadowroot_${keySuffix}`}\n          id={`shadowroot_${data?.name ?? name}`}\n          ref={shadowRootContainerRef}\n          style={hideForStyles ? { display: 'none' } : undefined}\n        >\n          {typeof document === 'undefined' ? (\n            // eslint-disable-next-line react/no-unknown-property\n            <template shadowrootmode={mode}>\n              {typeof document === 'undefined' ? (\n                <div\n                  dangerouslySetInnerHTML={{\n                    __html: `<img\n      alt=\"\" decoding=\"async\" style=\"display:none\"\n      src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==\"\n      onload=\"(function(el){\n        // Capture the shadow root during SSR hydration so the client-side\n        // useShadowRoot hook can find it.\n        const root = el.getRootNode();\n        globalThis.__remote_components_shadowroot_${keySuffix}=root;\n        el.parentElement.remove();\n      })(this)\"\n    />`,\n                  }}\n                />\n              ) : null}\n              {resetStyle}\n              {linksToRender}\n              {children}\n            </template>\n          ) : null}\n          {shadowRoot && remoteComponent\n            ? createPortal(\n                <>\n                  <template id={`${name}_start`} />\n                  {resetStyle}\n                  {linksToRender}\n                  {remoteComponent}\n                  <template id={`${name}_end`} ref={endTemplateRef} />\n                </>,\n                shadowRoot,\n              )\n            : null}\n        </div>\n      </>\n    );\n  }\n  htmlRef.current = null;\n\n  // render start/end markers for the remote component\n  return (\n    <>\n      <template id={`${name}_start`} />\n      {metadataJson}\n      {componentToRender}\n      <template id={`${name}_end`} ref={endTemplateRef} />\n    </>\n  );\n}\n\nexport type {\n  HookOptions,\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nexport type { RemoteNavigateEvent } from '#internal/host/shared/navigate-event';\nexport { useRemoteNavigate } from './hooks/use-remote-navigate';\n","// extracted from Next.js source at https://github.com/vercel/next.js/blob/canary/packages/next/src/client/set-attributes-from-props.ts\n\nconst DOMAttributeNames: Record<string, string> = {\n  acceptCharset: 'accept-charset',\n  className: 'class',\n  htmlFor: 'for',\n  httpEquiv: 'http-equiv',\n  noModule: 'noModule',\n};\n\nconst ignoreProps = [\n  'onLoad',\n  'onReady',\n  'dangerouslySetInnerHTML',\n  'children',\n  'onError',\n  'strategy',\n  'stylesheets',\n];\n\nfunction isBooleanScriptAttribute(\n  attr: string,\n): attr is 'async' | 'defer' | 'noModule' {\n  return ['async', 'defer', 'noModule'].includes(attr);\n}\n\nexport function setAttributesFromProps(el: HTMLElement, props: object) {\n  for (const [p, value] of Object.entries(props)) {\n    if (!Object.hasOwn(props, p)) continue;\n    if (ignoreProps.includes(p)) continue;\n\n    // we don't render undefined props to the DOM\n    if (value === undefined) {\n      continue;\n    }\n\n    const attr = DOMAttributeNames[p] || p.toLowerCase();\n\n    if (el.tagName === 'SCRIPT' && isBooleanScriptAttribute(attr)) {\n      // Correctly assign boolean script attributes\n      // https://github.com/vercel/next.js/pull/20748\n      (el as HTMLScriptElement)[attr] = Boolean(value);\n    } else {\n      el.setAttribute(attr, String(value));\n    }\n\n    // Remove falsy non-zero boolean attributes so they are correctly interpreted\n    // (e.g. if we set them to false, this coerces to the string \"false\", which the browser interprets as true)\n    if (\n      value === false ||\n      (el.tagName === 'SCRIPT' &&\n        isBooleanScriptAttribute(attr) &&\n        (!value || value === 'false'))\n    ) {\n      // Call setAttribute before, as we need to set and unset the attribute to override force async:\n      // https://html.spec.whatwg.org/multipage/scripting.html#script-force-async\n      el.setAttribute(attr, '');\n      el.removeAttribute(attr);\n    }\n  }\n}\n","import { useMemo } from 'react';\nimport { useRemoteComponentsContext } from '#internal/host/react/context';\nimport { bindResolveClientUrl } from '#internal/runtime/url/default-resolve-client-url';\nimport type { ResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\n\nexport function useResolveClientUrl(\n  prop: ResolveClientUrl | undefined,\n  urlHref: string,\n) {\n  const { resolveClientUrl: contextValue } = useRemoteComponentsContext();\n  const raw = prop ?? contextValue;\n  return useMemo(() => bindResolveClientUrl(raw, urlHref), [raw, urlHref]);\n}\n","import { useLayoutEffect, useRef, useState } from 'react';\nimport { getNamespace } from '#internal/runtime/namespace';\n\ninterface UseShadowRootOptions {\n  /** Whether CSS isolation is enabled */\n  isolate: boolean | undefined;\n  /** Shadow DOM mode */\n  mode: 'open' | 'closed';\n  /** Unique key suffix for identifying this shadow root */\n  keySuffix: string;\n}\n\ninterface UseShadowRootResult {\n  /** The shadow root element, or null if not isolated */\n  shadowRoot: ShadowRoot | null;\n  /** Ref to attach to the shadow host container element */\n  shadowRootContainerRef: React.RefObject<HTMLDivElement | null>;\n}\n\n/**\n * Manages shadow root lifecycle for CSS isolation.\n *\n * Handles:\n * - Initial shadow root discovery from SSR or declarative shadow DOM\n * - Creating shadow root as fallback for browsers without declarative shadow DOM support\n * - Cleanup when isolation is disabled\n * - Re-attachment when isolation is re-enabled\n */\nexport function useShadowRoot({\n  isolate,\n  mode,\n  keySuffix,\n}: UseShadowRootOptions): UseShadowRootResult {\n  const shadowRootContainerRef = useRef<HTMLDivElement | null>(null);\n\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(() => {\n    const shadowRoots = getNamespace().shadowRoots;\n    const ssrShadowRoot =\n      typeof document !== 'undefined'\n        ? (document.querySelector(\n            `[data-remote-component-id=\"shadowroot_${keySuffix}\"]`,\n          )?.shadowRoot ??\n          shadowRoots[keySuffix] ??\n          null)\n        : null;\n    // Clear the reference after reading it\n    shadowRoots[keySuffix] = null;\n    return ssrShadowRoot;\n  });\n\n  useLayoutEffect(() => {\n    const shadowRoots = getNamespace().shadowRoots;\n    if (\n      isolate !== false &&\n      typeof document !== 'undefined' &&\n      (!shadowRoot || !shadowRoot.isConnected)\n    ) {\n      let shadowRootElement: ShadowRoot | null = null;\n      const element = document.querySelector(\n        `[data-remote-component-id=\"shadowroot_${keySuffix}\"]`,\n      );\n      shadowRootElement = shadowRoots[keySuffix] ?? element?.shadowRoot ?? null;\n\n      if (!shadowRootElement && element) {\n        // Create a shadow root if it doesn't exist.\n        // This is a fallback for browsers that don't support declarative shadow DOM.\n        try {\n          shadowRootElement = element.attachShadow({ mode });\n          shadowRoots[keySuffix] = shadowRootElement;\n        } catch {\n          // Do nothing if attachShadow fails because of existing shadow root\n        }\n      }\n\n      if (shadowRootElement) {\n        // Remove all nodes from the shadow root except links (preserves stylesheets)\n        shadowRootElement.querySelectorAll('*:not(link)').forEach((node) => {\n          node.remove();\n        });\n        setShadowRoot(shadowRootElement);\n      }\n    } else if (isolate === false && shadowRoot) {\n      shadowRoots[keySuffix] = null;\n      setShadowRoot(null);\n    }\n  }, [isolate, shadowRoot, mode, keySuffix]);\n\n  return { shadowRoot, shadowRootContainerRef };\n}\n","import { DEFAULT_COMPONENT_NAME } from '#internal/runtime/constants';\n\n/**\n * Dummy URL used as a fallback base for URL parsing when no real base URL is available.\n * This is used during SSR or when location is not defined.\n */\nexport const DUMMY_FALLBACK = 'http://remote-components-dummy-fallback';\n\n/**\n * Extracts the relevant HTML content from a remote component response.\n *\n * Handles multiple remote component formats:\n * - Next.js Pages Router SSR wrapper (`div[id^=\"__REMOTE_COMPONENT\"]`)\n * - App Router remote components (`div[data-bundle][data-route]`)\n * - Next.js pages (`div#__next`)\n * - Web component format (`remote-component:not([src])`)\n *\n * @param html - Raw HTML string from the remote component response\n * @returns Extracted HTML content with links and scripts, or empty string if not found\n */\nexport function getRemoteComponentHtml(html: string): string {\n  if (typeof document === 'undefined') return html;\n\n  const parser = new DOMParser();\n  const temp = parser.parseFromString(html, 'text/html');\n\n  // Used by the Next.js Pages Router remote as a wrapper\n  const ssrRemoteComponentContainer = temp.querySelector(\n    'div[id^=\"__REMOTE_COMPONENT\"]',\n  );\n  if (ssrRemoteComponentContainer) {\n    return ssrRemoteComponentContainer.innerHTML;\n  }\n\n  // Remote component content from various sources\n  const remoteComponentContainer = temp.querySelectorAll(\n    `div[data-bundle][data-route][data-runtime][id^=\"${DEFAULT_COMPONENT_NAME}\"],div[data-bundle][data-route],div#__next,remote-component:not([src])`,\n  );\n  if (remoteComponentContainer.length > 0) {\n    return `${Array.from(temp.querySelectorAll('link,script'))\n      .map((link) => link.outerHTML)\n      .join('')}${Array.from(remoteComponentContainer)\n      .map((container) => container.outerHTML)\n      .join('')}`;\n  }\n\n  return '';\n}\n","import { useEffect, useRef } from 'react';\nimport { onRemoteNavigate } from '#internal/host/navigation';\nimport type { RemoteNavigateEvent } from '#internal/host/shared/navigate-event';\n\n/**\n * Subscribe to remote component navigations. The callback is captured in a ref\n * so the listener is registered once — no `useCallback` or dep array needed.\n *\n * @example React Router\n * ```tsx\n * const navigate = useNavigate();\n * // Always replace — the polyfill already pushed/replaced the browser history entry.\n * useRemoteNavigate((e) => navigate(e.pathname + e.search, { replace: true }));\n * ```\n */\nexport function useRemoteNavigate(\n  callback: (event: RemoteNavigateEvent) => void,\n): void {\n  const callbackRef = useRef(callback);\n  // Written during render (not in an effect) — the standard useCallbackRef\n  // pattern. Safe under concurrent rendering: navigation events are user-driven\n  // and can't fire mid-render.\n  callbackRef.current = callback;\n  useEffect(() => onRemoteNavigate((event) => callbackRef.current(event)), []);\n}\n"]}

package/dist/{chunk-N6AJM72A.js → chunk-XEO3XD67.js}

@@ -1,15 +1,18 @@
+import {
+  remoteFetchHeaders
+} from "./chunk-GAXJTFBV.js";
 import {
   loadScripts
-} from "./chunk-M6ACTSVB.js";
+} from "./chunk-IE7FXNFJ.js";
 import {
   setupRemoteScope
-} from "./chunk-GR5FN73U.js";
+} from "./chunk-CBEDRGC7.js";
 import {
   applySharedModules,
   buildWebpackResolve,
   initializeSharedModules,
   nextClientPagesLoader
-} from "./chunk-VFK4HGZT.js";
+} from "./chunk-5BBEO4SE.js";
 import {
   loadStaticRemoteComponent
 } from "./chunk-LEKG4YWI.js";
@@ -24,7 +27,7 @@ import {
   collapseDoubleSlashes,
   escapeString,
   getMissingSharedModulesMessage
-} from "./chunk-3PR3SWYZ.js";
+} from "./chunk-3DR4Z24C.js";
 import {
   RemoteComponentsError,
   logDebug,
@@ -32,9 +35,6 @@ import {
   multipleRemoteComponentsError,
   warnCrossOriginFetchError
 } from "./chunk-ULXU6XWH.js";
-import {
-  remoteFetchHeaders
-} from "./chunk-GAXJTFBV.js";
 
 // src/host/server/fetch-with-hooks.ts
 async function fetchWithWarning(url, init) {
@@ -709,4 +709,4 @@ export {
   resolveNameFromSrc,
   bindResolveClientUrl
 };
-//# sourceMappingURL=chunk-N6AJM72A.js.map
+//# sourceMappingURL=chunk-XEO3XD67.js.map