remote-components 0.3.6 → 0.4.0

package/dist/chunk-JJTCFQHE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/config/webpack/apply-shared-modules.ts","../src/config/webpack/next-client-pages-loader.ts"],"names":[],"mappings":"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","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"]}

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-2VQGCACH.js → chunk-MKO52FRO.js}

@@ -1,9 +1,9 @@
 import {
   getScope
-} from "./chunk-HNZVEIKN.js";
+} from "./chunk-SAGYPGIQ.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-MKO52FRO.js.map

package/dist/chunk-MKO52FRO.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-KYJWRZ2B.js → chunk-N3KPUFOB.js}

@@ -8,10 +8,10 @@ import {
   getScope,
   parseRemoteId,
   registerScope
-} from "./chunk-HNZVEIKN.js";
+} from "./chunk-SAGYPGIQ.js";
 import {
   getNamespace
-} from "./chunk-KEPHL25S.js";
+} from "./chunk-D5GNZB6O.js";
 import {
   RemoteComponentsError,
   failedProxiedAssetError,
@@ -706,4 +706,4 @@ export {
   initializeSharedModules,
   setupRemoteScope
 };
-//# sourceMappingURL=chunk-KYJWRZ2B.js.map
+//# sourceMappingURL=chunk-N3KPUFOB.js.map

package/dist/chunk-N3SQTOSE.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunk5KTAEO52cjs = require('./chunk-5KTAEO52.cjs');
+
+// src/host/navigation/index.ts
+function onRemoteNavigate(callback) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  const handler = (event) => {
+    const detail = event.detail;
+    callback(_chunk5KTAEO52cjs.parseRemoteNavigateDetail.call(void 0, detail));
+  };
+  window.addEventListener(_chunk5KTAEO52cjs.REMOTE_NAVIGATE_EVENT, handler);
+  return () => {
+    window.removeEventListener(_chunk5KTAEO52cjs.REMOTE_NAVIGATE_EVENT, handler);
+  };
+}
+
+
+
+exports.onRemoteNavigate = onRemoteNavigate;
+//# sourceMappingURL=chunk-N3SQTOSE.cjs.map

package/dist/chunk-N3SQTOSE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/host/navigation/index.ts"],"names":[],"mappings":";;;;;;AAkCO,SAAS,iBACd,UACY;AACZ,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AACA,QAAM,UAAU,CAAC,UAAiB;AAChC,UAAM,SAAU,MAA4C;AAC5D,aAAS,0BAA0B,MAAM,CAAC;AAAA,EAC5C;AACA,SAAO,iBAAiB,uBAAuB,OAAO;AACtD,SAAO,MAAM;AACX,WAAO,oBAAoB,uBAAuB,OAAO;AAAA,EAC3D;AACF","sourcesContent":["import {\n  parseRemoteNavigateDetail,\n  REMOTE_NAVIGATE_EVENT,\n  type RemoteNavigateDetail,\n  type RemoteNavigateEvent,\n} from '#internal/host/shared/navigate-event';\n\nexport type { RemoteNavigateEvent } from '#internal/host/shared/navigate-event';\n\n/**\n * Subscribe to navigation requests from remote components. One subscription\n * handles every `<ConsumeRemoteComponent>` on the page. SSR-safe: no-op when\n * `window` is undefined.\n *\n * In React, prefer `useRemoteNavigate` from `remote-components/host/react` —\n * it avoids re-registering the listener on every render.\n *\n * @example React Router\n * ```ts\n * useEffect(\n *   () =>\n *     onRemoteNavigate((e) =>\n *       navigate(e.pathname + e.search, { replace: e.type === 'replace' }),\n *     ),\n *   [navigate],\n * );\n * ```\n *\n * @example Plain HTML\n * ```ts\n * // Always replace — the polyfill already pushed/replaced the browser history entry.\n * onRemoteNavigate((e) => window.location.replace(e.url));\n * ```\n */\nexport function onRemoteNavigate(\n  callback: (event: RemoteNavigateEvent) => void,\n): () => void {\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n  const handler = (event: Event) => {\n    const detail = (event as CustomEvent<RemoteNavigateDetail>).detail;\n    callback(parseRemoteNavigateDetail(detail));\n  };\n  window.addEventListener(REMOTE_NAVIGATE_EVENT, handler);\n  return () => {\n    window.removeEventListener(REMOTE_NAVIGATE_EVENT, handler);\n  };\n}\n"]}

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

