remote-components 0.4.11 → 0.4.13

package/dist/internal/host/nextjs/app-client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/nextjs/app-client.tsx"],"sourcesContent":["'use client';\n\nimport {\n  startTransition,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { createImageLoaderSharedEntries } from '#internal/host/nextjs/image-shared';\nimport { tryImportShared } from '#internal/host/nextjs/shared-import';\nimport { useResolveClientUrl } from '#internal/host/react/hooks/use-resolve-client-url';\nimport { getClientOrServerUrl } from '#internal/host/server/get-client-or-server-url';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\nimport { runPipelineFromParsed } from '#internal/host/shared/pipeline';\nimport type { ConsumeServerData } from '#internal/host/shared/server-handoff';\nimport { createHostState } from '#internal/host/shared/state';\nimport { DEFAULT_ROUTE, RUNTIME_WEBPACK } from '#internal/runtime/constants';\nimport { loadStaticRemoteComponent } from '#internal/runtime/loaders/static-loader';\nimport type { MountOrUnmountFunction } from '#internal/runtime/types';\nimport { escapeString } from '#internal/utils';\nimport { logError } from '#internal/utils/logger';\nimport { routerImpl } from './app-compat';\nimport { RemoteComponentLinks } from './remote-component-links';\n\n/**\n * Resolves host-side shared modules (React, Next.js router, image loader, etc.)\n * and returns them as a map the loading pipeline can pass to remotes.\n */\nasync function resolveHostShared(\n  resolveClientUrl: InternalResolveClientUrl | undefined,\n): Promise<Record<string, (bundle?: string) => Promise<unknown>>> {\n  const shared = await tryImportShared();\n  if ('__remote_components_missing_shared__' in shared) {\n    await shared.__remote_components_missing_shared__();\n  }\n  return {\n    'next/router': routerImpl,\n    ...shared,\n    ...createImageLoaderSharedEntries({ bound: resolveClientUrl }),\n  };\n}\n\n/**\n * Extends the RSC-serializable data with {@link ConsumeClientConfig} fields\n * (like `resolveClientUrl`) that can't cross the server→client boundary\n * but are accepted when this component is used directly as a client import.\n */\ninterface ConsumeRemoteComponentClientProps\n  extends ConsumeServerData,\n    ConsumeClientOnlyConfig {}\n\n/**\n * ConsumeRemoteComponentClient - Main component for rendering remote components\n *\n * This component handles the loading and rendering of remote microfrontends.\n * It supports both RSC (React Server Components) and Next.js Pages Router based components.\n */\nexport function ConsumeRemoteComponentClient({\n  src,\n  serverUrl,\n  name,\n  bundle,\n  route = DEFAULT_ROUTE,\n  runtime = RUNTIME_WEBPACK,\n  data,\n  nextData,\n  scripts = [],\n  links = [],\n  remoteShared = {},\n  isolate,\n  mode = 'open',\n  resolveClientUrl: resolveClientUrlProp,\n  reset,\n  type,\n  children,\n}: ConsumeRemoteComponentClientProps) {\n  const remoteComponentId = useId();\n  const [component, setComponent] = useState<React.ReactNode | Error>(null);\n  const url = getClientOrServerUrl(src, serverUrl);\n  const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);\n  const hostStateRef = useRef(createHostState());\n  const metadataRef = useRef<{\n    name: string;\n    bundle: string;\n    route: string;\n    url: string;\n  }>({\n    name,\n    bundle,\n    route,\n    url: url.href,\n  });\n  const startRef = useRef<HTMLTemplateElement | null>(null);\n  const endRef = useRef<HTMLTemplateElement | null>(null);\n  const prevRemoteComponentUnmountRef = useRef<{\n    unmount: Set<MountOrUnmountFunction>;\n    root: ShadowRoot | DocumentFragment | null;\n  } | null>(null);\n\n  // Handle errors by re-throwing them\n  if (component instanceof Error) {\n    throw component;\n  }\n\n  // determine whether to use children or loaded component\n  const shouldUseChildren =\n    (!component ||\n      (component &&\n        !nextData &&\n        type !== 'remote-component' &&\n        typeof (component as unknown as Promise<unknown>).then !==\n          'function')) &&\n    // if the remote Next.js Pages Router application is in development mode\n    // we don't use the provided static HTML\n    // to mitigate layout shift when loading CSS using JavaScript on the client\n    nextData?.buildId !== 'development';\n\n  // The pathname is used so this URL is the same across server and client requests for relative src's\n  const keySuffix = `${escapeString(bundle)}_${escapeString(\n    url.pathname,\n  )}_${escapeString(name)}`;\n  const rscName = `__remote_components_rsc_${keySuffix}`;\n\n  const self = globalThis as Record<\n    `__remote_components_shadowroot_${string}`,\n    ShadowRoot | null\n  > &\n    Record<`__remote_components_container_${string}`, HTMLDivElement | null>;\n  const shadowRootKey = `__remote_components_shadowroot_${keySuffix}` as const;\n  const shadowContainerRef = useRef<HTMLDivElement | null>(\n    typeof document === 'undefined'\n      ? null\n      : document.querySelector(\n          `[data-remote-component-id=\"shadowroot_${remoteComponentId}\"]`,\n        ),\n  );\n  const shadowRootRef = useRef<ShadowRoot | null>(\n    self[shadowRootKey] ?? shadowContainerRef.current?.shadowRoot ?? null,\n  );\n  const ssrShadowRootContentRef = useRef<NodeListOf<ChildNode> | null>(null);\n  const ssrLinksStylesRef = useRef<(HTMLLinkElement | HTMLStyleElement)[]>([]);\n\n  if (self[shadowRootKey] && shadowRootRef.current) {\n    self[shadowRootKey] = null;\n  }\n\n  useLayoutEffect(() => {\n    if (\n      !shadowContainerRef.current ||\n      shadowContainerRef.current !== shadowRootRef.current?.host\n    ) {\n      shadowRootRef.current = null;\n    }\n\n    if (\n      isolate !== false &&\n      typeof document !== 'undefined' &&\n      !shadowRootRef.current\n    ) {\n      let shadowRootElement: ShadowRoot | null = null;\n      const element = shadowContainerRef.current;\n\n      shadowRootElement = self[shadowRootKey] ?? element?.shadowRoot ?? null;\n      self[shadowRootKey] = 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        } catch {\n          // do nothing if attachShadow fails because of existing shadow root\n        }\n      }\n\n      if (shadowRootElement) {\n        shadowRootRef.current = shadowRootElement;\n      }\n    }\n\n    // Capture SSR content once the shadow root is available. This runs\n    // while shouldUseChildren is still true (before the portal adds its\n    // own content), so the query captures only server-rendered nodes.\n    if (\n      !ssrShadowRootContentRef.current &&\n      shadowRootRef.current &&\n      shouldUseChildren\n    ) {\n      ssrShadowRootContentRef.current =\n        shadowRootRef.current.querySelectorAll('*');\n    }\n\n    if (\n      shadowRootRef.current &&\n      ssrShadowRootContentRef.current &&\n      !shouldUseChildren\n    ) {\n      // remove all nodes from the shadow root except links\n      ssrShadowRootContentRef.current.forEach((node) => {\n        if (node.nodeName !== 'LINK' && node.nodeName !== 'STYLE') {\n          node.parentNode?.removeChild(node);\n        } else {\n          ssrLinksStylesRef.current.push(\n            node as HTMLLinkElement | HTMLStyleElement,\n          );\n        }\n      });\n      ssrShadowRootContentRef.current = null;\n    }\n\n    if (ssrLinksStylesRef.current.length > 0 && shadowRootRef.current) {\n      const waitForLoad =\n        shadowRootRef.current.querySelectorAll('link[data-wait]');\n      if (waitForLoad.length > 0) {\n        Promise.all(\n          Array.from(waitForLoad).map(\n            (link) =>\n              new Promise<void>((resolve) => {\n                link.addEventListener('load', () => resolve());\n                link.addEventListener('error', () => resolve());\n              }),\n          ),\n        )\n          .then(() => {\n            waitForLoad.forEach((el) => {\n              el.removeAttribute('data-wait');\n            });\n\n            // remove SSR injected styles and links\n            ssrLinksStylesRef.current.forEach((el) => {\n              el.parentNode?.removeChild(el);\n            });\n            ssrLinksStylesRef.current = [];\n          })\n          .catch((e) => {\n            logError('NextAppRouter', 'Error in cleanup.', e);\n          });\n      }\n    }\n  }, [isolate, mode, self, shadowRootKey, shouldUseChildren]);\n\n  useEffect(() => {\n    // run unmount functions when the component changes or unmounts\n    if (prevRemoteComponentUnmountRef.current && component !== children) {\n      const { unmount, root } = prevRemoteComponentUnmountRef.current;\n      prevRemoteComponentUnmountRef.current = null;\n      Promise.all(\n        Array.from(unmount).map(async (unmountFn) => {\n          try {\n            await unmountFn(root);\n          } catch (e) {\n            logError('NextAppRouter', 'Error in unmount.', e);\n          }\n        }),\n      ).catch((e) => {\n        logError('NextAppRouter', 'Error in unmount cleanup.', e);\n      });\n    }\n  }, [component, children]);\n\n  useEffect(() => {\n    startTransition(async () => {\n      try {\n        // if we have a component, we don't need to load it again\n        if (\n          (hostStateRef.current.stage !== 'loading' &&\n            !component &&\n            (isolate === false || shadowRootRef.current)) ||\n          metadataRef.current.url !== url.href ||\n          metadataRef.current.name !== name ||\n          metadataRef.current.bundle !== bundle ||\n          metadataRef.current.route !== route\n        ) {\n          // Abort any in-flight load before starting a new one\n          hostStateRef.current.abortController?.abort();\n          const controller = new AbortController();\n          hostStateRef.current.abortController = controller;\n\n          hostStateRef.current.stage = 'loading';\n          metadataRef.current = {\n            name,\n            bundle,\n            route,\n            url: url.href,\n          };\n\n          // use the children as the component when type is remote-component\n          if (type === 'remote-component') {\n            setComponent(children);\n            // load static scripts and execute mount functions\n            // run this async but don't await it as we render children immediately\n            loadStaticRemoteComponent(\n              scripts as HTMLScriptElement[],\n              url,\n              resolveClientUrl,\n            )\n              .then(({ mount, unmount }) => {\n                if (mount.size > 0) {\n                  let root: ShadowRoot | DocumentFragment | null =\n                    shadowRootRef.current;\n                  try {\n                    if (!root && startRef.current && endRef.current) {\n                      root = document.querySelectorAll(\n                        `#${startRef.current.id} ~ *:not(#${endRef.current.id}):has(~ #${endRef.current.id})`,\n                      ) as unknown as DocumentFragment;\n                    }\n                  } catch (e) {\n                    logError('NextAppRouter', 'Error finding root element.', e);\n                  }\n                  if (unmount.size > 0) {\n                    prevRemoteComponentUnmountRef.current = { unmount, root };\n                  }\n                  return Promise.all(\n                    Array.from(mount).map((mountFn) => mountFn(root)),\n                  );\n                }\n              })\n              .catch((e) => {\n                logError(\n                  'NextAppRouter',\n                  'Error loading static remote component.',\n                  e,\n                );\n                setComponent(e as Error);\n              });\n            return;\n          }\n\n          const result = await runPipelineFromParsed({\n            url,\n            name,\n            signal: controller.signal,\n            payload: {\n              name,\n              bundle,\n              route,\n              runtime,\n              data,\n              nextData,\n              scripts,\n            },\n            shared: resolveHostShared(resolveClientUrl),\n            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n            rscName,\n          });\n\n          if (result.status === 'aborted') {\n            return;\n          }\n          if (result.status === 'error') {\n            hostStateRef.current.stage = 'error';\n            setComponent(result.error);\n          } else {\n            hostStateRef.current.stage = 'loaded';\n            setComponent(result.component);\n          }\n        }\n      } catch (error: unknown) {\n        hostStateRef.current.stage = 'error';\n        setComponent(error as Error);\n      }\n    });\n\n    return () => {\n      hostStateRef.current.abortController?.abort();\n    };\n  }, [\n    component,\n    name,\n    bundle,\n    route,\n    runtime,\n    scripts,\n    data,\n    nextData,\n    remoteShared,\n    children,\n    isolate,\n    type,\n    rscName,\n    url,\n    resolveClientUrl,\n  ]);\n\n  if (\n    nextData?.buildId === 'development' &&\n    shadowRootRef.current &&\n    isolate !== false &&\n    reset &&\n    !shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // inject reset styles into the shadow root\n    const style = document.createElement('style');\n    style.setAttribute('data-remote-components-reset', '');\n    style.textContent = `:host { all: initial; }`;\n    shadowRootRef.current.insertBefore(style, shadowRootRef.current.firstChild);\n  } else if (\n    shadowRootRef.current &&\n    isolate !== false &&\n    !reset &&\n    shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // ensure reset styles are the first child in the shadow root\n    const style = shadowRootRef.current.querySelector(\n      '[data-remote-components-reset]',\n    );\n    if (style && shadowRootRef.current.firstChild !== style) {\n      shadowRootRef.current.removeChild(style);\n    }\n  }\n\n  const linksToRender = (\n    <RemoteComponentLinks\n      links={links}\n      url={url}\n      serverUrl={serverUrl}\n      bundle={bundle}\n      isolate={isolate}\n      reset={reset}\n      isDevelopment={nextData?.buildId === 'development'}\n    />\n  );\n\n  let componentToRender = shouldUseChildren\n    ? children\n    : (component as React.ReactNode);\n\n  if (isolate !== false) {\n    componentToRender = (\n      <div\n        data-remote-component-id={`shadowroot_${remoteComponentId}`}\n        data-remote-component-isolation-root=\"\"\n        id={`shadowroot_${name}`}\n        ref={shadowContainerRef}\n      >\n        {typeof document === 'undefined' ? (\n          // eslint-disable-next-line react/no-unknown-property\n          <template shadowrootmode={mode}>\n            {mode === 'closed' ? (\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        const root = el.getRootNode();\n        globalThis.${shadowRootKey} = root;\n        el.parentElement.remove();\n      })(this)\"\n    />`,\n                }}\n              />\n            ) : null}\n            {linksToRender}\n            {shouldUseChildren ? children : null}\n          </template>\n        ) : null}\n        {typeof document !== 'undefined' &&\n        shadowRootRef.current &&\n        !shouldUseChildren\n          ? createPortal(\n              <>\n                {linksToRender}\n                {componentToRender}\n              </>,\n              shadowRootRef.current,\n            )\n          : null}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {isolate === false ? (\n        <template id={`${name}_start`} ref={startRef} />\n      ) : null}\n      <script data-remote-component type=\"application/json\">\n        {JSON.stringify({\n          name,\n          bundle,\n          route,\n          runtime,\n        })}\n      </script>\n      {isolate === false ? linksToRender : null}\n      {componentToRender}\n      {nextData ? (\n        <script\n          id={`${bundle}_${route.replace(\n            /[^a-zA-Z0-9]+/g,\n            '_',\n          )}${name}_next_data`}\n          type=\"application/json\"\n        >\n          {JSON.stringify(nextData)}\n        </script>\n      ) : null}\n      {isolate === false ? <template id={`${name}_end`} ref={endRef} /> : null}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/host/nextjs/app-client.tsx"],"sourcesContent":["'use client';\n\nimport {\n  startTransition,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { createImageLoaderSharedEntries } from '#internal/host/nextjs/image-shared';\nimport { tryImportShared } from '#internal/host/nextjs/shared-import';\nimport { useResolveClientUrl } from '#internal/host/react/hooks/use-resolve-client-url';\nimport { getClientOrServerUrl } from '#internal/host/server/get-client-or-server-url';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\nimport { runPipelineFromParsed } from '#internal/host/shared/pipeline';\nimport type { ConsumeServerData } from '#internal/host/shared/server-handoff';\nimport { createHostState } from '#internal/host/shared/state';\nimport { DEFAULT_ROUTE, RUNTIME_WEBPACK } from '#internal/runtime/constants';\nimport { loadStaticRemoteComponent } from '#internal/runtime/loaders/static-loader';\nimport type { MountOrUnmountFunction } from '#internal/runtime/types';\nimport { escapeString } from '#internal/utils';\nimport { logError } from '#internal/utils/logger';\nimport { routerImpl } from './app-compat';\nimport { RemoteComponentLinks } from './remote-component-links';\n\n/**\n * Resolves host-side shared modules (React, Next.js router, image loader, etc.)\n * and returns them as a map the loading pipeline can pass to remotes.\n */\nasync function resolveHostShared(\n  resolveClientUrl: InternalResolveClientUrl | undefined,\n): Promise<Record<string, (bundle?: string) => Promise<unknown>>> {\n  const shared = await tryImportShared();\n  if ('__remote_components_missing_shared__' in shared) {\n    await shared.__remote_components_missing_shared__();\n  }\n  return {\n    'next/router': routerImpl,\n    ...shared,\n    ...createImageLoaderSharedEntries({ bound: resolveClientUrl }),\n  };\n}\n\n/**\n * Extends the RSC-serializable data with {@link ConsumeClientConfig} fields\n * (like `resolveClientUrl`) that can't cross the server→client boundary\n * but are accepted when this component is used directly as a client import.\n */\ninterface ConsumeRemoteComponentClientProps\n  extends ConsumeServerData,\n    ConsumeClientOnlyConfig {}\n\n/**\n * ConsumeRemoteComponentClient - Main component for rendering remote components\n *\n * This component handles the loading and rendering of remote microfrontends.\n * It supports both RSC (React Server Components) and Next.js Pages Router based components.\n */\nexport function ConsumeRemoteComponentClient({\n  src,\n  serverUrl,\n  name,\n  bundle,\n  route = DEFAULT_ROUTE,\n  runtime = RUNTIME_WEBPACK,\n  data,\n  nextData,\n  scripts = [],\n  links = [],\n  remoteShared = {},\n  isolate,\n  mode = 'open',\n  resolveClientUrl: resolveClientUrlProp,\n  reset,\n  type,\n  children,\n}: ConsumeRemoteComponentClientProps) {\n  const remoteComponentId = useId();\n  const [component, setComponent] = useState<React.ReactNode | Error>(null);\n  const url = getClientOrServerUrl(src, serverUrl);\n  const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);\n  const hostStateRef = useRef(createHostState());\n  const metadataRef = useRef<{\n    name: string;\n    bundle: string;\n    route: string;\n    url: string;\n  }>({\n    name,\n    bundle,\n    route,\n    url: url.href,\n  });\n  const startRef = useRef<HTMLTemplateElement | null>(null);\n  const endRef = useRef<HTMLTemplateElement | null>(null);\n  const prevRemoteComponentUnmountRef = useRef<{\n    unmount: Set<MountOrUnmountFunction>;\n    root: ShadowRoot | DocumentFragment | null;\n  } | null>(null);\n\n  // Handle errors by re-throwing them\n  if (component instanceof Error) {\n    throw component;\n  }\n\n  // determine whether to use children or loaded component\n  const shouldUseChildren =\n    (!component ||\n      (component &&\n        !nextData &&\n        type !== 'remote-component' &&\n        typeof (component as unknown as Promise<unknown>).then !==\n          'function')) &&\n    // if the remote Next.js Pages Router application is in development mode\n    // we don't use the provided static HTML\n    // to mitigate layout shift when loading CSS using JavaScript on the client\n    nextData?.buildId !== 'development';\n\n  // The pathname is used so this URL is the same across server and client requests for relative src's\n  const keySuffix = `${escapeString(bundle)}_${escapeString(\n    url.pathname,\n  )}_${escapeString(name)}`;\n  const rscName = `__remote_components_rsc_${keySuffix}`;\n\n  const self = globalThis as Record<\n    `__remote_components_shadowroot_${string}`,\n    ShadowRoot | null\n  > &\n    Record<`__remote_components_container_${string}`, HTMLDivElement | null>;\n  const shadowRootKey = `__remote_components_shadowroot_${keySuffix}` as const;\n  const shadowContainerRef = useRef<HTMLDivElement | null>(\n    typeof document === 'undefined'\n      ? null\n      : document.querySelector(\n          `[data-remote-component-id=\"shadowroot_${remoteComponentId}\"]`,\n        ),\n  );\n  const shadowRootRef = useRef<ShadowRoot | null>(\n    self[shadowRootKey] ?? shadowContainerRef.current?.shadowRoot ?? null,\n  );\n  const ssrShadowRootContentRef = useRef<NodeListOf<ChildNode> | null>(null);\n  const ssrLinksStylesRef = useRef<(HTMLLinkElement | HTMLStyleElement)[]>([]);\n\n  if (self[shadowRootKey] && shadowRootRef.current) {\n    self[shadowRootKey] = null;\n  }\n\n  useLayoutEffect(() => {\n    if (\n      !shadowContainerRef.current ||\n      shadowContainerRef.current !== shadowRootRef.current?.host\n    ) {\n      shadowRootRef.current = null;\n    }\n\n    if (\n      isolate !== false &&\n      typeof document !== 'undefined' &&\n      !shadowRootRef.current\n    ) {\n      let shadowRootElement: ShadowRoot | null = null;\n      const element = shadowContainerRef.current;\n\n      shadowRootElement = self[shadowRootKey] ?? element?.shadowRoot ?? null;\n      self[shadowRootKey] = 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        } catch {\n          // do nothing if attachShadow fails because of existing shadow root\n        }\n      }\n\n      if (shadowRootElement) {\n        shadowRootRef.current = shadowRootElement;\n      }\n    }\n\n    // Capture SSR content once the shadow root is available. This runs\n    // while shouldUseChildren is still true (before the portal adds its\n    // own content), so the query captures only server-rendered nodes.\n    if (\n      !ssrShadowRootContentRef.current &&\n      shadowRootRef.current &&\n      shouldUseChildren\n    ) {\n      ssrShadowRootContentRef.current =\n        shadowRootRef.current.querySelectorAll('*');\n    }\n\n    if (\n      shadowRootRef.current &&\n      ssrShadowRootContentRef.current &&\n      !shouldUseChildren\n    ) {\n      // remove all nodes from the shadow root except links\n      ssrShadowRootContentRef.current.forEach((node) => {\n        if (node.nodeName !== 'LINK' && node.nodeName !== 'STYLE') {\n          node.parentNode?.removeChild(node);\n        } else {\n          ssrLinksStylesRef.current.push(\n            node as HTMLLinkElement | HTMLStyleElement,\n          );\n        }\n      });\n      ssrShadowRootContentRef.current = null;\n    }\n\n    if (ssrLinksStylesRef.current.length > 0 && shadowRootRef.current) {\n      const waitForLoad =\n        shadowRootRef.current.querySelectorAll('link[data-wait]');\n      if (waitForLoad.length > 0) {\n        Promise.all(\n          Array.from(waitForLoad).map(\n            (link) =>\n              new Promise<void>((resolve) => {\n                link.addEventListener('load', () => resolve());\n                link.addEventListener('error', () => resolve());\n              }),\n          ),\n        )\n          .then(() => {\n            waitForLoad.forEach((el) => {\n              el.removeAttribute('data-wait');\n            });\n\n            // remove SSR injected styles and links\n            ssrLinksStylesRef.current.forEach((el) => {\n              el.parentNode?.removeChild(el);\n            });\n            ssrLinksStylesRef.current = [];\n          })\n          .catch((e) => {\n            logError('NextAppRouter', 'Error in cleanup.', e);\n          });\n      }\n    }\n  }, [isolate, mode, self, shadowRootKey, shouldUseChildren]);\n\n  useEffect(() => {\n    // run unmount functions when the component changes or unmounts\n    if (prevRemoteComponentUnmountRef.current && component !== children) {\n      const { unmount, root } = prevRemoteComponentUnmountRef.current;\n      prevRemoteComponentUnmountRef.current = null;\n      Promise.all(\n        Array.from(unmount).map(async (unmountFn) => {\n          try {\n            await unmountFn(root);\n          } catch (e) {\n            logError('NextAppRouter', 'Error in unmount.', e);\n          }\n        }),\n      ).catch((e) => {\n        logError('NextAppRouter', 'Error in unmount cleanup.', e);\n      });\n    }\n  }, [component, children]);\n\n  useEffect(() => {\n    return () => {\n      hostStateRef.current.abortController?.abort();\n      hostStateRef.current.abortController = undefined;\n      hostStateRef.current.stage = 'idle';\n    };\n  }, []);\n\n  useEffect(() => {\n    startTransition(async () => {\n      try {\n        // if we have a component, we don't need to load it again\n        if (\n          (hostStateRef.current.stage !== 'loading' &&\n            !component &&\n            (isolate === false || shadowRootRef.current)) ||\n          metadataRef.current.url !== url.href ||\n          metadataRef.current.name !== name ||\n          metadataRef.current.bundle !== bundle ||\n          metadataRef.current.route !== route\n        ) {\n          // Abort any in-flight load before starting a new one\n          hostStateRef.current.abortController?.abort();\n          const controller = new AbortController();\n          hostStateRef.current.abortController = controller;\n\n          hostStateRef.current.stage = 'loading';\n          metadataRef.current = {\n            name,\n            bundle,\n            route,\n            url: url.href,\n          };\n\n          // use the children as the component when type is remote-component\n          if (type === 'remote-component') {\n            setComponent(children);\n            // load static scripts and execute mount functions\n            // run this async but don't await it as we render children immediately\n            loadStaticRemoteComponent(\n              scripts as HTMLScriptElement[],\n              url,\n              resolveClientUrl,\n            )\n              .then(({ mount, unmount }) => {\n                if (mount.size > 0) {\n                  let root: ShadowRoot | DocumentFragment | null =\n                    shadowRootRef.current;\n                  try {\n                    if (!root && startRef.current && endRef.current) {\n                      root = document.querySelectorAll(\n                        `#${startRef.current.id} ~ *:not(#${endRef.current.id}):has(~ #${endRef.current.id})`,\n                      ) as unknown as DocumentFragment;\n                    }\n                  } catch (e) {\n                    logError('NextAppRouter', 'Error finding root element.', e);\n                  }\n                  if (unmount.size > 0) {\n                    prevRemoteComponentUnmountRef.current = { unmount, root };\n                  }\n                  return Promise.all(\n                    Array.from(mount).map((mountFn) => mountFn(root)),\n                  );\n                }\n              })\n              .catch((e) => {\n                logError(\n                  'NextAppRouter',\n                  'Error loading static remote component.',\n                  e,\n                );\n                setComponent(e as Error);\n              });\n            return;\n          }\n\n          const result = await runPipelineFromParsed({\n            url,\n            name,\n            signal: controller.signal,\n            payload: {\n              name,\n              bundle,\n              route,\n              runtime,\n              data,\n              nextData,\n              scripts,\n            },\n            shared: resolveHostShared(resolveClientUrl),\n            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n            rscName,\n          });\n\n          if (result.status === 'aborted') {\n            return;\n          }\n          if (result.status === 'error') {\n            hostStateRef.current.stage = 'error';\n            setComponent(result.error);\n          } else {\n            hostStateRef.current.stage = 'loaded';\n            setComponent(result.component);\n          }\n        }\n      } catch (error: unknown) {\n        hostStateRef.current.stage = 'error';\n        setComponent(error as Error);\n      }\n    });\n  }, [\n    component,\n    name,\n    bundle,\n    route,\n    runtime,\n    scripts,\n    data,\n    nextData,\n    remoteShared,\n    children,\n    isolate,\n    type,\n    rscName,\n    url,\n    resolveClientUrl,\n  ]);\n\n  if (\n    nextData?.buildId === 'development' &&\n    shadowRootRef.current &&\n    isolate !== false &&\n    reset &&\n    !shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // inject reset styles into the shadow root\n    const style = document.createElement('style');\n    style.setAttribute('data-remote-components-reset', '');\n    style.textContent = `:host { all: initial; }`;\n    shadowRootRef.current.insertBefore(style, shadowRootRef.current.firstChild);\n  } else if (\n    shadowRootRef.current &&\n    isolate !== false &&\n    !reset &&\n    shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // ensure reset styles are the first child in the shadow root\n    const style = shadowRootRef.current.querySelector(\n      '[data-remote-components-reset]',\n    );\n    if (style && shadowRootRef.current.firstChild !== style) {\n      shadowRootRef.current.removeChild(style);\n    }\n  }\n\n  const linksToRender = (\n    <RemoteComponentLinks\n      links={links}\n      url={url}\n      serverUrl={serverUrl}\n      bundle={bundle}\n      isolate={isolate}\n      reset={reset}\n      isDevelopment={nextData?.buildId === 'development'}\n    />\n  );\n\n  let componentToRender = shouldUseChildren\n    ? children\n    : (component as React.ReactNode);\n\n  if (isolate !== false) {\n    componentToRender = (\n      <div\n        data-remote-component-id={`shadowroot_${remoteComponentId}`}\n        data-remote-component-isolation-root=\"\"\n        id={`shadowroot_${name}`}\n        ref={shadowContainerRef}\n      >\n        {typeof document === 'undefined' ? (\n          // eslint-disable-next-line react/no-unknown-property\n          <template shadowrootmode={mode}>\n            {mode === 'closed' ? (\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        const root = el.getRootNode();\n        globalThis.${shadowRootKey} = root;\n        el.parentElement.remove();\n      })(this)\"\n    />`,\n                }}\n              />\n            ) : null}\n            {linksToRender}\n            {shouldUseChildren ? children : null}\n          </template>\n        ) : null}\n        {typeof document !== 'undefined' &&\n        shadowRootRef.current &&\n        !shouldUseChildren\n          ? createPortal(\n              <>\n                {linksToRender}\n                {componentToRender}\n              </>,\n              shadowRootRef.current,\n            )\n          : null}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {isolate === false ? (\n        <template id={`${name}_start`} ref={startRef} />\n      ) : null}\n      <script data-remote-component type=\"application/json\">\n        {JSON.stringify({\n          name,\n          bundle,\n          route,\n          runtime,\n        })}\n      </script>\n      {isolate === false ? linksToRender : null}\n      {componentToRender}\n      {nextData ? (\n        <script\n          id={`${bundle}_${route.replace(\n            /[^a-zA-Z0-9]+/g,\n            '_',\n          )}${name}_next_data`}\n          type=\"application/json\"\n        >\n          {JSON.stringify(nextData)}\n        </script>\n      ) : null}\n      {isolate === false ? <template id={`${name}_end`} ref={endRef} /> : null}\n    </>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsaI;AApaJ,mBAOO;AACP,uBAA6B;AAC7B,0BAA+C;AAC/C,2BAAgC;AAChC,oCAAoC;AACpC,sCAAqC;AAGrC,sBAAsC;AAEtC,mBAAgC;AAChC,uBAA+C;AAC/C,2BAA0C;AAE1C,mBAA6B;AAC7B,oBAAyB;AACzB,wBAA2B;AAC3B,oCAAqC;AAMrC,eAAe,kBACb,kBACgE;AAChE,QAAM,SAAS,UAAM,sCAAgB;AACrC,MAAI,0CAA0C,QAAQ;AACpD,UAAM,OAAO,qCAAqC;AAAA,EACpD;AACA,SAAO;AAAA,IACL,eAAe;AAAA,IACf,GAAG;AAAA,IACH,OAAG,oDAA+B,EAAE,OAAO,iBAAiB,CAAC;AAAA,EAC/D;AACF;AAiBO,SAAS,6BAA6B;AAAA,EAC3C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA,UAAU,CAAC;AAAA,EACX,QAAQ,CAAC;AAAA,EACT,eAAe,CAAC;AAAA,EAChB;AAAA,EACA,OAAO;AAAA,EACP,kBAAkB;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,QAAM,wBAAoB,oBAAM;AAChC,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAkC,IAAI;AACxE,QAAM,UAAM,sDAAqB,KAAK,SAAS;AAC/C,QAAM,uBAAmB,mDAAoB,sBAAsB,IAAI,IAAI;AAC3E,QAAM,mBAAe,yBAAO,8BAAgB,CAAC;AAC7C,QAAM,kBAAc,qBAKjB;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA,KAAK,IAAI;AAAA,EACX,CAAC;AACD,QAAM,eAAW,qBAAmC,IAAI;AACxD,QAAM,aAAS,qBAAmC,IAAI;AACtD,QAAM,oCAAgC,qBAG5B,IAAI;AAGd,MAAI,qBAAqB,OAAO;AAC9B,UAAM;AAAA,EACR;AAGA,QAAM,qBACH,CAAC,aACC,aACC,CAAC,YACD,SAAS,sBACT,OAAQ,UAA0C,SAChD;AAAA;AAAA;AAAA,EAIN,UAAU,YAAY;AAGxB,QAAM,YAAY,OAAG,2BAAa,MAAM,SAAK;AAAA,IAC3C,IAAI;AAAA,EACN,SAAK,2BAAa,IAAI;AACtB,QAAM,UAAU,2BAA2B;AAE3C,QAAM,OAAO;AAKb,QAAM,gBAAgB,kCAAkC;AACxD,QAAM,yBAAqB;AAAA,IACzB,OAAO,aAAa,cAChB,OACA,SAAS;AAAA,MACP,yCAAyC;AAAA,IAC3C;AAAA,EACN;AACA,QAAM,oBAAgB;AAAA,IACpB,KAAK,aAAa,KAAK,mBAAmB,SAAS,cAAc;AAAA,EACnE;AACA,QAAM,8BAA0B,qBAAqC,IAAI;AACzE,QAAM,wBAAoB,qBAA+C,CAAC,CAAC;AAE3E,MAAI,KAAK,aAAa,KAAK,cAAc,SAAS;AAChD,SAAK,aAAa,IAAI;AAAA,EACxB;AAEA,oCAAgB,MAAM;AACpB,QACE,CAAC,mBAAmB,WACpB,mBAAmB,YAAY,cAAc,SAAS,MACtD;AACA,oBAAc,UAAU;AAAA,IAC1B;AAEA,QACE,YAAY,SACZ,OAAO,aAAa,eACpB,CAAC,cAAc,SACf;AACA,UAAI,oBAAuC;AAC3C,YAAM,UAAU,mBAAmB;AAEnC,0BAAoB,KAAK,aAAa,KAAK,SAAS,cAAc;AAClE,WAAK,aAAa,IAAI;AAEtB,UAAI,CAAC,qBAAqB,SAAS;AAGjC,YAAI;AACF,8BAAoB,QAAQ,aAAa,EAAE,KAAK,CAAC;AAAA,QACnD,QAAE;AAAA,QAEF;AAAA,MACF;AAEA,UAAI,mBAAmB;AACrB,sBAAc,UAAU;AAAA,MAC1B;AAAA,IACF;AAKA,QACE,CAAC,wBAAwB,WACzB,cAAc,WACd,mBACA;AACA,8BAAwB,UACtB,cAAc,QAAQ,iBAAiB,GAAG;AAAA,IAC9C;AAEA,QACE,cAAc,WACd,wBAAwB,WACxB,CAAC,mBACD;AAEA,8BAAwB,QAAQ,QAAQ,CAAC,SAAS;AAChD,YAAI,KAAK,aAAa,UAAU,KAAK,aAAa,SAAS;AACzD,eAAK,YAAY,YAAY,IAAI;AAAA,QACnC,OAAO;AACL,4BAAkB,QAAQ;AAAA,YACxB;AAAA,UACF;AAAA,QACF;AAAA,MACF,CAAC;AACD,8BAAwB,UAAU;AAAA,IACpC;AAEA,QAAI,kBAAkB,QAAQ,SAAS,KAAK,cAAc,SAAS;AACjE,YAAM,cACJ,cAAc,QAAQ,iBAAiB,iBAAiB;AAC1D,UAAI,YAAY,SAAS,GAAG;AAC1B,gBAAQ;AAAA,UACN,MAAM,KAAK,WAAW,EAAE;AAAA,YACtB,CAAC,SACC,IAAI,QAAc,CAAC,YAAY;AAC7B,mBAAK,iBAAiB,QAAQ,MAAM,QAAQ,CAAC;AAC7C,mBAAK,iBAAiB,SAAS,MAAM,QAAQ,CAAC;AAAA,YAChD,CAAC;AAAA,UACL;AAAA,QACF,EACG,KAAK,MAAM;AACV,sBAAY,QAAQ,CAAC,OAAO;AAC1B,eAAG,gBAAgB,WAAW;AAAA,UAChC,CAAC;AAGD,4BAAkB,QAAQ,QAAQ,CAAC,OAAO;AACxC,eAAG,YAAY,YAAY,EAAE;AAAA,UAC/B,CAAC;AACD,4BAAkB,UAAU,CAAC;AAAA,QAC/B,CAAC,EACA,MAAM,CAAC,MAAM;AACZ,sCAAS,iBAAiB,qBAAqB,CAAC;AAAA,QAClD,CAAC;AAAA,MACL;AAAA,IACF;AAAA,EACF,GAAG,CAAC,SAAS,MAAM,MAAM,eAAe,iBAAiB,CAAC;AAE1D,8BAAU,MAAM;AAEd,QAAI,8BAA8B,WAAW,cAAc,UAAU;AACnE,YAAM,EAAE,SAAS,KAAK,IAAI,8BAA8B;AACxD,oCAA8B,UAAU;AACxC,cAAQ;AAAA,QACN,MAAM,KAAK,OAAO,EAAE,IAAI,OAAO,cAAc;AAC3C,cAAI;AACF,kBAAM,UAAU,IAAI;AAAA,UACtB,SAAS,GAAP;AACA,wCAAS,iBAAiB,qBAAqB,CAAC;AAAA,UAClD;AAAA,QACF,CAAC;AAAA,MACH,EAAE,MAAM,CAAC,MAAM;AACb,oCAAS,iBAAiB,6BAA6B,CAAC;AAAA,MAC1D,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,WAAW,QAAQ,CAAC;AAExB,8BAAU,MAAM;AACd,WAAO,MAAM;AACX,mBAAa,QAAQ,iBAAiB,MAAM;AAC5C,mBAAa,QAAQ,kBAAkB;AACvC,mBAAa,QAAQ,QAAQ;AAAA,IAC/B;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,8BAAU,MAAM;AACd,sCAAgB,YAAY;AAC1B,UAAI;AAEF,YACG,aAAa,QAAQ,UAAU,aAC9B,CAAC,cACA,YAAY,SAAS,cAAc,YACtC,YAAY,QAAQ,QAAQ,IAAI,QAChC,YAAY,QAAQ,SAAS,QAC7B,YAAY,QAAQ,WAAW,UAC/B,YAAY,QAAQ,UAAU,OAC9B;AAEA,uBAAa,QAAQ,iBAAiB,MAAM;AAC5C,gBAAM,aAAa,IAAI,gBAAgB;AACvC,uBAAa,QAAQ,kBAAkB;AAEvC,uBAAa,QAAQ,QAAQ;AAC7B,sBAAY,UAAU;AAAA,YACpB;AAAA,YACA;AAAA,YACA;AAAA,YACA,KAAK,IAAI;AAAA,UACX;AAGA,cAAI,SAAS,oBAAoB;AAC/B,yBAAa,QAAQ;AAGrB;AAAA,cACE;AAAA,cACA;AAAA,cACA;AAAA,YACF,EACG,KAAK,CAAC,EAAE,OAAO,QAAQ,MAAM;AAC5B,kBAAI,MAAM,OAAO,GAAG;AAClB,oBAAI,OACF,cAAc;AAChB,oBAAI;AACF,sBAAI,CAAC,QAAQ,SAAS,WAAW,OAAO,SAAS;AAC/C,2BAAO,SAAS;AAAA,sBACd,IAAI,SAAS,QAAQ,eAAe,OAAO,QAAQ,cAAc,OAAO,QAAQ;AAAA,oBAClF;AAAA,kBACF;AAAA,gBACF,SAAS,GAAP;AACA,8CAAS,iBAAiB,+BAA+B,CAAC;AAAA,gBAC5D;AACA,oBAAI,QAAQ,OAAO,GAAG;AACpB,gDAA8B,UAAU,EAAE,SAAS,KAAK;AAAA,gBAC1D;AACA,uBAAO,QAAQ;AAAA,kBACb,MAAM,KAAK,KAAK,EAAE,IAAI,CAAC,YAAY,QAAQ,IAAI,CAAC;AAAA,gBAClD;AAAA,cACF;AAAA,YACF,CAAC,EACA,MAAM,CAAC,MAAM;AACZ;AAAA,gBACE;AAAA,gBACA;AAAA,gBACA;AAAA,cACF;AACA,2BAAa,CAAU;AAAA,YACzB,CAAC;AACH;AAAA,UACF;AAEA,gBAAM,SAAS,UAAM,uCAAsB;AAAA,YACzC;AAAA,YACA;AAAA,YACA,QAAQ,WAAW;AAAA,YACnB,SAAS;AAAA,cACP;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,YACF;AAAA,YACA,QAAQ,kBAAkB,gBAAgB;AAAA,YAC1C;AAAA,YACA,WAAW,cAAc;AAAA,YACzB;AAAA,YACA;AAAA,UACF,CAAC;AAED,cAAI,OAAO,WAAW,WAAW;AAC/B;AAAA,UACF;AACA,cAAI,OAAO,WAAW,SAAS;AAC7B,yBAAa,QAAQ,QAAQ;AAC7B,yBAAa,OAAO,KAAK;AAAA,UAC3B,OAAO;AACL,yBAAa,QAAQ,QAAQ;AAC7B,yBAAa,OAAO,SAAS;AAAA,UAC/B;AAAA,QACF;AAAA,MACF,SAAS,OAAP;AACA,qBAAa,QAAQ,QAAQ;AAC7B,qBAAa,KAAc;AAAA,MAC7B;AAAA,IACF,CAAC;AAAA,EACH,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,MACE,UAAU,YAAY,iBACtB,cAAc,WACd,YAAY,SACZ,SACA,CAAC,cAAc,QAAQ,cAAc,gCAAgC,GACrE;AAEA,UAAM,QAAQ,SAAS,cAAc,OAAO;AAC5C,UAAM,aAAa,gCAAgC,EAAE;AACrD,UAAM,cAAc;AACpB,kBAAc,QAAQ,aAAa,OAAO,cAAc,QAAQ,UAAU;AAAA,EAC5E,WACE,cAAc,WACd,YAAY,SACZ,CAAC,SACD,cAAc,QAAQ,cAAc,gCAAgC,GACpE;AAEA,UAAM,QAAQ,cAAc,QAAQ;AAAA,MAClC;AAAA,IACF;AACA,QAAI,SAAS,cAAc,QAAQ,eAAe,OAAO;AACvD,oBAAc,QAAQ,YAAY,KAAK;AAAA,IACzC;AAAA,EACF;AAEA,QAAM,gBACJ;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAe,UAAU,YAAY;AAAA;AAAA,EACvC;AAGF,MAAI,oBAAoB,oBACpB,WACC;AAEL,MAAI,YAAY,OAAO;AACrB,wBACE;AAAA,MAAC;AAAA;AAAA,QACC,4BAA0B,cAAc;AAAA,QACxC,wCAAqC;AAAA,QACrC,IAAI,cAAc;AAAA,QAClB,KAAK;AAAA,QAEJ;AAAA,iBAAO,aAAa;AAAA;AAAA,YAEnB,6CAAC,cAAS,gBAAgB,MACvB;AAAA,uBAAS,WACR;AAAA,gBAAC;AAAA;AAAA,kBACC,yBAAyB;AAAA,oBACvB,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,qBAKL;AAAA;AAAA;AAAA;AAAA,kBAIL;AAAA;AAAA,cACF,IACE;AAAA,cACH;AAAA,cACA,oBAAoB,WAAW;AAAA,eAClC;AAAA,cACE;AAAA,UACH,OAAO,aAAa,eACrB,cAAc,WACd,CAAC,wBACG;AAAA,YACE,4EACG;AAAA;AAAA,cACA;AAAA,eACH;AAAA,YACA,cAAc;AAAA,UAChB,IACA;AAAA;AAAA;AAAA,IACN;AAAA,EAEJ;AAEA,SACE,4EACG;AAAA,gBAAY,QACX,4CAAC,cAAS,IAAI,GAAG,cAAc,KAAK,UAAU,IAC5C;AAAA,IACJ,4CAAC,YAAO,yBAAqB,MAAC,MAAK,oBAChC,eAAK,UAAU;AAAA,MACd;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,CAAC,GACH;AAAA,IACC,YAAY,QAAQ,gBAAgB;AAAA,IACpC;AAAA,IACA,WACC;AAAA,MAAC;AAAA;AAAA,QACC,IAAI,GAAG,UAAU,MAAM;AAAA,UACrB;AAAA,UACA;AAAA,QACF,IAAI;AAAA,QACJ,MAAK;AAAA,QAEJ,eAAK,UAAU,QAAQ;AAAA;AAAA,IAC1B,IACE;AAAA,IACH,YAAY,QAAQ,4CAAC,cAAS,IAAI,GAAG,YAAY,KAAK,QAAQ,IAAK;AAAA,KACtE;AAEJ;","names":[]}

package/dist/internal/host/nextjs/app-client.js

@@ -166,6 +166,13 @@ function ConsumeRemoteComponentClient({
       });
     }
   }, [component, children]);
