remote-components 0.3.6 → 0.3.7

package/dist/{chunk-2VQGCACH.js → chunk-52BJ7VFA.js}

@@ -1,9 +1,9 @@
 import {
   getScope
-} from "./chunk-HNZVEIKN.js";
+} from "./chunk-SJM7AAGU.js";
 import {
   getNamespace
-} from "./chunk-KEPHL25S.js";
+} from "./chunk-D5GNZB6O.js";
 import {
   RemoteComponentsError,
   logDebug,
@@ -76,6 +76,26 @@ function applySharedModules(bundle, resolve) {
 // src/config/webpack/next-client-pages-loader.ts
 function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   const self = globalThis;
+  const ns = getNamespace();
+  ns.pageComponentCache ??= {};
+  const cacheKey = `${bundle}:${route}`;
+  const applyBundleCss = () => {
+    const elements = ns.cssCache[bundle] ?? [];
+    if (styleContainer) {
+      for (const el of elements) {
+        styleContainer.appendChild(el.cloneNode(true));
+      }
+    } else {
+      for (const el of elements) {
+        document.head.appendChild(el);
+      }
+    }
+  };
+  const cachedEntry = ns.pageComponentCache[cacheKey];
+  if (cachedEntry) {
+    applyBundleCss();
+    return cachedEntry;
+  }
   const nextCssOriginal = document.querySelector(
     `[id="__next_css__DO_NOT_USE__"]:not([data-bundle="${bundle}"][data-route="${route}"])`
   );
@@ -137,9 +157,9 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
         default: null
       })
     ];
-    const { default: Component } = componentLoader();
-    const { default: App } = appLoader();
-    const cssCache = getNamespace().cssCache;
+    const { default: Component = null } = componentLoader();
+    const { default: App = null } = appLoader();
+    const cssCache = ns.cssCache;
     if (!cssCache[bundle]) {
       const cssRE = /\.s?css$/;
       Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).filter((id) => cssRE.test(id)).forEach((id) => {
@@ -160,17 +180,7 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
       }
       cssCache[bundle] = elements;
     }
-    if (styleContainer) {
-      const elements = cssCache[bundle];
-      elements.forEach((el) => {
-        styleContainer.appendChild(el.cloneNode(true));
-      });
-    } else {
-      const elements = cssCache[bundle];
-      elements.forEach((el) => {
-        document.head.appendChild(el);
-      });
-    }
+    applyBundleCss();
     delete self.__NEXT_P;
     self.__NEXT_P = __NEXT_P_ORIGINAL;
     if (nextCssOriginal) {
@@ -178,7 +188,9 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
     }
     nextCss.remove();
     nextCssEnd.remove();
-    return { Component, App };
+    const result = { Component, App };
+    ns.pageComponentCache[cacheKey] = result;
+    return result;
   }
   return { Component: null, App: null };
 }
@@ -187,4 +199,4 @@ export {
   applySharedModules,
   nextClientPagesLoader
 };
-//# sourceMappingURL=chunk-2VQGCACH.js.map
+//# sourceMappingURL=chunk-52BJ7VFA.js.map

