remote-components 0.3.2 → 0.3.4

package/dist/internal/host/nextjs/image-shared.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,12 +17,21 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var image_shared_exports = {};
 __export(image_shared_exports, {
   createImageLoaderSharedEntries: () => createImageLoaderSharedEntries
 });
 module.exports = __toCommonJS(image_shared_exports);
+var import_react = require("react");
 var import_remote_image_loader = require("#internal/host/shared/remote-image-loader");
 var import_remote_scope = require("#internal/runtime/turbopack/remote-scope");
 var import_default_resolve_client_url = require("#internal/runtime/url/default-resolve-client-url");
@@ -34,16 +45,41 @@ function createImageLoaderSharedEntries({
   bound,
   unbound
 } = {}) {
-  const entry = (bundle) => {
+  const loaderEntry = (bundle) => {
     const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);
     return Promise.resolve({
       default: (0, import_remote_image_loader.createRemoteImageLoader)(bundle, resolveClientUrl),
       __esModule: true
     });
   };
+  const imageEntry = async (bundle) => {
+    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);
+    const rawLoader = (0, import_remote_image_loader.createRemoteImageLoader)(bundle, resolveClientUrl);
+    const remoteLoader = Object.assign(
+      (p) => rawLoader({ ...p, config: { path: "/_next/image" } }),
+      { __next_img_default: true }
+    );
+    const mod = await import("next/image");
+    const OriginalImage = mod.default;
+    const RemoteImage = (0, import_react.forwardRef)(
+      (props, ref) => (0, import_react.createElement)(OriginalImage, {
+        ...props,
+        loader: props.loader ?? remoteLoader,
+        ref
+      })
+    );
+    RemoteImage.displayName = "RemoteImage";
+    return { ...mod, default: RemoteImage, __esModule: true };
+  };
   return {
-    "next/dist/shared/lib/image-loader": entry,
-    "next/dist/esm/shared/lib/image-loader": entry
+    "next/dist/shared/lib/image-loader": loaderEntry,
+    "next/dist/esm/shared/lib/image-loader": loaderEntry,
+    // Can be removed once 0.2.x support is dropped.
+    "next/image": imageEntry,
+    // Can be removed once 0.2.x support is dropped.
+    "next/dist/client/image-component": imageEntry,
+    // Can be removed once 0.2.x support is dropped.
+    "next/dist/api/image": imageEntry
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/nextjs/image-shared.ts"],"sourcesContent":["import { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { bindResolveClientUrl } from '#internal/runtime/url/default-resolve-client-url';\nimport type {\n  InternalResolveClientUrl,\n  ResolveClientUrl,\n} from '#internal/runtime/url/resolve-client-url';\n\ntype SharedImageModule = (bundle: string) => Promise<unknown>;\n\nfunction resolveForBundle(\n  unbound: ResolveClientUrl | undefined,\n  bundle: string,\n): InternalResolveClientUrl | undefined {\n  if (!unbound) return undefined;\n  const remoteSrc = getScope(bundle)?.url.href ?? '';\n  return bindResolveClientUrl(unbound, remoteSrc);\n}\n\n/**\n * Creates shared module entries for `next/dist/shared/lib/image-loader` (and\n * its ESM alias). These ensure that any code path in the remote's bundle that\n * directly imports the image loader — rather than going through the shared\n * `next/image` entry — still routes image optimization requests to the remote\n * and through the host's proxy when deployment protection is active.\n *\n * Pass `bound` when the resolver already has `remoteSrc` applied (App Router —\n * `useResolveClientUrl` returns the bound form). Pass `unbound` when only the\n * raw 2-arg `ResolveClientUrl` is available (Pages Router, client-only\n * provider) — binding is deferred until the bundle URL is known at resolution\n * time.\n */\nexport function createImageLoaderSharedEntries({\n  bound,\n  unbound,\n}: {\n  bound?: InternalResolveClientUrl;\n  unbound?: ResolveClientUrl;\n} = {}): Record<string, SharedImageModule> {\n  const entry: SharedImageModule = (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    return Promise.resolve({\n      default: createRemoteImageLoader(bundle, resolveClientUrl),\n      __esModule: true,\n    });\n  };\n  return {\n    'next/dist/shared/lib/image-loader': entry,\n    'next/dist/esm/shared/lib/image-loader': entry,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAwC;AACxC,0BAAyB;AACzB,wCAAqC;AAQrC,SAAS,iBACP,SACA,QACsC;AACtC,MAAI,CAAC;AAAS,WAAO;AACrB,QAAM,gBAAY,8BAAS,MAAM,GAAG,IAAI,QAAQ;AAChD,aAAO,wDAAqB,SAAS,SAAS;AAChD;AAeO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,IAGI,CAAC,GAAsC;AACzC,QAAM,QAA2B,CAAC,WAAmB;AACnD,UAAM,mBAAmB,SAAS,iBAAiB,SAAS,MAAM;AAClE,WAAO,QAAQ,QAAQ;AAAA,MACrB,aAAS,oDAAwB,QAAQ,gBAAgB;AAAA,MACzD,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AACA,SAAO;AAAA,IACL,qCAAqC;AAAA,IACrC,yCAAyC;AAAA,EAC3C;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/host/nextjs/image-shared.ts"],"sourcesContent":["import { createElement, forwardRef } from 'react';\nimport { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { bindResolveClientUrl } from '#internal/runtime/url/default-resolve-client-url';\nimport type {\n  InternalResolveClientUrl,\n  ResolveClientUrl,\n} from '#internal/runtime/url/resolve-client-url';\n\ntype SharedImageModule = (bundle: string) => Promise<unknown>;\n\nfunction resolveForBundle(\n  unbound: ResolveClientUrl | undefined,\n  bundle: string,\n): InternalResolveClientUrl | undefined {\n  if (!unbound) return undefined;\n  const remoteSrc = getScope(bundle)?.url.href ?? '';\n  return bindResolveClientUrl(unbound, remoteSrc);\n}\n\n/**\n * Creates shared module entries for image-related modules that route\n * optimization requests through the remote's `/_next/image` endpoint.\n *\n * Pass `bound` when the resolver already has `remoteSrc` applied (App Router).\n * Pass `unbound` when only the raw 2-arg `ResolveClientUrl` is available\n * (Pages Router, client-only provider).\n */\nexport function createImageLoaderSharedEntries({\n  bound,\n  unbound,\n}: {\n  bound?: InternalResolveClientUrl;\n  unbound?: ResolveClientUrl;\n} = {}): Record<string, SharedImageModule> {\n  const loaderEntry: SharedImageModule = (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    return Promise.resolve({\n      default: createRemoteImageLoader(bundle, resolveClientUrl),\n      __esModule: true,\n    });\n  };\n\n  // Cross-version compat: remotes <=0.2.x request `next/image` as a shared module.\n  // Wraps the host's Image component with the remote image loader injected\n  // via the `loader` prop. Can be removed once 0.2.x support is dropped.\n  const imageEntry: SharedImageModule = async (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    const rawLoader = createRemoteImageLoader(bundle, resolveClientUrl);\n    // Wrap to match Next.js `ImageLoader` signature (no `config` param).\n    // The raw loader expects `{ config, src, width, quality }` but the public\n    // `loader` prop is called with `{ src, width, quality }` only.\n    const remoteLoader = Object.assign(\n      (p: { src: string; width: number; quality?: number }) =>\n        rawLoader({ ...p, config: { path: '/_next/image' } }),\n      { __next_img_default: true as const },\n    );\n    const mod = await import('next/image');\n    const OriginalImage = mod.default;\n    type ImageProps = Parameters<typeof OriginalImage>[0];\n    const RemoteImage = forwardRef<HTMLImageElement, ImageProps>((props, ref) =>\n      createElement(OriginalImage, {\n        ...props,\n        loader: props.loader ?? remoteLoader,\n        ref,\n      }),\n    );\n    RemoteImage.displayName = 'RemoteImage';\n    return { ...mod, default: RemoteImage, __esModule: true };\n  };\n\n  return {\n    'next/dist/shared/lib/image-loader': loaderEntry,\n    'next/dist/esm/shared/lib/image-loader': loaderEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/image': imageEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/dist/client/image-component': imageEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/dist/api/image': imageEntry,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAC1C,iCAAwC;AACxC,0BAAyB;AACzB,wCAAqC;AAQrC,SAAS,iBACP,SACA,QACsC;AACtC,MAAI,CAAC;AAAS,WAAO;AACrB,QAAM,gBAAY,8BAAS,MAAM,GAAG,IAAI,QAAQ;AAChD,aAAO,wDAAqB,SAAS,SAAS;AAChD;AAUO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,IAGI,CAAC,GAAsC;AACzC,QAAM,cAAiC,CAAC,WAAmB;AACzD,UAAM,mBAAmB,SAAS,iBAAiB,SAAS,MAAM;AAClE,WAAO,QAAQ,QAAQ;AAAA,MACrB,aAAS,oDAAwB,QAAQ,gBAAgB;AAAA,MACzD,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AAKA,QAAM,aAAgC,OAAO,WAAmB;AAC9D,UAAM,mBAAmB,SAAS,iBAAiB,SAAS,MAAM;AAClE,UAAM,gBAAY,oDAAwB,QAAQ,gBAAgB;AAIlE,UAAM,eAAe,OAAO;AAAA,MAC1B,CAAC,MACC,UAAU,EAAE,GAAG,GAAG,QAAQ,EAAE,MAAM,eAAe,EAAE,CAAC;AAAA,MACtD,EAAE,oBAAoB,KAAc;AAAA,IACtC;AACA,UAAM,MAAM,MAAM,OAAO,YAAY;AACrC,UAAM,gBAAgB,IAAI;AAE1B,UAAM,kBAAc;AAAA,MAAyC,CAAC,OAAO,YACnE,4BAAc,eAAe;AAAA,QAC3B,GAAG;AAAA,QACH,QAAQ,MAAM,UAAU;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH;AACA,gBAAY,cAAc;AAC1B,WAAO,EAAE,GAAG,KAAK,SAAS,aAAa,YAAY,KAAK;AAAA,EAC1D;AAEA,SAAO;AAAA,IACL,qCAAqC;AAAA,IACrC,yCAAyC;AAAA;AAAA,IAEzC,cAAc;AAAA;AAAA,IAEd,oCAAoC;AAAA;AAAA,IAEpC,uBAAuB;AAAA,EACzB;AACF;","names":[]}

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

@@ -2,17 +2,12 @@ import { InternalResolveClientUrl, ResolveClientUrl } from '../../runtime/url/re
 
 type SharedImageModule = (bundle: string) => Promise<unknown>;
 /**
- * Creates shared module entries for `next/dist/shared/lib/image-loader` (and
- * its ESM alias). These ensure that any code path in the remote's bundle that
- * directly imports the image loader — rather than going through the shared
- * `next/image` entry — still routes image optimization requests to the remote
- * and through the host's proxy when deployment protection is active.
+ * Creates shared module entries for image-related modules that route
+ * optimization requests through the remote's `/_next/image` endpoint.
  *
- * Pass `bound` when the resolver already has `remoteSrc` applied (App Router —
- * `useResolveClientUrl` returns the bound form). Pass `unbound` when only the
- * raw 2-arg `ResolveClientUrl` is available (Pages Router, client-only
- * provider) — binding is deferred until the bundle URL is known at resolution
- * time.
+ * Pass `bound` when the resolver already has `remoteSrc` applied (App Router).
+ * Pass `unbound` when only the raw 2-arg `ResolveClientUrl` is available
+ * (Pages Router, client-only provider).
  */
 declare function createImageLoaderSharedEntries({ bound, unbound, }?: {
     bound?: InternalResolveClientUrl;

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

@@ -1,3 +1,4 @@
+import { createElement, forwardRef } from "react";
 import { createRemoteImageLoader } from "#internal/host/shared/remote-image-loader";
 import { getScope } from "#internal/runtime/turbopack/remote-scope";
 import { bindResolveClientUrl } from "#internal/runtime/url/default-resolve-client-url";
@@ -11,16 +12,41 @@ function createImageLoaderSharedEntries({
   bound,
   unbound
 } = {}) {
-  const entry = (bundle) => {
+  const loaderEntry = (bundle) => {
     const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);
     return Promise.resolve({
       default: createRemoteImageLoader(bundle, resolveClientUrl),
       __esModule: true
     });
   };
+  const imageEntry = async (bundle) => {
+    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);
+    const rawLoader = createRemoteImageLoader(bundle, resolveClientUrl);
+    const remoteLoader = Object.assign(
+      (p) => rawLoader({ ...p, config: { path: "/_next/image" } }),
+      { __next_img_default: true }
+    );
+    const mod = await import("next/image");
+    const OriginalImage = mod.default;
+    const RemoteImage = forwardRef(
+      (props, ref) => createElement(OriginalImage, {
+        ...props,
+        loader: props.loader ?? remoteLoader,
+        ref
+      })
+    );
+    RemoteImage.displayName = "RemoteImage";
+    return { ...mod, default: RemoteImage, __esModule: true };
+  };
   return {
-    "next/dist/shared/lib/image-loader": entry,
-    "next/dist/esm/shared/lib/image-loader": entry
+    "next/dist/shared/lib/image-loader": loaderEntry,
+    "next/dist/esm/shared/lib/image-loader": loaderEntry,
+    // Can be removed once 0.2.x support is dropped.
+    "next/image": imageEntry,
+    // Can be removed once 0.2.x support is dropped.
+    "next/dist/client/image-component": imageEntry,
+    // Can be removed once 0.2.x support is dropped.
+    "next/dist/api/image": imageEntry
   };
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/nextjs/image-shared.ts"],"sourcesContent":["import { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { bindResolveClientUrl } from '#internal/runtime/url/default-resolve-client-url';\nimport type {\n  InternalResolveClientUrl,\n  ResolveClientUrl,\n} from '#internal/runtime/url/resolve-client-url';\n\ntype SharedImageModule = (bundle: string) => Promise<unknown>;\n\nfunction resolveForBundle(\n  unbound: ResolveClientUrl | undefined,\n  bundle: string,\n): InternalResolveClientUrl | undefined {\n  if (!unbound) return undefined;\n  const remoteSrc = getScope(bundle)?.url.href ?? '';\n  return bindResolveClientUrl(unbound, remoteSrc);\n}\n\n/**\n * Creates shared module entries for `next/dist/shared/lib/image-loader` (and\n * its ESM alias). These ensure that any code path in the remote's bundle that\n * directly imports the image loader — rather than going through the shared\n * `next/image` entry — still routes image optimization requests to the remote\n * and through the host's proxy when deployment protection is active.\n *\n * Pass `bound` when the resolver already has `remoteSrc` applied (App Router —\n * `useResolveClientUrl` returns the bound form). Pass `unbound` when only the\n * raw 2-arg `ResolveClientUrl` is available (Pages Router, client-only\n * provider) — binding is deferred until the bundle URL is known at resolution\n * time.\n */\nexport function createImageLoaderSharedEntries({\n  bound,\n  unbound,\n}: {\n  bound?: InternalResolveClientUrl;\n  unbound?: ResolveClientUrl;\n} = {}): Record<string, SharedImageModule> {\n  const entry: SharedImageModule = (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    return Promise.resolve({\n      default: createRemoteImageLoader(bundle, resolveClientUrl),\n      __esModule: true,\n    });\n  };\n  return {\n    'next/dist/shared/lib/image-loader': entry,\n    'next/dist/esm/shared/lib/image-loader': entry,\n  };\n}\n"],"mappings":"AAAA,SAAS,+BAA+B;AACxC,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AAQrC,SAAS,iBACP,SACA,QACsC;AACtC,MAAI,CAAC;AAAS,WAAO;AACrB,QAAM,YAAY,SAAS,MAAM,GAAG,IAAI,QAAQ;AAChD,SAAO,qBAAqB,SAAS,SAAS;AAChD;AAeO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,IAGI,CAAC,GAAsC;AACzC,QAAM,QAA2B,CAAC,WAAmB;AACnD,UAAM,mBAAmB,SAAS,iBAAiB,SAAS,MAAM;AAClE,WAAO,QAAQ,QAAQ;AAAA,MACrB,SAAS,wBAAwB,QAAQ,gBAAgB;AAAA,MACzD,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AACA,SAAO;AAAA,IACL,qCAAqC;AAAA,IACrC,yCAAyC;AAAA,EAC3C;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/host/nextjs/image-shared.ts"],"sourcesContent":["import { createElement, forwardRef } from 'react';\nimport { createRemoteImageLoader } from '#internal/host/shared/remote-image-loader';\nimport { getScope } from '#internal/runtime/turbopack/remote-scope';\nimport { bindResolveClientUrl } from '#internal/runtime/url/default-resolve-client-url';\nimport type {\n  InternalResolveClientUrl,\n  ResolveClientUrl,\n} from '#internal/runtime/url/resolve-client-url';\n\ntype SharedImageModule = (bundle: string) => Promise<unknown>;\n\nfunction resolveForBundle(\n  unbound: ResolveClientUrl | undefined,\n  bundle: string,\n): InternalResolveClientUrl | undefined {\n  if (!unbound) return undefined;\n  const remoteSrc = getScope(bundle)?.url.href ?? '';\n  return bindResolveClientUrl(unbound, remoteSrc);\n}\n\n/**\n * Creates shared module entries for image-related modules that route\n * optimization requests through the remote's `/_next/image` endpoint.\n *\n * Pass `bound` when the resolver already has `remoteSrc` applied (App Router).\n * Pass `unbound` when only the raw 2-arg `ResolveClientUrl` is available\n * (Pages Router, client-only provider).\n */\nexport function createImageLoaderSharedEntries({\n  bound,\n  unbound,\n}: {\n  bound?: InternalResolveClientUrl;\n  unbound?: ResolveClientUrl;\n} = {}): Record<string, SharedImageModule> {\n  const loaderEntry: SharedImageModule = (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    return Promise.resolve({\n      default: createRemoteImageLoader(bundle, resolveClientUrl),\n      __esModule: true,\n    });\n  };\n\n  // Cross-version compat: remotes <=0.2.x request `next/image` as a shared module.\n  // Wraps the host's Image component with the remote image loader injected\n  // via the `loader` prop. Can be removed once 0.2.x support is dropped.\n  const imageEntry: SharedImageModule = async (bundle: string) => {\n    const resolveClientUrl = bound ?? resolveForBundle(unbound, bundle);\n    const rawLoader = createRemoteImageLoader(bundle, resolveClientUrl);\n    // Wrap to match Next.js `ImageLoader` signature (no `config` param).\n    // The raw loader expects `{ config, src, width, quality }` but the public\n    // `loader` prop is called with `{ src, width, quality }` only.\n    const remoteLoader = Object.assign(\n      (p: { src: string; width: number; quality?: number }) =>\n        rawLoader({ ...p, config: { path: '/_next/image' } }),\n      { __next_img_default: true as const },\n    );\n    const mod = await import('next/image');\n    const OriginalImage = mod.default;\n    type ImageProps = Parameters<typeof OriginalImage>[0];\n    const RemoteImage = forwardRef<HTMLImageElement, ImageProps>((props, ref) =>\n      createElement(OriginalImage, {\n        ...props,\n        loader: props.loader ?? remoteLoader,\n        ref,\n      }),\n    );\n    RemoteImage.displayName = 'RemoteImage';\n    return { ...mod, default: RemoteImage, __esModule: true };\n  };\n\n  return {\n    'next/dist/shared/lib/image-loader': loaderEntry,\n    'next/dist/esm/shared/lib/image-loader': loaderEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/image': imageEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/dist/client/image-component': imageEntry,\n    // Can be removed once 0.2.x support is dropped.\n    'next/dist/api/image': imageEntry,\n  };\n}\n"],"mappings":"AAAA,SAAS,eAAe,kBAAkB;AAC1C,SAAS,+BAA+B;AACxC,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AAQrC,SAAS,iBACP,SACA,QACsC;AACtC,MAAI,CAAC;AAAS,WAAO;AACrB,QAAM,YAAY,SAAS,MAAM,GAAG,IAAI,QAAQ;AAChD,SAAO,qBAAqB,SAAS,SAAS;AAChD;AAUO,SAAS,+BAA+B;AAAA,EAC7C;AAAA,EACA;AACF,IAGI,CAAC,GAAsC;AACzC,QAAM,cAAiC,CAAC,WAAmB;AACzD,UAAM,mBAAmB,SAAS,iBAAiB,SAAS,MAAM;AAClE,WAAO,QAAQ,QAAQ;AAAA,MACrB,SAAS,wBAAwB,QAAQ,gBAAgB;AAAA,MACzD,YAAY;AAAA,IACd,CAAC;AAAA,EACH;AAKA,QAAM,aAAgC,OAAO,WAAmB;AAC9D,UAAM,mBAAmB,SAAS,iBAAiB,SAAS,MAAM;AAClE,UAAM,YAAY,wBAAwB,QAAQ,gBAAgB;AAIlE,UAAM,eAAe,OAAO;AAAA,MAC1B,CAAC,MACC,UAAU,EAAE,GAAG,GAAG,QAAQ,EAAE,MAAM,eAAe,EAAE,CAAC;AAAA,MACtD,EAAE,oBAAoB,KAAc;AAAA,IACtC;AACA,UAAM,MAAM,MAAM,OAAO,YAAY;AACrC,UAAM,gBAAgB,IAAI;AAE1B,UAAM,cAAc;AAAA,MAAyC,CAAC,OAAO,QACnE,cAAc,eAAe;AAAA,QAC3B,GAAG;AAAA,QACH,QAAQ,MAAM,UAAU;AAAA,QACxB;AAAA,MACF,CAAC;AAAA,IACH;AACA,gBAAY,cAAc;AAC1B,WAAO,EAAE,GAAG,KAAK,SAAS,aAAa,YAAY,KAAK;AAAA,EAC1D;AAEA,SAAO;AAAA,IACL,qCAAqC;AAAA,IACrC,yCAAyC;AAAA;AAAA,IAEzC,cAAc;AAAA;AAAA,IAEd,oCAAoC;AAAA;AAAA,IAEpC,uBAAuB;AAAA,EACzB;AACF;","names":[]}

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

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

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

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

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

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

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

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

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

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

package/dist/internal/host/server/fetch-remote-component.cjs

@@ -38,12 +38,13 @@ var import_fetch_with_hooks = require("#internal/host/server/fetch-with-hooks");
 var import_get_client_src = require("#internal/host/server/get-client-src");
 var import_get_ssr_relative_path_base_url = require("#internal/host/server/get-ssr-relative-path-base-url");
 var import_metadata = require("#internal/runtime/metadata");
+var import_rsc_imports = require("#internal/runtime/rsc-imports");
 var import_utils = require("#internal/utils");
 var import_error = require("#internal/utils/error");
 async function buildRscComponent(rsc, serverUrl) {
   const componentRSC = `0:${JSON.stringify(rsc)}
 `;
-  const { createFromReadableStream } = await import("next/dist/compiled/react-server-dom-webpack/client.edge");
+  const { createFromReadableStream } = await (0, import_rsc_imports.importRSCClientEdge)();
   return createFromReadableStream(
     new ReadableStream({
       type: "bytes",

package/dist/internal/host/server/fetch-remote-component.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/server/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { type RSC, visit } from '#internal/host/nextjs/dom-flight';\nimport {\n  getSkeletonHtml,\n  getSkeletonMessage,\n} from '#internal/host/nextjs/skeleton';\nimport { fetchWithHooks } from '#internal/host/server/fetch-with-hooks';\nimport { getClientSrc } from '#internal/host/server/get-client-src';\nimport { getSSRRelativePathBaseUrl } from '#internal/host/server/get-ssr-relative-path-base-url';\nimport type {\n  LinkDescriptor,\n  ScriptDescriptor,\n} from '#internal/host/shared/asset-descriptors';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport {\n  buildMetadata,\n  type RawMetadataAttrs,\n  type RemoteComponentMetadata,\n} from '#internal/runtime/metadata';\nimport { computeScopedName } from '#internal/utils';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport type { FetchRemoteComponentResponse, NextData } from './types';\n\n/**\n * Converts RSC flight data into a React element tree using the edge streaming\n * runtime. The manifest tells React how to resolve module references back to\n * the remote origin.\n */\nasync function buildRscComponent(\n  rsc: RSC | RSC[] | string | null,\n  serverUrl: URL,\n): Promise<React.ReactNode> {\n  const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n  const { createFromReadableStream } = await import(\n    'next/dist/compiled/react-server-dom-webpack/client.edge'\n  );\n  return createFromReadableStream(\n    new ReadableStream({\n      type: 'bytes',\n      start(controller) {\n        const encoder = new TextEncoder();\n        controller.enqueue(encoder.encode(componentRSC));\n        controller.close();\n      },\n    }),\n    {\n      serverConsumerManifest: {\n        moduleLoading: {\n          prefix: serverUrl.origin,\n          crossOrigin: true,\n        },\n        moduleMap: {},\n      },\n    },\n  );\n}\n\nfunction buildSkeletonResponse(\n  serverUrl: URL,\n  metadata: RemoteComponentMetadata,\n  skeletonComponent: React.ReactNode | undefined,\n): FetchRemoteComponentResponse {\n  return {\n    name: 'remote-component-skeleton',\n    serverUrl,\n    metadata: {\n      ...metadata,\n      type: 'remote-component',\n    },\n    rsc: getSkeletonMessage(),\n    scripts: [],\n    links: [],\n    hydrationData: [],\n    nextData: undefined,\n    component: skeletonComponent,\n    html: getSkeletonHtml(serverUrl.href),\n    remoteShared: {},\n  };\n}\n\n/**\n * Rewrites the bundle identifier in RSC flight data from the plain bundle\n * name to the origin-qualified scoped name. When multiple remotes share the\n * same bundle name (e.g. production and preview of the same app), this\n * makes each one unique so the client can look up the correct RemoteScope\n * by name alone.\n *\n * `[bundle] /path` → `[scopedName] /path`\n * `[bundle] 12345` → `[scopedName] 12345`\n *\n * Only applied for cross-origin remotes — same-origin chunks keep the\n * plain bundle name since there's no ambiguity.\n */\nfunction scopeChunkReferences(\n  chunk: string,\n  bundle: string,\n  scopedName: string,\n): string {\n  return chunk.replaceAll(`[${bundle}]`, `[${scopedName}]`);\n}\n\n/**\n * Walks the parsed HTML fragment and extracts all remote component data:\n * metadata, scripts, links, hydration data, Next.js data, shared deps, and HTML.\n */\nfunction visitFragment(\n  fragment: DefaultTreeAdapterMap['documentFragment'],\n  serverUrl: URL,\n  remoteName: string | undefined,\n) {\n  const scriptSrcSet = new Set<string>();\n  const scriptTextSet = new Set<string>();\n  const scripts: ScriptDescriptor[] = [];\n\n  const linkKeySet = new Set<string>();\n  const links: LinkDescriptor[] = [];\n\n  const hydrationData: string[] = [];\n  const htmlChunks = new Set<string>();\n\n  let metadata: RemoteComponentMetadata | undefined;\n  let nextData: NextData | undefined;\n  let remoteShared: Record<string, string> = {};\n  let hasRSC = false;\n  let hasShared = false;\n  let error: RemoteComponentsError | undefined;\n\n  // For cross-origin remotes, rewrite bundle identifiers in RSC chunks to\n  // the scoped name so the client dispatchers resolve the correct scope.\n  // Chunks are collected raw during visit() and rewritten afterwards because\n  // RSC script tags appear before the metadata element in the HTML.\n  const isCrossOrigin = serverUrl.origin !== getSSRRelativePathBaseUrl();\n\n  const rawRscChunks: string[] = [];\n\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(attrs: RawMetadataAttrs) {\n      const incoming = buildMetadata(attrs, serverUrl);\n      // Skip multiple component detection for Pages Router (__next) since\n      // it only supports one remote component per page\n      if (\n        !remoteName &&\n        metadata &&\n        metadata.id !== incoming.id &&\n        incoming.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        throw multipleRemoteComponentsError(serverUrl.href);\n      }\n      metadata = incoming;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      const textContent =\n        typeof attrs.textContent === 'string' ? attrs.textContent : undefined;\n\n      if (textContent) {\n        if (!scriptTextSet.has(textContent)) {\n          scriptTextSet.add(textContent);\n          scripts.push({ src: '', textContent });\n        }\n      } else if (!scriptSrcSet.has(clientSrc)) {\n        scriptSrcSet.add(clientSrc);\n        scripts.push({ src: clientSrc });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.href),\n      };\n      const linkKey = `${relativeAttrs.href}::${attrs.rel}`;\n      if (!linkKeySet.has(linkKey)) {\n        linkKeySet.add(linkKey);\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      rawRscChunks.push(chunk);\n      hasRSC = true;\n    },\n    onNextData(data) {\n      nextData = data;\n    },\n    onHTML(chunk) {\n      if (!htmlChunks.has(chunk)) {\n        htmlChunks.add(chunk);\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  // Rewrite bundle identifiers in RSC chunk references to use the scoped name\n  // so the client dispatchers can resolve the correct scope with a direct lookup.\n  // This must happen after visit() because RSC script tags appear before the\n  // metadata element in the HTML.\n  if (isCrossOrigin && metadata?.bundle) {\n    const scopedName = computeScopedName(metadata.bundle, {\n      remoteHost: serverUrl.host,\n      isCrossOrigin: true,\n    });\n    for (const chunk of rawRscChunks) {\n      hydrationData.push(\n        scopeChunkReferences(chunk, metadata.bundle, scopedName),\n      );\n    }\n  } else {\n    hydrationData.push(...rawRscChunks);\n  }\n\n  if (error) {\n    throw error;\n  }\n\n  if (metadata) {\n    if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n      throw new RemoteComponentsError(\n        `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n      );\n    }\n\n    if (\n      metadata.type === 'nextjs' &&\n      !hasShared &&\n      !nextData?.props.__REMOTE_COMPONENT__?.shared\n    ) {\n      throw new RemoteComponentsError(\n        `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\n      );\n    }\n  }\n\n  const resolvedShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared;\n\n  return {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared: resolvedShared,\n    html: Array.from(htmlChunks).join(''),\n  };\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    /** Whether this is being called from Next.js App Router. Used to enable skeleton fallback during SSG builds. */\n    appRouter?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {},\n): Promise<FetchRemoteComponentResponse> {\n  const ssrRelativePathBaseUrl = getSSRRelativePathBaseUrl();\n  const serverUrl = new URL(src, ssrRelativePathBaseUrl);\n\n  const tags = [\n    '_vc_rc:fetch-remote-component',\n    // the max size of a next cache tag is 256 characters\n    serverUrl.host.slice(0, 256),\n    // use the suffix so this tag is unique if multiple remote\n    // components have the same host, but unique pathnames / query params\n    (typeof src === 'string' ? src : src.href).slice(-256),\n  ];\n  if (options.name) {\n    tags.push(options.name.slice(-256));\n  }\n\n  const fetchInit = {\n    next: {\n      tags,\n    },\n  };\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote. See https://remote-components-docs.vercel.sh/docs/concepts/cors-external-urls#deployment-protection for details.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  const remoteName =\n    options.name || (serverUrl.hash ? serverUrl.hash.substring(1) : undefined);\n\n  const {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared,\n    html,\n  } = visitFragment(fragment, serverUrl, remoteName);\n\n  if (!metadata) {\n    // For microfrontend builds during run time, the host and remote build\n    // may be happening concurrently. In this case, the request will 404.\n    // We want to allow the build to continue with a placeholder remote\n    // component. Once the build completes, vercel will automatically revalidate\n    // ISR and fetch the built remote component.\n    const isSSGBuild = process.env.NEXT_PHASE === 'phase-production-build';\n    // If the remote component is part of a microfrontend, the src provided\n    // will be relative.\n    const isSSRRelativePathBase =\n      serverUrl.host === new URL(ssrRelativePathBaseUrl).host;\n    // Only want this skeleton behaviour in previews to unblock development.\n    // For production, the remote component should already be built.\n    const isPreview = process.env.VERCEL_TARGET_ENV === 'preview';\n\n    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {\n      let skeletonComponent: React.ReactNode | undefined;\n      if (options.rsc) {\n        const { createElement } = await import('react');\n        skeletonComponent = createElement('div', {\n          dangerouslySetInnerHTML: {\n            __html: getSkeletonHtml(serverUrl.href),\n          },\n        });\n      }\n\n      return buildSkeletonResponse(\n        serverUrl,\n        buildMetadata({}, serverUrl),\n        skeletonComponent,\n      );\n    }\n\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  const name = remoteName || metadata.name;\n  const component = options.rsc\n    ? await buildRscComponent(rsc, serverUrl)\n    : undefined;\n\n  return {\n    name,\n    serverUrl,\n    metadata,\n    rsc,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    html,\n    remoteShared,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAmD;AACnD,wBAAgC;AAChC,sBAGO;AACP,8BAA+B;AAC/B,4BAA6B;AAC7B,4CAA0C;AAS1C,sBAIO;AACP,mBAAkC;AAClC,mBAIO;AAQP,eAAe,kBACb,KACA,WAC0B;AAC1B,QAAM,eAAe,KAAK,KAAK,UAAU,GAAG;AAAA;AAC5C,QAAM,EAAE,yBAAyB,IAAI,MAAM,OACzC,yDACF;AACA,SAAO;AAAA,IACL,IAAI,eAAe;AAAA,MACjB,MAAM;AAAA,MACN,MAAM,YAAY;AAChB,cAAM,UAAU,IAAI,YAAY;AAChC,mBAAW,QAAQ,QAAQ,OAAO,YAAY,CAAC;AAC/C,mBAAW,MAAM;AAAA,MACnB;AAAA,IACF,CAAC;AAAA,IACD;AAAA,MACE,wBAAwB;AAAA,QACtB,eAAe;AAAA,UACb,QAAQ,UAAU;AAAA,UAClB,aAAa;AAAA,QACf;AAAA,QACA,WAAW,CAAC;AAAA,MACd;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,sBACP,WACA,UACA,mBAC8B;AAC9B,SAAO;AAAA,IACL,MAAM;AAAA,IACN;AAAA,IACA,UAAU;AAAA,MACR,GAAG;AAAA,MACH,MAAM;AAAA,IACR;AAAA,IACA,SAAK,oCAAmB;AAAA,IACxB,SAAS,CAAC;AAAA,IACV,OAAO,CAAC;AAAA,IACR,eAAe,CAAC;AAAA,IAChB,UAAU;AAAA,IACV,WAAW;AAAA,IACX,UAAM,iCAAgB,UAAU,IAAI;AAAA,IACpC,cAAc,CAAC;AAAA,EACjB;AACF;AAeA,SAAS,qBACP,OACA,QACA,YACQ;AACR,SAAO,MAAM,WAAW,IAAI,WAAW,IAAI,aAAa;AAC1D;AAMA,SAAS,cACP,UACA,WACA,YACA;AACA,QAAM,eAAe,oBAAI,IAAY;AACrC,QAAM,gBAAgB,oBAAI,IAAY;AACtC,QAAM,UAA8B,CAAC;AAErC,QAAM,aAAa,oBAAI,IAAY;AACnC,QAAM,QAA0B,CAAC;AAEjC,QAAM,gBAA0B,CAAC;AACjC,QAAM,aAAa,oBAAI,IAAY;AAEnC,MAAI;AACJ,MAAI;AACJ,MAAI,eAAuC,CAAC;AAC5C,MAAI,SAAS;AACb,MAAI,YAAY;AAChB,MAAI;AAMJ,QAAM,gBAAgB,UAAU,eAAW,iEAA0B;AAErE,QAAM,eAAyB,CAAC;AAEhC,QAAM,UAAM,yBAAM,UAAU;AAAA,IAC1B,KAAK;AAAA,IACL,MAAM;AAAA,IACN,WAAW,OAAyB;AAClC,YAAM,eAAW,+BAAc,OAAO,SAAS;AAG/C,UACE,CAAC,cACD,YACA,SAAS,OAAO,SAAS,MACzB,SAAS,OAAO,YAChB,SAAS,OAAO,YAChB,CAAC,UACD;AACA,kBAAM,4CAA8B,UAAU,IAAI;AAAA,MACpD;AACA,iBAAW;AAAA,IACb;AAAA,IACA,SAAS,OAAO;AACd,YAAM,gBAAY,oCAAa,MAAM,KAAK,UAAU,IAAI;AACxD,YAAM,cACJ,OAAO,MAAM,gBAAgB,WAAW,MAAM,cAAc;AAE9D,UAAI,aAAa;AACf,YAAI,CAAC,cAAc,IAAI,WAAW,GAAG;AACnC,wBAAc,IAAI,WAAW;AAC7B,kBAAQ,KAAK,EAAE,KAAK,IAAI,YAAY,CAAC;AAAA,QACvC;AAAA,MACF,WAAW,CAAC,aAAa,IAAI,SAAS,GAAG;AACvC,qBAAa,IAAI,SAAS;AAC1B,gBAAQ,KAAK,EAAE,KAAK,UAAU,CAAC;AAAA,MACjC;AAAA,IACF;AAAA,IACA,OAAO,OAAO;AACZ,YAAM,gBAAgB;AAAA,QACpB,GAAG;AAAA,QACH,UAAM,oCAAa,MAAM,MAAM,UAAU,IAAI;AAAA,MAC/C;AACA,YAAM,UAAU,GAAG,cAAc,SAAS,MAAM;AAChD,UAAI,CAAC,WAAW,IAAI,OAAO,GAAG;AAC5B,mBAAW,IAAI,OAAO;AACtB,cAAM,KAAK,aAAa;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,MAAM,OAAO;AACX,mBAAa,KAAK,KAAK;AACvB,eAAS;AAAA,IACX;AAAA,IACA,WAAW,MAAM;AACf,iBAAW;AAAA,IACb;AAAA,IACA,OAAO,OAAO;AACZ,UAAI,CAAC,WAAW,IAAI,KAAK,GAAG;AAC1B,mBAAW,IAAI,KAAK;AAAA,MACtB;AAAA,IACF;AAAA,IACA,SAAS,SAAS;AAChB,qBAAe;AACf,kBAAY;AAAA,IACd;AAAA,IACA,QAAQ,SAAS,OAAO;AACtB,cAAQ,IAAI,mCAAsB,OAAO;AACzC,UAAI,OAAO;AACT,cAAM,QAAQ;AAAA,MAChB;AAAA,IACF;AAAA,EACF,CAAC;AAMD,MAAI,iBAAiB,UAAU,QAAQ;AACrC,UAAM,iBAAa,gCAAkB,SAAS,QAAQ;AAAA,MACpD,YAAY,UAAU;AAAA,MACtB,eAAe;AAAA,IACjB,CAAC;AACD,eAAW,SAAS,cAAc;AAChC,oBAAc;AAAA,QACZ,qBAAqB,OAAO,SAAS,QAAQ,UAAU;AAAA,MACzD;AAAA,IACF;AAAA,EACF,OAAO;AACL,kBAAc,KAAK,GAAG,YAAY;AAAA,EACpC;AAEA,MAAI,OAAO;AACT,UAAM;AAAA,EACR;AAEA,MAAI,UAAU;AACZ,QAAI,CAAC,UAAU,CAAC,YAAY,SAAS,SAAS,UAAU;AACtD,YAAM,IAAI;AAAA,QACR,4BAA4B,UAAU;AAAA,MACxC;AAAA,IACF;AAEA,QACE,SAAS,SAAS,YAClB,CAAC,aACD,CAAC,UAAU,MAAM,sBAAsB,QACvC;AACA,YAAM,IAAI;AAAA,QACR,yDAAyD,UAAU;AAAA,MACrE;AAAA,IACF;AAAA,EACF;AAEA,QAAM,iBACJ,UAAU,MAAM,sBAAsB,UAAU;AAElD,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc;AAAA,IACd,MAAM,MAAM,KAAK,UAAU,EAAE,KAAK,EAAE;AAAA,EACtC;AACF;AAEA,eAAsB,qBACpB,KACA,UAOI,CAAC,GACkC;AACvC,QAAM,6BAAyB,iEAA0B;AACzD,QAAM,YAAY,IAAI,IAAI,KAAK,sBAAsB;AAErD,QAAM,OAAO;AAAA,IACX;AAAA;AAAA,IAEA,UAAU,KAAK,MAAM,GAAG,GAAG;AAAA;AAAA;AAAA,KAG1B,OAAO,QAAQ,WAAW,MAAM,IAAI,MAAM,MAAM,IAAI;AAAA,EACvD;AACA,MAAI,QAAQ,MAAM;AAChB,SAAK,KAAK,QAAQ,KAAK,MAAM,IAAI,CAAC;AAAA,EACpC;AAEA,QAAM,YAAY;AAAA,IAChB,MAAM;AAAA,MACJ;AAAA,IACF;AAAA,EACF;AAEA,QAAM,MAAM,UAAM,wCAAe,WAAW,WAAW;AAAA,IACrD,WAAW,QAAQ;AAAA,IACnB,YAAY,QAAQ;AAAA,EACtB,CAAC;AAGD,MAAI,CAAC,IAAI,MAAM,CAAC,IAAI,MAAM;AACxB,cAAM,gDAAkC,UAAU,MAAM,GAAG;AAAA,EAC7D;AAEA,MAAI,IAAI,WAAW,KAAK;AACtB,cAAM;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,MAAI,IAAI,WAAW,KAAK;AACtB,cAAM;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAGA,QAAM,SAAS,qBAAO,kBAAyC;AAE/D,MAAI,CAAC,IAAI,MAAM;AACb,cAAM;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,UAAU,IAAI,YAAY;AAEhC,mBAAiB,SAAS,IAAI,MAA8C;AAC1E,WAAO,UAAU,MAAM,QAAQ,OAAO,KAAK,GAAG,KAAK;AAAA,EACrD;AACA,QAAM,WAAW,OAAO,YAAY;AAEpC,QAAM,aACJ,QAAQ,SAAS,UAAU,OAAO,UAAU,KAAK,UAAU,CAAC,IAAI;AAElE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,cAAc,UAAU,WAAW,UAAU;AAEjD,MAAI,CAAC,UAAU;AAMb,UAAM,aAAa,QAAQ,IAAI,eAAe;AAG9C,UAAM,wBACJ,UAAU,SAAS,IAAI,IAAI,sBAAsB,EAAE;AAGrD,UAAM,YAAY,QAAQ,IAAI,sBAAsB;AAEpD,QAAI,cAAc,yBAAyB,aAAa,QAAQ,WAAW;AACzE,UAAI;AACJ,UAAI,QAAQ,KAAK;AACf,cAAM,EAAE,cAAc,IAAI,MAAM,OAAO,OAAO;AAC9C,4BAAoB,cAAc,OAAO;AAAA,UACvC,yBAAyB;AAAA,YACvB,YAAQ,iCAAgB,UAAU,IAAI;AAAA,UACxC;AAAA,QACF,CAAC;AAAA,MACH;AAEA,aAAO;AAAA,QACL;AAAA,YACA,+BAAc,CAAC,GAAG,SAAS;AAAA,QAC3B;AAAA,MACF;AAAA,IACF;AAEA,cAAM;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAEA,QAAM,OAAO,cAAc,SAAS;AACpC,QAAM,YAAY,QAAQ,MACtB,MAAM,kBAAkB,KAAK,SAAS,IACtC;AAEJ,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/host/server/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { type RSC, visit } from '#internal/host/nextjs/dom-flight';\nimport {\n  getSkeletonHtml,\n  getSkeletonMessage,\n} from '#internal/host/nextjs/skeleton';\nimport { fetchWithHooks } from '#internal/host/server/fetch-with-hooks';\nimport { getClientSrc } from '#internal/host/server/get-client-src';\nimport { getSSRRelativePathBaseUrl } from '#internal/host/server/get-ssr-relative-path-base-url';\nimport type {\n  LinkDescriptor,\n  ScriptDescriptor,\n} from '#internal/host/shared/asset-descriptors';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport {\n  buildMetadata,\n  type RawMetadataAttrs,\n  type RemoteComponentMetadata,\n} from '#internal/runtime/metadata';\nimport { importRSCClientEdge } from '#internal/runtime/rsc-imports';\nimport { computeScopedName } from '#internal/utils';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport type { FetchRemoteComponentResponse, NextData } from './types';\n\n/**\n * Converts RSC flight data into a React element tree using the edge streaming\n * runtime. The manifest tells React how to resolve module references back to\n * the remote origin.\n */\nasync function buildRscComponent(\n  rsc: RSC | RSC[] | string | null,\n  serverUrl: URL,\n): Promise<React.ReactNode> {\n  const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n  const { createFromReadableStream } = await importRSCClientEdge();\n  return createFromReadableStream(\n    new ReadableStream({\n      type: 'bytes',\n      start(controller) {\n        const encoder = new TextEncoder();\n        controller.enqueue(encoder.encode(componentRSC));\n        controller.close();\n      },\n    }),\n    {\n      serverConsumerManifest: {\n        moduleLoading: {\n          prefix: serverUrl.origin,\n          crossOrigin: true,\n        },\n        moduleMap: {},\n      },\n    },\n  );\n}\n\nfunction buildSkeletonResponse(\n  serverUrl: URL,\n  metadata: RemoteComponentMetadata,\n  skeletonComponent: React.ReactNode | undefined,\n): FetchRemoteComponentResponse {\n  return {\n    name: 'remote-component-skeleton',\n    serverUrl,\n    metadata: {\n      ...metadata,\n      type: 'remote-component',\n    },\n    rsc: getSkeletonMessage(),\n    scripts: [],\n    links: [],\n    hydrationData: [],\n    nextData: undefined,\n    component: skeletonComponent,\n    html: getSkeletonHtml(serverUrl.href),\n    remoteShared: {},\n  };\n}\n\n/**\n * Rewrites the bundle identifier in RSC flight data from the plain bundle\n * name to the origin-qualified scoped name. When multiple remotes share the\n * same bundle name (e.g. production and preview of the same app), this\n * makes each one unique so the client can look up the correct RemoteScope\n * by name alone.\n *\n * `[bundle] /path` → `[scopedName] /path`\n * `[bundle] 12345` → `[scopedName] 12345`\n *\n * Only applied for cross-origin remotes — same-origin chunks keep the\n * plain bundle name since there's no ambiguity.\n */\nfunction scopeChunkReferences(\n  chunk: string,\n  bundle: string,\n  scopedName: string,\n): string {\n  return chunk.replaceAll(`[${bundle}]`, `[${scopedName}]`);\n}\n\n/**\n * Walks the parsed HTML fragment and extracts all remote component data:\n * metadata, scripts, links, hydration data, Next.js data, shared deps, and HTML.\n */\nfunction visitFragment(\n  fragment: DefaultTreeAdapterMap['documentFragment'],\n  serverUrl: URL,\n  remoteName: string | undefined,\n) {\n  const scriptSrcSet = new Set<string>();\n  const scriptTextSet = new Set<string>();\n  const scripts: ScriptDescriptor[] = [];\n\n  const linkKeySet = new Set<string>();\n  const links: LinkDescriptor[] = [];\n\n  const hydrationData: string[] = [];\n  const htmlChunks = new Set<string>();\n\n  let metadata: RemoteComponentMetadata | undefined;\n  let nextData: NextData | undefined;\n  let remoteShared: Record<string, string> = {};\n  let hasRSC = false;\n  let hasShared = false;\n  let error: RemoteComponentsError | undefined;\n\n  // For cross-origin remotes, rewrite bundle identifiers in RSC chunks to\n  // the scoped name so the client dispatchers resolve the correct scope.\n  // Chunks are collected raw during visit() and rewritten afterwards because\n  // RSC script tags appear before the metadata element in the HTML.\n  const isCrossOrigin = serverUrl.origin !== getSSRRelativePathBaseUrl();\n\n  const rawRscChunks: string[] = [];\n\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(attrs: RawMetadataAttrs) {\n      const incoming = buildMetadata(attrs, serverUrl);\n      // Skip multiple component detection for Pages Router (__next) since\n      // it only supports one remote component per page\n      if (\n        !remoteName &&\n        metadata &&\n        metadata.id !== incoming.id &&\n        incoming.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        throw multipleRemoteComponentsError(serverUrl.href);\n      }\n      metadata = incoming;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      const textContent =\n        typeof attrs.textContent === 'string' ? attrs.textContent : undefined;\n\n      if (textContent) {\n        if (!scriptTextSet.has(textContent)) {\n          scriptTextSet.add(textContent);\n          scripts.push({ src: '', textContent });\n        }\n      } else if (!scriptSrcSet.has(clientSrc)) {\n        scriptSrcSet.add(clientSrc);\n        scripts.push({ src: clientSrc });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.href),\n      };\n      const linkKey = `${relativeAttrs.href}::${attrs.rel}`;\n      if (!linkKeySet.has(linkKey)) {\n        linkKeySet.add(linkKey);\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      rawRscChunks.push(chunk);\n      hasRSC = true;\n    },\n    onNextData(data) {\n      nextData = data;\n    },\n    onHTML(chunk) {\n      if (!htmlChunks.has(chunk)) {\n        htmlChunks.add(chunk);\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  // Rewrite bundle identifiers in RSC chunk references to use the scoped name\n  // so the client dispatchers can resolve the correct scope with a direct lookup.\n  // This must happen after visit() because RSC script tags appear before the\n  // metadata element in the HTML.\n  if (isCrossOrigin && metadata?.bundle) {\n    const scopedName = computeScopedName(metadata.bundle, {\n      remoteHost: serverUrl.host,\n      isCrossOrigin: true,\n    });\n    for (const chunk of rawRscChunks) {\n      hydrationData.push(\n        scopeChunkReferences(chunk, metadata.bundle, scopedName),\n      );\n    }\n  } else {\n    hydrationData.push(...rawRscChunks);\n  }\n\n  if (error) {\n    throw error;\n  }\n\n  if (metadata) {\n    if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n      throw new RemoteComponentsError(\n        `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n      );\n    }\n\n    if (\n      metadata.type === 'nextjs' &&\n      !hasShared &&\n      !nextData?.props.__REMOTE_COMPONENT__?.shared\n    ) {\n      throw new RemoteComponentsError(\n        `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\n      );\n    }\n  }\n\n  const resolvedShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared;\n\n  return {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared: resolvedShared,\n    html: Array.from(htmlChunks).join(''),\n  };\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    /** Whether this is being called from Next.js App Router. Used to enable skeleton fallback during SSG builds. */\n    appRouter?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {},\n): Promise<FetchRemoteComponentResponse> {\n  const ssrRelativePathBaseUrl = getSSRRelativePathBaseUrl();\n  const serverUrl = new URL(src, ssrRelativePathBaseUrl);\n\n  const tags = [\n    '_vc_rc:fetch-remote-component',\n    // the max size of a next cache tag is 256 characters\n    serverUrl.host.slice(0, 256),\n    // use the suffix so this tag is unique if multiple remote\n    // components have the same host, but unique pathnames / query params\n    (typeof src === 'string' ? src : src.href).slice(-256),\n  ];\n  if (options.name) {\n    tags.push(options.name.slice(-256));\n  }\n\n  const fetchInit = {\n    next: {\n      tags,\n    },\n  };\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote. See https://remote-components-docs.vercel.sh/docs/concepts/cors-external-urls#deployment-protection for details.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  const remoteName =\n    options.name || (serverUrl.hash ? serverUrl.hash.substring(1) : undefined);\n\n  const {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared,\n    html,\n  } = visitFragment(fragment, serverUrl, remoteName);\n\n  if (!metadata) {\n    // For microfrontend builds during run time, the host and remote build\n    // may be happening concurrently. In this case, the request will 404.\n    // We want to allow the build to continue with a placeholder remote\n    // component. Once the build completes, vercel will automatically revalidate\n    // ISR and fetch the built remote component.\n    const isSSGBuild = process.env.NEXT_PHASE === 'phase-production-build';\n    // If the remote component is part of a microfrontend, the src provided\n    // will be relative.\n    const isSSRRelativePathBase =\n      serverUrl.host === new URL(ssrRelativePathBaseUrl).host;\n    // Only want this skeleton behaviour in previews to unblock development.\n    // For production, the remote component should already be built.\n    const isPreview = process.env.VERCEL_TARGET_ENV === 'preview';\n\n    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {\n      let skeletonComponent: React.ReactNode | undefined;\n      if (options.rsc) {\n        const { createElement } = await import('react');\n        skeletonComponent = createElement('div', {\n          dangerouslySetInnerHTML: {\n            __html: getSkeletonHtml(serverUrl.href),\n          },\n        });\n      }\n\n      return buildSkeletonResponse(\n        serverUrl,\n        buildMetadata({}, serverUrl),\n        skeletonComponent,\n      );\n    }\n\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  const name = remoteName || metadata.name;\n  const component = options.rsc\n    ? await buildRscComponent(rsc, serverUrl)\n    : undefined;\n\n  return {\n    name,\n    serverUrl,\n    metadata,\n    rsc,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    html,\n    remoteShared,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/internal/host/server/fetch-remote-component.js

@@ -10,6 +10,7 @@ import { getSSRRelativePathBaseUrl } from "#internal/host/server/get-ssr-relativ
 import {
   buildMetadata
 } from "#internal/runtime/metadata";
+import { importRSCClientEdge } from "#internal/runtime/rsc-imports";
 import { computeScopedName } from "#internal/utils";
 import {
   failedToFetchRemoteComponentError,
@@ -19,7 +20,7 @@ import {
 async function buildRscComponent(rsc, serverUrl) {
   const componentRSC = `0:${JSON.stringify(rsc)}
 `;
-  const { createFromReadableStream } = await import("next/dist/compiled/react-server-dom-webpack/client.edge");
+  const { createFromReadableStream } = await importRSCClientEdge();
   return createFromReadableStream(
     new ReadableStream({
       type: "bytes",

package/dist/internal/host/server/fetch-remote-component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/server/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { type RSC, visit } from '#internal/host/nextjs/dom-flight';\nimport {\n  getSkeletonHtml,\n  getSkeletonMessage,\n} from '#internal/host/nextjs/skeleton';\nimport { fetchWithHooks } from '#internal/host/server/fetch-with-hooks';\nimport { getClientSrc } from '#internal/host/server/get-client-src';\nimport { getSSRRelativePathBaseUrl } from '#internal/host/server/get-ssr-relative-path-base-url';\nimport type {\n  LinkDescriptor,\n  ScriptDescriptor,\n} from '#internal/host/shared/asset-descriptors';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport {\n  buildMetadata,\n  type RawMetadataAttrs,\n  type RemoteComponentMetadata,\n} from '#internal/runtime/metadata';\nimport { computeScopedName } from '#internal/utils';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport type { FetchRemoteComponentResponse, NextData } from './types';\n\n/**\n * Converts RSC flight data into a React element tree using the edge streaming\n * runtime. The manifest tells React how to resolve module references back to\n * the remote origin.\n */\nasync function buildRscComponent(\n  rsc: RSC | RSC[] | string | null,\n  serverUrl: URL,\n): Promise<React.ReactNode> {\n  const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n  const { createFromReadableStream } = await import(\n    'next/dist/compiled/react-server-dom-webpack/client.edge'\n  );\n  return createFromReadableStream(\n    new ReadableStream({\n      type: 'bytes',\n      start(controller) {\n        const encoder = new TextEncoder();\n        controller.enqueue(encoder.encode(componentRSC));\n        controller.close();\n      },\n    }),\n    {\n      serverConsumerManifest: {\n        moduleLoading: {\n          prefix: serverUrl.origin,\n          crossOrigin: true,\n        },\n        moduleMap: {},\n      },\n    },\n  );\n}\n\nfunction buildSkeletonResponse(\n  serverUrl: URL,\n  metadata: RemoteComponentMetadata,\n  skeletonComponent: React.ReactNode | undefined,\n): FetchRemoteComponentResponse {\n  return {\n    name: 'remote-component-skeleton',\n    serverUrl,\n    metadata: {\n      ...metadata,\n      type: 'remote-component',\n    },\n    rsc: getSkeletonMessage(),\n    scripts: [],\n    links: [],\n    hydrationData: [],\n    nextData: undefined,\n    component: skeletonComponent,\n    html: getSkeletonHtml(serverUrl.href),\n    remoteShared: {},\n  };\n}\n\n/**\n * Rewrites the bundle identifier in RSC flight data from the plain bundle\n * name to the origin-qualified scoped name. When multiple remotes share the\n * same bundle name (e.g. production and preview of the same app), this\n * makes each one unique so the client can look up the correct RemoteScope\n * by name alone.\n *\n * `[bundle] /path` → `[scopedName] /path`\n * `[bundle] 12345` → `[scopedName] 12345`\n *\n * Only applied for cross-origin remotes — same-origin chunks keep the\n * plain bundle name since there's no ambiguity.\n */\nfunction scopeChunkReferences(\n  chunk: string,\n  bundle: string,\n  scopedName: string,\n): string {\n  return chunk.replaceAll(`[${bundle}]`, `[${scopedName}]`);\n}\n\n/**\n * Walks the parsed HTML fragment and extracts all remote component data:\n * metadata, scripts, links, hydration data, Next.js data, shared deps, and HTML.\n */\nfunction visitFragment(\n  fragment: DefaultTreeAdapterMap['documentFragment'],\n  serverUrl: URL,\n  remoteName: string | undefined,\n) {\n  const scriptSrcSet = new Set<string>();\n  const scriptTextSet = new Set<string>();\n  const scripts: ScriptDescriptor[] = [];\n\n  const linkKeySet = new Set<string>();\n  const links: LinkDescriptor[] = [];\n\n  const hydrationData: string[] = [];\n  const htmlChunks = new Set<string>();\n\n  let metadata: RemoteComponentMetadata | undefined;\n  let nextData: NextData | undefined;\n  let remoteShared: Record<string, string> = {};\n  let hasRSC = false;\n  let hasShared = false;\n  let error: RemoteComponentsError | undefined;\n\n  // For cross-origin remotes, rewrite bundle identifiers in RSC chunks to\n  // the scoped name so the client dispatchers resolve the correct scope.\n  // Chunks are collected raw during visit() and rewritten afterwards because\n  // RSC script tags appear before the metadata element in the HTML.\n  const isCrossOrigin = serverUrl.origin !== getSSRRelativePathBaseUrl();\n\n  const rawRscChunks: string[] = [];\n\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(attrs: RawMetadataAttrs) {\n      const incoming = buildMetadata(attrs, serverUrl);\n      // Skip multiple component detection for Pages Router (__next) since\n      // it only supports one remote component per page\n      if (\n        !remoteName &&\n        metadata &&\n        metadata.id !== incoming.id &&\n        incoming.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        throw multipleRemoteComponentsError(serverUrl.href);\n      }\n      metadata = incoming;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      const textContent =\n        typeof attrs.textContent === 'string' ? attrs.textContent : undefined;\n\n      if (textContent) {\n        if (!scriptTextSet.has(textContent)) {\n          scriptTextSet.add(textContent);\n          scripts.push({ src: '', textContent });\n        }\n      } else if (!scriptSrcSet.has(clientSrc)) {\n        scriptSrcSet.add(clientSrc);\n        scripts.push({ src: clientSrc });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.href),\n      };\n      const linkKey = `${relativeAttrs.href}::${attrs.rel}`;\n      if (!linkKeySet.has(linkKey)) {\n        linkKeySet.add(linkKey);\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      rawRscChunks.push(chunk);\n      hasRSC = true;\n    },\n    onNextData(data) {\n      nextData = data;\n    },\n    onHTML(chunk) {\n      if (!htmlChunks.has(chunk)) {\n        htmlChunks.add(chunk);\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  // Rewrite bundle identifiers in RSC chunk references to use the scoped name\n  // so the client dispatchers can resolve the correct scope with a direct lookup.\n  // This must happen after visit() because RSC script tags appear before the\n  // metadata element in the HTML.\n  if (isCrossOrigin && metadata?.bundle) {\n    const scopedName = computeScopedName(metadata.bundle, {\n      remoteHost: serverUrl.host,\n      isCrossOrigin: true,\n    });\n    for (const chunk of rawRscChunks) {\n      hydrationData.push(\n        scopeChunkReferences(chunk, metadata.bundle, scopedName),\n      );\n    }\n  } else {\n    hydrationData.push(...rawRscChunks);\n  }\n\n  if (error) {\n    throw error;\n  }\n\n  if (metadata) {\n    if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n      throw new RemoteComponentsError(\n        `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n      );\n    }\n\n    if (\n      metadata.type === 'nextjs' &&\n      !hasShared &&\n      !nextData?.props.__REMOTE_COMPONENT__?.shared\n    ) {\n      throw new RemoteComponentsError(\n        `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\n      );\n    }\n  }\n\n  const resolvedShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared;\n\n  return {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared: resolvedShared,\n    html: Array.from(htmlChunks).join(''),\n  };\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    /** Whether this is being called from Next.js App Router. Used to enable skeleton fallback during SSG builds. */\n    appRouter?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {},\n): Promise<FetchRemoteComponentResponse> {\n  const ssrRelativePathBaseUrl = getSSRRelativePathBaseUrl();\n  const serverUrl = new URL(src, ssrRelativePathBaseUrl);\n\n  const tags = [\n    '_vc_rc:fetch-remote-component',\n    // the max size of a next cache tag is 256 characters\n    serverUrl.host.slice(0, 256),\n    // use the suffix so this tag is unique if multiple remote\n    // components have the same host, but unique pathnames / query params\n    (typeof src === 'string' ? src : src.href).slice(-256),\n  ];\n  if (options.name) {\n    tags.push(options.name.slice(-256));\n  }\n\n  const fetchInit = {\n    next: {\n      tags,\n    },\n  };\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote. See https://remote-components-docs.vercel.sh/docs/concepts/cors-external-urls#deployment-protection for details.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  const remoteName =\n    options.name || (serverUrl.hash ? serverUrl.hash.substring(1) : undefined);\n\n  const {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared,\n    html,\n  } = visitFragment(fragment, serverUrl, remoteName);\n\n  if (!metadata) {\n    // For microfrontend builds during run time, the host and remote build\n    // may be happening concurrently. In this case, the request will 404.\n    // We want to allow the build to continue with a placeholder remote\n    // component. Once the build completes, vercel will automatically revalidate\n    // ISR and fetch the built remote component.\n    const isSSGBuild = process.env.NEXT_PHASE === 'phase-production-build';\n    // If the remote component is part of a microfrontend, the src provided\n    // will be relative.\n    const isSSRRelativePathBase =\n      serverUrl.host === new URL(ssrRelativePathBaseUrl).host;\n    // Only want this skeleton behaviour in previews to unblock development.\n    // For production, the remote component should already be built.\n    const isPreview = process.env.VERCEL_TARGET_ENV === 'preview';\n\n    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {\n      let skeletonComponent: React.ReactNode | undefined;\n      if (options.rsc) {\n        const { createElement } = await import('react');\n        skeletonComponent = createElement('div', {\n          dangerouslySetInnerHTML: {\n            __html: getSkeletonHtml(serverUrl.href),\n          },\n        });\n      }\n\n      return buildSkeletonResponse(\n        serverUrl,\n        buildMetadata({}, serverUrl),\n        skeletonComponent,\n      );\n    }\n\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  const name = remoteName || metadata.name;\n  const component = options.rsc\n    ? await buildRscComponent(rsc, serverUrl)\n    : undefined;\n\n  return {\n    name,\n    serverUrl,\n    metadata,\n    rsc,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    html,\n    remoteShared,\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/host/server/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { type RSC, visit } from '#internal/host/nextjs/dom-flight';\nimport {\n  getSkeletonHtml,\n  getSkeletonMessage,\n} from '#internal/host/nextjs/skeleton';\nimport { fetchWithHooks } from '#internal/host/server/fetch-with-hooks';\nimport { getClientSrc } from '#internal/host/server/get-client-src';\nimport { getSSRRelativePathBaseUrl } from '#internal/host/server/get-ssr-relative-path-base-url';\nimport type {\n  LinkDescriptor,\n  ScriptDescriptor,\n} from '#internal/host/shared/asset-descriptors';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport {\n  buildMetadata,\n  type RawMetadataAttrs,\n  type RemoteComponentMetadata,\n} from '#internal/runtime/metadata';\nimport { importRSCClientEdge } from '#internal/runtime/rsc-imports';\nimport { computeScopedName } from '#internal/utils';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport type { FetchRemoteComponentResponse, NextData } from './types';\n\n/**\n * Converts RSC flight data into a React element tree using the edge streaming\n * runtime. The manifest tells React how to resolve module references back to\n * the remote origin.\n */\nasync function buildRscComponent(\n  rsc: RSC | RSC[] | string | null,\n  serverUrl: URL,\n): Promise<React.ReactNode> {\n  const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n  const { createFromReadableStream } = await importRSCClientEdge();\n  return createFromReadableStream(\n    new ReadableStream({\n      type: 'bytes',\n      start(controller) {\n        const encoder = new TextEncoder();\n        controller.enqueue(encoder.encode(componentRSC));\n        controller.close();\n      },\n    }),\n    {\n      serverConsumerManifest: {\n        moduleLoading: {\n          prefix: serverUrl.origin,\n          crossOrigin: true,\n        },\n        moduleMap: {},\n      },\n    },\n  );\n}\n\nfunction buildSkeletonResponse(\n  serverUrl: URL,\n  metadata: RemoteComponentMetadata,\n  skeletonComponent: React.ReactNode | undefined,\n): FetchRemoteComponentResponse {\n  return {\n    name: 'remote-component-skeleton',\n    serverUrl,\n    metadata: {\n      ...metadata,\n      type: 'remote-component',\n    },\n    rsc: getSkeletonMessage(),\n    scripts: [],\n    links: [],\n    hydrationData: [],\n    nextData: undefined,\n    component: skeletonComponent,\n    html: getSkeletonHtml(serverUrl.href),\n    remoteShared: {},\n  };\n}\n\n/**\n * Rewrites the bundle identifier in RSC flight data from the plain bundle\n * name to the origin-qualified scoped name. When multiple remotes share the\n * same bundle name (e.g. production and preview of the same app), this\n * makes each one unique so the client can look up the correct RemoteScope\n * by name alone.\n *\n * `[bundle] /path` → `[scopedName] /path`\n * `[bundle] 12345` → `[scopedName] 12345`\n *\n * Only applied for cross-origin remotes — same-origin chunks keep the\n * plain bundle name since there's no ambiguity.\n */\nfunction scopeChunkReferences(\n  chunk: string,\n  bundle: string,\n  scopedName: string,\n): string {\n  return chunk.replaceAll(`[${bundle}]`, `[${scopedName}]`);\n}\n\n/**\n * Walks the parsed HTML fragment and extracts all remote component data:\n * metadata, scripts, links, hydration data, Next.js data, shared deps, and HTML.\n */\nfunction visitFragment(\n  fragment: DefaultTreeAdapterMap['documentFragment'],\n  serverUrl: URL,\n  remoteName: string | undefined,\n) {\n  const scriptSrcSet = new Set<string>();\n  const scriptTextSet = new Set<string>();\n  const scripts: ScriptDescriptor[] = [];\n\n  const linkKeySet = new Set<string>();\n  const links: LinkDescriptor[] = [];\n\n  const hydrationData: string[] = [];\n  const htmlChunks = new Set<string>();\n\n  let metadata: RemoteComponentMetadata | undefined;\n  let nextData: NextData | undefined;\n  let remoteShared: Record<string, string> = {};\n  let hasRSC = false;\n  let hasShared = false;\n  let error: RemoteComponentsError | undefined;\n\n  // For cross-origin remotes, rewrite bundle identifiers in RSC chunks to\n  // the scoped name so the client dispatchers resolve the correct scope.\n  // Chunks are collected raw during visit() and rewritten afterwards because\n  // RSC script tags appear before the metadata element in the HTML.\n  const isCrossOrigin = serverUrl.origin !== getSSRRelativePathBaseUrl();\n\n  const rawRscChunks: string[] = [];\n\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(attrs: RawMetadataAttrs) {\n      const incoming = buildMetadata(attrs, serverUrl);\n      // Skip multiple component detection for Pages Router (__next) since\n      // it only supports one remote component per page\n      if (\n        !remoteName &&\n        metadata &&\n        metadata.id !== incoming.id &&\n        incoming.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        throw multipleRemoteComponentsError(serverUrl.href);\n      }\n      metadata = incoming;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      const textContent =\n        typeof attrs.textContent === 'string' ? attrs.textContent : undefined;\n\n      if (textContent) {\n        if (!scriptTextSet.has(textContent)) {\n          scriptTextSet.add(textContent);\n          scripts.push({ src: '', textContent });\n        }\n      } else if (!scriptSrcSet.has(clientSrc)) {\n        scriptSrcSet.add(clientSrc);\n        scripts.push({ src: clientSrc });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.href),\n      };\n      const linkKey = `${relativeAttrs.href}::${attrs.rel}`;\n      if (!linkKeySet.has(linkKey)) {\n        linkKeySet.add(linkKey);\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      rawRscChunks.push(chunk);\n      hasRSC = true;\n    },\n    onNextData(data) {\n      nextData = data;\n    },\n    onHTML(chunk) {\n      if (!htmlChunks.has(chunk)) {\n        htmlChunks.add(chunk);\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  // Rewrite bundle identifiers in RSC chunk references to use the scoped name\n  // so the client dispatchers can resolve the correct scope with a direct lookup.\n  // This must happen after visit() because RSC script tags appear before the\n  // metadata element in the HTML.\n  if (isCrossOrigin && metadata?.bundle) {\n    const scopedName = computeScopedName(metadata.bundle, {\n      remoteHost: serverUrl.host,\n      isCrossOrigin: true,\n    });\n    for (const chunk of rawRscChunks) {\n      hydrationData.push(\n        scopeChunkReferences(chunk, metadata.bundle, scopedName),\n      );\n    }\n  } else {\n    hydrationData.push(...rawRscChunks);\n  }\n\n  if (error) {\n    throw error;\n  }\n\n  if (metadata) {\n    if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n      throw new RemoteComponentsError(\n        `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n      );\n    }\n\n    if (\n      metadata.type === 'nextjs' &&\n      !hasShared &&\n      !nextData?.props.__REMOTE_COMPONENT__?.shared\n    ) {\n      throw new RemoteComponentsError(\n        `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\n      );\n    }\n  }\n\n  const resolvedShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared;\n\n  return {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared: resolvedShared,\n    html: Array.from(htmlChunks).join(''),\n  };\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    /** Whether this is being called from Next.js App Router. Used to enable skeleton fallback during SSG builds. */\n    appRouter?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {},\n): Promise<FetchRemoteComponentResponse> {\n  const ssrRelativePathBaseUrl = getSSRRelativePathBaseUrl();\n  const serverUrl = new URL(src, ssrRelativePathBaseUrl);\n\n  const tags = [\n    '_vc_rc:fetch-remote-component',\n    // the max size of a next cache tag is 256 characters\n    serverUrl.host.slice(0, 256),\n    // use the suffix so this tag is unique if multiple remote\n    // components have the same host, but unique pathnames / query params\n    (typeof src === 'string' ? src : src.href).slice(-256),\n  ];\n  if (options.name) {\n    tags.push(options.name.slice(-256));\n  }\n\n  const fetchInit = {\n    next: {\n      tags,\n    },\n  };\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote. See https://remote-components-docs.vercel.sh/docs/concepts/cors-external-urls#deployment-protection for details.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  const remoteName =\n    options.name || (serverUrl.hash ? serverUrl.hash.substring(1) : undefined);\n\n  const {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared,\n    html,\n  } = visitFragment(fragment, serverUrl, remoteName);\n\n  if (!metadata) {\n    // For microfrontend builds during run time, the host and remote build\n    // may be happening concurrently. In this case, the request will 404.\n    // We want to allow the build to continue with a placeholder remote\n    // component. Once the build completes, vercel will automatically revalidate\n    // ISR and fetch the built remote component.\n    const isSSGBuild = process.env.NEXT_PHASE === 'phase-production-build';\n    // If the remote component is part of a microfrontend, the src provided\n    // will be relative.\n    const isSSRRelativePathBase =\n      serverUrl.host === new URL(ssrRelativePathBaseUrl).host;\n    // Only want this skeleton behaviour in previews to unblock development.\n    // For production, the remote component should already be built.\n    const isPreview = process.env.VERCEL_TARGET_ENV === 'preview';\n\n    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {\n      let skeletonComponent: React.ReactNode | undefined;\n      if (options.rsc) {\n        const { createElement } = await import('react');\n        skeletonComponent = createElement('div', {\n          dangerouslySetInnerHTML: {\n            __html: getSkeletonHtml(serverUrl.href),\n          },\n        });\n      }\n\n      return buildSkeletonResponse(\n        serverUrl,\n        buildMetadata({}, serverUrl),\n        skeletonComponent,\n      );\n    }\n\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  const name = remoteName || metadata.name;\n  const component = options.rsc\n    ? await buildRscComponent(rsc, serverUrl)\n    : undefined;\n\n  return {\n    name,\n    serverUrl,\n    metadata,\n    rsc,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    html,\n    remoteShared,\n  };\n}\n"],"mappings":"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","names":[]}

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

@@ -23,11 +23,12 @@ __export(polyfill_exports, {
 module.exports = __toCommonJS(polyfill_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 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 sharedPolyfills(shared, resolveClientUrl) {
-  const self = globalThis;
+  const hostShared = (0, import_namespace.getNamespace)().hostSharedModules;
   const polyfill = {
-    "next/dist/client/components/navigation": self.__remote_component_host_shared_modules__?.["next/navigation"] ?? shared?.["next/navigation"] ?? (() => Promise.resolve({
+    "next/dist/client/components/navigation": hostShared["next/navigation"] ?? shared?.["next/navigation"] ?? (() => Promise.resolve({
       useRouter() {
         return {
           push: (routerUrl) => {
@@ -58,7 +59,7 @@ function sharedPolyfills(shared, resolveClientUrl) {
       },
       __esModule: true
     })),
-    "next/dist/client/app-dir/link": self.__remote_component_host_shared_modules__?.["next/link"] ?? shared?.["next/link"] ?? (() => Promise.resolve({
+    "next/dist/client/app-dir/link": hostShared["next/link"] ?? shared?.["next/link"] ?? (() => Promise.resolve({
       default: ({
         scroll: _,
         replace,
@@ -108,7 +109,7 @@ function sharedPolyfills(shared, resolveClientUrl) {
       },
       __esModule: true
     })),
-    "next/dist/client/app-dir/form": self.__remote_component_host_shared_modules__?.["next/form"] ?? shared?.["next/form"] ?? (() => Promise.resolve({
+    "next/dist/client/app-dir/form": hostShared["next/form"] ?? shared?.["next/form"] ?? (() => Promise.resolve({
       default: () => {
         throw new Error("Next.js <Form> component not implemented");
       },
@@ -119,17 +120,17 @@ function sharedPolyfills(shared, resolveClientUrl) {
     // This gives us full next/image fidelity (fill, priority, srcSet, blur
     // placeholders, error handling) while routing image optimization through the
     // remote app's /_next/image endpoint.
-    "next/dist/shared/lib/image-loader": self.__remote_component_host_shared_modules__?.["next/dist/shared/lib/image-loader"] ?? shared?.["next/dist/shared/lib/image-loader"] ?? ((bundle) => Promise.resolve({
+    "next/dist/shared/lib/image-loader": hostShared["next/dist/shared/lib/image-loader"] ?? shared?.["next/dist/shared/lib/image-loader"] ?? ((bundle) => Promise.resolve({
       default: (0, import_remote_image_loader.createRemoteImageLoader)(bundle, resolveClientUrl),
       __esModule: true
     })),
-    "next/dist/client/script": self.__remote_component_host_shared_modules__?.["next/script"] ?? shared?.["next/script"] ?? (() => Promise.resolve({
+    "next/dist/client/script": hostShared["next/script"] ?? shared?.["next/script"] ?? (() => Promise.resolve({
       // TODO: implement <Script> component for non-Next.js host applications
       // do not throw an error for now
       default: () => null,
       __esModule: true
     })),
-    "next/router": self.__remote_component_host_shared_modules__?.["next/router"] ?? shared?.["next/router"] ?? (() => (
+    "next/router": hostShared["next/router"] ?? shared?.["next/router"] ?? (() => (
       // TODO: incomplete implementation
       Promise.resolve({
         useRouter() {

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 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 self = globalThis as typeof globalThis & {\n    __remote_component_host_shared_modules__?: Record<\n      string,\n      () => Promise<unknown>\n    >;\n  };\n  const polyfill = {\n    'next/dist/client/components/navigation':\n      self.__remote_component_host_shared_modules__?.['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      self.__remote_component_host_shared_modules__?.['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      self.__remote_component_host_shared_modules__?.['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      self.__remote_component_host_shared_modules__?.[\n        'next/dist/shared/lib/image-loader'\n      ] ??\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      self.__remote_component_host_shared_modules__?.['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      self.__remote_component_host_shared_modules__?.['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 { 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":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAsEc;AArEd,iCAAwC;AACxC,uBAA6B;AAE7B,oBAAwB;AAKjB,SAAS,gBACd,QACA,kBACA;AACA,QAAM,iBAAa,+BAAa,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,aAAS,oDAAwB,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":[]}