+  useEffect(() => {
+    return () => {
+      hostStateRef.current.abortController?.abort();
+      hostStateRef.current.abortController = void 0;
+      hostStateRef.current.stage = "idle";
+    };
+  }, []);
   useEffect(() => {
     startTransition(async () => {
       try {
@@ -250,9 +257,6 @@ function ConsumeRemoteComponentClient({
         setComponent(error);
       }
     });
-    return () => {
-      hostStateRef.current.abortController?.abort();
-    };
   }, [
     component,
     name,

package/dist/internal/host/nextjs/app-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/nextjs/app-client.tsx"],"sourcesContent":["'use client';\n\nimport {\n  startTransition,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { createImageLoaderSharedEntries } from '#internal/host/nextjs/image-shared';\nimport { tryImportShared } from '#internal/host/nextjs/shared-import';\nimport { useResolveClientUrl } from '#internal/host/react/hooks/use-resolve-client-url';\nimport { getClientOrServerUrl } from '#internal/host/server/get-client-or-server-url';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\nimport { runPipelineFromParsed } from '#internal/host/shared/pipeline';\nimport type { ConsumeServerData } from '#internal/host/shared/server-handoff';\nimport { createHostState } from '#internal/host/shared/state';\nimport { DEFAULT_ROUTE, RUNTIME_WEBPACK } from '#internal/runtime/constants';\nimport { loadStaticRemoteComponent } from '#internal/runtime/loaders/static-loader';\nimport type { MountOrUnmountFunction } from '#internal/runtime/types';\nimport { escapeString } from '#internal/utils';\nimport { logError } from '#internal/utils/logger';\nimport { routerImpl } from './app-compat';\nimport { RemoteComponentLinks } from './remote-component-links';\n\n/**\n * Resolves host-side shared modules (React, Next.js router, image loader, etc.)\n * and returns them as a map the loading pipeline can pass to remotes.\n */\nasync function resolveHostShared(\n  resolveClientUrl: InternalResolveClientUrl | undefined,\n): Promise<Record<string, (bundle?: string) => Promise<unknown>>> {\n  const shared = await tryImportShared();\n  if ('__remote_components_missing_shared__' in shared) {\n    await shared.__remote_components_missing_shared__();\n  }\n  return {\n    'next/router': routerImpl,\n    ...shared,\n    ...createImageLoaderSharedEntries({ bound: resolveClientUrl }),\n  };\n}\n\n/**\n * Extends the RSC-serializable data with {@link ConsumeClientConfig} fields\n * (like `resolveClientUrl`) that can't cross the server→client boundary\n * but are accepted when this component is used directly as a client import.\n */\ninterface ConsumeRemoteComponentClientProps\n  extends ConsumeServerData,\n    ConsumeClientOnlyConfig {}\n\n/**\n * ConsumeRemoteComponentClient - Main component for rendering remote components\n *\n * This component handles the loading and rendering of remote microfrontends.\n * It supports both RSC (React Server Components) and Next.js Pages Router based components.\n */\nexport function ConsumeRemoteComponentClient({\n  src,\n  serverUrl,\n  name,\n  bundle,\n  route = DEFAULT_ROUTE,\n  runtime = RUNTIME_WEBPACK,\n  data,\n  nextData,\n  scripts = [],\n  links = [],\n  remoteShared = {},\n  isolate,\n  mode = 'open',\n  resolveClientUrl: resolveClientUrlProp,\n  reset,\n  type,\n  children,\n}: ConsumeRemoteComponentClientProps) {\n  const remoteComponentId = useId();\n  const [component, setComponent] = useState<React.ReactNode | Error>(null);\n  const url = getClientOrServerUrl(src, serverUrl);\n  const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);\n  const hostStateRef = useRef(createHostState());\n  const metadataRef = useRef<{\n    name: string;\n    bundle: string;\n    route: string;\n    url: string;\n  }>({\n    name,\n    bundle,\n    route,\n    url: url.href,\n  });\n  const startRef = useRef<HTMLTemplateElement | null>(null);\n  const endRef = useRef<HTMLTemplateElement | null>(null);\n  const prevRemoteComponentUnmountRef = useRef<{\n    unmount: Set<MountOrUnmountFunction>;\n    root: ShadowRoot | DocumentFragment | null;\n  } | null>(null);\n\n  // Handle errors by re-throwing them\n  if (component instanceof Error) {\n    throw component;\n  }\n\n  // determine whether to use children or loaded component\n  const shouldUseChildren =\n    (!component ||\n      (component &&\n        !nextData &&\n        type !== 'remote-component' &&\n        typeof (component as unknown as Promise<unknown>).then !==\n          'function')) &&\n    // if the remote Next.js Pages Router application is in development mode\n    // we don't use the provided static HTML\n    // to mitigate layout shift when loading CSS using JavaScript on the client\n    nextData?.buildId !== 'development';\n\n  // The pathname is used so this URL is the same across server and client requests for relative src's\n  const keySuffix = `${escapeString(bundle)}_${escapeString(\n    url.pathname,\n  )}_${escapeString(name)}`;\n  const rscName = `__remote_components_rsc_${keySuffix}`;\n\n  const self = globalThis as Record<\n    `__remote_components_shadowroot_${string}`,\n    ShadowRoot | null\n  > &\n    Record<`__remote_components_container_${string}`, HTMLDivElement | null>;\n  const shadowRootKey = `__remote_components_shadowroot_${keySuffix}` as const;\n  const shadowContainerRef = useRef<HTMLDivElement | null>(\n    typeof document === 'undefined'\n      ? null\n      : document.querySelector(\n          `[data-remote-component-id=\"shadowroot_${remoteComponentId}\"]`,\n        ),\n  );\n  const shadowRootRef = useRef<ShadowRoot | null>(\n    self[shadowRootKey] ?? shadowContainerRef.current?.shadowRoot ?? null,\n  );\n  const ssrShadowRootContentRef = useRef<NodeListOf<ChildNode> | null>(null);\n  const ssrLinksStylesRef = useRef<(HTMLLinkElement | HTMLStyleElement)[]>([]);\n\n  if (self[shadowRootKey] && shadowRootRef.current) {\n    self[shadowRootKey] = null;\n  }\n\n  useLayoutEffect(() => {\n    if (\n      !shadowContainerRef.current ||\n      shadowContainerRef.current !== shadowRootRef.current?.host\n    ) {\n      shadowRootRef.current = null;\n    }\n\n    if (\n      isolate !== false &&\n      typeof document !== 'undefined' &&\n      !shadowRootRef.current\n    ) {\n      let shadowRootElement: ShadowRoot | null = null;\n      const element = shadowContainerRef.current;\n\n      shadowRootElement = self[shadowRootKey] ?? element?.shadowRoot ?? null;\n      self[shadowRootKey] = 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        } catch {\n          // do nothing if attachShadow fails because of existing shadow root\n        }\n      }\n\n      if (shadowRootElement) {\n        shadowRootRef.current = shadowRootElement;\n      }\n    }\n\n    // Capture SSR content once the shadow root is available. This runs\n    // while shouldUseChildren is still true (before the portal adds its\n    // own content), so the query captures only server-rendered nodes.\n    if (\n      !ssrShadowRootContentRef.current &&\n      shadowRootRef.current &&\n      shouldUseChildren\n    ) {\n      ssrShadowRootContentRef.current =\n        shadowRootRef.current.querySelectorAll('*');\n    }\n\n    if (\n      shadowRootRef.current &&\n      ssrShadowRootContentRef.current &&\n      !shouldUseChildren\n    ) {\n      // remove all nodes from the shadow root except links\n      ssrShadowRootContentRef.current.forEach((node) => {\n        if (node.nodeName !== 'LINK' && node.nodeName !== 'STYLE') {\n          node.parentNode?.removeChild(node);\n        } else {\n          ssrLinksStylesRef.current.push(\n            node as HTMLLinkElement | HTMLStyleElement,\n          );\n        }\n      });\n      ssrShadowRootContentRef.current = null;\n    }\n\n    if (ssrLinksStylesRef.current.length > 0 && shadowRootRef.current) {\n      const waitForLoad =\n        shadowRootRef.current.querySelectorAll('link[data-wait]');\n      if (waitForLoad.length > 0) {\n        Promise.all(\n          Array.from(waitForLoad).map(\n            (link) =>\n              new Promise<void>((resolve) => {\n                link.addEventListener('load', () => resolve());\n                link.addEventListener('error', () => resolve());\n              }),\n          ),\n        )\n          .then(() => {\n            waitForLoad.forEach((el) => {\n              el.removeAttribute('data-wait');\n            });\n\n            // remove SSR injected styles and links\n            ssrLinksStylesRef.current.forEach((el) => {\n              el.parentNode?.removeChild(el);\n            });\n            ssrLinksStylesRef.current = [];\n          })\n          .catch((e) => {\n            logError('NextAppRouter', 'Error in cleanup.', e);\n          });\n      }\n    }\n  }, [isolate, mode, self, shadowRootKey, shouldUseChildren]);\n\n  useEffect(() => {\n    // run unmount functions when the component changes or unmounts\n    if (prevRemoteComponentUnmountRef.current && component !== children) {\n      const { unmount, root } = prevRemoteComponentUnmountRef.current;\n      prevRemoteComponentUnmountRef.current = null;\n      Promise.all(\n        Array.from(unmount).map(async (unmountFn) => {\n          try {\n            await unmountFn(root);\n          } catch (e) {\n            logError('NextAppRouter', 'Error in unmount.', e);\n          }\n        }),\n      ).catch((e) => {\n        logError('NextAppRouter', 'Error in unmount cleanup.', e);\n      });\n    }\n  }, [component, children]);\n\n  useEffect(() => {\n    startTransition(async () => {\n      try {\n        // if we have a component, we don't need to load it again\n        if (\n          (hostStateRef.current.stage !== 'loading' &&\n            !component &&\n            (isolate === false || shadowRootRef.current)) ||\n          metadataRef.current.url !== url.href ||\n          metadataRef.current.name !== name ||\n          metadataRef.current.bundle !== bundle ||\n          metadataRef.current.route !== route\n        ) {\n          // Abort any in-flight load before starting a new one\n          hostStateRef.current.abortController?.abort();\n          const controller = new AbortController();\n          hostStateRef.current.abortController = controller;\n\n          hostStateRef.current.stage = 'loading';\n          metadataRef.current = {\n            name,\n            bundle,\n            route,\n            url: url.href,\n          };\n\n          // use the children as the component when type is remote-component\n          if (type === 'remote-component') {\n            setComponent(children);\n            // load static scripts and execute mount functions\n            // run this async but don't await it as we render children immediately\n            loadStaticRemoteComponent(\n              scripts as HTMLScriptElement[],\n              url,\n              resolveClientUrl,\n            )\n              .then(({ mount, unmount }) => {\n                if (mount.size > 0) {\n                  let root: ShadowRoot | DocumentFragment | null =\n                    shadowRootRef.current;\n                  try {\n                    if (!root && startRef.current && endRef.current) {\n                      root = document.querySelectorAll(\n                        `#${startRef.current.id} ~ *:not(#${endRef.current.id}):has(~ #${endRef.current.id})`,\n                      ) as unknown as DocumentFragment;\n                    }\n                  } catch (e) {\n                    logError('NextAppRouter', 'Error finding root element.', e);\n                  }\n                  if (unmount.size > 0) {\n                    prevRemoteComponentUnmountRef.current = { unmount, root };\n                  }\n                  return Promise.all(\n                    Array.from(mount).map((mountFn) => mountFn(root)),\n                  );\n                }\n              })\n              .catch((e) => {\n                logError(\n                  'NextAppRouter',\n                  'Error loading static remote component.',\n                  e,\n                );\n                setComponent(e as Error);\n              });\n            return;\n          }\n\n          const result = await runPipelineFromParsed({\n            url,\n            name,\n            signal: controller.signal,\n            payload: {\n              name,\n              bundle,\n              route,\n              runtime,\n              data,\n              nextData,\n              scripts,\n            },\n            shared: resolveHostShared(resolveClientUrl),\n            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n            rscName,\n          });\n\n          if (result.status === 'aborted') {\n            return;\n          }\n          if (result.status === 'error') {\n            hostStateRef.current.stage = 'error';\n            setComponent(result.error);\n          } else {\n            hostStateRef.current.stage = 'loaded';\n            setComponent(result.component);\n          }\n        }\n      } catch (error: unknown) {\n        hostStateRef.current.stage = 'error';\n        setComponent(error as Error);\n      }\n    });\n\n    return () => {\n      hostStateRef.current.abortController?.abort();\n    };\n  }, [\n    component,\n    name,\n    bundle,\n    route,\n    runtime,\n    scripts,\n    data,\n    nextData,\n    remoteShared,\n    children,\n    isolate,\n    type,\n    rscName,\n    url,\n    resolveClientUrl,\n  ]);\n\n  if (\n    nextData?.buildId === 'development' &&\n    shadowRootRef.current &&\n    isolate !== false &&\n    reset &&\n    !shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // inject reset styles into the shadow root\n    const style = document.createElement('style');\n    style.setAttribute('data-remote-components-reset', '');\n    style.textContent = `:host { all: initial; }`;\n    shadowRootRef.current.insertBefore(style, shadowRootRef.current.firstChild);\n  } else if (\n    shadowRootRef.current &&\n    isolate !== false &&\n    !reset &&\n    shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // ensure reset styles are the first child in the shadow root\n    const style = shadowRootRef.current.querySelector(\n      '[data-remote-components-reset]',\n    );\n    if (style && shadowRootRef.current.firstChild !== style) {\n      shadowRootRef.current.removeChild(style);\n    }\n  }\n\n  const linksToRender = (\n    <RemoteComponentLinks\n      links={links}\n      url={url}\n      serverUrl={serverUrl}\n      bundle={bundle}\n      isolate={isolate}\n      reset={reset}\n      isDevelopment={nextData?.buildId === 'development'}\n    />\n  );\n\n  let componentToRender = shouldUseChildren\n    ? children\n    : (component as React.ReactNode);\n\n  if (isolate !== false) {\n    componentToRender = (\n      <div\n        data-remote-component-id={`shadowroot_${remoteComponentId}`}\n        data-remote-component-isolation-root=\"\"\n        id={`shadowroot_${name}`}\n        ref={shadowContainerRef}\n      >\n        {typeof document === 'undefined' ? (\n          // eslint-disable-next-line react/no-unknown-property\n          <template shadowrootmode={mode}>\n            {mode === 'closed' ? (\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        const root = el.getRootNode();\n        globalThis.${shadowRootKey} = root;\n        el.parentElement.remove();\n      })(this)\"\n    />`,\n                }}\n              />\n            ) : null}\n            {linksToRender}\n            {shouldUseChildren ? children : null}\n          </template>\n        ) : null}\n        {typeof document !== 'undefined' &&\n        shadowRootRef.current &&\n        !shouldUseChildren\n          ? createPortal(\n              <>\n                {linksToRender}\n                {componentToRender}\n              </>,\n              shadowRootRef.current,\n            )\n          : null}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {isolate === false ? (\n        <template id={`${name}_start`} ref={startRef} />\n      ) : null}\n      <script data-remote-component type=\"application/json\">\n        {JSON.stringify({\n          name,\n          bundle,\n          route,\n          runtime,\n        })}\n      </script>\n      {isolate === false ? linksToRender : null}\n      {componentToRender}\n      {nextData ? (\n        <script\n          id={`${bundle}_${route.replace(\n            /[^a-zA-Z0-9]+/g,\n            '_',\n          )}${name}_next_data`}\n          type=\"application/json\"\n        >\n          {JSON.stringify(nextData)}\n        </script>\n      ) : null}\n      {isolate === false ? <template id={`${name}_end`} ref={endRef} /> : null}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/host/nextjs/app-client.tsx"],"sourcesContent":["'use client';\n\nimport {\n  startTransition,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { createImageLoaderSharedEntries } from '#internal/host/nextjs/image-shared';\nimport { tryImportShared } from '#internal/host/nextjs/shared-import';\nimport { useResolveClientUrl } from '#internal/host/react/hooks/use-resolve-client-url';\nimport { getClientOrServerUrl } from '#internal/host/server/get-client-or-server-url';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\nimport { runPipelineFromParsed } from '#internal/host/shared/pipeline';\nimport type { ConsumeServerData } from '#internal/host/shared/server-handoff';\nimport { createHostState } from '#internal/host/shared/state';\nimport { DEFAULT_ROUTE, RUNTIME_WEBPACK } from '#internal/runtime/constants';\nimport { loadStaticRemoteComponent } from '#internal/runtime/loaders/static-loader';\nimport type { MountOrUnmountFunction } from '#internal/runtime/types';\nimport { escapeString } from '#internal/utils';\nimport { logError } from '#internal/utils/logger';\nimport { routerImpl } from './app-compat';\nimport { RemoteComponentLinks } from './remote-component-links';\n\n/**\n * Resolves host-side shared modules (React, Next.js router, image loader, etc.)\n * and returns them as a map the loading pipeline can pass to remotes.\n */\nasync function resolveHostShared(\n  resolveClientUrl: InternalResolveClientUrl | undefined,\n): Promise<Record<string, (bundle?: string) => Promise<unknown>>> {\n  const shared = await tryImportShared();\n  if ('__remote_components_missing_shared__' in shared) {\n    await shared.__remote_components_missing_shared__();\n  }\n  return {\n    'next/router': routerImpl,\n    ...shared,\n    ...createImageLoaderSharedEntries({ bound: resolveClientUrl }),\n  };\n}\n\n/**\n * Extends the RSC-serializable data with {@link ConsumeClientConfig} fields\n * (like `resolveClientUrl`) that can't cross the server→client boundary\n * but are accepted when this component is used directly as a client import.\n */\ninterface ConsumeRemoteComponentClientProps\n  extends ConsumeServerData,\n    ConsumeClientOnlyConfig {}\n\n/**\n * ConsumeRemoteComponentClient - Main component for rendering remote components\n *\n * This component handles the loading and rendering of remote microfrontends.\n * It supports both RSC (React Server Components) and Next.js Pages Router based components.\n */\nexport function ConsumeRemoteComponentClient({\n  src,\n  serverUrl,\n  name,\n  bundle,\n  route = DEFAULT_ROUTE,\n  runtime = RUNTIME_WEBPACK,\n  data,\n  nextData,\n  scripts = [],\n  links = [],\n  remoteShared = {},\n  isolate,\n  mode = 'open',\n  resolveClientUrl: resolveClientUrlProp,\n  reset,\n  type,\n  children,\n}: ConsumeRemoteComponentClientProps) {\n  const remoteComponentId = useId();\n  const [component, setComponent] = useState<React.ReactNode | Error>(null);\n  const url = getClientOrServerUrl(src, serverUrl);\n  const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);\n  const hostStateRef = useRef(createHostState());\n  const metadataRef = useRef<{\n    name: string;\n    bundle: string;\n    route: string;\n    url: string;\n  }>({\n    name,\n    bundle,\n    route,\n    url: url.href,\n  });\n  const startRef = useRef<HTMLTemplateElement | null>(null);\n  const endRef = useRef<HTMLTemplateElement | null>(null);\n  const prevRemoteComponentUnmountRef = useRef<{\n    unmount: Set<MountOrUnmountFunction>;\n    root: ShadowRoot | DocumentFragment | null;\n  } | null>(null);\n\n  // Handle errors by re-throwing them\n  if (component instanceof Error) {\n    throw component;\n  }\n\n  // determine whether to use children or loaded component\n  const shouldUseChildren =\n    (!component ||\n      (component &&\n        !nextData &&\n        type !== 'remote-component' &&\n        typeof (component as unknown as Promise<unknown>).then !==\n          'function')) &&\n    // if the remote Next.js Pages Router application is in development mode\n    // we don't use the provided static HTML\n    // to mitigate layout shift when loading CSS using JavaScript on the client\n    nextData?.buildId !== 'development';\n\n  // The pathname is used so this URL is the same across server and client requests for relative src's\n  const keySuffix = `${escapeString(bundle)}_${escapeString(\n    url.pathname,\n  )}_${escapeString(name)}`;\n  const rscName = `__remote_components_rsc_${keySuffix}`;\n\n  const self = globalThis as Record<\n    `__remote_components_shadowroot_${string}`,\n    ShadowRoot | null\n  > &\n    Record<`__remote_components_container_${string}`, HTMLDivElement | null>;\n  const shadowRootKey = `__remote_components_shadowroot_${keySuffix}` as const;\n  const shadowContainerRef = useRef<HTMLDivElement | null>(\n    typeof document === 'undefined'\n      ? null\n      : document.querySelector(\n          `[data-remote-component-id=\"shadowroot_${remoteComponentId}\"]`,\n        ),\n  );\n  const shadowRootRef = useRef<ShadowRoot | null>(\n    self[shadowRootKey] ?? shadowContainerRef.current?.shadowRoot ?? null,\n  );\n  const ssrShadowRootContentRef = useRef<NodeListOf<ChildNode> | null>(null);\n  const ssrLinksStylesRef = useRef<(HTMLLinkElement | HTMLStyleElement)[]>([]);\n\n  if (self[shadowRootKey] && shadowRootRef.current) {\n    self[shadowRootKey] = null;\n  }\n\n  useLayoutEffect(() => {\n    if (\n      !shadowContainerRef.current ||\n      shadowContainerRef.current !== shadowRootRef.current?.host\n    ) {\n      shadowRootRef.current = null;\n    }\n\n    if (\n      isolate !== false &&\n      typeof document !== 'undefined' &&\n      !shadowRootRef.current\n    ) {\n      let shadowRootElement: ShadowRoot | null = null;\n      const element = shadowContainerRef.current;\n\n      shadowRootElement = self[shadowRootKey] ?? element?.shadowRoot ?? null;\n      self[shadowRootKey] = 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        } catch {\n          // do nothing if attachShadow fails because of existing shadow root\n        }\n      }\n\n      if (shadowRootElement) {\n        shadowRootRef.current = shadowRootElement;\n      }\n    }\n\n    // Capture SSR content once the shadow root is available. This runs\n    // while shouldUseChildren is still true (before the portal adds its\n    // own content), so the query captures only server-rendered nodes.\n    if (\n      !ssrShadowRootContentRef.current &&\n      shadowRootRef.current &&\n      shouldUseChildren\n    ) {\n      ssrShadowRootContentRef.current =\n        shadowRootRef.current.querySelectorAll('*');\n    }\n\n    if (\n      shadowRootRef.current &&\n      ssrShadowRootContentRef.current &&\n      !shouldUseChildren\n    ) {\n      // remove all nodes from the shadow root except links\n      ssrShadowRootContentRef.current.forEach((node) => {\n        if (node.nodeName !== 'LINK' && node.nodeName !== 'STYLE') {\n          node.parentNode?.removeChild(node);\n        } else {\n          ssrLinksStylesRef.current.push(\n            node as HTMLLinkElement | HTMLStyleElement,\n          );\n        }\n      });\n      ssrShadowRootContentRef.current = null;\n    }\n\n    if (ssrLinksStylesRef.current.length > 0 && shadowRootRef.current) {\n      const waitForLoad =\n        shadowRootRef.current.querySelectorAll('link[data-wait]');\n      if (waitForLoad.length > 0) {\n        Promise.all(\n          Array.from(waitForLoad).map(\n            (link) =>\n              new Promise<void>((resolve) => {\n                link.addEventListener('load', () => resolve());\n                link.addEventListener('error', () => resolve());\n              }),\n          ),\n        )\n          .then(() => {\n            waitForLoad.forEach((el) => {\n              el.removeAttribute('data-wait');\n            });\n\n            // remove SSR injected styles and links\n            ssrLinksStylesRef.current.forEach((el) => {\n              el.parentNode?.removeChild(el);\n            });\n            ssrLinksStylesRef.current = [];\n          })\n          .catch((e) => {\n            logError('NextAppRouter', 'Error in cleanup.', e);\n          });\n      }\n    }\n  }, [isolate, mode, self, shadowRootKey, shouldUseChildren]);\n\n  useEffect(() => {\n    // run unmount functions when the component changes or unmounts\n    if (prevRemoteComponentUnmountRef.current && component !== children) {\n      const { unmount, root } = prevRemoteComponentUnmountRef.current;\n      prevRemoteComponentUnmountRef.current = null;\n      Promise.all(\n        Array.from(unmount).map(async (unmountFn) => {\n          try {\n            await unmountFn(root);\n          } catch (e) {\n            logError('NextAppRouter', 'Error in unmount.', e);\n          }\n        }),\n      ).catch((e) => {\n        logError('NextAppRouter', 'Error in unmount cleanup.', e);\n      });\n    }\n  }, [component, children]);\n\n  useEffect(() => {\n    return () => {\n      hostStateRef.current.abortController?.abort();\n      hostStateRef.current.abortController = undefined;\n      hostStateRef.current.stage = 'idle';\n    };\n  }, []);\n\n  useEffect(() => {\n    startTransition(async () => {\n      try {\n        // if we have a component, we don't need to load it again\n        if (\n          (hostStateRef.current.stage !== 'loading' &&\n            !component &&\n            (isolate === false || shadowRootRef.current)) ||\n          metadataRef.current.url !== url.href ||\n          metadataRef.current.name !== name ||\n          metadataRef.current.bundle !== bundle ||\n          metadataRef.current.route !== route\n        ) {\n          // Abort any in-flight load before starting a new one\n          hostStateRef.current.abortController?.abort();\n          const controller = new AbortController();\n          hostStateRef.current.abortController = controller;\n\n          hostStateRef.current.stage = 'loading';\n          metadataRef.current = {\n            name,\n            bundle,\n            route,\n            url: url.href,\n          };\n\n          // use the children as the component when type is remote-component\n          if (type === 'remote-component') {\n            setComponent(children);\n            // load static scripts and execute mount functions\n            // run this async but don't await it as we render children immediately\n            loadStaticRemoteComponent(\n              scripts as HTMLScriptElement[],\n              url,\n              resolveClientUrl,\n            )\n              .then(({ mount, unmount }) => {\n                if (mount.size > 0) {\n                  let root: ShadowRoot | DocumentFragment | null =\n                    shadowRootRef.current;\n                  try {\n                    if (!root && startRef.current && endRef.current) {\n                      root = document.querySelectorAll(\n                        `#${startRef.current.id} ~ *:not(#${endRef.current.id}):has(~ #${endRef.current.id})`,\n                      ) as unknown as DocumentFragment;\n                    }\n                  } catch (e) {\n                    logError('NextAppRouter', 'Error finding root element.', e);\n                  }\n                  if (unmount.size > 0) {\n                    prevRemoteComponentUnmountRef.current = { unmount, root };\n                  }\n                  return Promise.all(\n                    Array.from(mount).map((mountFn) => mountFn(root)),\n                  );\n                }\n              })\n              .catch((e) => {\n                logError(\n                  'NextAppRouter',\n                  'Error loading static remote component.',\n                  e,\n                );\n                setComponent(e as Error);\n              });\n            return;\n          }\n\n          const result = await runPipelineFromParsed({\n            url,\n            name,\n            signal: controller.signal,\n            payload: {\n              name,\n              bundle,\n              route,\n              runtime,\n              data,\n              nextData,\n              scripts,\n            },\n            shared: resolveHostShared(resolveClientUrl),\n            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n            rscName,\n          });\n\n          if (result.status === 'aborted') {\n            return;\n          }\n          if (result.status === 'error') {\n            hostStateRef.current.stage = 'error';\n            setComponent(result.error);\n          } else {\n            hostStateRef.current.stage = 'loaded';\n            setComponent(result.component);\n          }\n        }\n      } catch (error: unknown) {\n        hostStateRef.current.stage = 'error';\n        setComponent(error as Error);\n      }\n    });\n  }, [\n    component,\n    name,\n    bundle,\n    route,\n    runtime,\n    scripts,\n    data,\n    nextData,\n    remoteShared,\n    children,\n    isolate,\n    type,\n    rscName,\n    url,\n    resolveClientUrl,\n  ]);\n\n  if (\n    nextData?.buildId === 'development' &&\n    shadowRootRef.current &&\n    isolate !== false &&\n    reset &&\n    !shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // inject reset styles into the shadow root\n    const style = document.createElement('style');\n    style.setAttribute('data-remote-components-reset', '');\n    style.textContent = `:host { all: initial; }`;\n    shadowRootRef.current.insertBefore(style, shadowRootRef.current.firstChild);\n  } else if (\n    shadowRootRef.current &&\n    isolate !== false &&\n    !reset &&\n    shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // ensure reset styles are the first child in the shadow root\n    const style = shadowRootRef.current.querySelector(\n      '[data-remote-components-reset]',\n    );\n    if (style && shadowRootRef.current.firstChild !== style) {\n      shadowRootRef.current.removeChild(style);\n    }\n  }\n\n  const linksToRender = (\n    <RemoteComponentLinks\n      links={links}\n      url={url}\n      serverUrl={serverUrl}\n      bundle={bundle}\n      isolate={isolate}\n      reset={reset}\n      isDevelopment={nextData?.buildId === 'development'}\n    />\n  );\n\n  let componentToRender = shouldUseChildren\n    ? children\n    : (component as React.ReactNode);\n\n  if (isolate !== false) {\n    componentToRender = (\n      <div\n        data-remote-component-id={`shadowroot_${remoteComponentId}`}\n        data-remote-component-isolation-root=\"\"\n        id={`shadowroot_${name}`}\n        ref={shadowContainerRef}\n      >\n        {typeof document === 'undefined' ? (\n          // eslint-disable-next-line react/no-unknown-property\n          <template shadowrootmode={mode}>\n            {mode === 'closed' ? (\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        const root = el.getRootNode();\n        globalThis.${shadowRootKey} = root;\n        el.parentElement.remove();\n      })(this)\"\n    />`,\n                }}\n              />\n            ) : null}\n            {linksToRender}\n            {shouldUseChildren ? children : null}\n          </template>\n        ) : null}\n        {typeof document !== 'undefined' &&\n        shadowRootRef.current &&\n        !shouldUseChildren\n          ? createPortal(\n              <>\n                {linksToRender}\n                {componentToRender}\n              </>,\n              shadowRootRef.current,\n            )\n          : null}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {isolate === false ? (\n        <template id={`${name}_start`} ref={startRef} />\n      ) : null}\n      <script data-remote-component type=\"application/json\">\n        {JSON.stringify({\n          name,\n          bundle,\n          route,\n          runtime,\n        })}\n      </script>\n      {isolate === false ? linksToRender : null}\n      {componentToRender}\n      {nextData ? (\n        <script\n          id={`${bundle}_${route.replace(\n            /[^a-zA-Z0-9]+/g,\n            '_',\n          )}${name}_next_data`}\n          type=\"application/json\"\n        >\n          {JSON.stringify(nextData)}\n        </script>\n      ) : null}\n      {isolate === false ? <template id={`${name}_end`} ref={endRef} /> : null}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/internal/host/shared/provider.cjs

@@ -75,9 +75,18 @@ async function buildSharedProviderPlan({
   additionalEntries = [],
   onMissing
 }) {
+  let hostSharedForPlan = hostShared;
+  if (additionalEntries.length > 0) {
+    hostSharedForPlan = { ...hostShared };
+    for (const entry of additionalEntries) {
+      if (typeof entry.value !== "undefined" && !(entry.specifier in hostSharedForPlan)) {
+        hostSharedForPlan[entry.specifier] = entry.value;
+      }
+    }
+  }
   const sharedModulePlan = (0, import_shared_broker.createSharedModulePlan)({
     bundle,
-    hostShared,
+    hostShared: hostSharedForPlan,
     remoteShared,
     scope,
     callerTag

package/dist/internal/host/shared/provider.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/provider.ts"],"sourcesContent":["import {\n  createSharedModulePlan,\n  type RemoteSharedModules,\n  resolveSharedModulePlan,\n  SHARED_MODULE_MANIFEST_PROTOCOL,\n  type SharedModuleFactory,\n  type SharedModuleResolution,\n} from '#internal/host/shared/shared-broker';\nimport type { LogLocation } from '#internal/utils/logger';\n\nconst DEFAULT_VERSION = '0';\nconst GLOBAL_PROVIDER_SCOPES_KEY =\n  '__remote_components_shared_provider_scopes__';\n\nexport interface SharedProvider {\n  get: () => unknown;\n  from: string;\n  eager?: boolean;\n  loaded?: boolean | number;\n}\n\nexport type SharedProviderScope = Record<\n  string,\n  Record<string, SharedProvider>\n>;\n\nexport type SharedProviderScopes = Record<string, SharedProviderScope>;\n\nexport interface SharedProviderEntry {\n  id: string;\n  specifier: string;\n  provider: SharedProvider;\n  required: boolean;\n  singleton: boolean;\n  scope: string;\n}\n\nexport interface SharedProviderPlan {\n  protocol: 'legacy' | typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  entries: SharedProviderEntry[];\n}\n\nexport interface AdditionalSharedProviderEntry {\n  id: string;\n  specifier: string;\n  value: unknown;\n  required?: boolean;\n  singleton?: boolean;\n  scope?: string;\n  from?: string;\n}\n\nfunction getProviderScopes(): SharedProviderScopes {\n  const self = globalThis as typeof globalThis & {\n    [GLOBAL_PROVIDER_SCOPES_KEY]?: SharedProviderScopes;\n  };\n  self[GLOBAL_PROVIDER_SCOPES_KEY] ??= {};\n  return self[GLOBAL_PROVIDER_SCOPES_KEY];\n}\n\nexport function createSharedProvider({\n  value,\n  from,\n}: {\n  value: unknown;\n  from: string;\n}): SharedProvider {\n  return {\n    get: () => value,\n    from,\n    eager: true,\n    loaded: 1,\n  };\n}\n\nexport function createSharedProviderEntry({\n  id,\n  specifier,\n  value,\n  required = true,\n  singleton = true,\n  scope,\n  from = 'host',\n}: AdditionalSharedProviderEntry & { scope: string }): SharedProviderEntry {\n  return {\n    id,\n    specifier,\n    provider: createSharedProvider({ value, from }),\n    required,\n    singleton,\n    scope,\n  };\n}\n\nexport async function buildSharedProviderPlan({\n  bundle,\n  hostShared,\n  remoteShared,\n  scope = `remote:${bundle}`,\n  callerTag = 'SharedBroker',\n  normalizeId = (id) => id,\n  additionalEntries = [],\n  onMissing,\n}: {\n  bundle: string;\n  hostShared: Record<string, SharedModuleFactory | unknown>;\n  remoteShared: RemoteSharedModules;\n  scope?: string;\n  callerTag?: LogLocation;\n  normalizeId?: (id: string) => string;\n  additionalEntries?: AdditionalSharedProviderEntry[];\n  onMissing?: (entry: SharedModuleResolution) => void;\n}): Promise<SharedProviderPlan> {\n  const sharedModulePlan = createSharedModulePlan({\n    bundle,\n    hostShared,\n    remoteShared,\n    scope,\n    callerTag,\n  });\n  const resolved = await resolveSharedModulePlan(sharedModulePlan);\n  const entriesByIdAndSpecifier = new Map<string, SharedProviderEntry>();\n  const addEntry = (entry: SharedProviderEntry) => {\n    entriesByIdAndSpecifier.set(`${entry.id}\\0${entry.specifier}`, entry);\n  };\n\n  for (const entry of additionalEntries) {\n    addEntry(\n      createSharedProviderEntry({\n        ...entry,\n        scope: entry.scope ?? scope,\n      }),\n    );\n  }\n\n  for (const entry of sharedModulePlan.entries) {\n    if (entry.status !== 'resolved') {\n      if (\n        onMissing &&\n        !(\n          sharedModulePlan.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n          entry.required\n        )\n      ) {\n        onMissing(entry);\n      }\n      continue;\n    }\n\n    const value = resolved[entry.id];\n    if (typeof value === 'undefined') continue;\n    addEntry(\n      createSharedProviderEntry({\n        id: normalizeId(entry.id),\n        specifier: entry.specifier,\n        value,\n        required: entry.required,\n        singleton: entry.singleton,\n        scope: entry.scope,\n      }),\n    );\n  }\n\n  return {\n    protocol: sharedModulePlan.protocol,\n    entries: Array.from(entriesByIdAndSpecifier.values()),\n  };\n}\n\nexport function installSharedProvider({\n  scope,\n  specifier,\n  value,\n  from,\n  provider,\n  version = DEFAULT_VERSION,\n}: {\n  scope: string;\n  specifier: string;\n  value?: unknown;\n  from?: string;\n  provider?: SharedProvider;\n  version?: string;\n}): SharedProvider {\n  const scopes = getProviderScopes();\n  const providerScope = (scopes[scope] ??= {});\n  const versions = (providerScope[specifier] ??= {});\n  const sharedProvider =\n    provider ??\n    createSharedProvider({\n      value,\n      from: from ?? 'host',\n    });\n  versions[version] = sharedProvider;\n  return sharedProvider;\n}\n\nexport function installSharedProviderEntry(\n  entry: SharedProviderEntry,\n): SharedProvider {\n  return installSharedProvider({\n    scope: entry.scope,\n    specifier: entry.specifier,\n    provider: entry.provider,\n  });\n}\n\nexport function getSharedProvider({\n  scope,\n  specifier,\n  version = DEFAULT_VERSION,\n}: {\n  scope: string;\n  specifier: string;\n  version?: string;\n}): SharedProvider | undefined {\n  const versions = getProviderScopes()[scope]?.[specifier];\n  if (!versions) return undefined;\n\n  // This provider scope does not implement semver negotiation. Use an exact\n  // version match, then the host default provider when a constrained version is\n  // unavailable.\n  return (\n    versions[version] ??\n    (version === DEFAULT_VERSION ? undefined : versions[DEFAULT_VERSION])\n  );\n}\n\nexport function getSharedProviderModule({\n  scope,\n  specifier,\n  version,\n}: {\n  scope: string;\n  specifier: string;\n  version?: string;\n}): unknown {\n  const provider = getSharedProvider({ scope, specifier, version });\n  if (!provider) {\n    throw new Error(\n      `Shared module \"${specifier}\" not found in provider scope \"${scope}\".`,\n    );\n  }\n  provider.loaded = 1;\n  return provider.get();\n}\n\nexport function resetSharedProviderScopesForTest(): void {\n  const self = globalThis as typeof globalThis & {\n    [GLOBAL_PROVIDER_SCOPES_KEY]?: SharedProviderScopes;\n  };\n  delete self[GLOBAL_PROVIDER_SCOPES_KEY];\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/provider.ts"],"sourcesContent":["import {\n  createSharedModulePlan,\n  type RemoteSharedModules,\n  resolveSharedModulePlan,\n  SHARED_MODULE_MANIFEST_PROTOCOL,\n  type SharedModuleFactory,\n  type SharedModuleResolution,\n} from '#internal/host/shared/shared-broker';\nimport type { LogLocation } from '#internal/utils/logger';\n\nconst DEFAULT_VERSION = '0';\nconst GLOBAL_PROVIDER_SCOPES_KEY =\n  '__remote_components_shared_provider_scopes__';\n\nexport interface SharedProvider {\n  get: () => unknown;\n  from: string;\n  eager?: boolean;\n  loaded?: boolean | number;\n}\n\nexport type SharedProviderScope = Record<\n  string,\n  Record<string, SharedProvider>\n>;\n\nexport type SharedProviderScopes = Record<string, SharedProviderScope>;\n\nexport interface SharedProviderEntry {\n  id: string;\n  specifier: string;\n  provider: SharedProvider;\n  required: boolean;\n  singleton: boolean;\n  scope: string;\n}\n\nexport interface SharedProviderPlan {\n  protocol: 'legacy' | typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  entries: SharedProviderEntry[];\n}\n\nexport interface AdditionalSharedProviderEntry {\n  id: string;\n  specifier: string;\n  value: unknown;\n  required?: boolean;\n  singleton?: boolean;\n  scope?: string;\n  from?: string;\n}\n\nfunction getProviderScopes(): SharedProviderScopes {\n  const self = globalThis as typeof globalThis & {\n    [GLOBAL_PROVIDER_SCOPES_KEY]?: SharedProviderScopes;\n  };\n  self[GLOBAL_PROVIDER_SCOPES_KEY] ??= {};\n  return self[GLOBAL_PROVIDER_SCOPES_KEY];\n}\n\nexport function createSharedProvider({\n  value,\n  from,\n}: {\n  value: unknown;\n  from: string;\n}): SharedProvider {\n  return {\n    get: () => value,\n    from,\n    eager: true,\n    loaded: 1,\n  };\n}\n\nexport function createSharedProviderEntry({\n  id,\n  specifier,\n  value,\n  required = true,\n  singleton = true,\n  scope,\n  from = 'host',\n}: AdditionalSharedProviderEntry & { scope: string }): SharedProviderEntry {\n  return {\n    id,\n    specifier,\n    provider: createSharedProvider({ value, from }),\n    required,\n    singleton,\n    scope,\n  };\n}\n\nexport async function buildSharedProviderPlan({\n  bundle,\n  hostShared,\n  remoteShared,\n  scope = `remote:${bundle}`,\n  callerTag = 'SharedBroker',\n  normalizeId = (id) => id,\n  additionalEntries = [],\n  onMissing,\n}: {\n  bundle: string;\n  hostShared: Record<string, SharedModuleFactory | unknown>;\n  remoteShared: RemoteSharedModules;\n  scope?: string;\n  callerTag?: LogLocation;\n  normalizeId?: (id: string) => string;\n  additionalEntries?: AdditionalSharedProviderEntry[];\n  onMissing?: (entry: SharedModuleResolution) => void;\n}): Promise<SharedProviderPlan> {\n  // `additionalEntries` are host-provided fallbacks (e.g. the host's own React\n  // in the Webpack runtime, where core React is supplied here rather than\n  // through `hostShared`). They satisfy remote requirements just like\n  // `hostShared`, so fold them into the lookup the broker uses to build the\n  // plan. Without this, a requirement met only by an additional entry is\n  // marked \"missing\" and `resolveSharedModulePlan` emits a spurious\n  // \"requires shared module ... but the host does not provide it\" diagnostic,\n  // even though the module is provided a few lines below. Explicit `hostShared`\n  // entries take precedence over these fallbacks.\n  let hostSharedForPlan = hostShared;\n  if (additionalEntries.length > 0) {\n    hostSharedForPlan = { ...hostShared };\n    for (const entry of additionalEntries) {\n      if (\n        typeof entry.value !== 'undefined' &&\n        !(entry.specifier in hostSharedForPlan)\n      ) {\n        hostSharedForPlan[entry.specifier] = entry.value;\n      }\n    }\n  }\n\n  const sharedModulePlan = createSharedModulePlan({\n    bundle,\n    hostShared: hostSharedForPlan,\n    remoteShared,\n    scope,\n    callerTag,\n  });\n  const resolved = await resolveSharedModulePlan(sharedModulePlan);\n  const entriesByIdAndSpecifier = new Map<string, SharedProviderEntry>();\n  const addEntry = (entry: SharedProviderEntry) => {\n    entriesByIdAndSpecifier.set(`${entry.id}\\0${entry.specifier}`, entry);\n  };\n\n  for (const entry of additionalEntries) {\n    addEntry(\n      createSharedProviderEntry({\n        ...entry,\n        scope: entry.scope ?? scope,\n      }),\n    );\n  }\n\n  for (const entry of sharedModulePlan.entries) {\n    if (entry.status !== 'resolved') {\n      if (\n        onMissing &&\n        !(\n          sharedModulePlan.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n          entry.required\n        )\n      ) {\n        onMissing(entry);\n      }\n      continue;\n    }\n\n    const value = resolved[entry.id];\n    if (typeof value === 'undefined') continue;\n    addEntry(\n      createSharedProviderEntry({\n        id: normalizeId(entry.id),\n        specifier: entry.specifier,\n        value,\n        required: entry.required,\n        singleton: entry.singleton,\n        scope: entry.scope,\n      }),\n    );\n  }\n\n  return {\n    protocol: sharedModulePlan.protocol,\n    entries: Array.from(entriesByIdAndSpecifier.values()),\n  };\n}\n\nexport function installSharedProvider({\n  scope,\n  specifier,\n  value,\n  from,\n  provider,\n  version = DEFAULT_VERSION,\n}: {\n  scope: string;\n  specifier: string;\n  value?: unknown;\n  from?: string;\n  provider?: SharedProvider;\n  version?: string;\n}): SharedProvider {\n  const scopes = getProviderScopes();\n  const providerScope = (scopes[scope] ??= {});\n  const versions = (providerScope[specifier] ??= {});\n  const sharedProvider =\n    provider ??\n    createSharedProvider({\n      value,\n      from: from ?? 'host',\n    });\n  versions[version] = sharedProvider;\n  return sharedProvider;\n}\n\nexport function installSharedProviderEntry(\n  entry: SharedProviderEntry,\n): SharedProvider {\n  return installSharedProvider({\n    scope: entry.scope,\n    specifier: entry.specifier,\n    provider: entry.provider,\n  });\n}\n\nexport function getSharedProvider({\n  scope,\n  specifier,\n  version = DEFAULT_VERSION,\n}: {\n  scope: string;\n  specifier: string;\n  version?: string;\n}): SharedProvider | undefined {\n  const versions = getProviderScopes()[scope]?.[specifier];\n  if (!versions) return undefined;\n\n  // This provider scope does not implement semver negotiation. Use an exact\n  // version match, then the host default provider when a constrained version is\n  // unavailable.\n  return (\n    versions[version] ??\n    (version === DEFAULT_VERSION ? undefined : versions[DEFAULT_VERSION])\n  );\n}\n\nexport function getSharedProviderModule({\n  scope,\n  specifier,\n  version,\n}: {\n  scope: string;\n  specifier: string;\n  version?: string;\n}): unknown {\n  const provider = getSharedProvider({ scope, specifier, version });\n  if (!provider) {\n    throw new Error(\n      `Shared module \"${specifier}\" not found in provider scope \"${scope}\".`,\n    );\n  }\n  provider.loaded = 1;\n  return provider.get();\n}\n\nexport function resetSharedProviderScopesForTest(): void {\n  const self = globalThis as typeof globalThis & {\n    [GLOBAL_PROVIDER_SCOPES_KEY]?: SharedProviderScopes;\n  };\n  delete self[GLOBAL_PROVIDER_SCOPES_KEY];\n}\n"],"mappings":"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","names":[]}

package/dist/internal/host/shared/provider.js

@@ -49,9 +49,18 @@ async function buildSharedProviderPlan({
   additionalEntries = [],
   onMissing
 }) {
+  let hostSharedForPlan = hostShared;
+  if (additionalEntries.length > 0) {
+    hostSharedForPlan = { ...hostShared };
+    for (const entry of additionalEntries) {
+      if (typeof entry.value !== "undefined" && !(entry.specifier in hostSharedForPlan)) {
+        hostSharedForPlan[entry.specifier] = entry.value;
+      }
+    }
+  }
   const sharedModulePlan = createSharedModulePlan({
     bundle,
-    hostShared,
+    hostShared: hostSharedForPlan,
     remoteShared,
     scope,
     callerTag

package/dist/internal/host/shared/provider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/provider.ts"],"sourcesContent":["import {\n  createSharedModulePlan,\n  type RemoteSharedModules,\n  resolveSharedModulePlan,\n  SHARED_MODULE_MANIFEST_PROTOCOL,\n  type SharedModuleFactory,\n  type SharedModuleResolution,\n} from '#internal/host/shared/shared-broker';\nimport type { LogLocation } from '#internal/utils/logger';\n\nconst DEFAULT_VERSION = '0';\nconst GLOBAL_PROVIDER_SCOPES_KEY =\n  '__remote_components_shared_provider_scopes__';\n\nexport interface SharedProvider {\n  get: () => unknown;\n  from: string;\n  eager?: boolean;\n  loaded?: boolean | number;\n}\n\nexport type SharedProviderScope = Record<\n  string,\n  Record<string, SharedProvider>\n>;\n\nexport type SharedProviderScopes = Record<string, SharedProviderScope>;\n\nexport interface SharedProviderEntry {\n  id: string;\n  specifier: string;\n  provider: SharedProvider;\n  required: boolean;\n  singleton: boolean;\n  scope: string;\n}\n\nexport interface SharedProviderPlan {\n  protocol: 'legacy' | typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  entries: SharedProviderEntry[];\n}\n\nexport interface AdditionalSharedProviderEntry {\n  id: string;\n  specifier: string;\n  value: unknown;\n  required?: boolean;\n  singleton?: boolean;\n  scope?: string;\n  from?: string;\n}\n\nfunction getProviderScopes(): SharedProviderScopes {\n  const self = globalThis as typeof globalThis & {\n    [GLOBAL_PROVIDER_SCOPES_KEY]?: SharedProviderScopes;\n  };\n  self[GLOBAL_PROVIDER_SCOPES_KEY] ??= {};\n  return self[GLOBAL_PROVIDER_SCOPES_KEY];\n}\n\nexport function createSharedProvider({\n  value,\n  from,\n}: {\n  value: unknown;\n  from: string;\n}): SharedProvider {\n  return {\n    get: () => value,\n    from,\n    eager: true,\n    loaded: 1,\n  };\n}\n\nexport function createSharedProviderEntry({\n  id,\n  specifier,\n  value,\n  required = true,\n  singleton = true,\n  scope,\n  from = 'host',\n}: AdditionalSharedProviderEntry & { scope: string }): SharedProviderEntry {\n  return {\n    id,\n    specifier,\n    provider: createSharedProvider({ value, from }),\n    required,\n    singleton,\n    scope,\n  };\n}\n\nexport async function buildSharedProviderPlan({\n  bundle,\n  hostShared,\n  remoteShared,\n  scope = `remote:${bundle}`,\n  callerTag = 'SharedBroker',\n  normalizeId = (id) => id,\n  additionalEntries = [],\n  onMissing,\n}: {\n  bundle: string;\n  hostShared: Record<string, SharedModuleFactory | unknown>;\n  remoteShared: RemoteSharedModules;\n  scope?: string;\n  callerTag?: LogLocation;\n  normalizeId?: (id: string) => string;\n  additionalEntries?: AdditionalSharedProviderEntry[];\n  onMissing?: (entry: SharedModuleResolution) => void;\n}): Promise<SharedProviderPlan> {\n  const sharedModulePlan = createSharedModulePlan({\n    bundle,\n    hostShared,\n    remoteShared,\n    scope,\n    callerTag,\n  });\n  const resolved = await resolveSharedModulePlan(sharedModulePlan);\n  const entriesByIdAndSpecifier = new Map<string, SharedProviderEntry>();\n  const addEntry = (entry: SharedProviderEntry) => {\n    entriesByIdAndSpecifier.set(`${entry.id}\\0${entry.specifier}`, entry);\n  };\n\n  for (const entry of additionalEntries) {\n    addEntry(\n      createSharedProviderEntry({\n        ...entry,\n        scope: entry.scope ?? scope,\n      }),\n    );\n  }\n\n  for (const entry of sharedModulePlan.entries) {\n    if (entry.status !== 'resolved') {\n      if (\n        onMissing &&\n        !(\n          sharedModulePlan.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n          entry.required\n        )\n      ) {\n        onMissing(entry);\n      }\n      continue;\n    }\n\n    const value = resolved[entry.id];\n    if (typeof value === 'undefined') continue;\n    addEntry(\n      createSharedProviderEntry({\n        id: normalizeId(entry.id),\n        specifier: entry.specifier,\n        value,\n        required: entry.required,\n        singleton: entry.singleton,\n        scope: entry.scope,\n      }),\n    );\n  }\n\n  return {\n    protocol: sharedModulePlan.protocol,\n    entries: Array.from(entriesByIdAndSpecifier.values()),\n  };\n}\n\nexport function installSharedProvider({\n  scope,\n  specifier,\n  value,\n  from,\n  provider,\n  version = DEFAULT_VERSION,\n}: {\n  scope: string;\n  specifier: string;\n  value?: unknown;\n  from?: string;\n  provider?: SharedProvider;\n  version?: string;\n}): SharedProvider {\n  const scopes = getProviderScopes();\n  const providerScope = (scopes[scope] ??= {});\n  const versions = (providerScope[specifier] ??= {});\n  const sharedProvider =\n    provider ??\n    createSharedProvider({\n      value,\n      from: from ?? 'host',\n    });\n  versions[version] = sharedProvider;\n  return sharedProvider;\n}\n\nexport function installSharedProviderEntry(\n  entry: SharedProviderEntry,\n): SharedProvider {\n  return installSharedProvider({\n    scope: entry.scope,\n    specifier: entry.specifier,\n    provider: entry.provider,\n  });\n}\n\nexport function getSharedProvider({\n  scope,\n  specifier,\n  version = DEFAULT_VERSION,\n}: {\n  scope: string;\n  specifier: string;\n  version?: string;\n}): SharedProvider | undefined {\n  const versions = getProviderScopes()[scope]?.[specifier];\n  if (!versions) return undefined;\n\n  // This provider scope does not implement semver negotiation. Use an exact\n  // version match, then the host default provider when a constrained version is\n  // unavailable.\n  return (\n    versions[version] ??\n    (version === DEFAULT_VERSION ? undefined : versions[DEFAULT_VERSION])\n  );\n}\n\nexport function getSharedProviderModule({\n  scope,\n  specifier,\n  version,\n}: {\n  scope: string;\n  specifier: string;\n  version?: string;\n}): unknown {\n  const provider = getSharedProvider({ scope, specifier, version });\n  if (!provider) {\n    throw new Error(\n      `Shared module \"${specifier}\" not found in provider scope \"${scope}\".`,\n    );\n  }\n  provider.loaded = 1;\n  return provider.get();\n}\n\nexport function resetSharedProviderScopesForTest(): void {\n  const self = globalThis as typeof globalThis & {\n    [GLOBAL_PROVIDER_SCOPES_KEY]?: SharedProviderScopes;\n  };\n  delete self[GLOBAL_PROVIDER_SCOPES_KEY];\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/provider.ts"],"sourcesContent":["import {\n  createSharedModulePlan,\n  type RemoteSharedModules,\n  resolveSharedModulePlan,\n  SHARED_MODULE_MANIFEST_PROTOCOL,\n  type SharedModuleFactory,\n  type SharedModuleResolution,\n} from '#internal/host/shared/shared-broker';\nimport type { LogLocation } from '#internal/utils/logger';\n\nconst DEFAULT_VERSION = '0';\nconst GLOBAL_PROVIDER_SCOPES_KEY =\n  '__remote_components_shared_provider_scopes__';\n\nexport interface SharedProvider {\n  get: () => unknown;\n  from: string;\n  eager?: boolean;\n  loaded?: boolean | number;\n}\n\nexport type SharedProviderScope = Record<\n  string,\n  Record<string, SharedProvider>\n>;\n\nexport type SharedProviderScopes = Record<string, SharedProviderScope>;\n\nexport interface SharedProviderEntry {\n  id: string;\n  specifier: string;\n  provider: SharedProvider;\n  required: boolean;\n  singleton: boolean;\n  scope: string;\n}\n\nexport interface SharedProviderPlan {\n  protocol: 'legacy' | typeof SHARED_MODULE_MANIFEST_PROTOCOL;\n  entries: SharedProviderEntry[];\n}\n\nexport interface AdditionalSharedProviderEntry {\n  id: string;\n  specifier: string;\n  value: unknown;\n  required?: boolean;\n  singleton?: boolean;\n  scope?: string;\n  from?: string;\n}\n\nfunction getProviderScopes(): SharedProviderScopes {\n  const self = globalThis as typeof globalThis & {\n    [GLOBAL_PROVIDER_SCOPES_KEY]?: SharedProviderScopes;\n  };\n  self[GLOBAL_PROVIDER_SCOPES_KEY] ??= {};\n  return self[GLOBAL_PROVIDER_SCOPES_KEY];\n}\n\nexport function createSharedProvider({\n  value,\n  from,\n}: {\n  value: unknown;\n  from: string;\n}): SharedProvider {\n  return {\n    get: () => value,\n    from,\n    eager: true,\n    loaded: 1,\n  };\n}\n\nexport function createSharedProviderEntry({\n  id,\n  specifier,\n  value,\n  required = true,\n  singleton = true,\n  scope,\n  from = 'host',\n}: AdditionalSharedProviderEntry & { scope: string }): SharedProviderEntry {\n  return {\n    id,\n    specifier,\n    provider: createSharedProvider({ value, from }),\n    required,\n    singleton,\n    scope,\n  };\n}\n\nexport async function buildSharedProviderPlan({\n  bundle,\n  hostShared,\n  remoteShared,\n  scope = `remote:${bundle}`,\n  callerTag = 'SharedBroker',\n  normalizeId = (id) => id,\n  additionalEntries = [],\n  onMissing,\n}: {\n  bundle: string;\n  hostShared: Record<string, SharedModuleFactory | unknown>;\n  remoteShared: RemoteSharedModules;\n  scope?: string;\n  callerTag?: LogLocation;\n  normalizeId?: (id: string) => string;\n  additionalEntries?: AdditionalSharedProviderEntry[];\n  onMissing?: (entry: SharedModuleResolution) => void;\n}): Promise<SharedProviderPlan> {\n  // `additionalEntries` are host-provided fallbacks (e.g. the host's own React\n  // in the Webpack runtime, where core React is supplied here rather than\n  // through `hostShared`). They satisfy remote requirements just like\n  // `hostShared`, so fold them into the lookup the broker uses to build the\n  // plan. Without this, a requirement met only by an additional entry is\n  // marked \"missing\" and `resolveSharedModulePlan` emits a spurious\n  // \"requires shared module ... but the host does not provide it\" diagnostic,\n  // even though the module is provided a few lines below. Explicit `hostShared`\n  // entries take precedence over these fallbacks.\n  let hostSharedForPlan = hostShared;\n  if (additionalEntries.length > 0) {\n    hostSharedForPlan = { ...hostShared };\n    for (const entry of additionalEntries) {\n      if (\n        typeof entry.value !== 'undefined' &&\n        !(entry.specifier in hostSharedForPlan)\n      ) {\n        hostSharedForPlan[entry.specifier] = entry.value;\n      }\n    }\n  }\n\n  const sharedModulePlan = createSharedModulePlan({\n    bundle,\n    hostShared: hostSharedForPlan,\n    remoteShared,\n    scope,\n    callerTag,\n  });\n  const resolved = await resolveSharedModulePlan(sharedModulePlan);\n  const entriesByIdAndSpecifier = new Map<string, SharedProviderEntry>();\n  const addEntry = (entry: SharedProviderEntry) => {\n    entriesByIdAndSpecifier.set(`${entry.id}\\0${entry.specifier}`, entry);\n  };\n\n  for (const entry of additionalEntries) {\n    addEntry(\n      createSharedProviderEntry({\n        ...entry,\n        scope: entry.scope ?? scope,\n      }),\n    );\n  }\n\n  for (const entry of sharedModulePlan.entries) {\n    if (entry.status !== 'resolved') {\n      if (\n        onMissing &&\n        !(\n          sharedModulePlan.protocol === SHARED_MODULE_MANIFEST_PROTOCOL &&\n          entry.required\n        )\n      ) {\n        onMissing(entry);\n      }\n      continue;\n    }\n\n    const value = resolved[entry.id];\n    if (typeof value === 'undefined') continue;\n    addEntry(\n      createSharedProviderEntry({\n        id: normalizeId(entry.id),\n        specifier: entry.specifier,\n        value,\n        required: entry.required,\n        singleton: entry.singleton,\n        scope: entry.scope,\n      }),\n    );\n  }\n\n  return {\n    protocol: sharedModulePlan.protocol,\n    entries: Array.from(entriesByIdAndSpecifier.values()),\n  };\n}\n\nexport function installSharedProvider({\n  scope,\n  specifier,\n  value,\n  from,\n  provider,\n  version = DEFAULT_VERSION,\n}: {\n  scope: string;\n  specifier: string;\n  value?: unknown;\n  from?: string;\n  provider?: SharedProvider;\n  version?: string;\n}): SharedProvider {\n  const scopes = getProviderScopes();\n  const providerScope = (scopes[scope] ??= {});\n  const versions = (providerScope[specifier] ??= {});\n  const sharedProvider =\n    provider ??\n    createSharedProvider({\n      value,\n      from: from ?? 'host',\n    });\n  versions[version] = sharedProvider;\n  return sharedProvider;\n}\n\nexport function installSharedProviderEntry(\n  entry: SharedProviderEntry,\n): SharedProvider {\n  return installSharedProvider({\n    scope: entry.scope,\n    specifier: entry.specifier,\n    provider: entry.provider,\n  });\n}\n\nexport function getSharedProvider({\n  scope,\n  specifier,\n  version = DEFAULT_VERSION,\n}: {\n  scope: string;\n  specifier: string;\n  version?: string;\n}): SharedProvider | undefined {\n  const versions = getProviderScopes()[scope]?.[specifier];\n  if (!versions) return undefined;\n\n  // This provider scope does not implement semver negotiation. Use an exact\n  // version match, then the host default provider when a constrained version is\n  // unavailable.\n  return (\n    versions[version] ??\n    (version === DEFAULT_VERSION ? undefined : versions[DEFAULT_VERSION])\n  );\n}\n\nexport function getSharedProviderModule({\n  scope,\n  specifier,\n  version,\n}: {\n  scope: string;\n  specifier: string;\n  version?: string;\n}): unknown {\n  const provider = getSharedProvider({ scope, specifier, version });\n  if (!provider) {\n    throw new Error(\n      `Shared module \"${specifier}\" not found in provider scope \"${scope}\".`,\n    );\n  }\n  provider.loaded = 1;\n  return provider.get();\n}\n\nexport function resetSharedProviderScopesForTest(): void {\n  const self = globalThis as typeof globalThis & {\n    [GLOBAL_PROVIDER_SCOPES_KEY]?: SharedProviderScopes;\n  };\n  delete self[GLOBAL_PROVIDER_SCOPES_KEY];\n}\n"],"mappings":"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","names":[]}

package/dist/internal/host/shared/remote-image-loader.cjs

@@ -22,6 +22,26 @@ __export(remote_image_loader_exports, {
 });
 module.exports = __toCommonJS(remote_image_loader_exports);
 var import_remote_scope = require("#internal/runtime/turbopack/remote-scope");
+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(
     ({
@@ -34,7 +54,9 @@ function createRemoteImageLoader(bundle, resolveClientUrl) {
       const remoteOrigin = (0, import_remote_scope.getScope)(bundle)?.url.origin ?? "";
       const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;
       const basePath = isCrossOrigin ? `${remoteOrigin}${config.path ?? "/_next/image"}` : 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 resolveClientUrl?.(url) ?? url;
     },
     // Signals to getImgProps that this is a default loader (not a user-defined

package/dist/internal/host/shared/remote-image-loader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/remote-image-loader.ts"],"sourcesContent":["import { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\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 url = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;\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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAyB;AAmBlB,SAAS,wBACd,QACA,kBACA;AACA,QAAM,SAAS,OAAO;AAAA,IACpB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAKM;AACJ,YAAM,IAAI,WAAW;AACrB,YAAM,mBAAe,8BAAS,MAAM,GAAG,IAAI,UAAU;AACrD,YAAM,gBAAgB,gBAAgB,iBAAiB,SAAS;AAChE,YAAM,WAAW,gBACb,GAAG,eAAe,OAAO,QAAQ,mBAChC,OAAO,QAAQ,GAAG;AACvB,YAAM,MAAM,GAAG,gBAAgB,mBAAmB,GAAG,OAAO,WAAW;AACvE,aAAO,mBAAmB,GAAG,KAAK;AAAA,IACpC;AAAA;AAAA;AAAA,IAGA,EAAE,oBAAoB,KAAc;AAAA,EACtC;AACA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/remote-image-loader.ts"],"sourcesContent":["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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAyB;AAGzB,SAAS,2BAA2B,KAAa;AAC/C,MAAI,CAAC,IAAI,WAAW,GAAG,KAAK,IAAI,WAAW,IAAI,GAAG;AAChD,WAAO,EAAE,cAAc,QAAW,IAAI;AAAA,EACxC;AAEA,QAAM,aAAa,IAAI,QAAQ,GAAG;AAClC,MAAI,eAAe,IAAI;AACrB,WAAO,EAAE,cAAc,QAAW,IAAI;AAAA,EACxC;AAEA,QAAM,SAAS,IAAI,gBAAgB,IAAI,MAAM,aAAa,CAAC,CAAC;AAC5D,QAAM,eAAe,OAAO,IAAI,KAAK,KAAK;AAC1C,MAAI,CAAC,cAAc;AACjB,WAAO,EAAE,cAAc,QAAW,IAAI;AAAA,EACxC;AAEA,SAAO,OAAO,KAAK;AACnB,QAAM,YAAY,OAAO,SAAS;AAClC,SAAO;AAAA,IACL;AAAA,IACA,KAAK,GAAG,IAAI,MAAM,GAAG,UAAU,IAAI,YAAY,IAAI,cAAc;AAAA,EACnE;AACF;AAkBO,SAAS,wBACd,QACA,kBACA;AACA,QAAM,SAAS,OAAO;AAAA,IACpB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAKM;AACJ,YAAM,IAAI,WAAW;AACrB,YAAM,mBAAe,8BAAS,MAAM,GAAG,IAAI,UAAU;AACrD,YAAM,gBAAgB,gBAAgB,iBAAiB,SAAS;AAChE,YAAM,WAAW,gBACb,GAAG,eAAe,OAAO,QAAQ,mBAChC,OAAO,QAAQ,GAAG;AACvB,YAAM,YAAY,2BAA2B,GAAG;AAChD,YAAM,kBAAkB,UAAU,eAC9B,QAAQ,mBAAmB,UAAU,YAAY,MACjD;AACJ,YAAM,MAAM,GAAG,gBAAgB,mBAAmB,UAAU,GAAG,OAAO,WAAW,IAAI;AACrF,aAAO,mBAAmB,GAAG,KAAK;AAAA,IACpC;AAAA;AAAA;AAAA,IAGA,EAAE,oBAAoB,KAAc;AAAA,EACtC;AACA,SAAO;AACT;","names":[]}

package/dist/internal/host/shared/remote-image-loader.js

@@ -1,4 +1,24 @@
 import { getScope } from "#internal/runtime/turbopack/remote-scope";
+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(
     ({
@@ -11,7 +31,9 @@ function createRemoteImageLoader(bundle, resolveClientUrl) {
       const remoteOrigin = getScope(bundle)?.url.origin ?? "";
       const isCrossOrigin = remoteOrigin && remoteOrigin !== location.origin;
       const basePath = isCrossOrigin ? `${remoteOrigin}${config.path ?? "/_next/image"}` : 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 resolveClientUrl?.(url) ?? url;
     },
     // Signals to getImgProps that this is a default loader (not a user-defined

package/dist/internal/host/shared/remote-image-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/remote-image-loader.ts"],"sourcesContent":["import { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\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 url = `${basePath}?url=${encodeURIComponent(src)}&w=${width}&q=${q}`;\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"],"mappings":"AAAA,SAAS,gBAAgB;AAmBlB,SAAS,wBACd,QACA,kBACA;AACA,QAAM,SAAS,OAAO;AAAA,IACpB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAKM;AACJ,YAAM,IAAI,WAAW;AACrB,YAAM,eAAe,SAAS,MAAM,GAAG,IAAI,UAAU;AACrD,YAAM,gBAAgB,gBAAgB,iBAAiB,SAAS;AAChE,YAAM,WAAW,gBACb,GAAG,eAAe,OAAO,QAAQ,mBAChC,OAAO,QAAQ,GAAG;AACvB,YAAM,MAAM,GAAG,gBAAgB,mBAAmB,GAAG,OAAO,WAAW;AACvE,aAAO,mBAAmB,GAAG,KAAK;AAAA,IACpC;AAAA;AAAA;AAAA,IAGA,EAAE,oBAAoB,KAAc;AAAA,EACtC;AACA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/remote-image-loader.ts"],"sourcesContent":["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"],"mappings":"AAAA,SAAS,gBAAgB;AAGzB,SAAS,2BAA2B,KAAa;AAC/C,MAAI,CAAC,IAAI,WAAW,GAAG,KAAK,IAAI,WAAW,IAAI,GAAG;AAChD,WAAO,EAAE,cAAc,QAAW,IAAI;AAAA,EACxC;AAEA,QAAM,aAAa,IAAI,QAAQ,GAAG;AAClC,MAAI,eAAe,IAAI;AACrB,WAAO,EAAE,cAAc,QAAW,IAAI;AAAA,EACxC;AAEA,QAAM,SAAS,IAAI,gBAAgB,IAAI,MAAM,aAAa,CAAC,CAAC;AAC5D,QAAM,eAAe,OAAO,IAAI,KAAK,KAAK;AAC1C,MAAI,CAAC,cAAc;AACjB,WAAO,EAAE,cAAc,QAAW,IAAI;AAAA,EACxC;AAEA,SAAO,OAAO,KAAK;AACnB,QAAM,YAAY,OAAO,SAAS;AAClC,SAAO;AAAA,IACL;AAAA,IACA,KAAK,GAAG,IAAI,MAAM,GAAG,UAAU,IAAI,YAAY,IAAI,cAAc;AAAA,EACnE;AACF;AAkBO,SAAS,wBACd,QACA,kBACA;AACA,QAAM,SAAS,OAAO;AAAA,IACpB,CAAC;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,MAKM;AACJ,YAAM,IAAI,WAAW;AACrB,YAAM,eAAe,SAAS,MAAM,GAAG,IAAI,UAAU;AACrD,YAAM,gBAAgB,gBAAgB,iBAAiB,SAAS;AAChE,YAAM,WAAW,gBACb,GAAG,eAAe,OAAO,QAAQ,mBAChC,OAAO,QAAQ,GAAG;AACvB,YAAM,YAAY,2BAA2B,GAAG;AAChD,YAAM,kBAAkB,UAAU,eAC9B,QAAQ,mBAAmB,UAAU,YAAY,MACjD;AACJ,YAAM,MAAM,GAAG,gBAAgB,mBAAmB,UAAU,GAAG,OAAO,WAAW,IAAI;AACrF,aAAO,mBAAmB,GAAG,KAAK;AAAA,IACpC;AAAA;AAAA;AAAA,IAGA,EAAE,oBAAoB,KAAc;AAAA,EACtC;AACA,SAAO;AACT;","names":[]}

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

@@ -265,10 +265,10 @@ function getSharedModule(scope, id) {
   return null;
 }
 function matchesSharedModuleKey(id, key) {
-  if (id.endsWith(key))
-    return true;
   if (!key.includes("/") && !key.endsWith(".js"))
     return false;
+  if (id.endsWith(key))
+    return true;
   const index = id.lastIndexOf(key);
   if (index < 0)
     return false;