package/dist/chunk-52BJ7VFA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/config/webpack/apply-shared-modules.ts","../src/config/webpack/next-client-pages-loader.ts"],"sourcesContent":["// Webpack shared module patching\n// used in multiple remote component host types\n// multiple host types includes: HTML custom element for remote components and Next.js host application\n// we are using this shared function to patch a Webpack module map\n// to use shared modules between the host application and the remote component\n\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { logDebug, logWarn } from '#internal/utils/logger';\n\nconst DEDUPLICATION_SKIPPED =\n  'shared module deduplication skipped. The remote may load its own copy of shared dependencies.';\n\nexport function applySharedModules(\n  bundle: string,\n  resolve: Record<string, unknown>,\n) {\n  logDebug(\n    'SharedModules',\n    `applySharedModules called for bundle: \"${bundle}\"`,\n  );\n  logDebug(\n    'SharedModules',\n    `Shared modules to resolve: ${Object.keys(resolve)}`,\n  );\n\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string) => unknown) & {\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n  } & Record<string, string[]>;\n\n  // Prefer scope-based access when available.\n  const scope = getScope(bundle);\n  // @legacy(v0.3.4) — fall back to global __remote_webpack_require__ for hosts that\n  // haven't run setupWebpackRuntime yet (e.g. HTML host's inline path).\n  // Remove once all host types go through the shared pipeline (Phase 5).\n  const webpackBundle =\n    scope?.webpackRequire ?? self.__remote_webpack_require__?.[bundle];\n\n  if (webpackBundle) {\n    const modulePaths = Object.keys(\n      self.__remote_webpack_module_map__?.[bundle] ?? webpackBundle.m ?? {},\n    );\n    logDebug(\n      'SharedModules',\n      `Available module paths for bundle \"${bundle}\": ${modulePaths}`,\n    );\n\n    // patch all modules in the bundle to use the shared modules\n    for (const [key, value] of Object.entries(resolve)) {\n      const exactIds = modulePaths.filter((p) => p === key);\n      const ids =\n        exactIds.length > 0\n          ? exactIds\n          : modulePaths.filter((p) => p.includes(key));\n\n      if (ids.length === 0) {\n        logDebug(\n          'SharedModules',\n          `No matching module path found for shared module \"${key}\"`,\n        );\n      }\n\n      for (const id of ids) {\n        if (webpackBundle.m) {\n          // if we have a module map, we need to use the mapped id\n          // this is required for production builds where the module ids are module id numbers\n          const resolvedId = self.__remote_webpack_module_map__?.[bundle]?.[id]\n            ? `${self.__remote_webpack_module_map__[bundle][id]}`\n            : id;\n          if (resolvedId !== id) {\n            logDebug(\n              'SharedModules',\n              `Mapped module id: \"${id}\" -> \"${resolvedId}\"`,\n            );\n          }\n          // create a mock module which exports the shared module\n          webpackBundle.m[resolvedId] = (module) => {\n            module.exports = value;\n          };\n        } else {\n          logWarn(\n            'SharedModules',\n            `webpackBundle.m is not available for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n          );\n        }\n      }\n    }\n  } else {\n    logWarn(\n      'SharedModules',\n      `No webpack require found for bundle \"${bundle}\" — ${DEDUPLICATION_SKIPPED}`,\n    );\n    logDebug(\n      'SharedModules',\n      `Available bundles: ${Object.keys(self.__remote_webpack_require__ ?? {})}`,\n    );\n  }\n}\n","import { getNamespace } from '#internal/runtime/namespace';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\n// module loader for Next.js Pages Router\nexport function nextClientPagesLoader(\n  bundle: string,\n  route: string,\n  styleContainer: HTMLHeadElement | ShadowRoot | null = document.head,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        c?: Record<\n          string | number,\n          { id: string; parents: string[]; children: string[] }\n        >;\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n        type?: 'turbopack' | 'webpack';\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n    // Next.js client pages loader reference storage\n    __NEXT_P?: [\n      (\n        | [\n            string,\n            () => { default?: React.ComponentType<Record<string, unknown>> },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n    ];\n  };\n\n  const ns = getNamespace();\n  ns.pageComponentCache ??= {};\n  const cacheKey = `${bundle}:${route}`;\n\n  // Applies the cached CSS for `bundle` into the caller's styleContainer.\n  // Mirrors the final CSS-attach step of the fresh-load path so that cache\n  // hits and additional host instances (each with their own shadow root)\n  // still receive the styles.\n  const applyBundleCss = () => {\n    const elements = ns.cssCache[bundle] ?? [];\n    if (styleContainer) {\n      for (const el of elements) {\n        styleContainer.appendChild(el.cloneNode(true));\n      }\n    } else {\n      for (const el of elements) {\n        document.head.appendChild(el);\n      }\n    }\n  };\n\n  // On repeat loads (e.g. after history.back()) the next-client-pages-loader\n  // chunk is already cached by webpack and its factory won't re-run, so\n  // __NEXT_P wouldn't be populated. Reuse the Component/App extracted on the\n  // first load, but still run the CSS attach below because the caller may be\n  // a different host instance with its own styleContainer.\n  const cachedEntry = ns.pageComponentCache[cacheKey];\n  if (cachedEntry) {\n    applyBundleCss();\n    return cachedEntry;\n  }\n\n  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.querySelector(\n    `[id=\"__next_css__DO_NOT_USE__\"]:not([data-bundle=\"${bundle}\"][data-route=\"${route}\"])`,\n  );\n  if (nextCssOriginal) {\n    nextCssOriginal.parentNode?.removeChild(nextCssOriginal);\n  }\n\n  // create a new Next.js CSS loader element\n  const nextCss = document.createElement('noscript');\n  nextCss.id = '__next_css__DO_NOT_USE__';\n  nextCss.setAttribute('data-bundle', bundle);\n  nextCss.setAttribute('data-route', route);\n  const nextCssEnd = document.createElement('noscript');\n  nextCssEnd.id = '__next_css__DO_NOT_USE_END__';\n  nextCssEnd.setAttribute('data-bundle', bundle);\n  nextCssEnd.setAttribute('data-route', route);\n  document.head.appendChild(nextCssEnd);\n  document.head.appendChild(nextCss);\n\n  // find the page component loader chunk\n  const componentLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=${encodeURIComponent(route)}!`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=${encodeURIComponent(route)}!`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // find the app loader chunk\n  const appLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=%2F_app`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=%2F_app`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // if we didn't find the component loader or app loader, throw an error\n  if (!(componentLoaderChunk && appLoaderChunk)) {\n    throw new RemoteComponentsError(\n      `Next.js client pages loader not found in bundle \"${bundle}\".`,\n    );\n  }\n\n  // temporarily store the original __NEXT_P reference\n  // this is required to avoid conflicts with the Next.js client pages loader\n  // which uses the same global variable to store the page components\n  const __NEXT_P_ORIGINAL = self.__NEXT_P;\n  const selfOriginal = self;\n  delete selfOriginal.__NEXT_P;\n\n  // load the component and app loader chunks\n  self.__remote_webpack_require__?.[bundle]?.(\n    self.__remote_webpack_require__[bundle].type !== 'turbopack'\n      ? componentLoaderChunk\n      : `[${bundle}] ${componentLoaderChunk}`,\n  );\n  if (\n    typeof appLoaderChunk === 'string' ||\n    (typeof appLoaderChunk === 'number' && appLoaderChunk !== -1)\n  ) {\n    self.__remote_webpack_require__?.[bundle]?.(\n      self.__remote_webpack_require__[bundle].type !== 'turbopack'\n        ? appLoaderChunk\n        : `[${bundle}] ${appLoaderChunk}`,\n    );\n  }\n\n  // if we have the __NEXT_P global variable, we can extract the component and app\n  if (self.__NEXT_P) {\n    const [, componentLoader] = self.__NEXT_P[0] ?? [\n      undefined,\n      () => ({ default: null }),\n    ];\n    const [, appLoader] = self.__NEXT_P[2] ?? [\n      undefined,\n      () => ({\n        default: null,\n      }),\n    ];\n    const { default: Component = null } = componentLoader();\n    const { default: App = null } = appLoader();\n\n    const cssCache = ns.cssCache;\n\n    if (!cssCache[bundle]) {\n      // load the CSS files from the remote bundle\n      const cssRE = /\\.s?css$/;\n      Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {})\n        .filter((id) => cssRE.test(id))\n        .forEach((id) => {\n          self.__remote_webpack_require__?.[bundle]?.(id);\n        });\n\n      Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {})\n        .filter((path) => cssRE.test(path))\n        .forEach((path) => {\n          const id = self.__remote_webpack_module_map__?.[bundle]?.[path];\n          if (id) {\n            self.__remote_webpack_require__?.[bundle]?.(id);\n          }\n        });\n\n      const elements = [];\n      let node = nextCss.previousSibling;\n      while (node && node !== nextCssEnd) {\n        elements.push(node);\n        node.remove();\n        node = nextCss.previousSibling;\n      }\n      cssCache[bundle] = elements;\n    }\n\n    applyBundleCss();\n\n    // restore the original __NEXT_P reference\n    delete self.__NEXT_P;\n    self.__NEXT_P = __NEXT_P_ORIGINAL;\n\n    // restore the original Next.js CSS loader\n    if (nextCssOriginal) {\n      nextCssOriginal.parentNode?.appendChild(nextCssOriginal);\n    }\n\n    nextCss.remove();\n    nextCssEnd.remove();\n\n    const result = { Component, App };\n    ns.pageComponentCache[cacheKey] = result;\n    return result;\n  }\n\n  return { Component: null, App: null };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-KKBEMQU7.cjs → chunk-AWWWK2ZY.cjs}

@@ -7,10 +7,10 @@
 
 
 
-var _chunkER73O65Fcjs = require('./chunk-ER73O65F.cjs');
+var _chunkI47KE3ECcjs = require('./chunk-I47KE3EC.cjs');
 
 
-var _chunkCREXMFMFcjs = require('./chunk-CREXMFMF.cjs');
+var _chunkTZT7DLO5cjs = require('./chunk-TZT7DLO5.cjs');
 
 
 
