remote-components 0.3.6 → 0.3.7

package/dist/internal/config/webpack/next-client-pages-loader.js

@@ -2,6 +2,26 @@ import { getNamespace } from "#internal/runtime/namespace";
 import { RemoteComponentsError } from "#internal/utils/error";
 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}"])`
   );
@@ -63,9 +83,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) => {
@@ -86,17 +106,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) {
@@ -104,7 +114,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 };
 }

package/dist/internal/config/webpack/next-client-pages-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/config/webpack/next-client-pages-loader.ts"],"sourcesContent":["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  // 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 } = componentLoader();\n    const { default: App } = appLoader();\n\n    const cssCache = getNamespace().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    // if the styleContainer is provided, we need to move the styles to it\n    if (styleContainer) {\n      const elements = cssCache[bundle];\n      elements.forEach((el) => {\n        styleContainer.appendChild(el.cloneNode(true));\n      });\n    } else {\n      // if no styleContainer is provided, we need to move the styles back to the head\n      const elements = cssCache[bundle];\n      elements.forEach((el) => {\n        document.head.appendChild(el);\n      });\n    }\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    return { Component, App };\n  }\n\n  return { Component: null, App: null };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/config/webpack/next-client-pages-loader.ts"],"sourcesContent":["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/internal/host/nextjs/app-client.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ConsumeClientOnlyConfig } from '../shared/config.js';
-import { C as ConsumeServerData } from '../../../server-handoff-ce13bebc.js';
+import { C as ConsumeServerData } from '../../../server-handoff-8c89b856.js';
 import '../../runtime/url/resolve-client-url.js';
 import '../shared/fetch-interceptors.js';
 import 'react';

package/dist/internal/host/react/context.d.ts

@@ -1,9 +1,9 @@
-import * as react from 'react';
+import * as React from 'react';
 import { ConsumeClientOnlyConfig } from '../shared/config.js';
 import '../../runtime/url/resolve-client-url.js';
 import '../shared/fetch-interceptors.js';
 
-declare const RemoteComponentsContext: react.Context<ConsumeClientOnlyConfig>;
+declare const RemoteComponentsContext: React.Context<ConsumeClientOnlyConfig>;
 declare function useRemoteComponentsContext(): ConsumeClientOnlyConfig;
 
 export { RemoteComponentsContext, useRemoteComponentsContext };

package/dist/internal/host/shared/pipeline.d.ts

@@ -1,9 +1,9 @@
 import { RemoteComponentMetadata } from '../../runtime/metadata.js';
 import { ScriptDescriptor } from './asset-descriptors.js';
 import { InternalResolveClientUrl } from '../../runtime/url/resolve-client-url.js';
-import { a as ConsumeLoaderPayload } from '../../../server-handoff-ce13bebc.js';
+import { a as ConsumeLoaderPayload } from '../../../server-handoff-8c89b856.js';
 import { ParsedRemoteComponent } from '../../runtime/html/parse-remote-html.js';
-import { M as MountOrUnmountFunction } from '../../../types-59251814.js';
+import { M as MountOrUnmountFunction } from '../../../types-8b0edd78.js';
 import 'react';
 import './config.js';
 import './fetch-interceptors.js';

package/dist/internal/runtime/loaders/component-loader.d.ts

@@ -1,6 +1,6 @@
 import { InternalResolveClientUrl } from '../url/resolve-client-url.js';
-import { a as ConsumeLoaderPayload } from '../../../server-handoff-ce13bebc.js';
-import { L as LoaderResult } from '../../../types-59251814.js';
+import { a as ConsumeLoaderPayload } from '../../../server-handoff-8c89b856.js';
+import { L as LoaderResult } from '../../../types-8b0edd78.js';
 import 'react';
 import '../../host/shared/asset-descriptors.js';
 import '../../host/shared/config.js';

package/dist/internal/runtime/loaders/static-loader.d.ts

@@ -1,6 +1,7 @@
 import { InternalResolveClientUrl } from '../url/resolve-client-url.js';
-import { M as MountOrUnmountFunction } from '../../../types-59251814.js';
+import { M as MountOrUnmountFunction } from '../../../types-8b0edd78.js';
 import '../metadata.js';
+import 'react';
 import '../turbopack/remote-scope.js';
 import '../constants.js';
 

