remote-components 0.3.2 → 0.3.3

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

@@ -1,10 +1,8 @@
 "use strict";
 "use client";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -18,14 +16,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var app_client_exports = {};
 __export(app_client_exports, {
@@ -36,6 +26,7 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = require("react");
 var import_react_dom = require("react-dom");
 var import_image_shared = require("#internal/host/nextjs/image-shared");
+var import_shared_import = require("#internal/host/nextjs/shared-import");
 var import_use_resolve_client_url = require("#internal/host/react/hooks/use-resolve-client-url");
 var import_get_client_or_server_url = require("#internal/host/server/get-client-or-server-url");
 var import_state = require("#internal/host/shared/state");
@@ -46,14 +37,6 @@ var import_utils = require("#internal/utils");
 var import_logger = require("#internal/utils/logger");
 var import_app_compat = require("./app-compat");
 var import_remote_component_links = require("./remote-component-links");
-async function tryImportShared() {
-  try {
-    const { shared } = await import("#remote-components/host/defaults/app");
-    return shared;
-  } catch {
-    return {};
-  }
-}
 function ConsumeRemoteComponentClient({
   src,
   serverUrl,
@@ -244,7 +227,7 @@ function ConsumeRemoteComponentClient({
             nextData,
             scripts,
             shared: (async () => {
-              const shared = await tryImportShared();
+              const shared = await (0, import_shared_import.tryImportShared)();
               if ("__remote_components_missing_shared__" in shared) {
                 await shared.__remote_components_missing_shared__();
               }

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 { useResolveClientUrl } from '#internal/host/react/hooks/use-resolve-client-url';\nimport { getClientOrServerUrl } from '#internal/host/server/get-client-or-server-url';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\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 { loadRemoteComponent } from '#internal/runtime/loaders/component-loader';\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 * 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// import { shared } from 'remote-components/shared/host';\nasync function tryImportShared() {\n  try {\n    const { shared } = await import('#remote-components/host/defaults/app');\n    return shared;\n  } catch {\n    return {};\n  }\n}\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  // TODO: prev* fields and abortController are not populated — the App Router\n  // client doesn't support onChange or abort yet. Populate these when adding\n  // onChange lifecycle support to match the HTML and React hosts.\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\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>(\n    shadowRootRef.current?.querySelectorAll('*') ?? null,\n  );\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    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          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 rscName = `__remote_components_rsc_${keySuffix}`;\n          const result = await loadRemoteComponent({\n            url,\n            name,\n            bundle,\n            route,\n            runtime,\n            rscName,\n            data,\n            nextData,\n            scripts,\n            shared: (async () => {\n              const shared = await tryImportShared();\n\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            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n          });\n          if (result.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    keySuffix,\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 { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\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 { loadRemoteComponent } from '#internal/runtime/loaders/component-loader';\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 * 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  // TODO: prev* fields and abortController are not populated — the App Router\n  // client doesn't support onChange or abort yet. Populate these when adding\n  // onChange lifecycle support to match the HTML and React hosts.\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\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>(\n    shadowRootRef.current?.querySelectorAll('*') ?? null,\n  );\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    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          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 rscName = `__remote_components_rsc_${keySuffix}`;\n          const result = await loadRemoteComponent({\n            url,\n            name,\n            bundle,\n            route,\n            runtime,\n            rscName,\n            data,\n            nextData,\n            scripts,\n            shared: (async () => {\n              const shared = await tryImportShared();\n\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            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n          });\n          if (result.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    keySuffix,\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/nextjs/app-client.js

@@ -10,6 +10,7 @@ import {
 } from "react";
 import { createPortal } from "react-dom";
 import { createImageLoaderSharedEntries } from "#internal/host/nextjs/image-shared";
+import { tryImportShared } from "#internal/host/nextjs/shared-import";
 import { useResolveClientUrl } from "#internal/host/react/hooks/use-resolve-client-url";
 import { getClientOrServerUrl } from "#internal/host/server/get-client-or-server-url";
 import { createHostState } from "#internal/host/shared/state";
@@ -20,14 +21,6 @@ import { escapeString } from "#internal/utils";
 import { logError } from "#internal/utils/logger";
 import { routerImpl } from "./app-compat";
 import { RemoteComponentLinks } from "./remote-component-links";
-async function tryImportShared() {
-  try {
-    const { shared } = await import("#remote-components/host/defaults/app");
-    return shared;
-  } catch {
-    return {};
-  }
-}
 function ConsumeRemoteComponentClient({
   src,
   serverUrl,

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 { useResolveClientUrl } from '#internal/host/react/hooks/use-resolve-client-url';\nimport { getClientOrServerUrl } from '#internal/host/server/get-client-or-server-url';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\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 { loadRemoteComponent } from '#internal/runtime/loaders/component-loader';\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 * 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// import { shared } from 'remote-components/shared/host';\nasync function tryImportShared() {\n  try {\n    const { shared } = await import('#remote-components/host/defaults/app');\n    return shared;\n  } catch {\n    return {};\n  }\n}\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  // TODO: prev* fields and abortController are not populated — the App Router\n  // client doesn't support onChange or abort yet. Populate these when adding\n  // onChange lifecycle support to match the HTML and React hosts.\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\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>(\n    shadowRootRef.current?.querySelectorAll('*') ?? null,\n  );\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    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          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 rscName = `__remote_components_rsc_${keySuffix}`;\n          const result = await loadRemoteComponent({\n            url,\n            name,\n            bundle,\n            route,\n            runtime,\n            rscName,\n            data,\n            nextData,\n            scripts,\n            shared: (async () => {\n              const shared = await tryImportShared();\n\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            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n          });\n          if (result.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    keySuffix,\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 { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\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 { loadRemoteComponent } from '#internal/runtime/loaders/component-loader';\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 * 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  // TODO: prev* fields and abortController are not populated — the App Router\n  // client doesn't support onChange or abort yet. Populate these when adding\n  // onChange lifecycle support to match the HTML and React hosts.\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\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>(\n    shadowRootRef.current?.querySelectorAll('*') ?? null,\n  );\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    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          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 rscName = `__remote_components_rsc_${keySuffix}`;\n          const result = await loadRemoteComponent({\n            url,\n            name,\n            bundle,\n            route,\n            runtime,\n            rscName,\n            data,\n            nextData,\n            scripts,\n            shared: (async () => {\n              const shared = await tryImportShared();\n\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            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n          });\n          if (result.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    keySuffix,\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/nextjs/shared-import.cjs

@@ -0,0 +1,46 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var shared_import_exports = {};
+__export(shared_import_exports, {
+  tryImportShared: () => tryImportShared
+});
+module.exports = __toCommonJS(shared_import_exports);
+async function tryImportShared() {
+  try {
+    const { shared } = await import("#remote-components/host/defaults/app");
+    return shared;
+  } catch {
+    return {};
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  tryImportShared
+});
+//# sourceMappingURL=shared-import.cjs.map

package/dist/internal/host/nextjs/shared-import.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/nextjs/shared-import.ts"],"sourcesContent":["export async function tryImportShared() {\n  try {\n    const { shared } = await import('#remote-components/host/defaults/app');\n    return shared;\n  } catch {\n    return {};\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAsB,kBAAkB;AACtC,MAAI;AACF,UAAM,EAAE,OAAO,IAAI,MAAM,OAAO,sCAAsC;AACtE,WAAO;AAAA,EACT,QAAE;AACA,WAAO,CAAC;AAAA,EACV;AACF;","names":[]}

package/dist/internal/host/nextjs/shared-import.d.ts

@@ -0,0 +1,3 @@
+declare function tryImportShared(): Promise<Record<string, () => Promise<unknown>>>;
+
+export { tryImportShared };

package/dist/internal/host/nextjs/shared-import.js

@@ -0,0 +1,12 @@
+async function tryImportShared() {
+  try {
+    const { shared } = await import("#remote-components/host/defaults/app");
+    return shared;
+  } catch {
+    return {};
+  }
+}
+export {
+  tryImportShared
+};
+//# sourceMappingURL=shared-import.js.map

package/dist/internal/host/nextjs/shared-import.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/nextjs/shared-import.ts"],"sourcesContent":["export async function tryImportShared() {\n  try {\n    const { shared } = await import('#remote-components/host/defaults/app');\n    return shared;\n  } catch {\n    return {};\n  }\n}\n"],"mappings":"AAAA,eAAsB,kBAAkB;AACtC,MAAI;AACF,UAAM,EAAE,OAAO,IAAI,MAAM,OAAO,sCAAsC;AACtE,WAAO;AAAA,EACT,QAAE;AACA,WAAO,CAAC;AAAA,EACV;AACF;","names":[]}

package/dist/internal/runtime/loaders/script-loader.cjs

@@ -35,6 +35,13 @@ async function loadScripts(scripts, resolveClientUrl) {
           location.origin
         ).href;
         const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;
+        const alreadyLoaded = Array.from(
+          document.querySelectorAll("script[src]")
+        ).some((s) => s.src === resolvedSrc);
+        if (alreadyLoaded) {
+          resolve();
+          return;
+        }
         const newScript = document.createElement("script");
         newScript.onload = () => resolve();
         newScript.onerror = () => {

package/dist/internal/runtime/loaders/script-loader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/loaders/script-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/patterns';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { warnCrossOriginFetchError } from '#internal/utils/logger';\n\n/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(\n  scripts: { src: string }[],\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(NEXT_BUNDLE_PATH_RE, '/_next/'),\n          location.origin,\n        ).href;\n\n        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;\n\n        const newScript = document.createElement('script');\n        newScript.onload = () => resolve();\n        newScript.onerror = () => {\n          const isProxied = isProxiedUrl(resolvedSrc);\n          if (isProxied) {\n            reject(failedProxiedAssetError('script', newSrc, resolvedSrc));\n          } else {\n            warnCrossOriginFetchError('ScriptLoader', newSrc);\n            reject(\n              new RemoteComponentsError(\n                `Failed to load <script src=\"${newSrc}\"> for Remote Component. Check the URL is correct.`,\n              ),\n            );\n          }\n        };\n        newScript.src = resolvedSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAoC;AACpC,mCAA6B;AAC7B,mBAGO;AACP,oBAA0C;AAK1C,eAAsB,YACpB,SACA,kBACe;AACf,QAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,CAAC,WAAW;AACtB,aAAO,IAAI,QAAc,CAAC,SAAS,WAAW;AAC5C,cAAM,SAAS,IAAI;AAAA;AAAA,UAEjB,OAAO,IAAI,QAAQ,qCAAqB,SAAS;AAAA,UACjD,SAAS;AAAA,QACX,EAAE;AAEF,cAAM,cAAc,mBAAmB,MAAM,KAAK;AAElD,cAAM,YAAY,SAAS,cAAc,QAAQ;AACjD,kBAAU,SAAS,MAAM,QAAQ;AACjC,kBAAU,UAAU,MAAM;AACxB,gBAAM,gBAAY,2CAAa,WAAW;AAC1C,cAAI,WAAW;AACb,uBAAO,sCAAwB,UAAU,QAAQ,WAAW,CAAC;AAAA,UAC/D,OAAO;AACL,yDAA0B,gBAAgB,MAAM;AAChD;AAAA,cACE,IAAI;AAAA,gBACF,+BAA+B;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,kBAAU,MAAM;AAChB,kBAAU,QAAQ;AAClB,iBAAS,KAAK,YAAY,SAAS;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtime/loaders/script-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/patterns';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { warnCrossOriginFetchError } from '#internal/utils/logger';\n\n/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(\n  scripts: { src: string }[],\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(NEXT_BUNDLE_PATH_RE, '/_next/'),\n          location.origin,\n        ).href;\n\n        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;\n\n        const alreadyLoaded = Array.from(\n          document.querySelectorAll<HTMLScriptElement>('script[src]'),\n        ).some((s) => s.src === resolvedSrc);\n        if (alreadyLoaded) {\n          resolve();\n          return;\n        }\n\n        const newScript = document.createElement('script');\n        newScript.onload = () => resolve();\n        newScript.onerror = () => {\n          const isProxied = isProxiedUrl(resolvedSrc);\n          if (isProxied) {\n            reject(failedProxiedAssetError('script', newSrc, resolvedSrc));\n          } else {\n            warnCrossOriginFetchError('ScriptLoader', newSrc);\n            reject(\n              new RemoteComponentsError(\n                `Failed to load <script src=\"${newSrc}\"> for Remote Component. Check the URL is correct.`,\n              ),\n            );\n          }\n        };\n        newScript.src = resolvedSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAoC;AACpC,mCAA6B;AAC7B,mBAGO;AACP,oBAA0C;AAK1C,eAAsB,YACpB,SACA,kBACe;AACf,QAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,CAAC,WAAW;AACtB,aAAO,IAAI,QAAc,CAAC,SAAS,WAAW;AAC5C,cAAM,SAAS,IAAI;AAAA;AAAA,UAEjB,OAAO,IAAI,QAAQ,qCAAqB,SAAS;AAAA,UACjD,SAAS;AAAA,QACX,EAAE;AAEF,cAAM,cAAc,mBAAmB,MAAM,KAAK;AAElD,cAAM,gBAAgB,MAAM;AAAA,UAC1B,SAAS,iBAAoC,aAAa;AAAA,QAC5D,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,WAAW;AACnC,YAAI,eAAe;AACjB,kBAAQ;AACR;AAAA,QACF;AAEA,cAAM,YAAY,SAAS,cAAc,QAAQ;AACjD,kBAAU,SAAS,MAAM,QAAQ;AACjC,kBAAU,UAAU,MAAM;AACxB,gBAAM,gBAAY,2CAAa,WAAW;AAC1C,cAAI,WAAW;AACb,uBAAO,sCAAwB,UAAU,QAAQ,WAAW,CAAC;AAAA,UAC/D,OAAO;AACL,yDAA0B,gBAAgB,MAAM;AAChD;AAAA,cACE,IAAI;AAAA,gBACF,+BAA+B;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,kBAAU,MAAM;AAChB,kBAAU,QAAQ;AAClB,iBAAS,KAAK,YAAY,SAAS;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/internal/runtime/loaders/script-loader.js

@@ -15,6 +15,13 @@ async function loadScripts(scripts, resolveClientUrl) {
           location.origin
         ).href;
         const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;
+        const alreadyLoaded = Array.from(
+          document.querySelectorAll("script[src]")
+        ).some((s) => s.src === resolvedSrc);
+        if (alreadyLoaded) {
+          resolve();
+          return;
+        }
         const newScript = document.createElement("script");
         newScript.onload = () => resolve();
         newScript.onerror = () => {

package/dist/internal/runtime/loaders/script-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/loaders/script-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/patterns';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { warnCrossOriginFetchError } from '#internal/utils/logger';\n\n/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(\n  scripts: { src: string }[],\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(NEXT_BUNDLE_PATH_RE, '/_next/'),\n          location.origin,\n        ).href;\n\n        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;\n\n        const newScript = document.createElement('script');\n        newScript.onload = () => resolve();\n        newScript.onerror = () => {\n          const isProxied = isProxiedUrl(resolvedSrc);\n          if (isProxied) {\n            reject(failedProxiedAssetError('script', newSrc, resolvedSrc));\n          } else {\n            warnCrossOriginFetchError('ScriptLoader', newSrc);\n            reject(\n              new RemoteComponentsError(\n                `Failed to load <script src=\"${newSrc}\"> for Remote Component. Check the URL is correct.`,\n              ),\n            );\n          }\n        };\n        newScript.src = resolvedSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n"],"mappings":"AACA,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;AAK1C,eAAsB,YACpB,SACA,kBACe;AACf,QAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,CAAC,WAAW;AACtB,aAAO,IAAI,QAAc,CAAC,SAAS,WAAW;AAC5C,cAAM,SAAS,IAAI;AAAA;AAAA,UAEjB,OAAO,IAAI,QAAQ,qBAAqB,SAAS;AAAA,UACjD,SAAS;AAAA,QACX,EAAE;AAEF,cAAM,cAAc,mBAAmB,MAAM,KAAK;AAElD,cAAM,YAAY,SAAS,cAAc,QAAQ;AACjD,kBAAU,SAAS,MAAM,QAAQ;AACjC,kBAAU,UAAU,MAAM;AACxB,gBAAM,YAAY,aAAa,WAAW;AAC1C,cAAI,WAAW;AACb,mBAAO,wBAAwB,UAAU,QAAQ,WAAW,CAAC;AAAA,UAC/D,OAAO;AACL,sCAA0B,gBAAgB,MAAM;AAChD;AAAA,cACE,IAAI;AAAA,gBACF,+BAA+B;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,kBAAU,MAAM;AAChB,kBAAU,QAAQ;AAClB,iBAAS,KAAK,YAAY,SAAS;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtime/loaders/script-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/patterns';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { warnCrossOriginFetchError } from '#internal/utils/logger';\n\n/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(\n  scripts: { src: string }[],\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(NEXT_BUNDLE_PATH_RE, '/_next/'),\n          location.origin,\n        ).href;\n\n        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;\n\n        const alreadyLoaded = Array.from(\n          document.querySelectorAll<HTMLScriptElement>('script[src]'),\n        ).some((s) => s.src === resolvedSrc);\n        if (alreadyLoaded) {\n          resolve();\n          return;\n        }\n\n        const newScript = document.createElement('script');\n        newScript.onload = () => resolve();\n        newScript.onerror = () => {\n          const isProxied = isProxiedUrl(resolvedSrc);\n          if (isProxied) {\n            reject(failedProxiedAssetError('script', newSrc, resolvedSrc));\n          } else {\n            warnCrossOriginFetchError('ScriptLoader', newSrc);\n            reject(\n              new RemoteComponentsError(\n                `Failed to load <script src=\"${newSrc}\"> for Remote Component. Check the URL is correct.`,\n              ),\n            );\n          }\n        };\n        newScript.src = resolvedSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n"],"mappings":"AACA,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;AAK1C,eAAsB,YACpB,SACA,kBACe;AACf,QAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,CAAC,WAAW;AACtB,aAAO,IAAI,QAAc,CAAC,SAAS,WAAW;AAC5C,cAAM,SAAS,IAAI;AAAA;AAAA,UAEjB,OAAO,IAAI,QAAQ,qBAAqB,SAAS;AAAA,UACjD,SAAS;AAAA,QACX,EAAE;AAEF,cAAM,cAAc,mBAAmB,MAAM,KAAK;AAElD,cAAM,gBAAgB,MAAM;AAAA,UAC1B,SAAS,iBAAoC,aAAa;AAAA,QAC5D,EAAE,KAAK,CAAC,MAAM,EAAE,QAAQ,WAAW;AACnC,YAAI,eAAe;AACjB,kBAAQ;AACR;AAAA,QACF;AAEA,cAAM,YAAY,SAAS,cAAc,QAAQ;AACjD,kBAAU,SAAS,MAAM,QAAQ;AACjC,kBAAU,UAAU,MAAM;AACxB,gBAAM,YAAY,aAAa,WAAW;AAC1C,cAAI,WAAW;AACb,mBAAO,wBAAwB,UAAU,QAAQ,WAAW,CAAC;AAAA,UAC/D,OAAO;AACL,sCAA0B,gBAAgB,MAAM;AAChD;AAAA,cACE,IAAI;AAAA,gBACF,+BAA+B;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,kBAAU,MAAM;AAChB,kBAAU,QAAQ;AAClB,iBAAS,KAAK,YAAY,SAAS;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/internal/runtime/turbopack/module.cjs

@@ -31,10 +31,8 @@ function requireModule(scope, moduleId, fullId) {
   if (scope.moduleCache[idStr])
     return scope.moduleCache[idStr];
   const sharedModule = (0, import_shared_modules.getSharedModule)(scope, moduleId);
-  if (sharedModule) {
-    scope.moduleCache[idStr] = sharedModule;
+  if (sharedModule)
     return sharedModule;
-  }
   return handleTurbopackModule(
     scope,
     idStr,
@@ -42,19 +40,10 @@ function requireModule(scope, moduleId, fullId) {
   );
 }
 function handleTurbopackModule(scope, moduleId, id) {
-  const self = globalThis;
   if (scope.moduleCache[moduleId]) {
     return scope.moduleCache[moduleId];
   }
-  const raw = self[`TURBOPACK_${scope.globalKey}`];
-  let modules;
-  if (raw && typeof raw === "object" && "__chunks__" in raw) {
-    modules = raw.__chunks__.flat();
-  } else if (Array.isArray(raw)) {
-    modules = raw.flat();
-  } else {
-    modules = raw;
-  }
+  const modules = (0, import_shared_modules.getTurbopackModules)(scope);
   if (!modules) {
     (0, import_logger.logError)(
       "TurbopackModule",

package/dist/internal/runtime/turbopack/module.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/turbopack/module.ts"],"sourcesContent":["import type { GlobalScope } from '#internal/runtime/types';\nimport { logError } from '#internal/utils/logger';\nimport { loadChunkWithScope } from './chunk-loader';\nimport { formatRemoteId, type RemoteScope } from './remote-scope';\nimport { getSharedModule } from './shared-modules';\n\n/**\n * Function signature for Turbopack module initializers.\n * These functions are generated by Turbopack and initialize module exports.\n */\nexport type TurbopackModuleInit = (\n  turbopackContext: TurbopackContext,\n  module: { exports: Record<string, unknown> },\n  exports: Record<string, unknown>,\n) => void;\n\n/**\n * The context object passed to Turbopack module initializers.\n * This provides the runtime API that modules use for imports, exports, and HMR.\n */\ninterface TurbopackContext {\n  /** HMR (Hot Module Replacement) - not implemented for remote components */\n  k: {\n    register(): void;\n    registerExports(): void;\n    signature(): (fn: unknown) => unknown;\n  };\n  /** ESM exports setup */\n  s: (\n    bindings:\n      | Record<string, () => unknown>\n      | [...([string, () => unknown] | [string, number, () => unknown])],\n    esmId?: string | number,\n  ) => void;\n  /** Import module */\n  i: (importId: string | number) => Record<string, unknown> | undefined;\n  /** Require module */\n  r: (requireId: string) => unknown;\n  /** Value exports */\n  v: (value: unknown) => void;\n  /** Async module initializer */\n  a: (\n    mod: (\n      handleDeps: unknown,\n      setResult: (value: unknown) => void,\n    ) => Promise<void>,\n  ) => Promise<void>;\n  /** Async module loader */\n  A: (Aid: string) => Promise<unknown>;\n  /**\n   * Dynamic import tracking. Called in production chunks after ctx.s() to\n   * register async/dynamic module relationships. e.g. t.j(importedMod, 58790)\n   */\n  j: (module: unknown, esmId?: string | number) => void;\n  /** Chunk loader */\n  l: (url: string) => Promise<unknown> | undefined;\n  /** Global object for this bundle */\n  g: unknown;\n  /** Module object */\n  m: { exports: Record<string, unknown> };\n  /** Exports object */\n  e: Record<string, unknown>;\n}\n\n/**\n * Turbopack pushes chunks as flat arrays in one of two shapes:\n *\n * Module chunk (common case):\n *   [scriptElement, id1, factory1, id2, factory2, ...]\n *   - index 0: the script Element (document.currentScript) or undefined\n *   - alternating pairs: numeric ID (prod) or path string (dev), then factory function\n *\n * Runtime manifest (bootstrapper only, no module factories):\n *   [scriptElement, { otherChunks: [...], runtimeModuleIds: [...] }]\n *\n * Newer Next.js canary versions may also store modules as a plain object\n * { [moduleId]: factory } rather than as an array.\n */\ntype BundleModules =\n  | (\n      | Element\n      | string\n      | number\n      | TurbopackModuleInit\n      | Record<string, TurbopackModuleInit>\n      | null\n      | undefined\n    )[]\n  | Record<string, TurbopackModuleInit>\n  | undefined;\n\n/**\n * Resolves a module within a scope: checks shared modules first, then\n * falls back to Turbopack module resolution. This is the scope-local\n * equivalent of the global __webpack_require__ dispatcher.\n */\nexport function requireModule(\n  scope: RemoteScope,\n  moduleId: string | number,\n  fullId?: string,\n): unknown {\n  const idStr = String(moduleId);\n\n  // moduleCache is checked first inside handleTurbopackModule too, but\n  // checking here avoids the shared-module lookup on every re-entry.\n  if (scope.moduleCache[idStr]) return scope.moduleCache[idStr];\n\n  const sharedModule = getSharedModule(scope, moduleId);\n  if (sharedModule) {\n    // Cache the shared module so subsequent lookups for the same id\n    // resolve from moduleCache without re-scanning sharedModules.\n    scope.moduleCache[idStr] = sharedModule;\n    return sharedModule;\n  }\n\n  return handleTurbopackModule(\n    scope,\n    idStr,\n    fullId ?? formatRemoteId(scope, idStr),\n  );\n}\n\n/**\n * Handles Turbopack module resolution and execution.\n * Finds a module in the Turbopack bundle, executes its initializer with a\n * custom runtime context, and returns the module exports.\n */\nexport function handleTurbopackModule(\n  scope: RemoteScope,\n  moduleId: string,\n  id: string,\n): unknown {\n  const self = globalThis as GlobalScope;\n\n  // Cache check must come before module init lookup. Module initializers\n  // re-enter handleTurbopackModule for their own imports, so without this\n  // guard circular dependencies would infinite-loop.\n  if (scope.moduleCache[moduleId]) {\n    return scope.moduleCache[moduleId];\n  }\n\n  const raw = self[`TURBOPACK_${scope.globalKey}`];\n\n  // Normalize the bundle global to a flat entry list. The chunk-loader push\n  // interceptor stores modules as { __chunks__: [[Element, id, fn, ...], ...] }.\n  let modules: BundleModules;\n  if (raw && typeof raw === 'object' && '__chunks__' in raw) {\n    modules = (\n      raw as { __chunks__: unknown[][] }\n    ).__chunks__.flat() as unknown as BundleModules;\n  } else if (Array.isArray(raw)) {\n    modules = (raw as unknown[]).flat() as unknown as BundleModules;\n  } else {\n    modules = raw as BundleModules;\n  }\n\n  // Log only if bundle is completely missing (critical error)\n  if (!modules) {\n    logError(\n      'TurbopackModule',\n      `TURBOPACK_${scope.globalKey} is undefined (scope: \"${scope.scopedName}\")`,\n    );\n  }\n\n  const moduleInit = findModuleInit(modules, moduleId);\n  const exports = {} as Record<string, unknown>;\n  const moduleExports = { exports };\n\n  if (typeof moduleInit !== 'function') {\n    throw new Error(\n      `Module ${id} not found in bundle ${scope.name} with id ${moduleId}`,\n    );\n  }\n\n  // store a reference to the module exports in the cache before execution\n  // to handle circular dependencies\n  scope.moduleCache[moduleId] = moduleExports.exports;\n\n  // execute the module initializer with our custom Turbopack context\n  moduleInit(\n    createTurbopackContext(\n      scope,\n      exports,\n      moduleExports,\n      modules,\n      moduleInit,\n      id,\n    ),\n    moduleExports,\n    exports,\n  );\n\n  // update the cache with the final exports (may have changed during execution)\n  if (scope.moduleCache[moduleId] !== moduleExports.exports) {\n    scope.moduleCache[moduleId] = moduleExports.exports;\n  }\n\n  return moduleExports.exports;\n}\n\n/**\n * Finds the module initializer function in the Turbopack bundle.\n */\nfunction findModuleInit(\n  modules: BundleModules,\n  moduleId: string,\n): TurbopackModuleInit | undefined {\n  if (!modules || typeof modules !== 'object') return;\n\n  // Object format: { [id]: factory } (newer Next.js canary builds)\n  if (!Array.isArray(modules)) {\n    const key =\n      moduleId in modules\n        ? moduleId\n        : Object.keys(modules).find((k) => k.startsWith(moduleId));\n    return key !== undefined ? modules[key] : undefined;\n  }\n\n  const flat = modules.flat();\n\n  // Two-pass ID search: exact match first to avoid prefix false positives.\n  // The startsWith fallback handles dev-mode IDs with appended qualifiers\n  // such as \"[project]/path.tsx [app-client] (ecmascript, async loader)\".\n  let idx = flat.findIndex((e) => String(e) === String(moduleId));\n  if (idx < 0) {\n    idx = flat.findIndex(\n      (e) => typeof e === 'string' && e.startsWith(moduleId),\n    );\n  }\n  if (idx >= 0) {\n    // Factory is the first function entry that follows the module ID\n    return flat\n      .slice(idx + 1)\n      .find((e): e is TurbopackModuleInit => typeof e === 'function');\n  }\n\n  // Embedded object map: entries of the form { [moduleId]: factory }\n  return flat.find((e): e is Record<string, TurbopackModuleInit> =>\n    Boolean(e && typeof e === 'object' && moduleId in (e as object)),\n  )?.[moduleId];\n}\n\n/**\n * Creates the Turbopack context object that provides the runtime API for modules.\n * All context methods close over the scope directly — no global dispatch needed\n * for internal module-to-module calls.\n */\nfunction createTurbopackContext(\n  scope: RemoteScope,\n  exports: Record<string, unknown>,\n  moduleExports: { exports: Record<string, unknown> },\n  modules: BundleModules,\n  moduleInit: TurbopackModuleInit,\n  id: string,\n): TurbopackContext {\n  /** Scope-local require: shared modules → turbopack module resolution. */\n  const scopedRequire = (moduleId: string | number): unknown =>\n    requireModule(scope, moduleId, formatRemoteId(scope, String(moduleId)));\n\n  return {\n    // HMR not implemented for Remote Components\n    k: {\n      register() {\n        // omit\n      },\n      registerExports() {\n        // omit\n      },\n      signature() {\n        return (fn: unknown) => fn;\n      },\n    },\n\n    // ESM exports setup\n    s(\n      bindings:\n        | Record<string, () => unknown>\n        | [...([string, () => unknown] | [string, number, () => unknown])],\n      esmId?: string | number,\n    ) {\n      let mod = exports;\n      if (typeof esmId === 'string' || typeof esmId === 'number') {\n        if (!scope.moduleCache[esmId]) {\n          scope.moduleCache[esmId] = {} as Record<string, unknown>;\n        }\n        mod = scope.moduleCache[esmId] as Record<string, unknown>;\n      }\n\n      Object.defineProperty(mod, '__esModule', { value: true });\n      if (Array.isArray(bindings)) {\n        let i = 0;\n        while (i < bindings.length) {\n          const propName = bindings[i++] as string;\n          const tagOrFunc = bindings[i++];\n          if (typeof tagOrFunc === 'number') {\n            Object.defineProperty(mod, propName, {\n              value: bindings[i++],\n              enumerable: true,\n              writable: false,\n            });\n          } else {\n            const getterFn = tagOrFunc as () => unknown;\n            if (typeof bindings[i] === 'function') {\n              const setterFn = bindings[i++] as (v: unknown) => unknown;\n              Object.defineProperty(mod, propName, {\n                get: getterFn,\n                set: setterFn,\n                enumerable: true,\n              });\n            } else {\n              Object.defineProperty(mod, propName, {\n                get: getterFn,\n                enumerable: true,\n              });\n            }\n          }\n        }\n      }\n    },\n\n    // import — resolves directly via scope, no global dispatch\n    i(importId: string | number) {\n      let mod: Record<string, unknown> | undefined;\n      if (typeof importId === 'string') {\n        // parse export syntax if present (e.g., \"module <export foo as bar>\")\n        const { exportSource, exportName } =\n          /\\s+<export (?<exportSource>.*?) as (?<exportName>.*?)>$/.exec(\n            importId,\n          )?.groups ?? {};\n        const normalizedId = importId.replace(\n          /\\s+<export(?<specifier>.*)>$/,\n          '',\n        );\n        mod = scopedRequire(normalizedId) as\n          | Record<string, unknown>\n          | undefined;\n        // map the requested export to the module exports\n        if (\n          mod &&\n          exportSource &&\n          exportName &&\n          (exportSource === '*' || typeof mod[exportSource] !== 'undefined') &&\n          typeof mod[exportName] === 'undefined'\n        ) {\n          if (exportSource === '*') {\n            mod[exportName] = mod;\n          } else {\n            mod[exportName] = mod[exportSource];\n          }\n        }\n      } else {\n        mod = scopedRequire(importId) as Record<string, unknown> | undefined;\n      }\n\n      if (typeof mod !== 'object' || mod === null) {\n        mod = { default: mod };\n      } else if (!('default' in mod) && mod.toString() !== '[object Module]') {\n        try {\n          mod.default = mod;\n        } catch {\n          // ignore if mod is not extensible\n        }\n      }\n      return mod;\n    },\n\n    // require — resolves directly via scope\n    r(requireId: string) {\n      return scopedRequire(requireId);\n    },\n\n    // value exports\n    v(value: unknown) {\n      if (typeof value === 'function') {\n        exports.default = value((vid: string | number) => scopedRequire(vid));\n      } else {\n        moduleExports.exports = value as Record<string, unknown>;\n      }\n    },\n\n    // async module initializer\n    async a(\n      mod: (\n        handleDeps: unknown,\n        setResult: (value: unknown) => void,\n      ) => Promise<void>,\n    ) {\n      let result;\n      await mod(\n        () => {\n          // not implemented\n        },\n        (value) => (result = value),\n      );\n      exports.default = result;\n    },\n\n    // async module loader — resolves directly via scope\n    async A(Aid: string) {\n      const mod = scopedRequire(Aid) as {\n        default: (\n          parentImport: (parentId: string) => unknown,\n        ) => Promise<unknown>;\n      };\n      return mod.default((parentId: string) => scopedRequire(parentId));\n    },\n\n    // dynamic import tracking — no-op for remote components\n    j() {\n      // omit\n    },\n\n    // chunk loader — loads directly via scope, no global dispatch\n    l(url: string) {\n      // find the script tag that loaded the current module to determine base URL\n      const flatModules = Array.isArray(modules) ? modules : [];\n      const moduleInitIndex = flatModules.indexOf(moduleInit);\n      if (moduleInitIndex !== -1) {\n        const scriptIndex = flatModules\n          .slice(0, moduleInitIndex)\n          .findLastIndex((bundleEntry) => bundleEntry instanceof Element);\n        if (scriptIndex !== -1) {\n          const script = flatModules[scriptIndex] as HTMLScriptElement;\n          const scriptSrc = script.getAttribute('data-turbopack-src') || '';\n          const nextIndex = scriptSrc.indexOf('/_next');\n          const baseUrl = nextIndex !== -1 ? scriptSrc.slice(0, nextIndex) : '';\n          const chunkUrl = `${baseUrl}/_next/${url}`;\n          return loadChunkWithScope(scope, formatRemoteId(scope, chunkUrl));\n        }\n      }\n      throw new Error(\n        `Failed to load Turbopack chunk \"${url}\" for module \"${id}\". Check the URL is correct.`,\n      );\n    },\n\n    // globalThis substitute shared across all modules in this scope\n    g: scope.moduleGlobal,\n    m: moduleExports,\n    e: exports,\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/runtime/turbopack/module.ts"],"sourcesContent":["import { logError } from '#internal/utils/logger';\nimport { loadChunkWithScope } from './chunk-loader';\nimport { formatRemoteId, type RemoteScope } from './remote-scope';\nimport { getSharedModule, getTurbopackModules } from './shared-modules';\n\n/**\n * Function signature for Turbopack module initializers.\n * These functions are generated by Turbopack and initialize module exports.\n */\nexport type TurbopackModuleInit = (\n  turbopackContext: TurbopackContext,\n  module: { exports: Record<string, unknown> },\n  exports: Record<string, unknown>,\n) => void;\n\n/**\n * The context object passed to Turbopack module initializers.\n * This provides the runtime API that modules use for imports, exports, and HMR.\n */\ninterface TurbopackContext {\n  /** HMR (Hot Module Replacement) - not implemented for remote components */\n  k: {\n    register(): void;\n    registerExports(): void;\n    signature(): (fn: unknown) => unknown;\n  };\n  /** ESM exports setup */\n  s: (\n    bindings:\n      | Record<string, () => unknown>\n      | [...([string, () => unknown] | [string, number, () => unknown])],\n    esmId?: string | number,\n  ) => void;\n  /** Import module */\n  i: (importId: string | number) => Record<string, unknown> | undefined;\n  /** Require module */\n  r: (requireId: string) => unknown;\n  /** Value exports */\n  v: (value: unknown) => void;\n  /** Async module initializer */\n  a: (\n    mod: (\n      handleDeps: unknown,\n      setResult: (value: unknown) => void,\n    ) => Promise<void>,\n  ) => Promise<void>;\n  /** Async module loader */\n  A: (Aid: string) => Promise<unknown>;\n  /**\n   * Dynamic import tracking. Called in production chunks after ctx.s() to\n   * register async/dynamic module relationships. e.g. t.j(importedMod, 58790)\n   */\n  j: (module: unknown, esmId?: string | number) => void;\n  /** Chunk loader */\n  l: (url: string) => Promise<unknown> | undefined;\n  /** Global object for this bundle */\n  g: unknown;\n  /** Module object */\n  m: { exports: Record<string, unknown> };\n  /** Exports object */\n  e: Record<string, unknown>;\n}\n\n/**\n * Turbopack pushes chunks as flat arrays in one of two shapes:\n *\n * Module chunk (common case):\n *   [scriptElement, id1, factory1, id2, factory2, ...]\n *   - index 0: the script Element (document.currentScript) or undefined\n *   - alternating pairs: numeric ID (prod) or path string (dev), then factory function\n *\n * Runtime manifest (bootstrapper only, no module factories):\n *   [scriptElement, { otherChunks: [...], runtimeModuleIds: [...] }]\n *\n * Newer Next.js canary versions may also store modules as a plain object\n * { [moduleId]: factory } rather than as an array.\n */\ntype BundleModules =\n  | (\n      | Element\n      | string\n      | number\n      | TurbopackModuleInit\n      | Record<string, TurbopackModuleInit>\n      | null\n      | undefined\n    )[]\n  | Record<string, TurbopackModuleInit>\n  | undefined;\n\n/**\n * Resolves a module within a scope: checks shared modules first, then\n * falls back to Turbopack module resolution. This is the scope-local\n * equivalent of the global __webpack_require__ dispatcher.\n */\nexport function requireModule(\n  scope: RemoteScope,\n  moduleId: string | number,\n  fullId?: string,\n): unknown {\n  const idStr = String(moduleId);\n\n  // moduleCache is checked first inside handleTurbopackModule too, but\n  // checking here avoids the shared-module lookup on every re-entry.\n  if (scope.moduleCache[idStr]) return scope.moduleCache[idStr];\n\n  // Shared modules are NOT cached in moduleCache because ctx.s() also\n  // uses moduleCache for esmId lookups. Caching the host's frozen module\n  // object here would cause ctx.s() to attempt Object.defineProperty on\n  // it, failing with \"Cannot redefine property\" for non-configurable\n  // exports. Keeping shared modules in their own map avoids the collision.\n  const sharedModule = getSharedModule(scope, moduleId);\n  if (sharedModule) return sharedModule;\n\n  return handleTurbopackModule(\n    scope,\n    idStr,\n    fullId ?? formatRemoteId(scope, idStr),\n  );\n}\n\n/**\n * Handles Turbopack module resolution and execution.\n * Finds a module in the Turbopack bundle, executes its initializer with a\n * custom runtime context, and returns the module exports.\n */\nexport function handleTurbopackModule(\n  scope: RemoteScope,\n  moduleId: string,\n  id: string,\n): unknown {\n  // Cache check must come before module init lookup. Module initializers\n  // re-enter handleTurbopackModule for their own imports, so without this\n  // guard circular dependencies would infinite-loop.\n  if (scope.moduleCache[moduleId]) {\n    return scope.moduleCache[moduleId];\n  }\n\n  const modules = getTurbopackModules(scope) as BundleModules;\n\n  // Log only if bundle is completely missing (critical error)\n  if (!modules) {\n    logError(\n      'TurbopackModule',\n      `TURBOPACK_${scope.globalKey} is undefined (scope: \"${scope.scopedName}\")`,\n    );\n  }\n\n  const moduleInit = findModuleInit(modules, moduleId);\n  const exports = {} as Record<string, unknown>;\n  const moduleExports = { exports };\n\n  if (typeof moduleInit !== 'function') {\n    throw new Error(\n      `Module ${id} not found in bundle ${scope.name} with id ${moduleId}`,\n    );\n  }\n\n  // store a reference to the module exports in the cache before execution\n  // to handle circular dependencies\n  scope.moduleCache[moduleId] = moduleExports.exports;\n\n  // execute the module initializer with our custom Turbopack context\n  moduleInit(\n    createTurbopackContext(\n      scope,\n      exports,\n      moduleExports,\n      modules,\n      moduleInit,\n      id,\n    ),\n    moduleExports,\n    exports,\n  );\n\n  // update the cache with the final exports (may have changed during execution)\n  if (scope.moduleCache[moduleId] !== moduleExports.exports) {\n    scope.moduleCache[moduleId] = moduleExports.exports;\n  }\n\n  return moduleExports.exports;\n}\n\n/**\n * Finds the module initializer function in the Turbopack bundle.\n */\nfunction findModuleInit(\n  modules: BundleModules,\n  moduleId: string,\n): TurbopackModuleInit | undefined {\n  if (!modules || typeof modules !== 'object') return;\n\n  // Object format: { [id]: factory } (newer Next.js canary builds)\n  if (!Array.isArray(modules)) {\n    const key =\n      moduleId in modules\n        ? moduleId\n        : Object.keys(modules).find((k) => k.startsWith(moduleId));\n    return key !== undefined ? modules[key] : undefined;\n  }\n\n  const flat = modules.flat();\n\n  // Two-pass ID search: exact match first to avoid prefix false positives.\n  // The startsWith fallback handles dev-mode IDs with appended qualifiers\n  // such as \"[project]/path.tsx [app-client] (ecmascript, async loader)\".\n  let idx = flat.findIndex((e) => String(e) === String(moduleId));\n  if (idx < 0) {\n    idx = flat.findIndex(\n      (e) => typeof e === 'string' && e.startsWith(moduleId),\n    );\n  }\n  if (idx >= 0) {\n    // Factory is the first function entry that follows the module ID\n    return flat\n      .slice(idx + 1)\n      .find((e): e is TurbopackModuleInit => typeof e === 'function');\n  }\n\n  // Embedded object map: entries of the form { [moduleId]: factory }\n  return flat.find((e): e is Record<string, TurbopackModuleInit> =>\n    Boolean(e && typeof e === 'object' && moduleId in (e as object)),\n  )?.[moduleId];\n}\n\n/**\n * Creates the Turbopack context object that provides the runtime API for modules.\n * All context methods close over the scope directly — no global dispatch needed\n * for internal module-to-module calls.\n */\nfunction createTurbopackContext(\n  scope: RemoteScope,\n  exports: Record<string, unknown>,\n  moduleExports: { exports: Record<string, unknown> },\n  modules: BundleModules,\n  moduleInit: TurbopackModuleInit,\n  id: string,\n): TurbopackContext {\n  /** Scope-local require: shared modules → turbopack module resolution. */\n  const scopedRequire = (moduleId: string | number): unknown =>\n    requireModule(scope, moduleId, formatRemoteId(scope, String(moduleId)));\n\n  return {\n    // HMR not implemented for Remote Components\n    k: {\n      register() {\n        // omit\n      },\n      registerExports() {\n        // omit\n      },\n      signature() {\n        return (fn: unknown) => fn;\n      },\n    },\n\n    // ESM exports setup\n    s(\n      bindings:\n        | Record<string, () => unknown>\n        | [...([string, () => unknown] | [string, number, () => unknown])],\n      esmId?: string | number,\n    ) {\n      let mod = exports;\n      if (typeof esmId === 'string' || typeof esmId === 'number') {\n        if (!scope.moduleCache[esmId]) {\n          scope.moduleCache[esmId] = {} as Record<string, unknown>;\n        }\n        mod = scope.moduleCache[esmId] as Record<string, unknown>;\n      }\n\n      Object.defineProperty(mod, '__esModule', { value: true });\n      if (Array.isArray(bindings)) {\n        let i = 0;\n        while (i < bindings.length) {\n          const propName = bindings[i++] as string;\n          const tagOrFunc = bindings[i++];\n          if (typeof tagOrFunc === 'number') {\n            Object.defineProperty(mod, propName, {\n              value: bindings[i++],\n              enumerable: true,\n              writable: false,\n            });\n          } else {\n            const getterFn = tagOrFunc as () => unknown;\n            if (typeof bindings[i] === 'function') {\n              const setterFn = bindings[i++] as (v: unknown) => unknown;\n              Object.defineProperty(mod, propName, {\n                get: getterFn,\n                set: setterFn,\n                enumerable: true,\n              });\n            } else {\n              Object.defineProperty(mod, propName, {\n                get: getterFn,\n                enumerable: true,\n              });\n            }\n          }\n        }\n      }\n    },\n\n    // import — resolves directly via scope, no global dispatch\n    i(importId: string | number) {\n      let mod: Record<string, unknown> | undefined;\n      if (typeof importId === 'string') {\n        // parse export syntax if present (e.g., \"module <export foo as bar>\")\n        const { exportSource, exportName } =\n          /\\s+<export (?<exportSource>.*?) as (?<exportName>.*?)>$/.exec(\n            importId,\n          )?.groups ?? {};\n        const normalizedId = importId.replace(\n          /\\s+<export(?<specifier>.*)>$/,\n          '',\n        );\n        mod = scopedRequire(normalizedId) as\n          | Record<string, unknown>\n          | undefined;\n        // map the requested export to the module exports\n        if (\n          mod &&\n          exportSource &&\n          exportName &&\n          (exportSource === '*' || typeof mod[exportSource] !== 'undefined') &&\n          typeof mod[exportName] === 'undefined'\n        ) {\n          if (exportSource === '*') {\n            mod[exportName] = mod;\n          } else {\n            mod[exportName] = mod[exportSource];\n          }\n        }\n      } else {\n        mod = scopedRequire(importId) as Record<string, unknown> | undefined;\n      }\n\n      if (typeof mod !== 'object' || mod === null) {\n        mod = { default: mod };\n      } else if (!('default' in mod) && mod.toString() !== '[object Module]') {\n        try {\n          mod.default = mod;\n        } catch {\n          // ignore if mod is not extensible\n        }\n      }\n      return mod;\n    },\n\n    // require — resolves directly via scope\n    r(requireId: string) {\n      return scopedRequire(requireId);\n    },\n\n    // value exports\n    v(value: unknown) {\n      if (typeof value === 'function') {\n        exports.default = value((vid: string | number) => scopedRequire(vid));\n      } else {\n        moduleExports.exports = value as Record<string, unknown>;\n      }\n    },\n\n    // async module initializer\n    async a(\n      mod: (\n        handleDeps: unknown,\n        setResult: (value: unknown) => void,\n      ) => Promise<void>,\n    ) {\n      let result;\n      await mod(\n        () => {\n          // not implemented\n        },\n        (value) => (result = value),\n      );\n      exports.default = result;\n    },\n\n    // async module loader — resolves directly via scope\n    async A(Aid: string) {\n      const mod = scopedRequire(Aid) as {\n        default: (\n          parentImport: (parentId: string) => unknown,\n        ) => Promise<unknown>;\n      };\n      return mod.default((parentId: string) => scopedRequire(parentId));\n    },\n\n    // dynamic import tracking — no-op for remote components\n    j() {\n      // omit\n    },\n\n    // chunk loader — loads directly via scope, no global dispatch\n    l(url: string) {\n      // find the script tag that loaded the current module to determine base URL\n      const flatModules = Array.isArray(modules) ? modules : [];\n      const moduleInitIndex = flatModules.indexOf(moduleInit);\n      if (moduleInitIndex !== -1) {\n        const scriptIndex = flatModules\n          .slice(0, moduleInitIndex)\n          .findLastIndex((bundleEntry) => bundleEntry instanceof Element);\n        if (scriptIndex !== -1) {\n          const script = flatModules[scriptIndex] as HTMLScriptElement;\n          const scriptSrc = script.getAttribute('data-turbopack-src') || '';\n          const nextIndex = scriptSrc.indexOf('/_next');\n          const baseUrl = nextIndex !== -1 ? scriptSrc.slice(0, nextIndex) : '';\n          const chunkUrl = `${baseUrl}/_next/${url}`;\n          return loadChunkWithScope(scope, formatRemoteId(scope, chunkUrl));\n        }\n      }\n      throw new Error(\n        `Failed to load Turbopack chunk \"${url}\" for module \"${id}\". Check the URL is correct.`,\n      );\n    },\n\n    // globalThis substitute shared across all modules in this scope\n    g: scope.moduleGlobal,\n    m: moduleExports,\n    e: exports,\n  };\n}\n"],"mappings":"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","names":[]}