@@ -18,10 +18,10 @@ var _chunkCREXMFMFcjs = require('./chunk-CREXMFMF.cjs');
 
 
 
-var _chunkR4QFK5TNcjs = require('./chunk-R4QFK5TN.cjs');
+var _chunkX6W464D6cjs = require('./chunk-X6W464D6.cjs');
 
 
-var _chunk7MVFHOIPcjs = require('./chunk-7MVFHOIP.cjs');
+var _chunkZ2SLBFQLcjs = require('./chunk-Z2SLBFQL.cjs');
 
 
 
@@ -89,7 +89,7 @@ function setAttributesFromProps(el, props) {
 function useResolveClientUrl(prop, urlHref) {
   const { resolveClientUrl: contextValue } = _context.useRemoteComponentsContext.call(void 0, );
   const raw = _nullishCoalesce(prop, () => ( contextValue));
-  return _react.useMemo.call(void 0, () => _chunkER73O65Fcjs.bindResolveClientUrl.call(void 0, raw, urlHref), [raw, urlHref]);
+  return _react.useMemo.call(void 0, () => _chunkI47KE3ECcjs.bindResolveClientUrl.call(void 0, raw, urlHref), [raw, urlHref]);
 }
 
 // src/host/react/hooks/use-shadow-root.ts
@@ -101,7 +101,7 @@ function useShadowRoot({
 }) {
   const shadowRootContainerRef = _react.useRef.call(void 0, null);
   const [shadowRoot, setShadowRoot] = _react.useState.call(void 0, () => {
-    const shadowRoots = _chunk7MVFHOIPcjs.getNamespace.call(void 0, ).shadowRoots;
+    const shadowRoots = _chunkZ2SLBFQLcjs.getNamespace.call(void 0, ).shadowRoots;
     const ssrShadowRoot = typeof document !== "undefined" ? _nullishCoalesce(_nullishCoalesce(_optionalChain([document, 'access', _ => _.querySelector, 'call', _2 => _2(
       `[data-remote-component-id="shadowroot_${keySuffix}"]`
     ), 'optionalAccess', _3 => _3.shadowRoot]), () => ( shadowRoots[keySuffix])), () => ( null)) : null;
@@ -109,7 +109,7 @@ function useShadowRoot({
     return ssrShadowRoot;
   });
   _react.useLayoutEffect.call(void 0, () => {
-    const shadowRoots = _chunk7MVFHOIPcjs.getNamespace.call(void 0, ).shadowRoots;
+    const shadowRoots = _chunkZ2SLBFQLcjs.getNamespace.call(void 0, ).shadowRoots;
     if (isolate !== false && typeof document !== "undefined" && (!shadowRoot || !shadowRoot.isConnected)) {
       let shadowRootElement = null;
       const element = document.querySelector(
@@ -151,7 +151,7 @@ function getRemoteComponentHtml(html) {
     return ssrRemoteComponentContainer.innerHTML;
   }
   const remoteComponentContainer = temp.querySelectorAll(
-    `div[data-bundle][data-route][data-runtime][id^="${_chunkR4QFK5TNcjs.DEFAULT_COMPONENT_NAME}"],div[data-bundle][data-route],div#__next,remote-component:not([src])`
+    `div[data-bundle][data-route][data-runtime][id^="${_chunkX6W464D6cjs.DEFAULT_COMPONENT_NAME}"],div[data-bundle][data-route],div#__next,remote-component:not([src])`
   );
   if (remoteComponentContainer.length > 0) {
     return `${Array.from(temp.querySelectorAll("link,script")).map((link) => link.outerHTML).join("")}${Array.from(remoteComponentContainer).map((container) => container.outerHTML).join("")}`;
@@ -168,7 +168,7 @@ function ConsumeRemoteComponent({
   mode = "open",
   reset,
   credentials: credentialsProp,
-  name: nameProp = _chunkR4QFK5TNcjs.DEFAULT_COMPONENT_NAME,
+  name: nameProp = _chunkX6W464D6cjs.DEFAULT_COMPONENT_NAME,
   shared: sharedProp,
   children,
   onBeforeLoad,
@@ -184,22 +184,22 @@ function ConsumeRemoteComponent({
   const credentials = _nullishCoalesce(_nullishCoalesce(credentialsProp, () => ( contextCredentials)), () => ( "same-origin"));
   const shared = _nullishCoalesce(_nullishCoalesce(sharedProp, () => ( contextShared)), () => ( {}));
   const emitter = _react.useMemo.call(void 0, 
-    () => _chunkER73O65Fcjs.makeReactEmitter.call(void 0, { onBeforeLoad, onLoad, onError, onChange }),
+    () => _chunkI47KE3ECcjs.makeReactEmitter.call(void 0, { onBeforeLoad, onLoad, onError, onChange }),
     [onBeforeLoad, onLoad, onError, onChange]
   );
   const name = _react.useMemo.call(void 0, 
-    () => _chunkER73O65Fcjs.resolveNameFromSrc.call(void 0, src, nameProp),
+    () => _chunkI47KE3ECcjs.resolveNameFromSrc.call(void 0, src, nameProp),
     [src, nameProp]
   );
   const [data, setData] = _react.useState.call(void 0, 
     null
   );
-  const url = _react.useMemo.call(void 0, () => _chunkER73O65Fcjs.getClientOrServerUrl.call(void 0, src, DUMMY_FALLBACK), [src]);
+  const url = _react.useMemo.call(void 0, () => _chunkI47KE3ECcjs.getClientOrServerUrl.call(void 0, src, DUMMY_FALLBACK), [src]);
   const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);
   const id = url.origin === (typeof location !== "undefined" ? location.origin : DUMMY_FALLBACK) ? url.pathname : url.href;
-  const keySuffix = `${_chunkR4QFK5TNcjs.escapeString.call(void 0, id)}_${_chunkR4QFK5TNcjs.escapeString.call(void 0, 
+  const keySuffix = `${_chunkX6W464D6cjs.escapeString.call(void 0, id)}_${_chunkX6W464D6cjs.escapeString.call(void 0, 
     _nullishCoalesce(_optionalChain([data, 'optionalAccess', _5 => _5.name]), () => ( name))
-  )}_${_chunkR4QFK5TNcjs.escapeString.call(void 0, instanceId)}`;
+  )}_${_chunkX6W464D6cjs.escapeString.call(void 0, instanceId)}`;
   const [remoteComponent, setRemoteComponent] = _react.useState.call(void 0, null);
   const { shadowRoot, shadowRootContainerRef } = useShadowRoot({
     isolate,
@@ -225,13 +225,13 @@ function ConsumeRemoteComponent({
       return elements;
     })() : []
   );
-  const hostStateRef = _react.useRef.call(void 0, _chunkER73O65Fcjs.createHostState.call(void 0, ));
+  const hostStateRef = _react.useRef.call(void 0, _chunkI47KE3ECcjs.createHostState.call(void 0, ));
   const componentHydrationHtml = _react.useRef.call(void 0, null);
   const prevRemoteComponentContainerRef = _react.useRef.call(void 0, null);
   const unmountRef = _react.useRef.call(void 0, null);
   _react.useLayoutEffect.call(void 0, () => {
     return () => {
-      delete _chunk7MVFHOIPcjs.getNamespace.call(void 0, ).shadowRoots[keySuffix];
+      delete _chunkZ2SLBFQLcjs.getNamespace.call(void 0, ).shadowRoots[keySuffix];
     };
   }, [keySuffix]);
   _react.useLayoutEffect.call(void 0, () => {
@@ -291,7 +291,7 @@ function ConsumeRemoteComponent({
               _nullishCoalesce(_optionalChain([resolveClientUrl, 'optionalCall', _29 => _29(url.href)]), () => ( url.href)),
               location.href
             );
-            const res = await _chunkER73O65Fcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
+            const res = await _chunkI47KE3ECcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
               onRequest,
               onResponse,
               abortController: hostStateRef.current.abortController
@@ -310,7 +310,7 @@ function ConsumeRemoteComponent({
           const userShared = await shared;
           if (signal.aborted)
             return;
-          const prepared = _chunkER73O65Fcjs.preparePipeline.call(void 0, {
+          const prepared = _chunkI47KE3ECcjs.preparePipeline.call(void 0, {
             html,
             name,
             url,
@@ -332,7 +332,7 @@ function ConsumeRemoteComponent({
               shadowRoot.innerHTML = "";
             }
             const prevUrl = hostStateRef.current.prevUrl;
-            if (prevUrl && _chunk7MVFHOIPcjs.getNamespace.call(void 0, ).unmountFns[prevUrl.href]) {
+            if (prevUrl && _chunkZ2SLBFQLcjs.getNamespace.call(void 0, ).unmountFns[prevUrl.href]) {
               const unmountPromises = Promise.all(
                 Array.from(_nullishCoalesce(unmountRef.current, () => ( []))).map(
                   async (unmount) => unmount(
@@ -351,7 +351,7 @@ function ConsumeRemoteComponent({
             href: new URL(_nullishCoalesce(link.getAttribute("href"), () => ( link.href)), url).href,
             ...link.getAttributeNames().reduce((acc, key) => {
               if (key !== "href") {
-                acc[_nullishCoalesce(_chunkR4QFK5TNcjs.attrToProp[key], () => ( key))] = _nullishCoalesce(link.getAttribute(key), () => ( ""));
+                acc[_nullishCoalesce(_chunkX6W464D6cjs.attrToProp[key], () => ( key))] = _nullishCoalesce(link.getAttribute(key), () => ( ""));
               }
               return acc;
             }, {})
@@ -413,7 +413,7 @@ function ConsumeRemoteComponent({
             });
             self.__next_s = prevNextScripts;
           }
-          const rscName = rsc ? `__remote_component_rsc_${_chunkR4QFK5TNcjs.escapeString.call(void 0, id)}_${_chunkR4QFK5TNcjs.escapeString.call(void 0, 
+          const rscName = rsc ? `__remote_component_rsc_${_chunkX6W464D6cjs.escapeString.call(void 0, id)}_${_chunkX6W464D6cjs.escapeString.call(void 0, 
             remoteName
           )}` : void 0;
           if (rsc) {
@@ -449,7 +449,7 @@ function ConsumeRemoteComponent({
               shadowRoot.innerHTML = shadowRootHtml;
               htmlRef.current = null;
               setRemoteComponent(null);
-              const { mount, unmount } = await _chunkCREXMFMFcjs.loadStaticRemoteComponent.call(void 0, 
+              const { mount, unmount } = await _chunkTZT7DLO5cjs.loadStaticRemoteComponent.call(void 0, 
                 Array.from(shadowRoot.querySelectorAll("script")),
                 url,
                 resolveClientUrl
@@ -471,7 +471,7 @@ function ConsumeRemoteComponent({
                 )
               );
               htmlRef.current = null;
-              const { mount, unmount } = await _chunkCREXMFMFcjs.loadStaticRemoteComponent.call(void 0, 
+              const { mount, unmount } = await _chunkTZT7DLO5cjs.loadStaticRemoteComponent.call(void 0, 
                 Array.from(component.querySelectorAll("script")),
                 url,
                 resolveClientUrl
@@ -486,7 +486,7 @@ function ConsumeRemoteComponent({
             }
             hostStateRef.current.stage = "loaded";
           } else {
-            const result = await _chunkER73O65Fcjs.loadPrepared.call(void 0, {
+            const result = await _chunkI47KE3ECcjs.loadPrepared.call(void 0, {
               prepared,
               url,
               signal,
@@ -555,8 +555,8 @@ function ConsumeRemoteComponent({
   const metadataJson = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "script", { "data-remote-component": true, type: "application/json", children: JSON.stringify({
     name: _optionalChain([data, 'optionalAccess', _33 => _33.name]) || name,
     bundle: _optionalChain([data, 'optionalAccess', _34 => _34.bundle]) || "default",
-    route: _optionalChain([data, 'optionalAccess', _35 => _35.route]) || _chunkR4QFK5TNcjs.DEFAULT_ROUTE,
-    runtime: hostStateRef.current.prevIsRemoteComponent ? _chunkR4QFK5TNcjs.RUNTIME_SCRIPT : _optionalChain([data, 'optionalAccess', _36 => _36.runtime]) || _chunkR4QFK5TNcjs.RUNTIME_WEBPACK
+    route: _optionalChain([data, 'optionalAccess', _35 => _35.route]) || _chunkX6W464D6cjs.DEFAULT_ROUTE,
+    runtime: hostStateRef.current.prevIsRemoteComponent ? _chunkX6W464D6cjs.RUNTIME_SCRIPT : _optionalChain([data, 'optionalAccess', _36 => _36.runtime]) || _chunkX6W464D6cjs.RUNTIME_WEBPACK
   }) });
   const resetStyle = reset ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "style", { "data-remote-components-reset": "react", children: `:host { all: initial; }` }) : null;
   const linksToRender = _optionalChain([data, 'optionalAccess', _37 => _37.links, 'optionalAccess', _38 => _38.map, 'call', _39 => _39((link) => /* @__PURE__ */ _react.createElement.call(void 0, 
@@ -576,7 +576,7 @@ function ConsumeRemoteComponent({
     shadowRoot.innerHTML = componentHydrationHtml.current;
     componentHydrationHtml.current = null;
     if (hostStateRef.current.prevIsRemoteComponent) {
-      _chunkCREXMFMFcjs.loadStaticRemoteComponent.call(void 0, 
+      _chunkTZT7DLO5cjs.loadStaticRemoteComponent.call(void 0, 
         Array.from(shadowRoot.querySelectorAll("script")),
         url,
         resolveClientUrl
@@ -667,4 +667,4 @@ function ConsumeRemoteComponent({
 
 
 exports.ConsumeRemoteComponent = ConsumeRemoteComponent;
-//# sourceMappingURL=chunk-KKBEMQU7.cjs.map
+//# sourceMappingURL=chunk-AWWWK2ZY.cjs.map

package/dist/{chunk-KEPHL25S.js → chunk-D5GNZB6O.js}

@@ -32,6 +32,7 @@ function getNamespace() {
     dispatcherRuntime: void 0,
     hostSharedModules: {},
     cssCache: {},
+    pageComponentCache: {},
     shadowRoots: {}
   };
   const nsRecord = ns;
@@ -57,4 +58,4 @@ function getNamespace() {
 export {
   getNamespace
 };
-//# sourceMappingURL=chunk-KEPHL25S.js.map
+//# sourceMappingURL=chunk-D5GNZB6O.js.map

package/dist/chunk-D5GNZB6O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/runtime/namespace.ts"],"sourcesContent":["import type React from 'react';\nimport type { RemoteScope } from '#internal/runtime/turbopack/remote-scope';\nimport type {\n  GlobalScope,\n  MountOrUnmountFunction,\n  MountUnmountFunctions,\n} from '#internal/runtime/types';\n\n/**\n * Typed namespace for all remote-components runtime state.\n *\n * Consolidates scattered `globalThis` globals into a single object at\n * `globalThis.__remote_components__`. Each property corresponds to a\n * previously independent global — see inline `@see` tags for the original\n * global name. Code that previously read from those globals still works\n * because each migration writes through to both the namespace and the\n * legacy global (pointing at the same underlying object).\n */\nexport interface RemoteComponentsNamespace {\n  /** @see `__remote_component_scopes__` */\n  scopes: Map<string, RemoteScope>;\n  /** @see `__remote_components_turbopack_chunk_loader_promise__` */\n  chunkCache: Record<string, Promise<unknown>>;\n  /** @see `__remote_script_entrypoint_mount__` */\n  mountFns: Record<string, Set<MountOrUnmountFunction>>;\n  /** @see `__remote_script_entrypoint_unmount__` */\n  unmountFns: Record<string, Set<MountOrUnmountFunction>>;\n  /** @see `__remote_bundle_url__` */\n  bundleUrls: Record<string, string | URL>;\n  /** @see `__rc_module_registry__` */\n  moduleRegistry: Record<string, unknown>;\n  /** @see `__webpack_require_type__` */\n  dispatcherRuntime: string | undefined;\n  /** @see `__remote_component_host_shared_modules__` */\n  hostSharedModules: Record<string, () => Promise<unknown>>;\n  /** @see `__remote_next_css__` */\n  cssCache: Record<string, ChildNode[]>;\n  pageComponentCache?: Record<\n    string,\n    {\n      Component: React.ComponentType<Record<string, unknown>> | null;\n      App: React.ComponentType<\n        { Component: React.ComponentType<Record<string, unknown>> } & Record<\n          string,\n          unknown\n        >\n      > | null;\n    }\n  >;\n  /** @see `__remote_components_shadowroot_*` */\n  shadowRoots: Record<string, ShadowRoot | null>;\n}\n\n/** Prefix for legacy per-key shadow root globals (`__remote_components_shadowroot_*`). */\nconst SHADOW_ROOT_PREFIX = '__remote_components_shadowroot_';\n\n/**\n * Backward-compat aliases for globals used in <=0.3.3.\n *\n * Only includes object/Map values that can be aliased by reference.\n * Primitives (`dispatcherRuntime`) must use write-through at their call sites.\n * Dynamic-key shadow root globals are adopted separately in `getNamespace()`.\n */\nconst LEGACY_ALIASES: ReadonlyArray<{\n  global: string;\n  prop: keyof RemoteComponentsNamespace;\n}> = [\n  { global: '__remote_component_scopes__', prop: 'scopes' },\n  {\n    global: '__remote_components_turbopack_chunk_loader_promise__',\n    prop: 'chunkCache',\n  },\n  { global: '__remote_script_entrypoint_mount__', prop: 'mountFns' },\n  { global: '__remote_script_entrypoint_unmount__', prop: 'unmountFns' },\n  { global: '__remote_bundle_url__', prop: 'bundleUrls' },\n  { global: '__rc_module_registry__', prop: 'moduleRegistry' },\n  {\n    global: '__remote_component_host_shared_modules__',\n    prop: 'hostSharedModules',\n  },\n  { global: '__remote_next_css__', prop: 'cssCache' },\n];\n\n/**\n * Returns the single shared `RemoteComponentsNamespace` instance, creating\n * it on first access. The namespace lives at `globalThis.__remote_components__`\n * so every module in the page shares the same state regardless of how many\n * copies of the library are loaded.\n *\n * On first initialization this function also handles backward compatibility\n * with legacy globals:\n * 1. **Adopt**: if a legacy global already exists (written by older code before\n *    the namespace was created), its value becomes the initial namespace value.\n * 2. **Alias**: legacy globals are assigned to point at the namespace's objects,\n *    so older code that reads the legacy global sees the same reference.\n */\nexport function getNamespace(): RemoteComponentsNamespace {\n  const g = globalThis as GlobalScope & MountUnmountFunctions;\n  const existing = g.__remote_components__;\n  if (existing) {\n    return existing;\n  }\n\n  const ns: RemoteComponentsNamespace = {\n    scopes: new Map(),\n    chunkCache: {},\n    mountFns: {},\n    unmountFns: {},\n    bundleUrls: {},\n    moduleRegistry: {},\n    dispatcherRuntime: undefined,\n    hostSharedModules: {},\n    cssCache: {},\n    pageComponentCache: {},\n    shadowRoots: {},\n  };\n\n  // Adopt any pre-existing legacy globals, then alias them to the namespace.\n  const nsRecord = ns as unknown as Record<string, unknown>;\n  for (const { global, prop } of LEGACY_ALIASES) {\n    const legacyValue = (g as Record<string, unknown>)[global];\n    if (legacyValue != null) {\n      nsRecord[prop] = legacyValue;\n    }\n    (g as Record<string, unknown>)[global] = ns[prop];\n  }\n\n  // Adopt per-key shadow root globals used in <=0.3.3\n  // (e.g. `globalThis.__remote_components_shadowroot_<key> = root`).\n  const gRecord = g as Record<string, unknown>;\n  for (const key of Object.keys(gRecord)) {\n    if (key.startsWith(SHADOW_ROOT_PREFIX)) {\n      const suffix = key.slice(SHADOW_ROOT_PREFIX.length);\n      ns.shadowRoots[suffix] = gRecord[key] as ShadowRoot | null;\n      delete gRecord[key];\n    }\n  }\n\n  g.__remote_components__ = ns;\n  return ns;\n}\n"],"mappings":";AAsDA,IAAM,qBAAqB;AAS3B,IAAM,iBAGD;AAAA,EACH,EAAE,QAAQ,+BAA+B,MAAM,SAAS;AAAA,EACxD;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,EAAE,QAAQ,sCAAsC,MAAM,WAAW;AAAA,EACjE,EAAE,QAAQ,wCAAwC,MAAM,aAAa;AAAA,EACrE,EAAE,QAAQ,yBAAyB,MAAM,aAAa;AAAA,EACtD,EAAE,QAAQ,0BAA0B,MAAM,iBAAiB;AAAA,EAC3D;AAAA,IACE,QAAQ;AAAA,IACR,MAAM;AAAA,EACR;AAAA,EACA,EAAE,QAAQ,uBAAuB,MAAM,WAAW;AACpD;AAeO,SAAS,eAA0C;AACxD,QAAM,IAAI;AACV,QAAM,WAAW,EAAE;AACnB,MAAI,UAAU;AACZ,WAAO;AAAA,EACT;AAEA,QAAM,KAAgC;AAAA,IACpC,QAAQ,oBAAI,IAAI;AAAA,IAChB,YAAY,CAAC;AAAA,IACb,UAAU,CAAC;AAAA,IACX,YAAY,CAAC;AAAA,IACb,YAAY,CAAC;AAAA,IACb,gBAAgB,CAAC;AAAA,IACjB,mBAAmB;AAAA,IACnB,mBAAmB,CAAC;AAAA,IACpB,UAAU,CAAC;AAAA,IACX,oBAAoB,CAAC;AAAA,IACrB,aAAa,CAAC;AAAA,EAChB;AAGA,QAAM,WAAW;AACjB,aAAW,EAAE,QAAQ,KAAK,KAAK,gBAAgB;AAC7C,UAAM,cAAe,EAA8B,MAAM;AACzD,QAAI,eAAe,MAAM;AACvB,eAAS,IAAI,IAAI;AAAA,IACnB;AACA,IAAC,EAA8B,MAAM,IAAI,GAAG,IAAI;AAAA,EAClD;AAIA,QAAM,UAAU;AAChB,aAAW,OAAO,OAAO,KAAK,OAAO,GAAG;AACtC,QAAI,IAAI,WAAW,kBAAkB,GAAG;AACtC,YAAM,SAAS,IAAI,MAAM,mBAAmB,MAAM;AAClD,SAAG,YAAY,MAAM,IAAI,QAAQ,GAAG;AACpC,aAAO,QAAQ,GAAG;AAAA,IACpB;AAAA,EACF;AAEA,IAAE,wBAAwB;AAC1B,SAAO;AACT;","names":[]}

package/dist/{chunk-W5ESPGHH.js → chunk-GBFUPMMI.js}

@@ -7,10 +7,10 @@ import {
   makeReactEmitter,
   preparePipeline,
   resolveNameFromSrc
-} from "./chunk-42N2ZLE2.js";
+} from "./chunk-NZAB7REE.js";
 import {
   loadStaticRemoteComponent
-} from "./chunk-OO4AMJWO.js";
+} from "./chunk-LQ7VQ74E.js";
 import {
   DEFAULT_COMPONENT_NAME,
   DEFAULT_ROUTE,
@@ -18,10 +18,10 @@ import {
   RUNTIME_WEBPACK,
   attrToProp,
   escapeString
-} from "./chunk-HNZVEIKN.js";
+} from "./chunk-SJM7AAGU.js";
 import {
   getNamespace
-} from "./chunk-KEPHL25S.js";
+} from "./chunk-D5GNZB6O.js";
 import {
   RemoteComponentsError,
   errorFromFailedFetch,
@@ -667,4 +667,4 @@ function ConsumeRemoteComponent({
 export {
   ConsumeRemoteComponent
 };
-//# sourceMappingURL=chunk-W5ESPGHH.js.map
+//# sourceMappingURL=chunk-GBFUPMMI.js.map

package/dist/{chunk-ER73O65F.cjs → chunk-I47KE3EC.cjs}

@@ -1,17 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } async function _asyncNullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return await rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunk6IUP26UKcjs = require('./chunk-6IUP26UK.cjs');
+var _chunkLCXO7BUYcjs = require('./chunk-LCXO7BUY.cjs');
 
 
 
-var _chunkF44NODUScjs = require('./chunk-F44NODUS.cjs');
+var _chunkRJW3EZJPcjs = require('./chunk-RJW3EZJP.cjs');
 
 
 
-var _chunkXCFYWSLDcjs = require('./chunk-XCFYWSLD.cjs');
+var _chunkT64P7BAGcjs = require('./chunk-T64P7BAG.cjs');
 
 
-var _chunkCREXMFMFcjs = require('./chunk-CREXMFMF.cjs');
+var _chunkTZT7DLO5cjs = require('./chunk-TZT7DLO5.cjs');
 
 
 
@@ -23,7 +23,7 @@ var _chunkCREXMFMFcjs = require('./chunk-CREXMFMF.cjs');
 
 
 
-var _chunkR4QFK5TNcjs = require('./chunk-R4QFK5TN.cjs');
+var _chunkX6W464D6cjs = require('./chunk-X6W464D6.cjs');
 
 
 
@@ -285,12 +285,12 @@ function toComponentType(value) {
   return value && isComponentType(value) ? value : "unknown";
 }
 function buildMetadata(attrs, url) {
-  const id = attrs.id || _chunkR4QFK5TNcjs.DEFAULT_COMPONENT_NAME;
-  const bundle = attrs.bundle || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || _chunkR4QFK5TNcjs.DEFAULT_BUNDLE_NAME;
+  const id = attrs.id || _chunkX6W464D6cjs.DEFAULT_COMPONENT_NAME;
+  const bundle = attrs.bundle || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || _chunkX6W464D6cjs.DEFAULT_BUNDLE_NAME;
   return {
     name: attrs.name || id.replace(/_ssr$/, ""),
     bundle,
-    route: attrs.route || url.pathname || _chunkR4QFK5TNcjs.DEFAULT_ROUTE,
+    route: attrs.route || url.pathname || _chunkX6W464D6cjs.DEFAULT_ROUTE,
     runtime: toRuntime(attrs.runtime),
     id,
     type: toComponentType(attrs.type)
@@ -329,7 +329,7 @@ function extractRemoteShared(doc, name, nextData) {
 function validateComponentFound(component, rsc, nextData, isRemoteComponent, url, name) {
   if (!component || !(rsc || nextData || isRemoteComponent)) {
     throw new (0, _chunkRUWR74XQcjs.RemoteComponentsError)(
-      `Remote Component not found on ${url}.${name !== _chunkR4QFK5TNcjs.DEFAULT_COMPONENT_NAME ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
+      `Remote Component not found on ${url}.${name !== _chunkX6W464D6cjs.DEFAULT_COMPONENT_NAME ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
     );
   }
 }
@@ -360,7 +360,7 @@ function parseRemoteComponentDocument(doc, name, url) {
       name: resolvedName,
       bundle: _optionalChain([component, 'optionalAccess', _34 => _34.getAttribute, 'call', _35 => _35(DATA_BUNDLE)]) || _optionalChain([nextData, 'optionalAccess', _36 => _36.props, 'access', _37 => _37.__REMOTE_COMPONENT__, 'optionalAccess', _38 => _38.bundle]),
       route: _nullishCoalesce(_optionalChain([component, 'optionalAccess', _39 => _39.getAttribute, 'call', _40 => _40(DATA_ROUTE)]), () => ( _optionalChain([nextData, 'optionalAccess', _41 => _41.page]))),
-      runtime: _nullishCoalesce(_nullishCoalesce(_optionalChain([component, 'optionalAccess', _42 => _42.getAttribute, 'call', _43 => _43(DATA_RUNTIME)]), () => ( _optionalChain([nextData, 'optionalAccess', _44 => _44.props, 'access', _45 => _45.__REMOTE_COMPONENT__, 'optionalAccess', _46 => _46.runtime]))), () => ( _chunkR4QFK5TNcjs.RUNTIME_SCRIPT)),
+      runtime: _nullishCoalesce(_nullishCoalesce(_optionalChain([component, 'optionalAccess', _42 => _42.getAttribute, 'call', _43 => _43(DATA_RUNTIME)]), () => ( _optionalChain([nextData, 'optionalAccess', _44 => _44.props, 'access', _45 => _45.__REMOTE_COMPONENT__, 'optionalAccess', _46 => _46.runtime]))), () => ( _chunkX6W464D6cjs.RUNTIME_SCRIPT)),
       id: _optionalChain([component, 'optionalAccess', _47 => _47.getAttribute, 'call', _48 => _48("id")]),
       type: _optionalChain([component, 'optionalAccess', _49 => _49.getAttribute, 'call', _50 => _50(DATA_TYPE)])
     },
@@ -430,7 +430,7 @@ async function loadRemoteComponent({
         self.__DISABLE_WEBPACK_EXEC__ = {};
       }
       self.__DISABLE_WEBPACK_EXEC__[bundle] = true;
-      await _chunk6IUP26UKcjs.loadScripts.call(void 0, scripts, resolveClientUrl);
+      await _chunkLCXO7BUYcjs.loadScripts.call(void 0, scripts, resolveClientUrl);
     }
     const hostShared = await shared;
     _chunkRUWR74XQcjs.logDebug.call(void 0, 
@@ -445,7 +445,7 @@ async function loadRemoteComponent({
       "ComponentLoader",
       `Remote shared modules requested: ${JSON.stringify(remoteShared)}`
     );
-    const scope = await _chunkF44NODUScjs.setupRemoteScope.call(void 0, 
+    const scope = await _chunkRJW3EZJPcjs.setupRemoteScope.call(void 0, 
       runtime,
       scripts,
       url,
@@ -453,14 +453,14 @@ async function loadRemoteComponent({
       resolveClientUrl
     );
     if (runtime === "turbopack") {
-      await _chunkF44NODUScjs.initializeSharedModules.call(void 0, 
+      await _chunkRJW3EZJPcjs.initializeSharedModules.call(void 0, 
         scope,
-        _chunkR4QFK5TNcjs.buildCoreShared.call(void 0, hostShared),
+        _chunkX6W464D6cjs.buildCoreShared.call(void 0, hostShared),
         remoteShared
       );
     }
     if (bundle) {
-      const resolve = await _chunkR4QFK5TNcjs.buildWebpackResolve.call(void 0, 
+      const resolve = await _chunkX6W464D6cjs.buildWebpackResolve.call(void 0, 
         hostShared,
         remoteShared,
         bundle,
@@ -473,7 +473,7 @@ async function loadRemoteComponent({
         },
         "ComponentLoader"
       );
-      _chunkXCFYWSLDcjs.applySharedModules.call(void 0, bundle, resolve);
+      _chunkT64P7BAGcjs.applySharedModules.call(void 0, bundle, resolve);
     } else {
       _chunkRUWR74XQcjs.logWarn.call(void 0, 
         "ComponentLoader",
@@ -514,7 +514,7 @@ async function loadRSCComponent(rscName, data) {
   return { component };
 }
 function loadNextPagesComponent(bundle, route, nextData, name, container) {
-  const { Component, App } = _chunkXCFYWSLDcjs.nextClientPagesLoader.call(void 0, bundle, route, container);
+  const { Component, App } = _chunkT64P7BAGcjs.nextClientPagesLoader.call(void 0, bundle, route, container);
   if (!Component) {
     throw new (0, _chunkRUWR74XQcjs.RemoteComponentsError)(
       `Remote Component "${name}" is trying to load the component for route "${route}" but it is not available.`
@@ -571,12 +571,12 @@ async function loadPrepared(input) {
 function buildScriptDescriptors(scripts, url) {
   return scripts.map((script) => {
     const scriptSrc = script.getAttribute("data-src") || script.getAttribute("src") || script.src;
-    const { prefix, id: path } = _nullishCoalesce(_optionalChain([_chunkR4QFK5TNcjs.REMOTE_COMPONENT_REGEX, 'access', _51 => _51.exec, 'call', _52 => _52(scriptSrc), 'optionalAccess', _53 => _53.groups]), () => ( {
+    const { prefix, id: path } = _nullishCoalesce(_optionalChain([_chunkX6W464D6cjs.REMOTE_COMPONENT_REGEX, 'access', _51 => _51.exec, 'call', _52 => _52(scriptSrc), 'optionalAccess', _53 => _53.groups]), () => ( {
       prefix: void 0,
       id: scriptSrc
     }));
     return {
-      src: new URL(_chunkR4QFK5TNcjs.collapseDoubleSlashes.call(void 0, `${_nullishCoalesce(prefix, () => ( ""))}${path}`), url).href
+      src: new URL(_chunkX6W464D6cjs.collapseDoubleSlashes.call(void 0, `${_nullishCoalesce(prefix, () => ( ""))}${path}`), url).href
     };
   });
 }
@@ -585,7 +585,7 @@ async function loadStaticPath(input) {
   const scripts = Array.from(
     parsed.component.querySelectorAll("script")
   );
-  const { mount, unmount } = await _chunkCREXMFMFcjs.loadStaticRemoteComponent.call(void 0, 
+  const { mount, unmount } = await _chunkTZT7DLO5cjs.loadStaticRemoteComponent.call(void 0, 
     scripts,
     url,
     resolveClientUrl
@@ -609,7 +609,7 @@ async function loadDynamicPath(input) {
     resolveClientUrl,
     container
   } = input;
-  const rscName = _nullishCoalesce(input.rscName, () => ( (parsed.rsc ? `__remote_component_rsc_${_chunkR4QFK5TNcjs.escapeString.call(void 0, url.href)}_${_chunkR4QFK5TNcjs.escapeString.call(void 0, parsed.name)}` : void 0)));
+  const rscName = _nullishCoalesce(input.rscName, () => ( (parsed.rsc ? `__remote_component_rsc_${_chunkX6W464D6cjs.escapeString.call(void 0, url.href)}_${_chunkX6W464D6cjs.escapeString.call(void 0, parsed.name)}` : void 0)));
   const rscData = parsed.rsc ? (parsed.rsc.textContent || "").split("\n").filter(Boolean) : [];
   const result = await loadRemoteComponent({
     url,
@@ -621,7 +621,7 @@ async function loadDynamicPath(input) {
     data: rscData,
     nextData: parsed.nextData,
     scripts: scriptDescriptors,
-    shared: _chunkR4QFK5TNcjs.buildHostShared.call(void 0, shared, resolveClientUrl),
+    shared: _chunkX6W464D6cjs.buildHostShared.call(void 0, shared, resolveClientUrl),
     remoteShared: parsed.remoteShared,
     container,
     resolveClientUrl
@@ -700,4 +700,4 @@ function bindResolveClientUrl(prop, remoteSrc) {
 
 
 exports.fetchWithHooks = fetchWithHooks; exports.getClientOrServerUrl = getClientOrServerUrl; exports.makeReactEmitter = makeReactEmitter; exports.makeEventEmitter = makeEventEmitter; exports.createRSCStream = createRSCStream; exports.preparePipeline = preparePipeline; exports.loadPrepared = loadPrepared; exports.createHostState = createHostState; exports.resolveNameFromSrc = resolveNameFromSrc; exports.bindResolveClientUrl = bindResolveClientUrl;
-//# sourceMappingURL=chunk-ER73O65F.cjs.map
+//# sourceMappingURL=chunk-I47KE3EC.cjs.map

package/dist/{chunk-6IUP26UK.cjs → chunk-LCXO7BUY.cjs}

@@ -1,6 +1,6 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var _chunkR4QFK5TNcjs = require('./chunk-R4QFK5TN.cjs');
+var _chunkX6W464D6cjs = require('./chunk-X6W464D6.cjs');
 
 
 
@@ -17,7 +17,7 @@ async function loadScripts(scripts, resolveClientUrl) {
       return new Promise((resolve, reject) => {
         const newSrc = new URL(
           // remove the remote component bundle name identifier from the script src
-          script.src.replace(_chunkR4QFK5TNcjs.NEXT_BUNDLE_PATH_RE, "/_next/"),
+          script.src.replace(_chunkX6W464D6cjs.NEXT_BUNDLE_PATH_RE, "/_next/"),
           location.origin
         ).href;
         const resolvedSrc = _nullishCoalesce(_optionalChain([resolveClientUrl, 'optionalCall', _ => _(newSrc)]), () => ( newSrc));
@@ -54,4 +54,4 @@ async function loadScripts(scripts, resolveClientUrl) {
 
 
 exports.loadScripts = loadScripts;
-//# sourceMappingURL=chunk-6IUP26UK.cjs.map
+//# sourceMappingURL=chunk-LCXO7BUY.cjs.map

package/dist/{chunk-OO4AMJWO.js → chunk-LQ7VQ74E.js}

@@ -1,6 +1,6 @@
 import {
   getNamespace
-} from "./chunk-KEPHL25S.js";
+} from "./chunk-D5GNZB6O.js";
 import {
   logError,
   warnCrossOriginFetchError
@@ -152,4 +152,4 @@ async function loadStaticRemoteComponent(scripts, url, resolveClientUrl) {
 export {
   loadStaticRemoteComponent
 };
-//# sourceMappingURL=chunk-OO4AMJWO.js.map
+//# sourceMappingURL=chunk-LQ7VQ74E.js.map

package/dist/{chunk-42N2ZLE2.js → chunk-NZAB7REE.js}

@@ -1,17 +1,17 @@
 import {
   loadScripts
-} from "./chunk-ZPMTZ3KJ.js";
+} from "./chunk-SZFCBE54.js";
 import {
   initializeSharedModules,
   setupRemoteScope
-} from "./chunk-KYJWRZ2B.js";
+} from "./chunk-QKB74MLO.js";
 import {
   applySharedModules,
   nextClientPagesLoader
-} from "./chunk-2VQGCACH.js";
+} from "./chunk-52BJ7VFA.js";
 import {
   loadStaticRemoteComponent
-} from "./chunk-OO4AMJWO.js";
+} from "./chunk-LQ7VQ74E.js";
 import {
   DEFAULT_BUNDLE_NAME,
   DEFAULT_COMPONENT_NAME,
@@ -23,7 +23,7 @@ import {
   buildWebpackResolve,
   collapseDoubleSlashes,
   escapeString
-} from "./chunk-HNZVEIKN.js";
+} from "./chunk-SJM7AAGU.js";
 import {
   RemoteComponentsError,
   logDebug,
@@ -700,4 +700,4 @@ export {
   resolveNameFromSrc,
   bindResolveClientUrl
 };
-//# sourceMappingURL=chunk-42N2ZLE2.js.map
+//# sourceMappingURL=chunk-NZAB7REE.js.map