package/dist/internal/runtime/namespace.cjs

@@ -54,6 +54,7 @@ function getNamespace() {
     dispatcherRuntime: void 0,
     hostSharedModules: {},
     cssCache: {},
+    pageComponentCache: {},
     shadowRoots: {}
   };
   const nsRecord = ns;

package/dist/internal/runtime/namespace.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/namespace.ts"],"sourcesContent":["import 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  /** @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    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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCA,MAAM,qBAAqB;AAS3B,MAAM,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,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":[]}
+{"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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsDA,MAAM,qBAAqB;AAS3B,MAAM,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/internal/runtime/namespace.d.ts

@@ -1,5 +1,6 @@
+import 'react';
 import './turbopack/remote-scope.js';
-export { R as RemoteComponentsNamespace, g as getNamespace } from '../../types-59251814.js';
+export { R as RemoteComponentsNamespace, g as getNamespace } from '../../types-8b0edd78.js';
 import './url/resolve-client-url.js';
 import './constants.js';
 import './metadata.js';

package/dist/internal/runtime/namespace.js

@@ -31,6 +31,7 @@ function getNamespace() {
     dispatcherRuntime: void 0,
     hostSharedModules: {},
     cssCache: {},
+    pageComponentCache: {},
     shadowRoots: {}
   };
   const nsRecord = ns;

package/dist/internal/runtime/namespace.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/namespace.ts"],"sourcesContent":["import 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  /** @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    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":"AAyCA,MAAM,qBAAqB;AAS3B,MAAM,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,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":[]}
+{"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,MAAM,qBAAqB;AAS3B,MAAM,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/internal/runtime/types.d.ts

@@ -1,5 +1,6 @@
 import './metadata.js';
-export { G as GlobalScope, L as LoaderResult, M as MountOrUnmountFunction, b as MountUnmountFunctions, a as RSCKey } from '../../types-59251814.js';
+export { G as GlobalScope, L as LoaderResult, M as MountOrUnmountFunction, b as MountUnmountFunctions, a as RSCKey } from '../../types-8b0edd78.js';
+import 'react';
 import './turbopack/remote-scope.js';
 import './url/resolve-client-url.js';
 import './constants.js';

package/dist/remote/html.cjs

@@ -19,7 +19,7 @@ if (typeof HTMLElement !== "undefined") {
       this.root.innerHTML = html;
       this.replaceChildren();
       (async () => {
-        const { loadStaticRemoteComponent } = await Promise.resolve().then(() => _interopRequireWildcard(require("../static-loader-ZYD5BO4D.cjs")));
+        const { loadStaticRemoteComponent } = await Promise.resolve().then(() => _interopRequireWildcard(require("../static-loader-UDIXK5MV.cjs")));
         loadStaticRemoteComponent(
           Array.from(_nullishCoalesce(_optionalChain([this, 'access', _ => _.root, 'optionalAccess', _2 => _2.querySelectorAll, 'call', _3 => _3("script")]), () => ( []))),
           new URL(location.href)

package/dist/remote/html.js

@@ -19,7 +19,7 @@ if (typeof HTMLElement !== "undefined") {
       this.root.innerHTML = html;
       this.replaceChildren();
       (async () => {
-        const { loadStaticRemoteComponent } = await import("../static-loader-X4TSF5KW.js");
+        const { loadStaticRemoteComponent } = await import("../static-loader-OHSAUD62.js");
         loadStaticRemoteComponent(
           Array.from(this.root?.querySelectorAll("script") ?? []),
           new URL(location.href)

package/dist/{script-6W5JRBZK.cjs → script-D5AD7HLV.cjs}

@@ -1,7 +1,7 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkCREXMFMFcjs = require('./chunk-CREXMFMF.cjs');
-require('./chunk-7MVFHOIP.cjs');
+var _chunkTZT7DLO5cjs = require('./chunk-TZT7DLO5.cjs');
+require('./chunk-Z2SLBFQL.cjs');
 require('./chunk-RUWR74XQ.cjs');
 require('./chunk-KE7QPAQ4.cjs');
 require('./chunk-SHFJ5OQA.cjs');
@@ -17,10 +17,10 @@ function scriptRuntime(resolveClientUrl) {
       Component: null,
       App: null
     }),
-    preloadScripts: (scripts, url) => _chunkCREXMFMFcjs.loadStaticRemoteComponent.call(void 0, scripts, url, resolveClientUrl)
+    preloadScripts: (scripts, url) => _chunkTZT7DLO5cjs.loadStaticRemoteComponent.call(void 0, scripts, url, resolveClientUrl)
   };
 }
 
 
 exports.scriptRuntime = scriptRuntime;
-//# sourceMappingURL=script-6W5JRBZK.cjs.map
+//# sourceMappingURL=script-D5AD7HLV.cjs.map

package/dist/{script-IFEBOLIA.js → script-VPOI7ARP.js}

@@ -1,7 +1,7 @@
 import {
   loadStaticRemoteComponent
-} from "./chunk-OO4AMJWO.js";
-import "./chunk-KEPHL25S.js";
+} from "./chunk-LQ7VQ74E.js";
+import "./chunk-D5GNZB6O.js";
 import "./chunk-S2A4TFLS.js";
 import "./chunk-X6YKUJKH.js";
 import "./chunk-ENYGL5CO.js";
@@ -23,4 +23,4 @@ function scriptRuntime(resolveClientUrl) {
 export {
   scriptRuntime
 };
-//# sourceMappingURL=script-IFEBOLIA.js.map
+//# sourceMappingURL=script-VPOI7ARP.js.map

package/dist/{server-handoff-ce13bebc.d.ts → server-handoff-8c89b856.d.ts}

@@ -1,4 +1,4 @@
-import * as react from 'react';
+import * as React from 'react';
 import { ScriptDescriptor, LinkDescriptor } from './internal/host/shared/asset-descriptors.js';
 import { ShadowDomConfig } from './internal/host/shared/config.js';
 import { RemoteComponentMetadata } from './internal/runtime/metadata.js';
@@ -40,7 +40,7 @@ interface ConsumeServerData extends ConsumeLoaderPayload, ShadowDomConfig {
     serverUrl: string;
     links?: LinkDescriptor[];
     type?: RemoteComponentMetadata['type'];
-    children: react.ReactNode;
+    children: React.ReactNode;
 }
 
 export { ConsumeServerData as C, ConsumeLoaderPayload as a };

package/dist/{static-loader-X4TSF5KW.js → static-loader-OHSAUD62.js}

@@ -1,11 +1,11 @@
 import {
   loadStaticRemoteComponent
-} from "./chunk-OO4AMJWO.js";
-import "./chunk-KEPHL25S.js";
+} from "./chunk-LQ7VQ74E.js";
+import "./chunk-D5GNZB6O.js";
 import "./chunk-S2A4TFLS.js";
 import "./chunk-X6YKUJKH.js";
 import "./chunk-ENYGL5CO.js";
 export {
   loadStaticRemoteComponent
 };
-//# sourceMappingURL=static-loader-X4TSF5KW.js.map
+//# sourceMappingURL=static-loader-OHSAUD62.js.map

package/dist/static-loader-UDIXK5MV.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkTZT7DLO5cjs = require('./chunk-TZT7DLO5.cjs');
+require('./chunk-Z2SLBFQL.cjs');
+require('./chunk-RUWR74XQ.cjs');
+require('./chunk-KE7QPAQ4.cjs');
+require('./chunk-SHFJ5OQA.cjs');
+
+
+exports.loadStaticRemoteComponent = _chunkTZT7DLO5cjs.loadStaticRemoteComponent;
+//# sourceMappingURL=static-loader-UDIXK5MV.cjs.map

package/dist/{turbopack-NPGO3MWS.js → turbopack-5LW6V6IT.js}

@@ -1,16 +1,16 @@
 import {
   initializeSharedModules,
   setupRemoteScope
-} from "./chunk-KYJWRZ2B.js";
+} from "./chunk-QKB74MLO.js";
 import {
   applySharedModules,
   nextClientPagesLoader
-} from "./chunk-2VQGCACH.js";
+} from "./chunk-52BJ7VFA.js";
 import {
   buildCoreShared,
   buildHostShared
-} from "./chunk-HNZVEIKN.js";
-import "./chunk-KEPHL25S.js";
+} from "./chunk-SJM7AAGU.js";
+import "./chunk-D5GNZB6O.js";
 import "./chunk-S2A4TFLS.js";
 import "./chunk-X6YKUJKH.js";
 import "./chunk-ENYGL5CO.js";
@@ -52,4 +52,4 @@ async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClient
 export {
   turbopackRuntime
 };
-//# sourceMappingURL=turbopack-NPGO3MWS.js.map
+//# sourceMappingURL=turbopack-5LW6V6IT.js.map

package/dist/{turbopack-WRMKPNN4.cjs → turbopack-KRKECGY2.cjs}

@@ -1,16 +1,16 @@
 "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(); } }
 
 
-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 _chunkR4QFK5TNcjs = require('./chunk-R4QFK5TN.cjs');
-require('./chunk-7MVFHOIP.cjs');
+var _chunkX6W464D6cjs = require('./chunk-X6W464D6.cjs');
+require('./chunk-Z2SLBFQL.cjs');
 require('./chunk-RUWR74XQ.cjs');
 require('./chunk-KE7QPAQ4.cjs');
 require('./chunk-SHFJ5OQA.cjs');
@@ -18,15 +18,15 @@ require('./chunk-SHFJ5OQA.cjs');
 // src/host/html/runtime/turbopack.ts
 async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClientUrl) {
   const self = globalThis;
-  const hostShared = _chunkR4QFK5TNcjs.buildHostShared.call(void 0, shared, resolveClientUrl, {
+  const hostShared = _chunkX6W464D6cjs.buildHostShared.call(void 0, shared, resolveClientUrl, {
     includeRemoteComponentShared: true
   });
-  await _chunkF44NODUScjs.setupRemoteScope.call(void 0, "turbopack", [], url, bundle, resolveClientUrl);
+  await _chunkRJW3EZJPcjs.setupRemoteScope.call(void 0, "turbopack", [], url, bundle, resolveClientUrl);
   const {
     default: { createFromReadableStream }
   } = await Promise.resolve().then(() => _interopRequireWildcard(require("react-server-dom-webpack/client.browser")));
   async function preloadScripts(scripts, __) {
-    const scope = await _chunkF44NODUScjs.setupRemoteScope.call(void 0, 
+    const scope = await _chunkRJW3EZJPcjs.setupRemoteScope.call(void 0, 
       "turbopack",
       scripts.map((script) => ({
         src: script.getAttribute("src") || script.getAttribute("data-src") || script.src
@@ -35,21 +35,21 @@ async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClient
       bundle,
       resolveClientUrl
     );
-    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),
       _nullishCoalesce(remoteShared, () => ( {}))
     );
   }
   return {
     self,
     createFromReadableStream,
-    applySharedModules: _chunkXCFYWSLDcjs.applySharedModules,
-    nextClientPagesLoader: _chunkXCFYWSLDcjs.nextClientPagesLoader,
+    applySharedModules: _chunkT64P7BAGcjs.applySharedModules,
+    nextClientPagesLoader: _chunkT64P7BAGcjs.nextClientPagesLoader,
     preloadScripts
   };
 }
 
 
 exports.turbopackRuntime = turbopackRuntime;
-//# sourceMappingURL=turbopack-WRMKPNN4.cjs.map
+//# sourceMappingURL=turbopack-KRKECGY2.cjs.map

package/dist/{types-59251814.d.ts → types-8b0edd78.d.ts}

@@ -1,4 +1,5 @@
 import { RemoteComponentMetadata } from './internal/runtime/metadata.js';
+import React__default from 'react';
 import { RemoteScope } from './internal/runtime/turbopack/remote-scope.js';
 
 /**
@@ -30,6 +31,12 @@ interface RemoteComponentsNamespace {
     hostSharedModules: Record<string, () => Promise<unknown>>;
     /** @see `__remote_next_css__` */
     cssCache: Record<string, ChildNode[]>;
