remote-components 0.3.7 → 0.4.0

package/dist/host/react.js

@@ -1,18 +1,22 @@
 import {
-  ConsumeRemoteComponent
-} from "../chunk-GBFUPMMI.js";
-import "../chunk-NZAB7REE.js";
-import "../chunk-SZFCBE54.js";
-import "../chunk-QKB74MLO.js";
-import "../chunk-52BJ7VFA.js";
+  ConsumeRemoteComponent,
+  useRemoteNavigate
+} from "../chunk-NN5V3FVD.js";
+import "../chunk-5WL3FP4V.js";
+import "../chunk-AKOMV2UF.js";
+import "../chunk-N3KPUFOB.js";
+import "../chunk-MKO52FRO.js";
 import "../chunk-LQ7VQ74E.js";
-import "../chunk-SJM7AAGU.js";
+import "../chunk-RHGEBXPL.js";
+import "../chunk-SAGYPGIQ.js";
 import "../chunk-D5GNZB6O.js";
+import "../chunk-STIJO4AG.js";
 import "../chunk-S2A4TFLS.js";
-import "../chunk-GAXJTFBV.js";
 import "../chunk-X6YKUJKH.js";
+import "../chunk-GAXJTFBV.js";
 import "../chunk-ENYGL5CO.js";
 export {
-  ConsumeRemoteComponent
+  ConsumeRemoteComponent,
+  useRemoteNavigate
 };
 //# sourceMappingURL=react.js.map

package/dist/{index-4c65355c.d.ts → index-d2ce8a3f.d.ts}