@@ -7,10 +7,13 @@ import {
   makeReactEmitter,
   preparePipeline,
   resolveNameFromSrc
-} from "./chunk-42N2ZLE2.js";
+} from "./chunk-5WL3FP4V.js";
 import {
   loadStaticRemoteComponent
-} from "./chunk-OO4AMJWO.js";
+} from "./chunk-LQ7VQ74E.js";
+import {
+  onRemoteNavigate
+} from "./chunk-RHGEBXPL.js";
 import {
   DEFAULT_COMPONENT_NAME,
   DEFAULT_ROUTE,
@@ -18,10 +21,10 @@ import {
   RUNTIME_WEBPACK,
   attrToProp,
   escapeString
-} from "./chunk-HNZVEIKN.js";
+} from "./chunk-SAGYPGIQ.js";
 import {
   getNamespace
-} from "./chunk-KEPHL25S.js";
+} from "./chunk-D5GNZB6O.js";
 import {
   RemoteComponentsError,
   errorFromFailedFetch,
@@ -31,11 +34,11 @@ import {
 // src/host/react/index.tsx
 import {
   startTransition,
-  useEffect,
+  useEffect as useEffect2,
   useId,
   useLayoutEffect as useLayoutEffect2,
   useMemo as useMemo2,
-  useRef as useRef2,
+  useRef as useRef3,
   useState as useState2
 } from "react";
 import { createPortal } from "react-dom";
@@ -159,6 +162,14 @@ function getRemoteComponentHtml(html) {
   return "";
 }
 
+// src/host/react/hooks/use-remote-navigate.ts
+import { useEffect, useRef as useRef2 } from "react";
+function useRemoteNavigate(callback) {
+  const callbackRef = useRef2(callback);
+  callbackRef.current = callback;
+  useEffect(() => onRemoteNavigate((event) => callbackRef.current(event)), []);
+}
+
 // src/host/react/index.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { createElement } from "react";
@@ -206,13 +217,13 @@ function ConsumeRemoteComponent({
     mode,
     keySuffix
   });
-  const htmlRef = useRef2(
+  const htmlRef = useRef3(
     typeof document !== "undefined" ? document.querySelector(
       `[data-remote-component-id="shadowroot_${keySuffix}"]`
     )?.shadowRoot?.innerHTML ?? document.getElementById(`__REMOTE_COMPONENT${name}`)?.innerHTML ?? document.querySelector(`div[data-bundle][data-route][id^="${name}"]`)?.innerHTML ?? document.querySelector("div[data-bundle][data-route]")?.innerHTML : null
   );
-  const endTemplateRef = useRef2(null);
-  const childrenRef = useRef2(
+  const endTemplateRef = useRef3(null);
+  const childrenRef = useRef3(
     typeof document !== "undefined" ? (() => {
       let el = document.querySelector(`template[id="${name}_start"]`);
       const elements = [];
@@ -225,10 +236,10 @@ function ConsumeRemoteComponent({
       return elements;
     })() : []
   );
-  const hostStateRef = useRef2(createHostState());
-  const componentHydrationHtml = useRef2(null);
-  const prevRemoteComponentContainerRef = useRef2(null);
-  const unmountRef = useRef2(null);
+  const hostStateRef = useRef3(createHostState());
+  const componentHydrationHtml = useRef3(null);
+  const prevRemoteComponentContainerRef = useRef3(null);
+  const unmountRef = useRef3(null);
   useLayoutEffect2(() => {
     return () => {
       delete getNamespace().shadowRoots[keySuffix];
@@ -265,7 +276,7 @@ function ConsumeRemoteComponent({
       }
     }
   }, [shadowRoot, remoteComponent, name]);
-  useEffect(() => {
+  useEffect2(() => {
     if (src && src !== hostStateRef.current.prevSrc) {
       const previousSrc = hostStateRef.current.prevSrc;
       const previousName = hostStateRef.current.prevName;
@@ -665,6 +676,7 @@ function ConsumeRemoteComponent({
 }
 
 export {
+  useRemoteNavigate,
   ConsumeRemoteComponent
 };
-//# sourceMappingURL=chunk-W5ESPGHH.js.map
+//# sourceMappingURL=chunk-NN5V3FVD.js.map

package/dist/chunk-NN5V3FVD.js.map

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

package/dist/chunk-RHGEBXPL.js

@@ -0,0 +1,25 @@
+import {
+  REMOTE_NAVIGATE_EVENT,
+  parseRemoteNavigateDetail
+} from "./chunk-STIJO4AG.js";
+
+// src/host/navigation/index.ts
+function onRemoteNavigate(callback) {
+  if (typeof window === "undefined") {
+    return () => {
+    };
+  }
+  const handler = (event) => {
+    const detail = event.detail;
+    callback(parseRemoteNavigateDetail(detail));
+  };
+  window.addEventListener(REMOTE_NAVIGATE_EVENT, handler);
+  return () => {
+    window.removeEventListener(REMOTE_NAVIGATE_EVENT, handler);
+  };
+}
+
+export {
+  onRemoteNavigate
+};
+//# sourceMappingURL=chunk-RHGEBXPL.js.map

package/dist/chunk-RHGEBXPL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/host/navigation/index.ts"],"sourcesContent":["import {\n  parseRemoteNavigateDetail,\n  REMOTE_NAVIGATE_EVENT,\n  type RemoteNavigateDetail,\n  type RemoteNavigateEvent,\n} from '#internal/host/shared/navigate-event';\n\nexport type { RemoteNavigateEvent } from '#internal/host/shared/navigate-event';\n\n/**\n * Subscribe to navigation requests from remote components. One subscription\n * handles every `<ConsumeRemoteComponent>` on the page. SSR-safe: no-op when\n * `window` is undefined.\n *\n * In React, prefer `useRemoteNavigate` from `remote-components/host/react` —\n * it avoids re-registering the listener on every render.\n *\n * @example React Router\n * ```ts\n * useEffect(\n *   () =>\n *     onRemoteNavigate((e) =>\n *       navigate(e.pathname + e.search, { replace: e.type === 'replace' }),\n *     ),\n *   [navigate],\n * );\n * ```\n *\n * @example Plain HTML\n * ```ts\n * // Always replace — the polyfill already pushed/replaced the browser history entry.\n * onRemoteNavigate((e) => window.location.replace(e.url));\n * ```\n */\nexport function onRemoteNavigate(\n  callback: (event: RemoteNavigateEvent) => void,\n): () => void {\n  if (typeof window === 'undefined') {\n    return () => {};\n  }\n  const handler = (event: Event) => {\n    const detail = (event as CustomEvent<RemoteNavigateDetail>).detail;\n    callback(parseRemoteNavigateDetail(detail));\n  };\n  window.addEventListener(REMOTE_NAVIGATE_EVENT, handler);\n  return () => {\n    window.removeEventListener(REMOTE_NAVIGATE_EVENT, handler);\n  };\n}\n"],"mappings":";;;;;;AAkCO,SAAS,iBACd,UACY;AACZ,MAAI,OAAO,WAAW,aAAa;AACjC,WAAO,MAAM;AAAA,IAAC;AAAA,EAChB;AACA,QAAM,UAAU,CAAC,UAAiB;AAChC,UAAM,SAAU,MAA4C;AAC5D,aAAS,0BAA0B,MAAM,CAAC;AAAA,EAC5C;AACA,SAAO,iBAAiB,uBAAuB,OAAO;AACtD,SAAO,MAAM;AACX,WAAO,oBAAoB,uBAAuB,OAAO;AAAA,EAC3D;AACF;","names":[]}

package/dist/{chunk-R4QFK5TN.cjs → chunk-RLI4YTBJ.cjs}

@@ -1,6 +1,9 @@
 "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 _chunk7MVFHOIPcjs = require('./chunk-7MVFHOIP.cjs');
+var _chunkZ2SLBFQLcjs = require('./chunk-Z2SLBFQL.cjs');
+
+
+var _chunk5KTAEO52cjs = require('./chunk-5KTAEO52.cjs');
 
 
 
@@ -42,7 +45,7 @@ function collapseDoubleSlashes(path) {
 
 // src/runtime/turbopack/remote-scope.ts
 function getRegistry() {
-  return _chunk7MVFHOIPcjs.getNamespace.call(void 0, ).scopes;
+  return _chunkZ2SLBFQLcjs.getNamespace.call(void 0, ).scopes;
 }
 function createScope(name, url, runtime, resolveClientUrl) {
   const scopedName = computeScopedName(name, { remoteHost: url.host });
@@ -121,17 +124,24 @@ function createRemoteImageLoader(bundle, resolveClientUrl) {
 
 // src/host/shared/polyfill.tsx
 var _jsxruntime = require('react/jsx-runtime');
+function dispatchRemoteNavigate(detail) {
+  window.dispatchEvent(
+    new CustomEvent(_chunk5KTAEO52cjs.REMOTE_NAVIGATE_EVENT, { detail })
+  );
+}
 function sharedPolyfills(shared, resolveClientUrl) {
-  const hostShared = _chunk7MVFHOIPcjs.getNamespace.call(void 0, ).hostSharedModules;
+  const hostShared = _chunkZ2SLBFQLcjs.getNamespace.call(void 0, ).hostSharedModules;
   const polyfill = {
     "next/dist/client/components/navigation": _nullishCoalesce(_nullishCoalesce(hostShared["next/navigation"], () => ( _optionalChain([shared, 'optionalAccess', _10 => _10["next/navigation"]]))), () => ( (() => Promise.resolve({
       useRouter() {
         return {
           push: (routerUrl) => {
             history.pushState({}, "", routerUrl);
+            dispatchRemoteNavigate({ url: routerUrl, type: "push" });
           },
           replace: (routerUrl) => {
             history.replaceState({}, "", routerUrl);
+            dispatchRemoteNavigate({ url: routerUrl, type: "replace" });
           },
           back: () => {
             history.back();
@@ -194,6 +204,10 @@ function sharedPolyfills(shared, resolveClientUrl) {
               } else {
                 history.pushState({}, "", props.href);
               }
+              dispatchRemoteNavigate({
+                url: props.href,
+                type: replace ? "replace" : "push"
+              });
             },
             suppressHydrationWarning: true,
             children: _nullishCoalesce(children, () => ( null))
@@ -233,9 +247,11 @@ function sharedPolyfills(shared, resolveClientUrl) {
           return {
             push: (routerUrl) => {
               history.pushState({}, "", routerUrl);
+              dispatchRemoteNavigate({ url: routerUrl, type: "push" });
             },
             replace: (routerUrl) => {
               history.replaceState({}, "", routerUrl);
+              dispatchRemoteNavigate({ url: routerUrl, type: "replace" });
             },
             back: () => {
               history.back();
@@ -355,4 +371,4 @@ async function buildWebpackResolve(hostShared, remoteShared, bundle, reactModule
 
 
 exports.escapeString = escapeString; exports.attrToProp = attrToProp; exports.DEFAULT_BUNDLE_NAME = DEFAULT_BUNDLE_NAME; exports.DEFAULT_COMPONENT_NAME = DEFAULT_COMPONENT_NAME; exports.DEFAULT_ROUTE = DEFAULT_ROUTE; exports.RUNTIME_WEBPACK = RUNTIME_WEBPACK; exports.RUNTIME_TURBOPACK = RUNTIME_TURBOPACK; exports.RUNTIME_SCRIPT = RUNTIME_SCRIPT; exports.REMOTE_COMPONENT_REGEX = REMOTE_COMPONENT_REGEX; exports.NEXT_BUNDLE_PATH_RE = NEXT_BUNDLE_PATH_RE; exports.collapseDoubleSlashes = collapseDoubleSlashes; exports.createScope = createScope; exports.registerScope = registerScope; exports.getScope = getScope; exports.formatRemoteId = formatRemoteId; exports.parseRemoteId = parseRemoteId; exports.createRemoteImageLoader = createRemoteImageLoader; exports.CORE_REACT_SHARED_KEYS = CORE_REACT_SHARED_KEYS; exports.VENDOR_SHARED = VENDOR_SHARED; exports.buildCoreShared = buildCoreShared; exports.buildHostShared = buildHostShared; exports.buildWebpackResolve = buildWebpackResolve;
-//# sourceMappingURL=chunk-R4QFK5TN.cjs.map
+//# sourceMappingURL=chunk-RLI4YTBJ.cjs.map