+    pageComponentCache?: Record<string, {
+        Component: React__default.ComponentType<Record<string, unknown>> | null;
+        App: React__default.ComponentType<{
+            Component: React__default.ComponentType<Record<string, unknown>>;
+        } & Record<string, unknown>> | null;
+    }>;
     /** @see `__remote_components_shadowroot_*` */
     shadowRoots: Record<string, ShadowRoot | null>;
 }

package/dist/{webpack-DUBHPYD6.js → webpack-NPZNXRNL.js}

@@ -1,16 +1,16 @@
 import {
   loadScripts
-} from "./chunk-ZPMTZ3KJ.js";
+} from "./chunk-SZFCBE54.js";
 import {
   applySharedModules,
   nextClientPagesLoader
-} from "./chunk-2VQGCACH.js";
+} from "./chunk-52BJ7VFA.js";
 import {
   NEXT_BUNDLE_PATH_RE,
   buildHostShared,
   buildWebpackResolve
-} from "./chunk-HNZVEIKN.js";
-import "./chunk-KEPHL25S.js";
+} from "./chunk-SJM7AAGU.js";
+import "./chunk-D5GNZB6O.js";
 import {
   RemoteComponentsError
 } from "./chunk-S2A4TFLS.js";
@@ -89,4 +89,4 @@ async function webpackRuntime(bundle, shared, remoteShared, resolveClientUrl) {
 export {
   webpackRuntime
 };
-//# sourceMappingURL=webpack-DUBHPYD6.js.map
+//# sourceMappingURL=webpack-NPZNXRNL.js.map

package/dist/{webpack-KSCMCL7M.cjs → webpack-TTZDARNY.cjs}

@@ -1,16 +1,16 @@
 "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(); } } 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 _chunkXCFYWSLDcjs = require('./chunk-XCFYWSLD.cjs');
+var _chunkT64P7BAGcjs = require('./chunk-T64P7BAG.cjs');
 
 
 
 
-var _chunkR4QFK5TNcjs = require('./chunk-R4QFK5TN.cjs');
-require('./chunk-7MVFHOIP.cjs');
+var _chunkX6W464D6cjs = require('./chunk-X6W464D6.cjs');
+require('./chunk-Z2SLBFQL.cjs');
 
 
 var _chunkRUWR74XQcjs = require('./chunk-RUWR74XQ.cjs');
@@ -57,13 +57,13 @@ async function webpackRuntime(bundle, shared, remoteShared, resolveClientUrl) {
         return [];
       return [
         {
-          src: new URL(scriptSrc.replace(_chunkR4QFK5TNcjs.NEXT_BUNDLE_PATH_RE, "/_next/"), url).href
+          src: new URL(scriptSrc.replace(_chunkX6W464D6cjs.NEXT_BUNDLE_PATH_RE, "/_next/"), url).href
         }
       ];
     });