@@ -1,4 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
+import { R as RemoteNavigateEvent } from './navigate-event-baee0b63.js';
 
 /**
  * Intercepts client-side URL resolution for remote component resources.
@@ -248,10 +249,29 @@ interface ConsumeLifecycleCallbacks {
     onChange?: (info: ChangeInfo) => void;
 }
 
+/**
+ * Subscribe to remote component navigations. The callback is captured in a ref
+ * so the listener is registered once — no `useCallback` or dep array needed.
+ *
+ * @example React Router
+ * ```tsx
+ * const navigate = useNavigate();
+ * // Always replace — the polyfill already pushed/replaced the browser history entry.
+ * useRemoteNavigate((e) => navigate(e.pathname + e.search, { replace: true }));
+ * ```
+ */
+declare function useRemoteNavigate(callback: (event: RemoteNavigateEvent) => void): void;
+
 /**
  * Props for the React remote component host.
  *
- * Extends {@link ConsumeRemoteComponentConfig} with `children` for loading fallback content.
+ * Extends {@link ConsumeRemoteComponentConfig} with `children` for loading
+ * fallback content.
+ *
+ * To react to navigations originating from embedded remote components, set up
+ * a single top-level subscription with `onRemoteNavigate` from
+ * `remote-components/host/navigation` and route the event to your host's
+ * router.
  */
 interface ConsumeRemoteComponentProps extends ConsumeRemoteComponentConfig {
     /** Loading fallback content displayed while the remote component is being fetched. */
@@ -295,4 +315,4 @@ interface ConsumeRemoteComponentProps extends ConsumeRemoteComponentConfig {
  */
 declare function ConsumeRemoteComponent({ src, isolate, mode, reset, credentials: credentialsProp, name: nameProp, shared: sharedProp, children, onBeforeLoad, onLoad, onError, onChange, onRequest, onResponse, resolveClientUrl: resolveClientUrlProp, }: ConsumeRemoteComponentProps): react_jsx_runtime.JSX.Element;
 
-export { ConsumeClientOnlyConfig as C, HookOptions as H, OnRequestHook as O, ConsumeRemoteComponentProps as a, ConsumeRemoteComponent as b, OnResponseHook as c };
+export { ConsumeClientOnlyConfig as C, HookOptions as H, OnRequestHook as O, ConsumeRemoteComponentProps as a, ConsumeRemoteComponent as b, OnResponseHook as c, useRemoteNavigate as u };

package/dist/internal/host/shared/navigate-event.cjs

@@ -0,0 +1,51 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var navigate_event_exports = {};
+__export(navigate_event_exports, {
+  REMOTE_NAVIGATE_EVENT: () => REMOTE_NAVIGATE_EVENT,
+  parseRemoteNavigateDetail: () => parseRemoteNavigateDetail
+});
+module.exports = __toCommonJS(navigate_event_exports);
+const REMOTE_NAVIGATE_EVENT = "remote-components:navigate";
+function parseRemoteNavigateDetail(detail) {
+  try {
+    const parsed = new URL(detail.url, window.location.origin);
+    return {
+      url: detail.url,
+      pathname: parsed.pathname,
+      search: parsed.search,
+      hash: parsed.hash,
+      type: detail.type
+    };
+  } catch {
+    return {
+      url: detail.url,
+      pathname: detail.url,
+      search: "",
+      hash: "",
+      type: detail.type
+    };
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  REMOTE_NAVIGATE_EVENT,
+  parseRemoteNavigateDetail
+});
+//# sourceMappingURL=navigate-event.cjs.map

package/dist/internal/host/shared/navigate-event.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/navigate-event.ts"],"sourcesContent":["export const REMOTE_NAVIGATE_EVENT = 'remote-components:navigate';\n\nexport interface RemoteNavigateDetail {\n  url: string;\n  type: 'push' | 'replace';\n}\n\n/** Parsed navigation request surfaced to `onRemoteNavigate` / `useRemoteNavigate` callbacks. */\nexport interface RemoteNavigateEvent {\n  /** Raw value from the remote; may be absolute or relative. */\n  url: string;\n  pathname: string;\n  /** Includes leading `?`, or `''` if none. */\n  search: string;\n  /** Includes leading `#`, or `''` if none. */\n  hash: string;\n  /** `'push'` / `'replace'` mirror the remote's history call. */\n  type: 'push' | 'replace';\n}\n\n/** Handles both absolute URLs and relative paths; falls back to pathname-only on parse failure. */\nexport function parseRemoteNavigateDetail(\n  detail: RemoteNavigateDetail,\n): RemoteNavigateEvent {\n  try {\n    const parsed = new URL(detail.url, window.location.origin);\n    return {\n      url: detail.url,\n      pathname: parsed.pathname,\n      search: parsed.search,\n      hash: parsed.hash,\n      type: detail.type,\n    };\n  } catch {\n    return {\n      url: detail.url,\n      pathname: detail.url,\n      search: '',\n      hash: '',\n      type: detail.type,\n    };\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,wBAAwB;AAqB9B,SAAS,0BACd,QACqB;AACrB,MAAI;AACF,UAAM,SAAS,IAAI,IAAI,OAAO,KAAK,OAAO,SAAS,MAAM;AACzD,WAAO;AAAA,MACL,KAAK,OAAO;AAAA,MACZ,UAAU,OAAO;AAAA,MACjB,QAAQ,OAAO;AAAA,MACf,MAAM,OAAO;AAAA,MACb,MAAM,OAAO;AAAA,IACf;AAAA,EACF,QAAE;AACA,WAAO;AAAA,MACL,KAAK,OAAO;AAAA,MACZ,UAAU,OAAO;AAAA,MACjB,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM,OAAO;AAAA,IACf;AAAA,EACF;AACF;","names":[]}

package/dist/internal/host/shared/navigate-event.d.ts

@@ -0,0 +1,21 @@
+declare const REMOTE_NAVIGATE_EVENT = "remote-components:navigate";
+interface RemoteNavigateDetail {
+    url: string;
+    type: 'push' | 'replace';
+}
+/** Parsed navigation request surfaced to `onRemoteNavigate` / `useRemoteNavigate` callbacks. */
+interface RemoteNavigateEvent {
+    /** Raw value from the remote; may be absolute or relative. */
+    url: string;
+    pathname: string;
+    /** Includes leading `?`, or `''` if none. */
+    search: string;
+    /** Includes leading `#`, or `''` if none. */
+    hash: string;
+    /** `'push'` / `'replace'` mirror the remote's history call. */
+    type: 'push' | 'replace';
+}
+/** Handles both absolute URLs and relative paths; falls back to pathname-only on parse failure. */
+declare function parseRemoteNavigateDetail(detail: RemoteNavigateDetail): RemoteNavigateEvent;
+
+export { REMOTE_NAVIGATE_EVENT, RemoteNavigateDetail, RemoteNavigateEvent, parseRemoteNavigateDetail };

package/dist/internal/host/shared/navigate-event.js

@@ -0,0 +1,26 @@
+const REMOTE_NAVIGATE_EVENT = "remote-components:navigate";
+function parseRemoteNavigateDetail(detail) {
+  try {
+    const parsed = new URL(detail.url, window.location.origin);
+    return {
+      url: detail.url,
+      pathname: parsed.pathname,
+      search: parsed.search,
+      hash: parsed.hash,
+      type: detail.type
+    };
+  } catch {
+    return {
+      url: detail.url,
+      pathname: detail.url,
+      search: "",
+      hash: "",
+      type: detail.type
+    };
+  }
+}
+export {
+  REMOTE_NAVIGATE_EVENT,
+  parseRemoteNavigateDetail
+};
+//# sourceMappingURL=navigate-event.js.map

package/dist/internal/host/shared/navigate-event.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/navigate-event.ts"],"sourcesContent":["export const REMOTE_NAVIGATE_EVENT = 'remote-components:navigate';\n\nexport interface RemoteNavigateDetail {\n  url: string;\n  type: 'push' | 'replace';\n}\n\n/** Parsed navigation request surfaced to `onRemoteNavigate` / `useRemoteNavigate` callbacks. */\nexport interface RemoteNavigateEvent {\n  /** Raw value from the remote; may be absolute or relative. */\n  url: string;\n  pathname: string;\n  /** Includes leading `?`, or `''` if none. */\n  search: string;\n  /** Includes leading `#`, or `''` if none. */\n  hash: string;\n  /** `'push'` / `'replace'` mirror the remote's history call. */\n  type: 'push' | 'replace';\n}\n\n/** Handles both absolute URLs and relative paths; falls back to pathname-only on parse failure. */\nexport function parseRemoteNavigateDetail(\n  detail: RemoteNavigateDetail,\n): RemoteNavigateEvent {\n  try {\n    const parsed = new URL(detail.url, window.location.origin);\n    return {\n      url: detail.url,\n      pathname: parsed.pathname,\n      search: parsed.search,\n      hash: parsed.hash,\n      type: detail.type,\n    };\n  } catch {\n    return {\n      url: detail.url,\n      pathname: detail.url,\n      search: '',\n      hash: '',\n      type: detail.type,\n    };\n  }\n}\n"],"mappings":"AAAO,MAAM,wBAAwB;AAqB9B,SAAS,0BACd,QACqB;AACrB,MAAI;AACF,UAAM,SAAS,IAAI,IAAI,OAAO,KAAK,OAAO,SAAS,MAAM;AACzD,WAAO;AAAA,MACL,KAAK,OAAO;AAAA,MACZ,UAAU,OAAO;AAAA,MACjB,QAAQ,OAAO;AAAA,MACf,MAAM,OAAO;AAAA,MACb,MAAM,OAAO;AAAA,IACf;AAAA,EACF,QAAE;AACA,WAAO;AAAA,MACL,KAAK,OAAO;AAAA,MACZ,UAAU,OAAO;AAAA,MACjB,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,MAAM,OAAO;AAAA,IACf;AAAA,EACF;AACF;","names":[]}

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

@@ -22,9 +22,15 @@ __export(polyfill_exports, {
 });
 module.exports = __toCommonJS(polyfill_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_navigate_event = require("#internal/host/shared/navigate-event");
 var import_remote_image_loader = require("#internal/host/shared/remote-image-loader");
 var import_namespace = require("#internal/runtime/namespace");
 var import_logger = require("#internal/utils/logger");
+function dispatchRemoteNavigate(detail) {
+  window.dispatchEvent(
+    new CustomEvent(import_navigate_event.REMOTE_NAVIGATE_EVENT, { detail })
+  );
+}
 function sharedPolyfills(shared, resolveClientUrl) {
   const hostShared = (0, import_namespace.getNamespace)().hostSharedModules;
   const polyfill = {
@@ -33,9 +39,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();
@@ -98,6 +106,10 @@ function sharedPolyfills(shared, resolveClientUrl) {
               } else {
                 history.pushState({}, "", props.href);
               }
+              dispatchRemoteNavigate({
+                url: props.href,
+                type: replace ? "replace" : "push"
+              });
             },
             suppressHydrationWarning: true,
             children: children ?? null
@@ -137,9 +149,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();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/polyfill.tsx"],"sourcesContent":["import type { LinkProps } from 'next/link';\nimport { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getNamespace } from '#internal/runtime/namespace';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport { logWarn } from '#internal/utils/logger';\n\n// polyfill Next.js App Router client API (minimal)\n// implementations are minimal and do not cover all use cases\n// developer can override these shared modules from configuration\nexport function sharedPolyfills(\n  shared?: Record<string, () => Promise<unknown>>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const hostShared = getNamespace().hostSharedModules;\n  const polyfill = {\n    'next/dist/client/components/navigation':\n      hostShared['next/navigation'] ??\n      shared?.['next/navigation'] ??\n      (() =>\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          usePathname() {\n            return location.pathname;\n          },\n          useParams() {\n            return {};\n          },\n          useSearchParams() {\n            return new URLSearchParams(location.search);\n          },\n          useSelectedLayoutSegment() {\n            return null;\n          },\n          useSelectedLayoutSegments() {\n            return [];\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/link':\n      hostShared['next/link'] ??\n      shared?.['next/link'] ??\n      (() =>\n        Promise.resolve({\n          default: ({\n            scroll: _,\n            replace,\n            prefetch,\n            onNavigate,\n            children,\n            ...props\n          }: React.PropsWithChildren<LinkProps>) => {\n            if (prefetch) {\n              logWarn(\n                'Polyfill',\n                'Next.js Link prefetch is not supported in remote components',\n              );\n            }\n            return (\n              <a\n                {...props}\n                href={props.href as string}\n                onClick={(e) => {\n                  e.preventDefault();\n                  let preventDefaulted = false;\n                  e.preventDefault = () => {\n                    preventDefaulted = true;\n                    e.defaultPrevented = true;\n                  };\n                  if (typeof props.onClick === 'function') {\n                    props.onClick(e);\n                  }\n                  onNavigate?.(e);\n                  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n                  if (preventDefaulted) {\n                    return;\n                  }\n                  if (replace) {\n                    history.replaceState({}, '', props.href as string);\n                  } else {\n                    history.pushState({}, '', props.href as string);\n                  }\n                }}\n                suppressHydrationWarning\n              >\n                {children ?? null}\n              </a>\n            );\n          },\n          useLinkStatus() {\n            return { pending: false };\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/form':\n      hostShared['next/form'] ??\n      shared?.['next/form'] ??\n      (() =>\n        Promise.resolve({\n          default: () => {\n            // TODO: implement <Form> component for non-Next.js host applications\n            throw new Error('Next.js <Form> component not implemented');\n          },\n          __esModule: true,\n        })),\n    // Instead of replacing next/image entirely, we let the real Next.js Image\n    // component load from the remote bundle and only replace its default loader.\n    // This gives us full next/image fidelity (fill, priority, srcSet, blur\n    // placeholders, error handling) while routing image optimization through the\n    // remote app's /_next/image endpoint.\n    'next/dist/shared/lib/image-loader':\n      hostShared['next/dist/shared/lib/image-loader'] ??\n      shared?.['next/dist/shared/lib/image-loader'] ??\n      ((bundle: string) =>\n        Promise.resolve({\n          default: createRemoteImageLoader(bundle, resolveClientUrl),\n          __esModule: true,\n        })),\n    'next/dist/client/script':\n      hostShared['next/script'] ??\n      shared?.['next/script'] ??\n      (() =>\n        Promise.resolve({\n          // TODO: implement <Script> component for non-Next.js host applications\n          // do not throw an error for now\n          default: () => null,\n          __esModule: true,\n        })),\n    'next/router':\n      hostShared['next/router'] ??\n      shared?.['next/router'] ??\n      (() =>\n        // TODO: incomplete implementation\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          __esModule: true,\n        })),\n    'next/dist/build/polyfills/process': () =>\n      Promise.resolve({\n        default: {\n          env: {\n            NODE_ENV: 'production',\n          },\n        },\n        __esModule: true,\n      }),\n  } as Record<string, () => Promise<unknown>>;\n\n  polyfill['next/navigation'] = polyfill[\n    'next/dist/client/components/navigation'\n  ] as () => Promise<unknown>;\n  polyfill['next/link'] = polyfill[\n    'next/dist/client/app-dir/link'\n  ] as () => Promise<unknown>;\n  polyfill['next/form'] = polyfill[\n    'next/dist/client/app-dir/form'\n  ] as () => Promise<unknown>;\n  polyfill['next/dist/esm/shared/lib/image-loader'] = polyfill[\n    'next/dist/shared/lib/image-loader'\n  ] as () => Promise<unknown>;\n  polyfill['next/script'] = polyfill[\n    'next/dist/client/script'\n  ] as () => Promise<unknown>;\n\n  return polyfill;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/polyfill.tsx"],"sourcesContent":["import type { LinkProps } from 'next/link';\nimport {\n  REMOTE_NAVIGATE_EVENT,\n  type RemoteNavigateDetail,\n} from '#internal/host/shared/navigate-event';\nimport { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getNamespace } from '#internal/runtime/namespace';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport { logWarn } from '#internal/utils/logger';\n\nfunction dispatchRemoteNavigate(detail: RemoteNavigateDetail) {\n  window.dispatchEvent(\n    new CustomEvent<RemoteNavigateDetail>(REMOTE_NAVIGATE_EVENT, { detail }),\n  );\n}\n\n// polyfill Next.js App Router client API (minimal)\n// implementations are minimal and do not cover all use cases\n// developer can override these shared modules from configuration\nexport function sharedPolyfills(\n  shared?: Record<string, () => Promise<unknown>>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const hostShared = getNamespace().hostSharedModules;\n  const polyfill = {\n    'next/dist/client/components/navigation':\n      hostShared['next/navigation'] ??\n      shared?.['next/navigation'] ??\n      (() =>\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'push' });\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'replace' });\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          usePathname() {\n            return location.pathname;\n          },\n          useParams() {\n            return {};\n          },\n          useSearchParams() {\n            return new URLSearchParams(location.search);\n          },\n          useSelectedLayoutSegment() {\n            return null;\n          },\n          useSelectedLayoutSegments() {\n            return [];\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/link':\n      hostShared['next/link'] ??\n      shared?.['next/link'] ??\n      (() =>\n        Promise.resolve({\n          default: ({\n            scroll: _,\n            replace,\n            prefetch,\n            onNavigate,\n            children,\n            ...props\n          }: React.PropsWithChildren<LinkProps>) => {\n            if (prefetch) {\n              logWarn(\n                'Polyfill',\n                'Next.js Link prefetch is not supported in remote components',\n              );\n            }\n            return (\n              <a\n                {...props}\n                href={props.href as string}\n                onClick={(e) => {\n                  e.preventDefault();\n                  let preventDefaulted = false;\n                  e.preventDefault = () => {\n                    preventDefaulted = true;\n                    e.defaultPrevented = true;\n                  };\n                  if (typeof props.onClick === 'function') {\n                    props.onClick(e);\n                  }\n                  onNavigate?.(e);\n                  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n                  if (preventDefaulted) {\n                    return;\n                  }\n                  if (replace) {\n                    history.replaceState({}, '', props.href as string);\n                  } else {\n                    history.pushState({}, '', props.href as string);\n                  }\n                  dispatchRemoteNavigate({\n                    url: props.href as string,\n                    type: replace ? 'replace' : 'push',\n                  });\n                }}\n                suppressHydrationWarning\n              >\n                {children ?? null}\n              </a>\n            );\n          },\n          useLinkStatus() {\n            return { pending: false };\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/form':\n      hostShared['next/form'] ??\n      shared?.['next/form'] ??\n      (() =>\n        Promise.resolve({\n          default: () => {\n            // TODO: implement <Form> component for non-Next.js host applications\n            throw new Error('Next.js <Form> component not implemented');\n          },\n          __esModule: true,\n        })),\n    // Instead of replacing next/image entirely, we let the real Next.js Image\n    // component load from the remote bundle and only replace its default loader.\n    // This gives us full next/image fidelity (fill, priority, srcSet, blur\n    // placeholders, error handling) while routing image optimization through the\n    // remote app's /_next/image endpoint.\n    'next/dist/shared/lib/image-loader':\n      hostShared['next/dist/shared/lib/image-loader'] ??\n      shared?.['next/dist/shared/lib/image-loader'] ??\n      ((bundle: string) =>\n        Promise.resolve({\n          default: createRemoteImageLoader(bundle, resolveClientUrl),\n          __esModule: true,\n        })),\n    'next/dist/client/script':\n      hostShared['next/script'] ??\n      shared?.['next/script'] ??\n      (() =>\n        Promise.resolve({\n          // TODO: implement <Script> component for non-Next.js host applications\n          // do not throw an error for now\n          default: () => null,\n          __esModule: true,\n        })),\n    'next/router':\n      hostShared['next/router'] ??\n      shared?.['next/router'] ??\n      (() =>\n        // TODO: incomplete implementation\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'push' });\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'replace' });\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          __esModule: true,\n        })),\n    'next/dist/build/polyfills/process': () =>\n      Promise.resolve({\n        default: {\n          env: {\n            NODE_ENV: 'production',\n          },\n        },\n        __esModule: true,\n      }),\n  } as Record<string, () => Promise<unknown>>;\n\n  polyfill['next/navigation'] = polyfill[\n    'next/dist/client/components/navigation'\n  ] as () => Promise<unknown>;\n  polyfill['next/link'] = polyfill[\n    'next/dist/client/app-dir/link'\n  ] as () => Promise<unknown>;\n  polyfill['next/form'] = polyfill[\n    'next/dist/client/app-dir/form'\n  ] as () => Promise<unknown>;\n  polyfill['next/dist/esm/shared/lib/image-loader'] = polyfill[\n    'next/dist/shared/lib/image-loader'\n  ] as () => Promise<unknown>;\n  polyfill['next/script'] = polyfill[\n    'next/dist/client/script'\n  ] as () => Promise<unknown>;\n\n  return polyfill;\n}\n"],"mappings":"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","names":[]}

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

@@ -1,7 +1,15 @@
 import { jsx } from "react/jsx-runtime";
+import {
+  REMOTE_NAVIGATE_EVENT
+} from "#internal/host/shared/navigate-event";
 import { createRemoteImageLoader } from "#internal/host/shared/remote-image-loader";
 import { getNamespace } from "#internal/runtime/namespace";
 import { logWarn } from "#internal/utils/logger";
+function dispatchRemoteNavigate(detail) {
+  window.dispatchEvent(
+    new CustomEvent(REMOTE_NAVIGATE_EVENT, { detail })
+  );
+}
 function sharedPolyfills(shared, resolveClientUrl) {
   const hostShared = getNamespace().hostSharedModules;
   const polyfill = {
@@ -10,9 +18,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();
@@ -75,6 +85,10 @@ function sharedPolyfills(shared, resolveClientUrl) {
               } else {
                 history.pushState({}, "", props.href);
               }
+              dispatchRemoteNavigate({
+                url: props.href,
+                type: replace ? "replace" : "push"
+              });
             },
             suppressHydrationWarning: true,
             children: children ?? null
@@ -114,9 +128,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();

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/shared/polyfill.tsx"],"sourcesContent":["import type { LinkProps } from 'next/link';\nimport { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getNamespace } from '#internal/runtime/namespace';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport { logWarn } from '#internal/utils/logger';\n\n// polyfill Next.js App Router client API (minimal)\n// implementations are minimal and do not cover all use cases\n// developer can override these shared modules from configuration\nexport function sharedPolyfills(\n  shared?: Record<string, () => Promise<unknown>>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const hostShared = getNamespace().hostSharedModules;\n  const polyfill = {\n    'next/dist/client/components/navigation':\n      hostShared['next/navigation'] ??\n      shared?.['next/navigation'] ??\n      (() =>\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          usePathname() {\n            return location.pathname;\n          },\n          useParams() {\n            return {};\n          },\n          useSearchParams() {\n            return new URLSearchParams(location.search);\n          },\n          useSelectedLayoutSegment() {\n            return null;\n          },\n          useSelectedLayoutSegments() {\n            return [];\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/link':\n      hostShared['next/link'] ??\n      shared?.['next/link'] ??\n      (() =>\n        Promise.resolve({\n          default: ({\n            scroll: _,\n            replace,\n            prefetch,\n            onNavigate,\n            children,\n            ...props\n          }: React.PropsWithChildren<LinkProps>) => {\n            if (prefetch) {\n              logWarn(\n                'Polyfill',\n                'Next.js Link prefetch is not supported in remote components',\n              );\n            }\n            return (\n              <a\n                {...props}\n                href={props.href as string}\n                onClick={(e) => {\n                  e.preventDefault();\n                  let preventDefaulted = false;\n                  e.preventDefault = () => {\n                    preventDefaulted = true;\n                    e.defaultPrevented = true;\n                  };\n                  if (typeof props.onClick === 'function') {\n                    props.onClick(e);\n                  }\n                  onNavigate?.(e);\n                  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n                  if (preventDefaulted) {\n                    return;\n                  }\n                  if (replace) {\n                    history.replaceState({}, '', props.href as string);\n                  } else {\n                    history.pushState({}, '', props.href as string);\n                  }\n                }}\n                suppressHydrationWarning\n              >\n                {children ?? null}\n              </a>\n            );\n          },\n          useLinkStatus() {\n            return { pending: false };\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/form':\n      hostShared['next/form'] ??\n      shared?.['next/form'] ??\n      (() =>\n        Promise.resolve({\n          default: () => {\n            // TODO: implement <Form> component for non-Next.js host applications\n            throw new Error('Next.js <Form> component not implemented');\n          },\n          __esModule: true,\n        })),\n    // Instead of replacing next/image entirely, we let the real Next.js Image\n    // component load from the remote bundle and only replace its default loader.\n    // This gives us full next/image fidelity (fill, priority, srcSet, blur\n    // placeholders, error handling) while routing image optimization through the\n    // remote app's /_next/image endpoint.\n    'next/dist/shared/lib/image-loader':\n      hostShared['next/dist/shared/lib/image-loader'] ??\n      shared?.['next/dist/shared/lib/image-loader'] ??\n      ((bundle: string) =>\n        Promise.resolve({\n          default: createRemoteImageLoader(bundle, resolveClientUrl),\n          __esModule: true,\n        })),\n    'next/dist/client/script':\n      hostShared['next/script'] ??\n      shared?.['next/script'] ??\n      (() =>\n        Promise.resolve({\n          // TODO: implement <Script> component for non-Next.js host applications\n          // do not throw an error for now\n          default: () => null,\n          __esModule: true,\n        })),\n    'next/router':\n      hostShared['next/router'] ??\n      shared?.['next/router'] ??\n      (() =>\n        // TODO: incomplete implementation\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          __esModule: true,\n        })),\n    'next/dist/build/polyfills/process': () =>\n      Promise.resolve({\n        default: {\n          env: {\n            NODE_ENV: 'production',\n          },\n        },\n        __esModule: true,\n      }),\n  } as Record<string, () => Promise<unknown>>;\n\n  polyfill['next/navigation'] = polyfill[\n    'next/dist/client/components/navigation'\n  ] as () => Promise<unknown>;\n  polyfill['next/link'] = polyfill[\n    'next/dist/client/app-dir/link'\n  ] as () => Promise<unknown>;\n  polyfill['next/form'] = polyfill[\n    'next/dist/client/app-dir/form'\n  ] as () => Promise<unknown>;\n  polyfill['next/dist/esm/shared/lib/image-loader'] = polyfill[\n    'next/dist/shared/lib/image-loader'\n  ] as () => Promise<unknown>;\n  polyfill['next/script'] = polyfill[\n    'next/dist/client/script'\n  ] as () => Promise<unknown>;\n\n  return polyfill;\n}\n"],"mappings":"AAsEc;AArEd,SAAS,+BAA+B;AACxC,SAAS,oBAAoB;AAE7B,SAAS,eAAe;AAKjB,SAAS,gBACd,QACA,kBACA;AACA,QAAM,aAAa,aAAa,EAAE;AAClC,QAAM,WAAW;AAAA,IACf,0CACE,WAAW,iBAAiB,KAC5B,SAAS,iBAAiB,MACzB,MACC,QAAQ,QAAQ;AAAA,MACd,YAAY;AACV,eAAO;AAAA,UACL,MAAM,CAAC,cAAsB;AAC3B,oBAAQ,UAAU,CAAC,GAAG,IAAI,SAAS;AAAA,UACrC;AAAA,UACA,SAAS,CAAC,cAAsB;AAC9B,oBAAQ,aAAa,CAAC,GAAG,IAAI,SAAS;AAAA,UACxC;AAAA,UACA,MAAM,MAAM;AACV,oBAAQ,KAAK;AAAA,UACf;AAAA,QACF;AAAA,MACF;AAAA,MACA,cAAc;AACZ,eAAO,SAAS;AAAA,MAClB;AAAA,MACA,YAAY;AACV,eAAO,CAAC;AAAA,MACV;AAAA,MACA,kBAAkB;AAChB,eAAO,IAAI,gBAAgB,SAAS,MAAM;AAAA,MAC5C;AAAA,MACA,2BAA2B;AACzB,eAAO;AAAA,MACT;AAAA,MACA,4BAA4B;AAC1B,eAAO,CAAC;AAAA,MACV;AAAA,MACA,YAAY;AAAA,IACd,CAAC;AAAA,IACL,iCACE,WAAW,WAAW,KACtB,SAAS,WAAW,MACnB,MACC,QAAQ,QAAQ;AAAA,MACd,SAAS,CAAC;AAAA,QACR,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACL,MAA0C;AACxC,YAAI,UAAU;AACZ;AAAA,YACE;AAAA,YACA;AAAA,UACF;AAAA,QACF;AACA,eACE;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACJ,MAAM,MAAM;AAAA,YACZ,SAAS,CAAC,MAAM;AACd,gBAAE,eAAe;AACjB,kBAAI,mBAAmB;AACvB,gBAAE,iBAAiB,MAAM;AACvB,mCAAmB;AACnB,kBAAE,mBAAmB;AAAA,cACvB;AACA,kBAAI,OAAO,MAAM,YAAY,YAAY;AACvC,sBAAM,QAAQ,CAAC;AAAA,cACjB;AACA,2BAAa,CAAC;AAEd,kBAAI,kBAAkB;AACpB;AAAA,cACF;AACA,kBAAI,SAAS;AACX,wBAAQ,aAAa,CAAC,GAAG,IAAI,MAAM,IAAc;AAAA,cACnD,OAAO;AACL,wBAAQ,UAAU,CAAC,GAAG,IAAI,MAAM,IAAc;AAAA,cAChD;AAAA,YACF;AAAA,YACA,0BAAwB;AAAA,YAEvB,sBAAY;AAAA;AAAA,QACf;AAAA,MAEJ;AAAA,MACA,gBAAgB;AACd,eAAO,EAAE,SAAS,MAAM;AAAA,MAC1B;AAAA,MACA,YAAY;AAAA,IACd,CAAC;AAAA,IACL,iCACE,WAAW,WAAW,KACtB,SAAS,WAAW,MACnB,MACC,QAAQ,QAAQ;AAAA,MACd,SAAS,MAAM;AAEb,cAAM,IAAI,MAAM,0CAA0C;AAAA,MAC5D;AAAA,MACA,YAAY;AAAA,IACd,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAML,qCACE,WAAW,mCAAmC,KAC9C,SAAS,mCAAmC,MAC3C,CAAC,WACA,QAAQ,QAAQ;AAAA,MACd,SAAS,wBAAwB,QAAQ,gBAAgB;AAAA,MACzD,YAAY;AAAA,IACd,CAAC;AAAA,IACL,2BACE,WAAW,aAAa,KACxB,SAAS,aAAa,MACrB,MACC,QAAQ,QAAQ;AAAA;AAAA;AAAA,MAGd,SAAS,MAAM;AAAA,MACf,YAAY;AAAA,IACd,CAAC;AAAA,IACL,eACE,WAAW,aAAa,KACxB,SAAS,aAAa,MACrB;AAAA;AAAA,MAEC,QAAQ,QAAQ;AAAA,QACd,YAAY;AACV,iBAAO;AAAA,YACL,MAAM,CAAC,cAAsB;AAC3B,sBAAQ,UAAU,CAAC,GAAG,IAAI,SAAS;AAAA,YACrC;AAAA,YACA,SAAS,CAAC,cAAsB;AAC9B,sBAAQ,aAAa,CAAC,GAAG,IAAI,SAAS;AAAA,YACxC;AAAA,YACA,MAAM,MAAM;AACV,sBAAQ,KAAK;AAAA,YACf;AAAA,UACF;AAAA,QACF;AAAA,QACA,YAAY;AAAA,MACd,CAAC;AAAA;AAAA,IACL,qCAAqC,MACnC,QAAQ,QAAQ;AAAA,MACd,SAAS;AAAA,QACP,KAAK;AAAA,UACH,UAAU;AAAA,QACZ;AAAA,MACF;AAAA,MACA,YAAY;AAAA,IACd,CAAC;AAAA,EACL;AAEA,WAAS,iBAAiB,IAAI,SAC5B,wCACF;AACA,WAAS,WAAW,IAAI,SACtB,+BACF;AACA,WAAS,WAAW,IAAI,SACtB,+BACF;AACA,WAAS,uCAAuC,IAAI,SAClD,mCACF;AACA,WAAS,aAAa,IAAI,SACxB,yBACF;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/host/shared/polyfill.tsx"],"sourcesContent":["import type { LinkProps } from 'next/link';\nimport {\n  REMOTE_NAVIGATE_EVENT,\n  type RemoteNavigateDetail,\n} from '#internal/host/shared/navigate-event';\nimport { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getNamespace } from '#internal/runtime/namespace';\nimport type { InternalResolveClientUrl } from '#internal/runtime/url/resolve-client-url';\nimport { logWarn } from '#internal/utils/logger';\n\nfunction dispatchRemoteNavigate(detail: RemoteNavigateDetail) {\n  window.dispatchEvent(\n    new CustomEvent<RemoteNavigateDetail>(REMOTE_NAVIGATE_EVENT, { detail }),\n  );\n}\n\n// polyfill Next.js App Router client API (minimal)\n// implementations are minimal and do not cover all use cases\n// developer can override these shared modules from configuration\nexport function sharedPolyfills(\n  shared?: Record<string, () => Promise<unknown>>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  const hostShared = getNamespace().hostSharedModules;\n  const polyfill = {\n    'next/dist/client/components/navigation':\n      hostShared['next/navigation'] ??\n      shared?.['next/navigation'] ??\n      (() =>\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'push' });\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'replace' });\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          usePathname() {\n            return location.pathname;\n          },\n          useParams() {\n            return {};\n          },\n          useSearchParams() {\n            return new URLSearchParams(location.search);\n          },\n          useSelectedLayoutSegment() {\n            return null;\n          },\n          useSelectedLayoutSegments() {\n            return [];\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/link':\n      hostShared['next/link'] ??\n      shared?.['next/link'] ??\n      (() =>\n        Promise.resolve({\n          default: ({\n            scroll: _,\n            replace,\n            prefetch,\n            onNavigate,\n            children,\n            ...props\n          }: React.PropsWithChildren<LinkProps>) => {\n            if (prefetch) {\n              logWarn(\n                'Polyfill',\n                'Next.js Link prefetch is not supported in remote components',\n              );\n            }\n            return (\n              <a\n                {...props}\n                href={props.href as string}\n                onClick={(e) => {\n                  e.preventDefault();\n                  let preventDefaulted = false;\n                  e.preventDefault = () => {\n                    preventDefaulted = true;\n                    e.defaultPrevented = true;\n                  };\n                  if (typeof props.onClick === 'function') {\n                    props.onClick(e);\n                  }\n                  onNavigate?.(e);\n                  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n                  if (preventDefaulted) {\n                    return;\n                  }\n                  if (replace) {\n                    history.replaceState({}, '', props.href as string);\n                  } else {\n                    history.pushState({}, '', props.href as string);\n                  }\n                  dispatchRemoteNavigate({\n                    url: props.href as string,\n                    type: replace ? 'replace' : 'push',\n                  });\n                }}\n                suppressHydrationWarning\n              >\n                {children ?? null}\n              </a>\n            );\n          },\n          useLinkStatus() {\n            return { pending: false };\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/form':\n      hostShared['next/form'] ??\n      shared?.['next/form'] ??\n      (() =>\n        Promise.resolve({\n          default: () => {\n            // TODO: implement <Form> component for non-Next.js host applications\n            throw new Error('Next.js <Form> component not implemented');\n          },\n          __esModule: true,\n        })),\n    // Instead of replacing next/image entirely, we let the real Next.js Image\n    // component load from the remote bundle and only replace its default loader.\n    // This gives us full next/image fidelity (fill, priority, srcSet, blur\n    // placeholders, error handling) while routing image optimization through the\n    // remote app's /_next/image endpoint.\n    'next/dist/shared/lib/image-loader':\n      hostShared['next/dist/shared/lib/image-loader'] ??\n      shared?.['next/dist/shared/lib/image-loader'] ??\n      ((bundle: string) =>\n        Promise.resolve({\n          default: createRemoteImageLoader(bundle, resolveClientUrl),\n          __esModule: true,\n        })),\n    'next/dist/client/script':\n      hostShared['next/script'] ??\n      shared?.['next/script'] ??\n      (() =>\n        Promise.resolve({\n          // TODO: implement <Script> component for non-Next.js host applications\n          // do not throw an error for now\n          default: () => null,\n          __esModule: true,\n        })),\n    'next/router':\n      hostShared['next/router'] ??\n      shared?.['next/router'] ??\n      (() =>\n        // TODO: incomplete implementation\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'push' });\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n                dispatchRemoteNavigate({ url: routerUrl, type: 'replace' });\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          __esModule: true,\n        })),\n    'next/dist/build/polyfills/process': () =>\n      Promise.resolve({\n        default: {\n          env: {\n            NODE_ENV: 'production',\n          },\n        },\n        __esModule: true,\n      }),\n  } as Record<string, () => Promise<unknown>>;\n\n  polyfill['next/navigation'] = polyfill[\n    'next/dist/client/components/navigation'\n  ] as () => Promise<unknown>;\n  polyfill['next/link'] = polyfill[\n    'next/dist/client/app-dir/link'\n  ] as () => Promise<unknown>;\n  polyfill['next/form'] = polyfill[\n    'next/dist/client/app-dir/form'\n  ] as () => Promise<unknown>;\n  polyfill['next/dist/esm/shared/lib/image-loader'] = polyfill[\n    'next/dist/shared/lib/image-loader'\n  ] as () => Promise<unknown>;\n  polyfill['next/script'] = polyfill[\n    'next/dist/client/script'\n  ] as () => Promise<unknown>;\n\n  return polyfill;\n}\n"],"mappings":"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","names":[]}

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

@@ -34,7 +34,8 @@ async function loadScripts(scripts, resolveClientUrl) {
           script.src.replace(import_patterns.NEXT_BUNDLE_PATH_RE, "/_next/"),
           location.origin
         ).href;
-        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;
+        const rawResolved = resolveClientUrl?.(newSrc) ?? newSrc;
+        const resolvedSrc = new URL(rawResolved, location.href).href;
         const alreadyLoaded = Array.from(
           document.querySelectorAll("script[src]")
         ).some((s) => s.src === resolvedSrc);

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

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

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

@@ -14,7 +14,8 @@ async function loadScripts(scripts, resolveClientUrl) {
           script.src.replace(NEXT_BUNDLE_PATH_RE, "/_next/"),
           location.origin
         ).href;
-        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;
+        const rawResolved = resolveClientUrl?.(newSrc) ?? newSrc;
+        const resolvedSrc = new URL(rawResolved, location.href).href;
         const alreadyLoaded = Array.from(
           document.querySelectorAll("script[src]")
         ).some((s) => s.src === resolvedSrc);

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

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

package/dist/navigate-event-baee0b63.d.ts

@@ -0,0 +1,14 @@
+/** Parsed navigation request surfaced to `onRemoteNavigate` / `useRemoteNavigate` callbacks. */
+interface RemoteNavigateEvent {
+    /** Raw value from the remote; may be absolute or relative. */
+    url: string;
+    pathname: string;
+    /** Includes leading `?`, or `''` if none. */
+    search: string;
+    /** Includes leading `#`, or `''` if none. */
+    hash: string;
+    /** `'push'` / `'replace'` mirror the remote's history call. */
+    type: 'push' | 'replace';
+}
+
+export { RemoteNavigateEvent as R };

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

@@ -1,16 +1,17 @@
 import {
   initializeSharedModules,
   setupRemoteScope
-} from "./chunk-QKB74MLO.js";
+} from "./chunk-N3KPUFOB.js";
 import {
   applySharedModules,
   nextClientPagesLoader
-} from "./chunk-52BJ7VFA.js";
+} from "./chunk-MKO52FRO.js";
 import {
   buildCoreShared,
   buildHostShared
-} from "./chunk-SJM7AAGU.js";
+} from "./chunk-SAGYPGIQ.js";
 import "./chunk-D5GNZB6O.js";
+import "./chunk-STIJO4AG.js";
 import "./chunk-S2A4TFLS.js";
 import "./chunk-X6YKUJKH.js";
 import "./chunk-ENYGL5CO.js";
@@ -52,4 +53,4 @@ async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClient
 export {
   turbopackRuntime
 };
-//# sourceMappingURL=turbopack-5LW6V6IT.js.map
+//# sourceMappingURL=turbopack-DK6L7P3J.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/host/html/runtime/turbopack.ts"],"sourcesContent":["import { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  buildCoreShared,\n  buildHostShared,\n} from '#internal/host/shared/shared-module-resolver';\nimport { setupRemoteScope } from '#internal/runtime/turbopack/remote-scope-setup';\nimport { initializeSharedModules } from '#internal/runtime/turbopack/shared-modules';\nimport type { MountUnmountFunctions, RSCKey } from '#internal/runtime/types';\n\n// initializer for the turbopack runtime to be able to access modules\n// required to run exposed client components of the remote component\nexport async function turbopackRuntime(\n  url: URL,\n  bundle?: string,\n  shared?: Record<string, () => Promise<unknown>>,\n  remoteShared?: Record<string, string>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack runtime globals\n    __webpack_require__: (remoteId: string) => unknown;\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    // conditional flag to disable webpack exec\n    __DISABLE_WEBPACK_EXEC__: boolean;\n    // webpack chunk loading function\n    __webpack_chunk_load__: () => Promise<[]>;\n  } & MountUnmountFunctions &\n    Record<RSCKey, string[]>;\n\n  const hostShared = buildHostShared(shared, resolveClientUrl, {\n    includeRemoteComponentShared: true,\n  });\n\n  // Phase 1: Set up globals (__webpack_require__, __webpack_chunk_load__).\n  // Called with empty scripts because we need the globals to exist before\n  // importing react-server-dom-webpack. Shared module initialization is\n  // deferred to preloadScripts where turbopack chunks are actually loaded.\n  await setupRemoteScope('turbopack', [], url, bundle, resolveClientUrl);\n\n  // we can only import react-server-dom-webpack after initializing the __webpack_require__ and __webpack_chunk_load__ functions\n  const {\n    default: { createFromReadableStream },\n  } = await import('react-server-dom-webpack/client.browser');\n\n  async function preloadScripts(scripts: HTMLScriptElement[], __: URL) {\n    // Phase 2: Load turbopack chunks (scope is reused from phase 1).\n    const scope = await setupRemoteScope(\n      'turbopack',\n      scripts.map((script) => ({\n        src:\n          script.getAttribute('src') ||\n          script.getAttribute('data-src') ||\n          script.src,\n      })),\n      url,\n      bundle,\n      resolveClientUrl,\n    );\n\n    // Phase 3: Initialize shared modules now that turbopackModules is\n    // populated. This uses the primary bundle-introspection path which\n    // maps shared modules by numeric turbopack ID — unlike the fallback\n    // path that uses file-path keys which can't match at runtime.\n    await initializeSharedModules(\n      scope,\n      buildCoreShared(hostShared),\n      remoteShared ?? {},\n    );\n  }\n\n  return {\n    self,\n    createFromReadableStream,\n    applySharedModules,\n    nextClientPagesLoader,\n    preloadScripts,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAaA,eAAsB,iBACpB,KACA,QACA,QACA,cACA,kBACA;AAEA,QAAM,OAAO;AAmBb,QAAM,aAAa,gBAAgB,QAAQ,kBAAkB;AAAA,IAC3D,8BAA8B;AAAA,EAChC,CAAC;AAMD,QAAM,iBAAiB,aAAa,CAAC,GAAG,KAAK,QAAQ,gBAAgB;AAGrE,QAAM;AAAA,IACJ,SAAS,EAAE,yBAAyB;AAAA,EACtC,IAAI,MAAM,OAAO,yCAAyC;AAE1D,iBAAe,eAAe,SAA8B,IAAS;AAEnE,UAAM,QAAQ,MAAM;AAAA,MAClB;AAAA,MACA,QAAQ,IAAI,CAAC,YAAY;AAAA,QACvB,KACE,OAAO,aAAa,KAAK,KACzB,OAAO,aAAa,UAAU,KAC9B,OAAO;AAAA,MACX,EAAE;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAMA,UAAM;AAAA,MACJ;AAAA,MACA,gBAAgB,UAAU;AAAA,MAC1B,gBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../src/host/html/runtime/turbopack.ts"],"sourcesContent":["import { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  buildCoreShared,\n  buildHostShared,\n} from '#internal/host/shared/shared-module-resolver';\nimport { setupRemoteScope } from '#internal/runtime/turbopack/remote-scope-setup';\nimport { initializeSharedModules } from '#internal/runtime/turbopack/shared-modules';\nimport type { MountUnmountFunctions, RSCKey } from '#internal/runtime/types';\n\n// initializer for the turbopack runtime to be able to access modules\n// required to run exposed client components of the remote component\nexport async function turbopackRuntime(\n  url: URL,\n  bundle?: string,\n  shared?: Record<string, () => Promise<unknown>>,\n  remoteShared?: Record<string, string>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack runtime globals\n    __webpack_require__: (remoteId: string) => unknown;\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    // conditional flag to disable webpack exec\n    __DISABLE_WEBPACK_EXEC__: boolean;\n    // webpack chunk loading function\n    __webpack_chunk_load__: () => Promise<[]>;\n  } & MountUnmountFunctions &\n    Record<RSCKey, string[]>;\n\n  const hostShared = buildHostShared(shared, resolveClientUrl, {\n    includeRemoteComponentShared: true,\n  });\n\n  // Phase 1: Set up globals (__webpack_require__, __webpack_chunk_load__).\n  // Called with empty scripts because we need the globals to exist before\n  // importing react-server-dom-webpack. Shared module initialization is\n  // deferred to preloadScripts where turbopack chunks are actually loaded.\n  await setupRemoteScope('turbopack', [], url, bundle, resolveClientUrl);\n\n  // we can only import react-server-dom-webpack after initializing the __webpack_require__ and __webpack_chunk_load__ functions\n  const {\n    default: { createFromReadableStream },\n  } = await import('react-server-dom-webpack/client.browser');\n\n  async function preloadScripts(scripts: HTMLScriptElement[], __: URL) {\n    // Phase 2: Load turbopack chunks (scope is reused from phase 1).\n    const scope = await setupRemoteScope(\n      'turbopack',\n      scripts.map((script) => ({\n        src:\n          script.getAttribute('src') ||\n          script.getAttribute('data-src') ||\n          script.src,\n      })),\n      url,\n      bundle,\n      resolveClientUrl,\n    );\n\n    // Phase 3: Initialize shared modules now that turbopackModules is\n    // populated. This uses the primary bundle-introspection path which\n    // maps shared modules by numeric turbopack ID — unlike the fallback\n    // path that uses file-path keys which can't match at runtime.\n    await initializeSharedModules(\n      scope,\n      buildCoreShared(hostShared),\n      remoteShared ?? {},\n    );\n  }\n\n  return {\n    self,\n    createFromReadableStream,\n    applySharedModules,\n    nextClientPagesLoader,\n    preloadScripts,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,eAAsB,iBACpB,KACA,QACA,QACA,cACA,kBACA;AAEA,QAAM,OAAO;AAmBb,QAAM,aAAa,gBAAgB,QAAQ,kBAAkB;AAAA,IAC3D,8BAA8B;AAAA,EAChC,CAAC;AAMD,QAAM,iBAAiB,aAAa,CAAC,GAAG,KAAK,QAAQ,gBAAgB;AAGrE,QAAM;AAAA,IACJ,SAAS,EAAE,yBAAyB;AAAA,EACtC,IAAI,MAAM,OAAO,yCAAyC;AAE1D,iBAAe,eAAe,SAA8B,IAAS;AAEnE,UAAM,QAAQ,MAAM;AAAA,MAClB;AAAA,MACA,QAAQ,IAAI,CAAC,YAAY;AAAA,QACvB,KACE,OAAO,aAAa,KAAK,KACzB,OAAO,aAAa,UAAU,KAC9B,OAAO;AAAA,MACX,EAAE;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAMA,UAAM;AAAA,MACJ;AAAA,MACA,gBAAgB,UAAU;AAAA,MAC1B,gBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

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

@@ -1,16 +1,17 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
 
-var _chunkRJW3EZJPcjs = require('./chunk-RJW3EZJP.cjs');
+var _chunkEYALF655cjs = require('./chunk-EYALF655.cjs');
 
 
 
-var _chunkT64P7BAGcjs = require('./chunk-T64P7BAG.cjs');
+var _chunkJJTCFQHEcjs = require('./chunk-JJTCFQHE.cjs');
 
 
 
-var _chunkX6W464D6cjs = require('./chunk-X6W464D6.cjs');
+var _chunkRLI4YTBJcjs = require('./chunk-RLI4YTBJ.cjs');
 require('./chunk-Z2SLBFQL.cjs');
+require('./chunk-5KTAEO52.cjs');
 require('./chunk-RUWR74XQ.cjs');
 require('./chunk-KE7QPAQ4.cjs');
 require('./chunk-SHFJ5OQA.cjs');
@@ -18,15 +19,15 @@ require('./chunk-SHFJ5OQA.cjs');
 // src/host/html/runtime/turbopack.ts
 async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClientUrl) {
   const self = globalThis;
-  const hostShared = _chunkX6W464D6cjs.buildHostShared.call(void 0, shared, resolveClientUrl, {
+  const hostShared = _chunkRLI4YTBJcjs.buildHostShared.call(void 0, shared, resolveClientUrl, {
     includeRemoteComponentShared: true
   });
-  await _chunkRJW3EZJPcjs.setupRemoteScope.call(void 0, "turbopack", [], url, bundle, resolveClientUrl);
+  await _chunkEYALF655cjs.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 _chunkRJW3EZJPcjs.setupRemoteScope.call(void 0, 
+    const scope = await _chunkEYALF655cjs.setupRemoteScope.call(void 0, 
       "turbopack",
       scripts.map((script) => ({
         src: script.getAttribute("src") || script.getAttribute("data-src") || script.src
@@ -35,21 +36,21 @@ async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClient
       bundle,
       resolveClientUrl
     );
-    await _chunkRJW3EZJPcjs.initializeSharedModules.call(void 0, 
+    await _chunkEYALF655cjs.initializeSharedModules.call(void 0, 
       scope,
-      _chunkX6W464D6cjs.buildCoreShared.call(void 0, hostShared),
+      _chunkRLI4YTBJcjs.buildCoreShared.call(void 0, hostShared),
       _nullishCoalesce(remoteShared, () => ( {}))
     );
   }
   return {
     self,
     createFromReadableStream,
-    applySharedModules: _chunkT64P7BAGcjs.applySharedModules,
-    nextClientPagesLoader: _chunkT64P7BAGcjs.nextClientPagesLoader,
+    applySharedModules: _chunkJJTCFQHEcjs.applySharedModules,
+    nextClientPagesLoader: _chunkJJTCFQHEcjs.nextClientPagesLoader,
     preloadScripts
   };
 }
 
 
 exports.turbopackRuntime = turbopackRuntime;
-//# sourceMappingURL=turbopack-KRKECGY2.cjs.map
+//# sourceMappingURL=turbopack-PSD4THQE.cjs.map

package/dist/turbopack-PSD4THQE.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/host/html/runtime/turbopack.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAaA,eAAsB,iBACpB,KACA,QACA,QACA,cACA,kBACA;AAEA,QAAM,OAAO;AAmBb,QAAM,aAAa,gBAAgB,QAAQ,kBAAkB;AAAA,IAC3D,8BAA8B;AAAA,EAChC,CAAC;AAMD,QAAM,iBAAiB,aAAa,CAAC,GAAG,KAAK,QAAQ,gBAAgB;AAGrE,QAAM;AAAA,IACJ,SAAS,EAAE,yBAAyB;AAAA,EACtC,IAAI,MAAM,OAAO,yCAAyC;AAE1D,iBAAe,eAAe,SAA8B,IAAS;AAEnE,UAAM,QAAQ,MAAM;AAAA,MAClB;AAAA,MACA,QAAQ,IAAI,CAAC,YAAY;AAAA,QACvB,KACE,OAAO,aAAa,KAAK,KACzB,OAAO,aAAa,UAAU,KAC9B,OAAO;AAAA,MACX,EAAE;AAAA,MACF;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAMA,UAAM;AAAA,MACJ;AAAA,MACA,gBAAgB,UAAU;AAAA,MAC1B,gBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF","sourcesContent":["import { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  buildCoreShared,\n  buildHostShared,\n} from '#internal/host/shared/shared-module-resolver';\nimport { setupRemoteScope } from '#internal/runtime/turbopack/remote-scope-setup';\nimport { initializeSharedModules } from '#internal/runtime/turbopack/shared-modules';\nimport type { MountUnmountFunctions, RSCKey } from '#internal/runtime/types';\n\n// initializer for the turbopack runtime to be able to access modules\n// required to run exposed client components of the remote component\nexport async function turbopackRuntime(\n  url: URL,\n  bundle?: string,\n  shared?: Record<string, () => Promise<unknown>>,\n  remoteShared?: Record<string, string>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack runtime globals\n    __webpack_require__: (remoteId: string) => unknown;\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    // conditional flag to disable webpack exec\n    __DISABLE_WEBPACK_EXEC__: boolean;\n    // webpack chunk loading function\n    __webpack_chunk_load__: () => Promise<[]>;\n  } & MountUnmountFunctions &\n    Record<RSCKey, string[]>;\n\n  const hostShared = buildHostShared(shared, resolveClientUrl, {\n    includeRemoteComponentShared: true,\n  });\n\n  // Phase 1: Set up globals (__webpack_require__, __webpack_chunk_load__).\n  // Called with empty scripts because we need the globals to exist before\n  // importing react-server-dom-webpack. Shared module initialization is\n  // deferred to preloadScripts where turbopack chunks are actually loaded.\n  await setupRemoteScope('turbopack', [], url, bundle, resolveClientUrl);\n\n  // we can only import react-server-dom-webpack after initializing the __webpack_require__ and __webpack_chunk_load__ functions\n  const {\n    default: { createFromReadableStream },\n  } = await import('react-server-dom-webpack/client.browser');\n\n  async function preloadScripts(scripts: HTMLScriptElement[], __: URL) {\n    // Phase 2: Load turbopack chunks (scope is reused from phase 1).\n    const scope = await setupRemoteScope(\n      'turbopack',\n      scripts.map((script) => ({\n        src:\n          script.getAttribute('src') ||\n          script.getAttribute('data-src') ||\n          script.src,\n      })),\n      url,\n      bundle,\n      resolveClientUrl,\n    );\n\n    // Phase 3: Initialize shared modules now that turbopackModules is\n    // populated. This uses the primary bundle-introspection path which\n    // maps shared modules by numeric turbopack ID — unlike the fallback\n    // path that uses file-path keys which can't match at runtime.\n    await initializeSharedModules(\n      scope,\n      buildCoreShared(hostShared),\n      remoteShared ?? {},\n    );\n  }\n\n  return {\n    self,\n    createFromReadableStream,\n    applySharedModules,\n    nextClientPagesLoader,\n    preloadScripts,\n  };\n}\n"]}