-    await _chunk6IUP26UKcjs.loadScripts.call(void 0, scriptSrcs, resolveClientUrl);
-    const hostShared = _chunkR4QFK5TNcjs.buildHostShared.call(void 0, shared, resolveClientUrl);
-    const resolve = await _chunkR4QFK5TNcjs.buildWebpackResolve.call(void 0, 
+    await _chunkLCXO7BUYcjs.loadScripts.call(void 0, scriptSrcs, resolveClientUrl);
+    const hostShared = _chunkX6W464D6cjs.buildHostShared.call(void 0, shared, resolveClientUrl);
+    const resolve = await _chunkX6W464D6cjs.buildWebpackResolve.call(void 0, 
       hostShared,
       _nullishCoalesce(remoteShared, () => ( {})),
       remoteBundle,
@@ -76,17 +76,17 @@ async function webpackRuntime(bundle, shared, remoteShared, resolveClientUrl) {
       },
       "WebpackRuntime"
     );
-    _chunkXCFYWSLDcjs.applySharedModules.call(void 0, remoteBundle, resolve);
+    _chunkT64P7BAGcjs.applySharedModules.call(void 0, remoteBundle, resolve);
   }
   return {
     self,
     createFromReadableStream,
-    applySharedModules: _chunkXCFYWSLDcjs.applySharedModules,
-    nextClientPagesLoader: _chunkXCFYWSLDcjs.nextClientPagesLoader,
+    applySharedModules: _chunkT64P7BAGcjs.applySharedModules,
+    nextClientPagesLoader: _chunkT64P7BAGcjs.nextClientPagesLoader,
     preloadScripts
   };
 }
 
 
 exports.webpackRuntime = webpackRuntime;
-//# sourceMappingURL=webpack-KSCMCL7M.cjs.map
+//# sourceMappingURL=webpack-TTZDARNY.cjs.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-components",
-  "version": "0.3.6",
+  "version": "0.3.7",
   "private": false,
   "description": "Compose remote components at runtime between microfrontends applications.",
   "keywords": [