remote-components 0.0.2 → 0.0.3

package/dist/next/middleware.js

@@ -0,0 +1,45 @@
+// src/next/middleware/index.ts
+import { NextResponse } from "next/server";
+function corsFromOptions(options) {
+  const ALLOWED_ORIGINS = (process.env.REMOTE_COMPONENTS_ALLOWED_ORIGINS || (Array.isArray(options?.origin) ? options.origin.join(",") : options?.origin) || "*").split(",").map((origin) => origin.trim());
+  const CORS_HEADERS = {
+    "Access-Control-Allow-Methods": process.env.REMOTE_COMPONENTS_ALLOW_METHODS || (Array.isArray(options?.method) ? options.method.map((m) => m.trim()).join(",") : options?.method) || "GET,HEAD,POST,PUT,PATCH,DELETE,OPTIONS",
+    "Access-Control-Allow-Headers": `${process.env.REMOTE_COMPONENTS_ALLOW_HEADERS || (Array.isArray(options?.headers) ? options.headers.map((h) => h.trim()).join(",") : options?.headers) || "Content-Type,Authorization"},vercel-remote-component-url`,
+    ...process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || options?.credentials ? {
+      "Access-Control-Allow-Credentials": process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || "true"
+    } : {}
+  };
+  return { ALLOWED_ORIGINS, CORS_HEADERS };
+}
+function withRemoteComponents(middleware, options) {
+  return async (request) => {
+    const { ALLOWED_ORIGINS, CORS_HEADERS } = corsFromOptions(options?.cors);
+    const origin = request.headers.get("origin") ?? "";
+    const isAllowed = ALLOWED_ORIGINS.includes("*") || ALLOWED_ORIGINS.includes(origin);
+    if (request.method === "OPTIONS") {
+      return new Response(null, {
+        status: 200,
+        headers: isAllowed ? {
+          "Access-Control-Allow-Origin": origin,
+          ...CORS_HEADERS
+        } : {}
+      });
+    }
+    const response = typeof middleware === "function" ? await middleware(request) : NextResponse.next();
+    if (isAllowed) {
+      response.headers.set("Access-Control-Allow-Origin", origin);
+    }
+    Object.entries(CORS_HEADERS).forEach(
+      ([k, v]) => response.headers.set(k, v)
+    );
+    return response;
+  };
+}
+var config = {
+  matcher: "/:path*"
+};
+export {
+  config,
+  withRemoteComponents
+};
+//# sourceMappingURL=middleware.js.map

package/dist/next/middleware.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/next/middleware/index.ts"],"sourcesContent":["import { type NextRequest, NextResponse } from 'next/server';\n\nexport interface RemoteComponentMiddlewareOptions {\n  cors?: {\n    origin?: string | string[];\n    method?: string | string[];\n    headers?: string | string[];\n    credentials?: boolean;\n  };\n}\n\nfunction corsFromOptions(options?: RemoteComponentMiddlewareOptions['cors']) {\n  const ALLOWED_ORIGINS = (\n    process.env.REMOTE_COMPONENTS_ALLOWED_ORIGINS ||\n    (Array.isArray(options?.origin)\n      ? options.origin.join(',')\n      : options?.origin) ||\n    '*'\n  )\n    .split(',')\n    .map((origin) => origin.trim());\n\n  const CORS_HEADERS = {\n    'Access-Control-Allow-Methods':\n      process.env.REMOTE_COMPONENTS_ALLOW_METHODS ||\n      (Array.isArray(options?.method)\n        ? options.method.map((m) => m.trim()).join(',')\n        : options?.method) ||\n      'GET,HEAD,POST,PUT,PATCH,DELETE,OPTIONS',\n    'Access-Control-Allow-Headers': `${\n      process.env.REMOTE_COMPONENTS_ALLOW_HEADERS ||\n      (Array.isArray(options?.headers)\n        ? options.headers.map((h) => h.trim()).join(',')\n        : options?.headers) ||\n      'Content-Type,Authorization'\n    },vercel-remote-component-url`,\n    ...(process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || options?.credentials\n      ? {\n          'Access-Control-Allow-Credentials':\n            process.env.REMOTE_COMPONENTS_ALLOW_CREDENTIALS || 'true',\n        }\n      : {}),\n  };\n\n  return { ALLOWED_ORIGINS, CORS_HEADERS };\n}\n\n/**\n * This middleware is used to handle CORS and other remote component related tasks.\n * It can be used to wrap a Next.js middleware function to add CORS headers and handle preflight requests.\n *\n * @param middleware - The Next.js middleware function to wrap.\n * @param options - Optional configuration for handling remote components.\n * @returns A Next.js middleware function that handles CORS and preflight requests\n */\nexport function withRemoteComponents(\n  middleware?: (request: NextRequest) => NextResponse | Promise<NextResponse>,\n  options?: RemoteComponentMiddlewareOptions,\n) {\n  return async (request: NextRequest) => {\n    const { ALLOWED_ORIGINS, CORS_HEADERS } = corsFromOptions(options?.cors);\n\n    const origin = request.headers.get('origin') ?? '';\n    const isAllowed =\n      ALLOWED_ORIGINS.includes('*') || ALLOWED_ORIGINS.includes(origin);\n\n    // Handle preflight\n    if (request.method === 'OPTIONS') {\n      return new Response(null, {\n        status: 200,\n        headers: isAllowed\n          ? {\n              'Access-Control-Allow-Origin': origin,\n              ...CORS_HEADERS,\n            }\n          : {},\n      });\n    }\n\n    // For all other requests, continue and attach CORS\n    const response =\n      typeof middleware === 'function'\n        ? await middleware(request)\n        : NextResponse.next();\n\n    if (isAllowed) {\n      response.headers.set('Access-Control-Allow-Origin', origin);\n    }\n\n    Object.entries(CORS_HEADERS).forEach(([k, v]) =>\n      response.headers.set(k, v),\n    );\n\n    return response;\n  };\n}\n\n/**\n * This configuration is used to specify the paths that the middleware should match.\n * It matches all paths by default.\n */\nexport const config = {\n  matcher: '/:path*',\n};\n"],"mappings":";AAAA,SAA2B,oBAAoB;AAW/C,SAAS,gBAAgB,SAAoD;AAC3E,QAAM,mBACJ,QAAQ,IAAI,sCACX,MAAM,QAAQ,SAAS,MAAM,IAC1B,QAAQ,OAAO,KAAK,GAAG,IACvB,SAAS,WACb,KAEC,MAAM,GAAG,EACT,IAAI,CAAC,WAAW,OAAO,KAAK,CAAC;AAEhC,QAAM,eAAe;AAAA,IACnB,gCACE,QAAQ,IAAI,oCACX,MAAM,QAAQ,SAAS,MAAM,IAC1B,QAAQ,OAAO,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAC5C,SAAS,WACb;AAAA,IACF,gCAAgC,GAC9B,QAAQ,IAAI,oCACX,MAAM,QAAQ,SAAS,OAAO,IAC3B,QAAQ,QAAQ,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,GAAG,IAC7C,SAAS,YACb;AAAA,IAEF,GAAI,QAAQ,IAAI,uCAAuC,SAAS,cAC5D;AAAA,MACE,oCACE,QAAQ,IAAI,uCAAuC;AAAA,IACvD,IACA,CAAC;AAAA,EACP;AAEA,SAAO,EAAE,iBAAiB,aAAa;AACzC;AAUO,SAAS,qBACd,YACA,SACA;AACA,SAAO,OAAO,YAAyB;AACrC,UAAM,EAAE,iBAAiB,aAAa,IAAI,gBAAgB,SAAS,IAAI;AAEvE,UAAM,SAAS,QAAQ,QAAQ,IAAI,QAAQ,KAAK;AAChD,UAAM,YACJ,gBAAgB,SAAS,GAAG,KAAK,gBAAgB,SAAS,MAAM;AAGlE,QAAI,QAAQ,WAAW,WAAW;AAChC,aAAO,IAAI,SAAS,MAAM;AAAA,QACxB,QAAQ;AAAA,QACR,SAAS,YACL;AAAA,UACE,+BAA+B;AAAA,UAC/B,GAAG;AAAA,QACL,IACA,CAAC;AAAA,MACP,CAAC;AAAA,IACH;AAGA,UAAM,WACJ,OAAO,eAAe,aAClB,MAAM,WAAW,OAAO,IACxB,aAAa,KAAK;AAExB,QAAI,WAAW;AACb,eAAS,QAAQ,IAAI,+BAA+B,MAAM;AAAA,IAC5D;AAEA,WAAO,QAAQ,YAAY,EAAE;AAAA,MAAQ,CAAC,CAAC,GAAG,CAAC,MACzC,SAAS,QAAQ,IAAI,GAAG,CAAC;AAAA,IAC3B;AAEA,WAAO;AAAA,EACT;AACF;AAMO,IAAM,SAAS;AAAA,EACpB,SAAS;AACX;","names":[]}

package/dist/next/remote/render-server.cjs

@@ -37,7 +37,7 @@ var import_work_async_storage = require("next/dist/server/app-render/work-async-
 const SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(
   "next.server.action-manifests"
 );
-const CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;
+const PROJECT_ID = process.env.REMOTE_COMPONENTS_PROJECT_ID;
 function RemoteComponentData({ name, data }) {
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", { id: `${name}_rsc`, children: data.map(
     (chunk, i) => (
@@ -69,7 +69,7 @@ async function RemoteComponent({
   const ssrModuleMapping = { ...manifest?.ssrModuleMapping };
   clientModules = Object.fromEntries(
     Object.entries(clientModules).map(([key, value]) => {
-      const remoteId = `[${CURRENT_ZONE}] ${value.id}`;
+      const remoteId = `[${PROJECT_ID}] ${value.id}`;
       ssrModuleMapping[remoteId] = ssrModuleMapping[value.id];
       return [
         key,
@@ -78,7 +78,7 @@ async function RemoteComponent({
           id: remoteId,
           // prepend the current zone to the chunks to handle remote component chunk loading in Webpack
           // this is required to avoid loading the wrong chunk in the host application
-          chunks: value.chunks.map((chunk) => `[${CURRENT_ZONE}] ${chunk}`)
+          chunks: value.chunks.map((chunk) => `[${PROJECT_ID}] ${chunk}`)
           // async: true,
         }
       ];
@@ -106,7 +106,7 @@ async function RemoteComponent({
     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
-        "data-bundle": CURRENT_ZONE,
+        "data-bundle": PROJECT_ID,
         "data-route": route,
         "data-runtime": runtime,
         id: `${remoteComponentName}_ssr`,

package/dist/next/remote/render-server.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/remote/render-server.tsx"],"sourcesContent":["import { headers } from 'next/headers';\nimport { workAsyncStorage } from 'next/dist/server/app-render/work-async-storage.external';\nimport type { Manifest } from './types';\n\n// internal Next.js symbol to access the manifest which is stored in the global scope\nconst SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(\n  'next.server.action-manifests',\n);\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\n// inject the RSC flight data into the HTML response using <script>\n// the RSC flight data is used to hydrate the remote component on the host\n// this approach is similar to an island architecture on the host\n// the remote component is static HTML until it is hydrated using this RSC flight data\nfunction RemoteComponentData({ name, data }: { name: string; data: string[] }) {\n  return (\n    <script id={`${name}_rsc`}>\n      {data\n        .map(\n          (chunk, i) =>\n            // make the data handling somewhat safe\n            `${i === 0 ? `self[\"${name}\"]=self[\"${name}\"]||[];` : ''}self[\"${name}\"].push(${JSON.stringify(\n              chunk,\n            )});`,\n        )\n        .join('\\n')}\n    </script>\n  );\n}\n\n/**\n * RemoteComponent is a Next.js component that exposes a remote component\n * that can be used in a host application.\n *\n * @param name - The name of the remote component. Use a unique name to expose multiple remote components from the same page.\n * @param children - The content of the remote component. This is the content that will be rendered as the remote component.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to expose the children as a remote component:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next';\n *\n * export default function MyPage() {\n *   return (\n *     <RemoteComponent>\n *       <h1>Hello from the remote component!</h1>\n *       <p>This is a remote component that can be used in a host application.</p>\n *     </RemoteComponent>\n *   );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  name = '__vercel_remote_component',\n  children,\n}: {\n  name?: string;\n  children: React.ReactNode;\n}): Promise<React.ReactNode> {\n  const headersList = await headers();\n  const url = headersList.get('Vercel-Remote-Component-Url');\n  const isRemote = url !== null;\n\n  if (!isRemote) {\n    return children;\n  }\n\n  // this URL passed by the remote component consumer is only used to know the public address of the remote component\n  // it is only used to determine if we need to mutate the client module map for now\n\n  const { pathname } = new URL(url);\n  // access the internal Next.js work store to get the active page and route\n  const { page, route } = workAsyncStorage.getStore() ?? { page: pathname };\n\n  // get reference to the manifests from the global scope\n  const manifests = (\n    globalThis as typeof globalThis & {\n      [SERVER_ACTION_MANIFESTS_SINGLETON]: {\n        clientReferenceManifestsPerPage?: Record<string, Manifest>;\n      };\n    }\n  )[SERVER_ACTION_MANIFESTS_SINGLETON];\n  const manifest = manifests.clientReferenceManifestsPerPage?.[route ?? page];\n\n  const self = globalThis as typeof globalThis & {\n    [SERVER_ACTION_MANIFESTS_SINGLETON]?: {\n      clientReferenceManifestsPerPage?: Record<string, Manifest>;\n    };\n    __RSC_MANIFEST?: Record<string, unknown>;\n  };\n\n  // manually handle the internal Next.js manifest\n  self.__RSC_MANIFEST = self.__RSC_MANIFEST || {};\n  self.__RSC_MANIFEST[page] = self.__RSC_MANIFEST[page] || manifest;\n\n  // get the client and SSR module mapping to be able to use client components in the remote component\n  let clientModules = manifest?.clientModules ?? {};\n  const ssrModuleMapping = { ...manifest?.ssrModuleMapping };\n\n  // if the remote component is used in a hosting application, we need to mutate the module map to include the zone\n  clientModules = Object.fromEntries(\n    Object.entries(clientModules).map(([key, value]) => {\n      // append a prefix to each entry in the module map to include the zone of the remote component\n      const remoteId = `[${CURRENT_ZONE}] ${value.id}`;\n      ssrModuleMapping[remoteId] = ssrModuleMapping[value.id];\n      // override the original id with the new remote id\n      return [\n        key,\n        {\n          ...value,\n          id: remoteId,\n          // prepend the current zone to the chunks to handle remote component chunk loading in Webpack\n          // this is required to avoid loading the wrong chunk in the host application\n          chunks: value.chunks.map((chunk) => `[${CURRENT_ZONE}] ${chunk}`),\n          // async: true,\n        },\n      ];\n    }),\n  );\n\n  // dynamically import the runtime specific RSC rendering functions and client component\n  const [{ renderToReadableStream }, { RemoteComponentSSR }] =\n    await Promise.all(\n      process.env.TURBOPACK\n        ? [\n            import('react-server-dom-turbopack/server.edge'),\n            import('./render-client-turbopack'),\n          ]\n        : [\n            import('react-server-dom-webpack/server.edge'),\n            import('./render-client-webpack'),\n          ],\n    );\n  // render the wrapped content of this component (children) into an RSC stream\n  const stream = renderToReadableStream(children, clientModules);\n\n  const data = [];\n  const decoder = new TextDecoder();\n\n  // convert the stream to an array for safe passing to the client\n  for await (const chunk of stream as unknown as AsyncIterable<Uint8Array>) {\n    data.push(decoder.decode(chunk));\n  }\n\n  const runtime = process.env.TURBOPACK ? 'turbopack' : 'webpack';\n  const remoteComponentName = `${name}_${route?.replace(/\\//g, '_')}`;\n\n  return (\n    // wrap the remote component content into a div to know which part of the HTML belongs to the remote component\n    <div\n      data-bundle={CURRENT_ZONE}\n      data-route={route}\n      data-runtime={runtime}\n      id={`${remoteComponentName}_ssr`}\n    >\n      <RemoteComponentSSR\n        data={data}\n        moduleLoading={manifest?.moduleLoading ?? {}}\n        moduleMap={ssrModuleMapping}\n        name={remoteComponentName}\n      />\n      {/* inject RSC flight data as <script> */}\n      <RemoteComponentData data={data} name={remoteComponentName} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBI;AAjBJ,qBAAwB;AACxB,gCAAiC;AAIjC,MAAM,oCAAoC,OAAO;AAAA,EAC/C;AACF;AAEA,MAAM,eAAe,QAAQ,IAAI;AAMjC,SAAS,oBAAoB,EAAE,MAAM,KAAK,GAAqC;AAC7E,SACE,4CAAC,YAAO,IAAI,GAAG,YACZ,eACE;AAAA,IACC,CAAC,OAAO;AAAA;AAAA,MAEN,GAAG,MAAM,IAAI,SAAS,gBAAgB,gBAAgB,WAAW,eAAe,KAAK;AAAA,QACnF;AAAA,MACF;AAAA;AAAA,EACJ,EACC,KAAK,IAAI,GACd;AAEJ;AA2BA,eAAsB,gBAAgB;AAAA,EACpC,OAAO;AAAA,EACP;AACF,GAG6B;AAC3B,QAAM,cAAc,UAAM,wBAAQ;AAClC,QAAM,MAAM,YAAY,IAAI,6BAA6B;AACzD,QAAM,WAAW,QAAQ;AAEzB,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAKA,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,GAAG;AAEhC,QAAM,EAAE,MAAM,MAAM,IAAI,2CAAiB,SAAS,KAAK,EAAE,MAAM,SAAS;AAGxE,QAAM,YACJ,WAKA,iCAAiC;AACnC,QAAM,WAAW,UAAU,kCAAkC,SAAS,IAAI;AAE1E,QAAM,OAAO;AAQb,OAAK,iBAAiB,KAAK,kBAAkB,CAAC;AAC9C,OAAK,eAAe,IAAI,IAAI,KAAK,eAAe,IAAI,KAAK;AAGzD,MAAI,gBAAgB,UAAU,iBAAiB,CAAC;AAChD,QAAM,mBAAmB,EAAE,GAAG,UAAU,iBAAiB;AAGzD,kBAAgB,OAAO;AAAA,IACrB,OAAO,QAAQ,aAAa,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAElD,YAAM,WAAW,IAAI,iBAAiB,MAAM;AAC5C,uBAAiB,QAAQ,IAAI,iBAAiB,MAAM,EAAE;AAEtD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,GAAG;AAAA,UACH,IAAI;AAAA;AAAA;AAAA,UAGJ,QAAQ,MAAM,OAAO,IAAI,CAAC,UAAU,IAAI,iBAAiB,OAAO;AAAA;AAAA,QAElE;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAGA,QAAM,CAAC,EAAE,uBAAuB,GAAG,EAAE,mBAAmB,CAAC,IACvD,MAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,YACR;AAAA,MACE,OAAO,wCAAwC;AAAA,MAC/C,OAAO,2BAA2B;AAAA,IACpC,IACA;AAAA,MACE,OAAO,sCAAsC;AAAA,MAC7C,OAAO,yBAAyB;AAAA,IAClC;AAAA,EACN;AAEF,QAAM,SAAS,uBAAuB,UAAU,aAAa;AAE7D,QAAM,OAAO,CAAC;AACd,QAAM,UAAU,IAAI,YAAY;AAGhC,mBAAiB,SAAS,QAAgD;AACxE,SAAK,KAAK,QAAQ,OAAO,KAAK,CAAC;AAAA,EACjC;AAEA,QAAM,UAAU,QAAQ,IAAI,YAAY,cAAc;AACtD,QAAM,sBAAsB,GAAG,QAAQ,OAAO,QAAQ,OAAO,GAAG;AAEhE;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,gBAAc;AAAA,QACd,IAAI,GAAG;AAAA,QAEP;AAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,eAAe,UAAU,iBAAiB,CAAC;AAAA,cAC3C,WAAW;AAAA,cACX,MAAM;AAAA;AAAA,UACR;AAAA,UAEA,4CAAC,uBAAoB,MAAY,MAAM,qBAAqB;AAAA;AAAA;AAAA,IAC9D;AAAA;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/next/remote/render-server.tsx"],"sourcesContent":["import { headers } from 'next/headers';\nimport { workAsyncStorage } from 'next/dist/server/app-render/work-async-storage.external';\nimport type { Manifest } from './types';\n\n// internal Next.js symbol to access the manifest which is stored in the global scope\nconst SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(\n  'next.server.action-manifests',\n);\n\nconst PROJECT_ID = process.env.REMOTE_COMPONENTS_PROJECT_ID;\n\n// inject the RSC flight data into the HTML response using <script>\n// the RSC flight data is used to hydrate the remote component on the host\n// this approach is similar to an island architecture on the host\n// the remote component is static HTML until it is hydrated using this RSC flight data\nfunction RemoteComponentData({ name, data }: { name: string; data: string[] }) {\n  return (\n    <script id={`${name}_rsc`}>\n      {data\n        .map(\n          (chunk, i) =>\n            // make the data handling somewhat safe\n            `${i === 0 ? `self[\"${name}\"]=self[\"${name}\"]||[];` : ''}self[\"${name}\"].push(${JSON.stringify(\n              chunk,\n            )});`,\n        )\n        .join('\\n')}\n    </script>\n  );\n}\n\n/**\n * RemoteComponent is a Next.js component that exposes a remote component\n * that can be used in a host application.\n *\n * @param name - The name of the remote component. Use a unique name to expose multiple remote components from the same page.\n * @param children - The content of the remote component. This is the content that will be rendered as the remote component.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to expose the children as a remote component:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next';\n *\n * export default function MyPage() {\n *   return (\n *     <RemoteComponent>\n *       <h1>Hello from the remote component!</h1>\n *       <p>This is a remote component that can be used in a host application.</p>\n *     </RemoteComponent>\n *   );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  name = '__vercel_remote_component',\n  children,\n}: {\n  name?: string;\n  children: React.ReactNode;\n}): Promise<React.ReactNode> {\n  const headersList = await headers();\n  const url = headersList.get('Vercel-Remote-Component-Url');\n  const isRemote = url !== null;\n\n  if (!isRemote) {\n    return children;\n  }\n\n  // this URL passed by the remote component consumer is only used to know the public address of the remote component\n  // it is only used to determine if we need to mutate the client module map for now\n\n  const { pathname } = new URL(url);\n  // access the internal Next.js work store to get the active page and route\n  const { page, route } = workAsyncStorage.getStore() ?? { page: pathname };\n\n  // get reference to the manifests from the global scope\n  const manifests = (\n    globalThis as typeof globalThis & {\n      [SERVER_ACTION_MANIFESTS_SINGLETON]: {\n        clientReferenceManifestsPerPage?: Record<string, Manifest>;\n      };\n    }\n  )[SERVER_ACTION_MANIFESTS_SINGLETON];\n  const manifest = manifests.clientReferenceManifestsPerPage?.[route ?? page];\n\n  const self = globalThis as typeof globalThis & {\n    [SERVER_ACTION_MANIFESTS_SINGLETON]?: {\n      clientReferenceManifestsPerPage?: Record<string, Manifest>;\n    };\n    __RSC_MANIFEST?: Record<string, unknown>;\n  };\n\n  // manually handle the internal Next.js manifest\n  self.__RSC_MANIFEST = self.__RSC_MANIFEST || {};\n  self.__RSC_MANIFEST[page] = self.__RSC_MANIFEST[page] || manifest;\n\n  // get the client and SSR module mapping to be able to use client components in the remote component\n  let clientModules = manifest?.clientModules ?? {};\n  const ssrModuleMapping = { ...manifest?.ssrModuleMapping };\n\n  // if the remote component is used in a hosting application, we need to mutate the module map to include the zone\n  clientModules = Object.fromEntries(\n    Object.entries(clientModules).map(([key, value]) => {\n      // append a prefix to each entry in the module map to include the zone of the remote component\n      const remoteId = `[${PROJECT_ID}] ${value.id}`;\n      ssrModuleMapping[remoteId] = ssrModuleMapping[value.id];\n      // override the original id with the new remote id\n      return [\n        key,\n        {\n          ...value,\n          id: remoteId,\n          // prepend the current zone to the chunks to handle remote component chunk loading in Webpack\n          // this is required to avoid loading the wrong chunk in the host application\n          chunks: value.chunks.map((chunk) => `[${PROJECT_ID}] ${chunk}`),\n          // async: true,\n        },\n      ];\n    }),\n  );\n\n  // dynamically import the runtime specific RSC rendering functions and client component\n  const [{ renderToReadableStream }, { RemoteComponentSSR }] =\n    await Promise.all(\n      process.env.TURBOPACK\n        ? [\n            import('react-server-dom-turbopack/server.edge'),\n            import('./render-client-turbopack'),\n          ]\n        : [\n            import('react-server-dom-webpack/server.edge'),\n            import('./render-client-webpack'),\n          ],\n    );\n  // render the wrapped content of this component (children) into an RSC stream\n  const stream = renderToReadableStream(children, clientModules);\n\n  const data = [];\n  const decoder = new TextDecoder();\n\n  // convert the stream to an array for safe passing to the client\n  for await (const chunk of stream as unknown as AsyncIterable<Uint8Array>) {\n    data.push(decoder.decode(chunk));\n  }\n\n  const runtime = process.env.TURBOPACK ? 'turbopack' : 'webpack';\n  const remoteComponentName = `${name}_${route?.replace(/\\//g, '_')}`;\n\n  return (\n    // wrap the remote component content into a div to know which part of the HTML belongs to the remote component\n    <div\n      data-bundle={PROJECT_ID}\n      data-route={route}\n      data-runtime={runtime}\n      id={`${remoteComponentName}_ssr`}\n    >\n      <RemoteComponentSSR\n        data={data}\n        moduleLoading={manifest?.moduleLoading ?? {}}\n        moduleMap={ssrModuleMapping}\n        name={remoteComponentName}\n      />\n      {/* inject RSC flight data as <script> */}\n      <RemoteComponentData data={data} name={remoteComponentName} />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBI;AAjBJ,qBAAwB;AACxB,gCAAiC;AAIjC,MAAM,oCAAoC,OAAO;AAAA,EAC/C;AACF;AAEA,MAAM,aAAa,QAAQ,IAAI;AAM/B,SAAS,oBAAoB,EAAE,MAAM,KAAK,GAAqC;AAC7E,SACE,4CAAC,YAAO,IAAI,GAAG,YACZ,eACE;AAAA,IACC,CAAC,OAAO;AAAA;AAAA,MAEN,GAAG,MAAM,IAAI,SAAS,gBAAgB,gBAAgB,WAAW,eAAe,KAAK;AAAA,QACnF;AAAA,MACF;AAAA;AAAA,EACJ,EACC,KAAK,IAAI,GACd;AAEJ;AA2BA,eAAsB,gBAAgB;AAAA,EACpC,OAAO;AAAA,EACP;AACF,GAG6B;AAC3B,QAAM,cAAc,UAAM,wBAAQ;AAClC,QAAM,MAAM,YAAY,IAAI,6BAA6B;AACzD,QAAM,WAAW,QAAQ;AAEzB,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAKA,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,GAAG;AAEhC,QAAM,EAAE,MAAM,MAAM,IAAI,2CAAiB,SAAS,KAAK,EAAE,MAAM,SAAS;AAGxE,QAAM,YACJ,WAKA,iCAAiC;AACnC,QAAM,WAAW,UAAU,kCAAkC,SAAS,IAAI;AAE1E,QAAM,OAAO;AAQb,OAAK,iBAAiB,KAAK,kBAAkB,CAAC;AAC9C,OAAK,eAAe,IAAI,IAAI,KAAK,eAAe,IAAI,KAAK;AAGzD,MAAI,gBAAgB,UAAU,iBAAiB,CAAC;AAChD,QAAM,mBAAmB,EAAE,GAAG,UAAU,iBAAiB;AAGzD,kBAAgB,OAAO;AAAA,IACrB,OAAO,QAAQ,aAAa,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAElD,YAAM,WAAW,IAAI,eAAe,MAAM;AAC1C,uBAAiB,QAAQ,IAAI,iBAAiB,MAAM,EAAE;AAEtD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,GAAG;AAAA,UACH,IAAI;AAAA;AAAA;AAAA,UAGJ,QAAQ,MAAM,OAAO,IAAI,CAAC,UAAU,IAAI,eAAe,OAAO;AAAA;AAAA,QAEhE;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAGA,QAAM,CAAC,EAAE,uBAAuB,GAAG,EAAE,mBAAmB,CAAC,IACvD,MAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,YACR;AAAA,MACE,OAAO,wCAAwC;AAAA,MAC/C,OAAO,2BAA2B;AAAA,IACpC,IACA;AAAA,MACE,OAAO,sCAAsC;AAAA,MAC7C,OAAO,yBAAyB;AAAA,IAClC;AAAA,EACN;AAEF,QAAM,SAAS,uBAAuB,UAAU,aAAa;AAE7D,QAAM,OAAO,CAAC;AACd,QAAM,UAAU,IAAI,YAAY;AAGhC,mBAAiB,SAAS,QAAgD;AACxE,SAAK,KAAK,QAAQ,OAAO,KAAK,CAAC;AAAA,EACjC;AAEA,QAAM,UAAU,QAAQ,IAAI,YAAY,cAAc;AACtD,QAAM,sBAAsB,GAAG,QAAQ,OAAO,QAAQ,OAAO,GAAG;AAEhE;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,gBAAc;AAAA,QACd,IAAI,GAAG;AAAA,QAEP;AAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,eAAe,UAAU,iBAAiB,CAAC;AAAA,cAC3C,WAAW;AAAA,cACX,MAAM;AAAA;AAAA,UACR;AAAA,UAEA,4CAAC,uBAAoB,MAAY,MAAM,qBAAqB;AAAA;AAAA;AAAA,IAC9D;AAAA;AAEJ;","names":[]}

package/dist/next/remote/render-server.js

@@ -4,7 +4,7 @@ import { workAsyncStorage } from "next/dist/server/app-render/work-async-storage
 const SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(
   "next.server.action-manifests"
 );
-const CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;
+const PROJECT_ID = process.env.REMOTE_COMPONENTS_PROJECT_ID;
 function RemoteComponentData({ name, data }) {
   return /* @__PURE__ */ jsx("script", { id: `${name}_rsc`, children: data.map(
     (chunk, i) => (
@@ -36,7 +36,7 @@ async function RemoteComponent({
   const ssrModuleMapping = { ...manifest?.ssrModuleMapping };
   clientModules = Object.fromEntries(
     Object.entries(clientModules).map(([key, value]) => {
-      const remoteId = `[${CURRENT_ZONE}] ${value.id}`;
+      const remoteId = `[${PROJECT_ID}] ${value.id}`;
       ssrModuleMapping[remoteId] = ssrModuleMapping[value.id];
       return [
         key,
@@ -45,7 +45,7 @@ async function RemoteComponent({
           id: remoteId,
           // prepend the current zone to the chunks to handle remote component chunk loading in Webpack
           // this is required to avoid loading the wrong chunk in the host application
-          chunks: value.chunks.map((chunk) => `[${CURRENT_ZONE}] ${chunk}`)
+          chunks: value.chunks.map((chunk) => `[${PROJECT_ID}] ${chunk}`)
           // async: true,
         }
       ];
@@ -73,7 +73,7 @@ async function RemoteComponent({
     /* @__PURE__ */ jsxs(
       "div",
       {
-        "data-bundle": CURRENT_ZONE,
+        "data-bundle": PROJECT_ID,
         "data-route": route,
         "data-runtime": runtime,
         id: `${remoteComponentName}_ssr`,

package/dist/next/remote/render-server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/remote/render-server.tsx"],"sourcesContent":["import { headers } from 'next/headers';\nimport { workAsyncStorage } from 'next/dist/server/app-render/work-async-storage.external';\nimport type { Manifest } from './types';\n\n// internal Next.js symbol to access the manifest which is stored in the global scope\nconst SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(\n  'next.server.action-manifests',\n);\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\n// inject the RSC flight data into the HTML response using <script>\n// the RSC flight data is used to hydrate the remote component on the host\n// this approach is similar to an island architecture on the host\n// the remote component is static HTML until it is hydrated using this RSC flight data\nfunction RemoteComponentData({ name, data }: { name: string; data: string[] }) {\n  return (\n    <script id={`${name}_rsc`}>\n      {data\n        .map(\n          (chunk, i) =>\n            // make the data handling somewhat safe\n            `${i === 0 ? `self[\"${name}\"]=self[\"${name}\"]||[];` : ''}self[\"${name}\"].push(${JSON.stringify(\n              chunk,\n            )});`,\n        )\n        .join('\\n')}\n    </script>\n  );\n}\n\n/**\n * RemoteComponent is a Next.js component that exposes a remote component\n * that can be used in a host application.\n *\n * @param name - The name of the remote component. Use a unique name to expose multiple remote components from the same page.\n * @param children - The content of the remote component. This is the content that will be rendered as the remote component.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to expose the children as a remote component:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next';\n *\n * export default function MyPage() {\n *   return (\n *     <RemoteComponent>\n *       <h1>Hello from the remote component!</h1>\n *       <p>This is a remote component that can be used in a host application.</p>\n *     </RemoteComponent>\n *   );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  name = '__vercel_remote_component',\n  children,\n}: {\n  name?: string;\n  children: React.ReactNode;\n}): Promise<React.ReactNode> {\n  const headersList = await headers();\n  const url = headersList.get('Vercel-Remote-Component-Url');\n  const isRemote = url !== null;\n\n  if (!isRemote) {\n    return children;\n  }\n\n  // this URL passed by the remote component consumer is only used to know the public address of the remote component\n  // it is only used to determine if we need to mutate the client module map for now\n\n  const { pathname } = new URL(url);\n  // access the internal Next.js work store to get the active page and route\n  const { page, route } = workAsyncStorage.getStore() ?? { page: pathname };\n\n  // get reference to the manifests from the global scope\n  const manifests = (\n    globalThis as typeof globalThis & {\n      [SERVER_ACTION_MANIFESTS_SINGLETON]: {\n        clientReferenceManifestsPerPage?: Record<string, Manifest>;\n      };\n    }\n  )[SERVER_ACTION_MANIFESTS_SINGLETON];\n  const manifest = manifests.clientReferenceManifestsPerPage?.[route ?? page];\n\n  const self = globalThis as typeof globalThis & {\n    [SERVER_ACTION_MANIFESTS_SINGLETON]?: {\n      clientReferenceManifestsPerPage?: Record<string, Manifest>;\n    };\n    __RSC_MANIFEST?: Record<string, unknown>;\n  };\n\n  // manually handle the internal Next.js manifest\n  self.__RSC_MANIFEST = self.__RSC_MANIFEST || {};\n  self.__RSC_MANIFEST[page] = self.__RSC_MANIFEST[page] || manifest;\n\n  // get the client and SSR module mapping to be able to use client components in the remote component\n  let clientModules = manifest?.clientModules ?? {};\n  const ssrModuleMapping = { ...manifest?.ssrModuleMapping };\n\n  // if the remote component is used in a hosting application, we need to mutate the module map to include the zone\n  clientModules = Object.fromEntries(\n    Object.entries(clientModules).map(([key, value]) => {\n      // append a prefix to each entry in the module map to include the zone of the remote component\n      const remoteId = `[${CURRENT_ZONE}] ${value.id}`;\n      ssrModuleMapping[remoteId] = ssrModuleMapping[value.id];\n      // override the original id with the new remote id\n      return [\n        key,\n        {\n          ...value,\n          id: remoteId,\n          // prepend the current zone to the chunks to handle remote component chunk loading in Webpack\n          // this is required to avoid loading the wrong chunk in the host application\n          chunks: value.chunks.map((chunk) => `[${CURRENT_ZONE}] ${chunk}`),\n          // async: true,\n        },\n      ];\n    }),\n  );\n\n  // dynamically import the runtime specific RSC rendering functions and client component\n  const [{ renderToReadableStream }, { RemoteComponentSSR }] =\n    await Promise.all(\n      process.env.TURBOPACK\n        ? [\n            import('react-server-dom-turbopack/server.edge'),\n            import('./render-client-turbopack'),\n          ]\n        : [\n            import('react-server-dom-webpack/server.edge'),\n            import('./render-client-webpack'),\n          ],\n    );\n  // render the wrapped content of this component (children) into an RSC stream\n  const stream = renderToReadableStream(children, clientModules);\n\n  const data = [];\n  const decoder = new TextDecoder();\n\n  // convert the stream to an array for safe passing to the client\n  for await (const chunk of stream as unknown as AsyncIterable<Uint8Array>) {\n    data.push(decoder.decode(chunk));\n  }\n\n  const runtime = process.env.TURBOPACK ? 'turbopack' : 'webpack';\n  const remoteComponentName = `${name}_${route?.replace(/\\//g, '_')}`;\n\n  return (\n    // wrap the remote component content into a div to know which part of the HTML belongs to the remote component\n    <div\n      data-bundle={CURRENT_ZONE}\n      data-route={route}\n      data-runtime={runtime}\n      id={`${remoteComponentName}_ssr`}\n    >\n      <RemoteComponentSSR\n        data={data}\n        moduleLoading={manifest?.moduleLoading ?? {}}\n        moduleMap={ssrModuleMapping}\n        name={remoteComponentName}\n      />\n      {/* inject RSC flight data as <script> */}\n      <RemoteComponentData data={data} name={remoteComponentName} />\n    </div>\n  );\n}\n"],"mappings":"AAiBI,cAwIA,YAxIA;AAjBJ,SAAS,eAAe;AACxB,SAAS,wBAAwB;AAIjC,MAAM,oCAAoC,OAAO;AAAA,EAC/C;AACF;AAEA,MAAM,eAAe,QAAQ,IAAI;AAMjC,SAAS,oBAAoB,EAAE,MAAM,KAAK,GAAqC;AAC7E,SACE,oBAAC,YAAO,IAAI,GAAG,YACZ,eACE;AAAA,IACC,CAAC,OAAO;AAAA;AAAA,MAEN,GAAG,MAAM,IAAI,SAAS,gBAAgB,gBAAgB,WAAW,eAAe,KAAK;AAAA,QACnF;AAAA,MACF;AAAA;AAAA,EACJ,EACC,KAAK,IAAI,GACd;AAEJ;AA2BA,eAAsB,gBAAgB;AAAA,EACpC,OAAO;AAAA,EACP;AACF,GAG6B;AAC3B,QAAM,cAAc,MAAM,QAAQ;AAClC,QAAM,MAAM,YAAY,IAAI,6BAA6B;AACzD,QAAM,WAAW,QAAQ;AAEzB,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAKA,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,GAAG;AAEhC,QAAM,EAAE,MAAM,MAAM,IAAI,iBAAiB,SAAS,KAAK,EAAE,MAAM,SAAS;AAGxE,QAAM,YACJ,WAKA,iCAAiC;AACnC,QAAM,WAAW,UAAU,kCAAkC,SAAS,IAAI;AAE1E,QAAM,OAAO;AAQb,OAAK,iBAAiB,KAAK,kBAAkB,CAAC;AAC9C,OAAK,eAAe,IAAI,IAAI,KAAK,eAAe,IAAI,KAAK;AAGzD,MAAI,gBAAgB,UAAU,iBAAiB,CAAC;AAChD,QAAM,mBAAmB,EAAE,GAAG,UAAU,iBAAiB;AAGzD,kBAAgB,OAAO;AAAA,IACrB,OAAO,QAAQ,aAAa,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAElD,YAAM,WAAW,IAAI,iBAAiB,MAAM;AAC5C,uBAAiB,QAAQ,IAAI,iBAAiB,MAAM,EAAE;AAEtD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,GAAG;AAAA,UACH,IAAI;AAAA;AAAA;AAAA,UAGJ,QAAQ,MAAM,OAAO,IAAI,CAAC,UAAU,IAAI,iBAAiB,OAAO;AAAA;AAAA,QAElE;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAGA,QAAM,CAAC,EAAE,uBAAuB,GAAG,EAAE,mBAAmB,CAAC,IACvD,MAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,YACR;AAAA,MACE,OAAO,wCAAwC;AAAA,MAC/C,OAAO,2BAA2B;AAAA,IACpC,IACA;AAAA,MACE,OAAO,sCAAsC;AAAA,MAC7C,OAAO,yBAAyB;AAAA,IAClC;AAAA,EACN;AAEF,QAAM,SAAS,uBAAuB,UAAU,aAAa;AAE7D,QAAM,OAAO,CAAC;AACd,QAAM,UAAU,IAAI,YAAY;AAGhC,mBAAiB,SAAS,QAAgD;AACxE,SAAK,KAAK,QAAQ,OAAO,KAAK,CAAC;AAAA,EACjC;AAEA,QAAM,UAAU,QAAQ,IAAI,YAAY,cAAc;AACtD,QAAM,sBAAsB,GAAG,QAAQ,OAAO,QAAQ,OAAO,GAAG;AAEhE;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,gBAAc;AAAA,QACd,IAAI,GAAG;AAAA,QAEP;AAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,eAAe,UAAU,iBAAiB,CAAC;AAAA,cAC3C,WAAW;AAAA,cACX,MAAM;AAAA;AAAA,UACR;AAAA,UAEA,oBAAC,uBAAoB,MAAY,MAAM,qBAAqB;AAAA;AAAA;AAAA,IAC9D;AAAA;AAEJ;","names":[]}
+{"version":3,"sources":["../../../src/next/remote/render-server.tsx"],"sourcesContent":["import { headers } from 'next/headers';\nimport { workAsyncStorage } from 'next/dist/server/app-render/work-async-storage.external';\nimport type { Manifest } from './types';\n\n// internal Next.js symbol to access the manifest which is stored in the global scope\nconst SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(\n  'next.server.action-manifests',\n);\n\nconst PROJECT_ID = process.env.REMOTE_COMPONENTS_PROJECT_ID;\n\n// inject the RSC flight data into the HTML response using <script>\n// the RSC flight data is used to hydrate the remote component on the host\n// this approach is similar to an island architecture on the host\n// the remote component is static HTML until it is hydrated using this RSC flight data\nfunction RemoteComponentData({ name, data }: { name: string; data: string[] }) {\n  return (\n    <script id={`${name}_rsc`}>\n      {data\n        .map(\n          (chunk, i) =>\n            // make the data handling somewhat safe\n            `${i === 0 ? `self[\"${name}\"]=self[\"${name}\"]||[];` : ''}self[\"${name}\"].push(${JSON.stringify(\n              chunk,\n            )});`,\n        )\n        .join('\\n')}\n    </script>\n  );\n}\n\n/**\n * RemoteComponent is a Next.js component that exposes a remote component\n * that can be used in a host application.\n *\n * @param name - The name of the remote component. Use a unique name to expose multiple remote components from the same page.\n * @param children - The content of the remote component. This is the content that will be rendered as the remote component.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to expose the children as a remote component:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next';\n *\n * export default function MyPage() {\n *   return (\n *     <RemoteComponent>\n *       <h1>Hello from the remote component!</h1>\n *       <p>This is a remote component that can be used in a host application.</p>\n *     </RemoteComponent>\n *   );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  name = '__vercel_remote_component',\n  children,\n}: {\n  name?: string;\n  children: React.ReactNode;\n}): Promise<React.ReactNode> {\n  const headersList = await headers();\n  const url = headersList.get('Vercel-Remote-Component-Url');\n  const isRemote = url !== null;\n\n  if (!isRemote) {\n    return children;\n  }\n\n  // this URL passed by the remote component consumer is only used to know the public address of the remote component\n  // it is only used to determine if we need to mutate the client module map for now\n\n  const { pathname } = new URL(url);\n  // access the internal Next.js work store to get the active page and route\n  const { page, route } = workAsyncStorage.getStore() ?? { page: pathname };\n\n  // get reference to the manifests from the global scope\n  const manifests = (\n    globalThis as typeof globalThis & {\n      [SERVER_ACTION_MANIFESTS_SINGLETON]: {\n        clientReferenceManifestsPerPage?: Record<string, Manifest>;\n      };\n    }\n  )[SERVER_ACTION_MANIFESTS_SINGLETON];\n  const manifest = manifests.clientReferenceManifestsPerPage?.[route ?? page];\n\n  const self = globalThis as typeof globalThis & {\n    [SERVER_ACTION_MANIFESTS_SINGLETON]?: {\n      clientReferenceManifestsPerPage?: Record<string, Manifest>;\n    };\n    __RSC_MANIFEST?: Record<string, unknown>;\n  };\n\n  // manually handle the internal Next.js manifest\n  self.__RSC_MANIFEST = self.__RSC_MANIFEST || {};\n  self.__RSC_MANIFEST[page] = self.__RSC_MANIFEST[page] || manifest;\n\n  // get the client and SSR module mapping to be able to use client components in the remote component\n  let clientModules = manifest?.clientModules ?? {};\n  const ssrModuleMapping = { ...manifest?.ssrModuleMapping };\n\n  // if the remote component is used in a hosting application, we need to mutate the module map to include the zone\n  clientModules = Object.fromEntries(\n    Object.entries(clientModules).map(([key, value]) => {\n      // append a prefix to each entry in the module map to include the zone of the remote component\n      const remoteId = `[${PROJECT_ID}] ${value.id}`;\n      ssrModuleMapping[remoteId] = ssrModuleMapping[value.id];\n      // override the original id with the new remote id\n      return [\n        key,\n        {\n          ...value,\n          id: remoteId,\n          // prepend the current zone to the chunks to handle remote component chunk loading in Webpack\n          // this is required to avoid loading the wrong chunk in the host application\n          chunks: value.chunks.map((chunk) => `[${PROJECT_ID}] ${chunk}`),\n          // async: true,\n        },\n      ];\n    }),\n  );\n\n  // dynamically import the runtime specific RSC rendering functions and client component\n  const [{ renderToReadableStream }, { RemoteComponentSSR }] =\n    await Promise.all(\n      process.env.TURBOPACK\n        ? [\n            import('react-server-dom-turbopack/server.edge'),\n            import('./render-client-turbopack'),\n          ]\n        : [\n            import('react-server-dom-webpack/server.edge'),\n            import('./render-client-webpack'),\n          ],\n    );\n  // render the wrapped content of this component (children) into an RSC stream\n  const stream = renderToReadableStream(children, clientModules);\n\n  const data = [];\n  const decoder = new TextDecoder();\n\n  // convert the stream to an array for safe passing to the client\n  for await (const chunk of stream as unknown as AsyncIterable<Uint8Array>) {\n    data.push(decoder.decode(chunk));\n  }\n\n  const runtime = process.env.TURBOPACK ? 'turbopack' : 'webpack';\n  const remoteComponentName = `${name}_${route?.replace(/\\//g, '_')}`;\n\n  return (\n    // wrap the remote component content into a div to know which part of the HTML belongs to the remote component\n    <div\n      data-bundle={PROJECT_ID}\n      data-route={route}\n      data-runtime={runtime}\n      id={`${remoteComponentName}_ssr`}\n    >\n      <RemoteComponentSSR\n        data={data}\n        moduleLoading={manifest?.moduleLoading ?? {}}\n        moduleMap={ssrModuleMapping}\n        name={remoteComponentName}\n      />\n      {/* inject RSC flight data as <script> */}\n      <RemoteComponentData data={data} name={remoteComponentName} />\n    </div>\n  );\n}\n"],"mappings":"AAiBI,cAwIA,YAxIA;AAjBJ,SAAS,eAAe;AACxB,SAAS,wBAAwB;AAIjC,MAAM,oCAAoC,OAAO;AAAA,EAC/C;AACF;AAEA,MAAM,aAAa,QAAQ,IAAI;AAM/B,SAAS,oBAAoB,EAAE,MAAM,KAAK,GAAqC;AAC7E,SACE,oBAAC,YAAO,IAAI,GAAG,YACZ,eACE;AAAA,IACC,CAAC,OAAO;AAAA;AAAA,MAEN,GAAG,MAAM,IAAI,SAAS,gBAAgB,gBAAgB,WAAW,eAAe,KAAK;AAAA,QACnF;AAAA,MACF;AAAA;AAAA,EACJ,EACC,KAAK,IAAI,GACd;AAEJ;AA2BA,eAAsB,gBAAgB;AAAA,EACpC,OAAO;AAAA,EACP;AACF,GAG6B;AAC3B,QAAM,cAAc,MAAM,QAAQ;AAClC,QAAM,MAAM,YAAY,IAAI,6BAA6B;AACzD,QAAM,WAAW,QAAQ;AAEzB,MAAI,CAAC,UAAU;AACb,WAAO;AAAA,EACT;AAKA,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,GAAG;AAEhC,QAAM,EAAE,MAAM,MAAM,IAAI,iBAAiB,SAAS,KAAK,EAAE,MAAM,SAAS;AAGxE,QAAM,YACJ,WAKA,iCAAiC;AACnC,QAAM,WAAW,UAAU,kCAAkC,SAAS,IAAI;AAE1E,QAAM,OAAO;AAQb,OAAK,iBAAiB,KAAK,kBAAkB,CAAC;AAC9C,OAAK,eAAe,IAAI,IAAI,KAAK,eAAe,IAAI,KAAK;AAGzD,MAAI,gBAAgB,UAAU,iBAAiB,CAAC;AAChD,QAAM,mBAAmB,EAAE,GAAG,UAAU,iBAAiB;AAGzD,kBAAgB,OAAO;AAAA,IACrB,OAAO,QAAQ,aAAa,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAAM;AAElD,YAAM,WAAW,IAAI,eAAe,MAAM;AAC1C,uBAAiB,QAAQ,IAAI,iBAAiB,MAAM,EAAE;AAEtD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,UACE,GAAG;AAAA,UACH,IAAI;AAAA;AAAA;AAAA,UAGJ,QAAQ,MAAM,OAAO,IAAI,CAAC,UAAU,IAAI,eAAe,OAAO;AAAA;AAAA,QAEhE;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AAGA,QAAM,CAAC,EAAE,uBAAuB,GAAG,EAAE,mBAAmB,CAAC,IACvD,MAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,YACR;AAAA,MACE,OAAO,wCAAwC;AAAA,MAC/C,OAAO,2BAA2B;AAAA,IACpC,IACA;AAAA,MACE,OAAO,sCAAsC;AAAA,MAC7C,OAAO,yBAAyB;AAAA,IAClC;AAAA,EACN;AAEF,QAAM,SAAS,uBAAuB,UAAU,aAAa;AAE7D,QAAM,OAAO,CAAC;AACd,QAAM,UAAU,IAAI,YAAY;AAGhC,mBAAiB,SAAS,QAAgD;AACxE,SAAK,KAAK,QAAQ,OAAO,KAAK,CAAC;AAAA,EACjC;AAEA,QAAM,UAAU,QAAQ,IAAI,YAAY,cAAc;AACtD,QAAM,sBAAsB,GAAG,QAAQ,OAAO,QAAQ,OAAO,GAAG;AAEhE;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,gBAAc;AAAA,QACd,IAAI,GAAG;AAAA,QAEP;AAAA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,eAAe,UAAU,iBAAiB,CAAC;AAAA,cAC3C,WAAW;AAAA,cACX,MAAM;AAAA;AAAA,UACR;AAAA,UAEA,oBAAC,uBAAoB,MAAY,MAAM,qBAAqB;AAAA;AAAA;AAAA,IAC9D;AAAA;AAEJ;","names":[]}

package/dist/shared/client/remote-component.cjs

@@ -205,9 +205,13 @@ function getBundleKey(bundle) {
 }
 
 // src/shared/client/webpack-adapter.ts
-async function setupWebpackRuntime(runtime, scripts = [], bundle, shared = {}, remoteShared = {}) {
+async function setupWebpackRuntime(runtime, scripts = [], url = new URL(location.href), bundle, shared = {}, remoteShared = {}) {
   const self = globalThis;
   self.__DISABLE_WEBPACK_EXEC__ = true;
+  if (!self.__remote_bundle_url__) {
+    self.__remote_bundle_url__ = {};
+  }
+  self.__remote_bundle_url__[bundle ?? "default"] = url;
   await initializeSharedModules(bundle ?? "default", shared, remoteShared);
   if (typeof self.__webpack_require__ !== "function" || self.__webpack_require_type__ !== "turbopack") {
     if (!self.__original_webpack_require__ && !self.__original_webpack_chunk_load__) {
@@ -245,12 +249,13 @@ function createChunkLoader(runtime) {
       bundle: scriptBundle ?? "",
       id: chunkId
     };
+    const self = globalThis;
     const url = new URL(
       path ? `${prefix ?? ""}${path}`.replace(
         /(?<char>[^:])(?<double>\/\/)/g,
         "$1/"
       ) : "/",
-      location.origin
+      self.__remote_bundle_url__?.[bundle ?? "default"] ?? new URL(location.origin)
     ).href;
     if (url.endsWith(".css")) {
       loadCSS(url);
@@ -365,12 +370,20 @@ function initializeSharedModules(bundle, shared = {}, remoteShared = {}) {
   return Promise.all(
     Object.entries(remoteShared).map(async ([id, module2]) => {
       if (self.__remote_shared_modules__?.[bundle]) {
-        self.__remote_shared_modules__[bundle][id.replace("[app-ssr]", "[app-client]")] = await (shared[module2] ?? (() => {
-          console.warn(
-            `Shared dependency not found for "${bundle}": ${module2}`
-          );
-          return Promise.resolve({});
-        }))();
+        self.__remote_shared_modules__[bundle][id.replace("[app-ssr]", "[app-client]")] = await (shared[module2] ?? (() => Promise.resolve(
+          new Proxy(
+            {},
+            {
+              get(_, prop) {
+                if (prop !== "then") {
+                  console.warn(
+                    `Shared dependency "${module2}" not found for "${bundle}" when trying to import "${prop}".`
+                  );
+                }
+              }
+            }
+          )
+        )))();
       }
     })
   );
@@ -498,6 +511,7 @@ function createRSCStream(name, data) {
 
 // src/shared/client/component-loader.ts
 async function loadRemoteComponent({
+  url,
   name,
   bundle,
   route = "/",
@@ -513,7 +527,14 @@ async function loadRemoteComponent({
     if (runtime === "webpack") {
       await loadScripts(scripts);
     }
-    await setupWebpackRuntime(runtime, scripts, bundle, shared, remoteShared);
+    await setupWebpackRuntime(
+      runtime,
+      scripts,
+      url,
+      bundle,
+      shared,
+      remoteShared
+    );
     if (bundle) {
       const resolve = {
         "/react/index.js": React,

package/dist/shared/client/remote-component.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/shared/client/remote-component.ts","../../../src/shared/client/component-loader.ts","../../../src/shared/webpack/shared-modules.ts","../../../src/shared/webpack/next-client-pages-loader.ts","../../../src/shared/client/script-loader.ts","../../../src/shared/client/const.ts","../../../src/shared/client/webpack-adapter.ts","../../../src/shared/client/rsc.ts"],"sourcesContent":["export type { RemoteComponentProps, GlobalScope, LoaderResult } from './types';\nexport { loadRemoteComponent } from './component-loader';\nexport { setupWebpackRuntime } from './webpack-adapter';\nexport { loadScripts } from './script-loader';\nexport { fixPayload, createRSCStream } from './rsc';\nexport {\n  DEFAULT_ROUTE,\n  RUNTIME_WEBPACK,\n  RUNTIME_TURBOPACK,\n  REMOTE_COMPONENT_PREFIX,\n  REMOTE_COMPONENT_REGEX,\n  getBundleKey,\n} from './const';\nexport type { Runtime } from './const';\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport * as JSXDevRuntime from 'react/jsx-dev-runtime';\nimport * as JSXRuntime from 'react/jsx-runtime';\nimport { applySharedModules } from '../webpack/shared-modules';\nimport { nextClientPagesLoader } from '../webpack/next-client-pages-loader';\nimport { setupWebpackRuntime } from './webpack-adapter';\nimport { loadScripts } from './script-loader';\nimport { createRSCStream } from './rsc';\nimport type { RemoteComponentProps, LoaderResult } from './types';\n\n/**\n * Main loader function that orchestrates the component loading process\n */\nexport async function loadRemoteComponent({\n  name,\n  bundle,\n  route = '/',\n  runtime = 'webpack',\n  data,\n  nextData,\n  scripts = [],\n  shared = {},\n  remoteShared = {},\n  container,\n}: Pick<\n  RemoteComponentProps,\n  'name' | 'bundle' | 'route' | 'runtime' | 'data' | 'nextData' | 'scripts'\n> & {\n  shared: Record<string, () => Promise<unknown>>;\n  remoteShared: Record<string, string>;\n  container?: HTMLHeadElement | ShadowRoot | null;\n}): Promise<LoaderResult> {\n  try {\n    // Load scripts if using webpack runtime\n    if (runtime === 'webpack') {\n      await loadScripts(scripts);\n    }\n\n    // Setup webpack runtime environment\n    await setupWebpackRuntime(runtime, scripts, bundle, shared, remoteShared);\n\n    // Setup shared modules\n    if (bundle) {\n      const resolve = {\n        '/react/index.js': React,\n        '/react/jsx-dev-runtime.js': JSXDevRuntime,\n        '/react/jsx-runtime.js': JSXRuntime,\n        '/react-dom/index.js': ReactDOM,\n      };\n      applySharedModules(bundle, resolve);\n    }\n\n    // Load component based on data type\n    if (data.length > 0) {\n      return await loadRSCComponent(name, data);\n    } else if (nextData) {\n      return loadNextPagesComponent(bundle, route, nextData, name, container);\n    }\n\n    throw new Error(`No valid data provided for remote component ${name}`);\n  } catch (error) {\n    return {\n      component: null,\n      error: error instanceof Error ? error : new Error(String(error)),\n    };\n  }\n}\n\n/**\n * Loads RSC (React Server Components) based component\n */\nasync function loadRSCComponent(\n  name: string,\n  data: string[],\n): Promise<LoaderResult> {\n  const { createFromReadableStream } = await import(\n    'next/dist/compiled/react-server-dom-webpack/client.browser'\n  );\n\n  const stream = createRSCStream(name, data);\n  const component = createFromReadableStream(stream);\n\n  return { component };\n}\n\n/**\n * Loads Next.js Pages Router based component\n */\nfunction loadNextPagesComponent(\n  bundle: string,\n  route: string,\n  nextData: NonNullable<RemoteComponentProps['nextData']>,\n  name: string,\n  container?: HTMLHeadElement | ShadowRoot | null,\n): LoaderResult {\n  const { Component, App } = nextClientPagesLoader(bundle, route, container);\n\n  if (!Component) {\n    throw new Error(\n      `Remote component ${name} is trying to load the component for route ${route} but it is not available.`,\n    );\n  }\n\n  // error tolerance when app component is not found\n  const component = App\n    ? React.createElement(App, { Component, ...nextData.props })\n    : React.createElement(Component, nextData.props);\n\n  return { component };\n}\n","// Webpack shared module patching\n// used in multiple remote component host types\n// multiple host types includes: HTML custom element for remote components and Next.js host application\n// we are using this shared function to patch a Webpack module map\n// to use shared modules between the host application and the remote component\nexport function applySharedModules(\n  bundle: string,\n  resolve: Record<string, unknown>,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string) => unknown) & {\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n  } & Record<string, string[]>;\n\n  // if we have the bundle\n  if (self.__remote_webpack_require__?.[bundle]) {\n    const modulePaths = Object.keys(\n      self.__remote_webpack_module_map__?.[bundle] ??\n        self.__remote_webpack_require__[bundle].m ??\n        {},\n    );\n    // patch all modules in the bundle to use the shared modules\n    for (const [key, value] of Object.entries(resolve)) {\n      const ids = modulePaths.filter((p) => p.includes(key));\n      for (let id of ids) {\n        const webpackBundle = self.__remote_webpack_require__[bundle];\n        if (webpackBundle.m) {\n          // if we have a module map, we need to use the mapped id\n          // this is required for production builds where the module ids are module id numbers\n          if (self.__remote_webpack_module_map__?.[bundle]?.[id]) {\n            id = `${self.__remote_webpack_module_map__[bundle][id]}`;\n          }\n          // create a mock module which exports the shared module\n          webpackBundle.m[id] = (module) => {\n            module.exports = value;\n          };\n        }\n      }\n    }\n  }\n}\n","// module loader for Next.js Pages Router\nexport function nextClientPagesLoader(\n  bundle: string,\n  route: string,\n  styleContainer: HTMLHeadElement | ShadowRoot | null = document.head,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        c?: Record<\n          string | number,\n          { id: string; parents: string[]; children: string[] }\n        >;\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n        type?: 'turbopack' | 'webpack';\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n    // Next.js client pages loader reference storage\n    __NEXT_P?: [\n      (\n        | [\n            string,\n            () => { default?: React.ComponentType<Record<string, unknown>> },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n    ];\n  };\n\n  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.getElementById('__next_css__DO_NOT_USE__');\n  if (nextCssOriginal) {\n    nextCssOriginal.parentNode?.removeChild(nextCssOriginal);\n  }\n\n  // create a new Next.js CSS loader element\n  const nextCss = document.createElement('noscript');\n  nextCss.id = '__next_css__DO_NOT_USE__';\n  const lastNode =\n    document.head.childNodes[document.head.childNodes.length - 1];\n  document.head.appendChild(nextCss);\n\n  // find the page component loader chunk\n  const componentLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=${encodeURIComponent(route)}`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=${encodeURIComponent(route)}`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // find the app loader chunk\n  const appLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=%2F_app`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=%2F_app`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // if we didn't find the component loader or app loader, throw an error\n  if (!(componentLoaderChunk && appLoaderChunk)) {\n    throw new Error(\n      `Next.js client pages loader not found in bundle \"${bundle}\"`,\n    );\n  }\n\n  // temporarily store the original __NEXT_P reference\n  // this is required to avoid conflicts with the Next.js client pages loader\n  // which uses the same global variable to store the page components\n  const __NEXT_P_ORIGINAL = self.__NEXT_P;\n  const selfOriginal = self;\n  delete selfOriginal.__NEXT_P;\n\n  // load the component and app loader chunks\n  self.__remote_webpack_require__?.[bundle]?.(\n    self.__remote_webpack_require__[bundle].type !== 'turbopack'\n      ? componentLoaderChunk\n      : `[${bundle}] ${componentLoaderChunk}`,\n  );\n  if (\n    typeof appLoaderChunk === 'string' ||\n    (typeof appLoaderChunk === 'number' && appLoaderChunk !== -1)\n  ) {\n    self.__remote_webpack_require__?.[bundle]?.(\n      self.__remote_webpack_require__[bundle].type !== 'turbopack'\n        ? appLoaderChunk\n        : `[${bundle}] ${appLoaderChunk}`,\n    );\n  }\n\n  // if we have the __NEXT_P global variable, we can extract the component and app\n  if (self.__NEXT_P) {\n    const [, componentLoader] = self.__NEXT_P[0] ?? [\n      undefined,\n      () => ({ default: null }),\n    ];\n    const [, appLoader] = self.__NEXT_P[2] ?? [\n      undefined,\n      () => ({\n        default: null,\n      }),\n    ];\n    const { default: Component } = componentLoader();\n    const { default: App } = appLoader();\n\n    // load the CSS files from the remote bundle\n    const cssRE = /\\.s?css$/;\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {})\n      .filter((id) => cssRE.test(id))\n      .forEach((id) => {\n        self.__remote_webpack_require__?.[bundle]?.(id);\n      });\n\n    Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {})\n      .filter((path) => cssRE.test(path))\n      .forEach((path) => {\n        const id = self.__remote_webpack_module_map__?.[bundle]?.[path];\n        if (id) {\n          self.__remote_webpack_require__?.[bundle]?.(id);\n        }\n      });\n\n    // if the styleContainer is provided, we need to move the styles to it\n    if (styleContainer) {\n      let node = nextCss.previousSibling;\n      while (node && node !== lastNode) {\n        styleContainer.appendChild(node);\n        node = nextCss.previousSibling;\n      }\n    }\n\n    // restore the original __NEXT_P reference\n    delete self.__NEXT_P;\n    self.__NEXT_P = __NEXT_P_ORIGINAL;\n\n    // restore the original Next.js CSS loader\n    if (nextCssOriginal) {\n      nextCssOriginal.parentNode?.appendChild(nextCssOriginal);\n    }\n\n    return { Component, App };\n  }\n\n  return { Component: null, App: null };\n}\n","/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(scripts: { src: string }[]): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(/\\/_next\\/\\[.+\\] /, '/_next/'),\n          location.origin,\n        ).href;\n        const newScript = document.createElement('script');\n        newScript.onload = () => {\n          resolve();\n        };\n        newScript.onerror = () => {\n          reject(\n            new Error(\n              `Failed to load script ${script.src} for remote component`,\n            ),\n          );\n        };\n        newScript.src = newSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n\n/**\n * Loads a CSS file by creating a link element\n */\nexport function loadCSS(url: string): void {\n  const link = document.createElement('link');\n  link.rel = 'stylesheet';\n  link.href = url;\n  document.head.appendChild(link);\n}\n","export const DEFAULT_ROUTE = '/';\n\nexport const RUNTIME_WEBPACK = 'webpack';\nexport const RUNTIME_TURBOPACK = 'turbopack';\n\nexport const REMOTE_COMPONENT_PREFIX = '[remote-component-';\nexport const REMOTE_COMPONENT_REGEX =\n  /(?<prefix>.*)?\\[(?<bundle>remote-component-(?:[^\\]]+))\\](?:%20| )(?<id>.+)/;\n\nexport function getBundleKey(bundle: string): string {\n  return bundle.replace(/-/g, '_');\n}\n\nexport type Runtime = typeof RUNTIME_WEBPACK | typeof RUNTIME_TURBOPACK;\n","import type { GlobalScope } from './types';\nimport { loadCSS } from './script-loader';\nimport {\n  type Runtime,\n  RUNTIME_TURBOPACK,\n  RUNTIME_WEBPACK,\n  REMOTE_COMPONENT_REGEX,\n  getBundleKey,\n} from './const';\n\n/**\n * Sets up webpack runtime environment for remote components\n */\nexport async function setupWebpackRuntime(\n  runtime: Runtime,\n  scripts: { src: string | null }[] = [],\n  bundle?: string,\n  shared: Record<string, () => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n): Promise<void> {\n  const self = globalThis as GlobalScope;\n  self.__DISABLE_WEBPACK_EXEC__ = true;\n  await initializeSharedModules(bundle ?? 'default', shared, remoteShared);\n  if (\n    typeof self.__webpack_require__ !== 'function' ||\n    self.__webpack_require_type__ !== 'turbopack'\n  ) {\n    if (\n      !self.__original_webpack_require__ &&\n      !self.__original_webpack_chunk_load__\n    ) {\n      // eslint-disable-next-line camelcase\n      self.__original_webpack_chunk_load__ = self.__webpack_chunk_load__;\n      // eslint-disable-next-line camelcase\n      self.__original_webpack_require__ = self.__webpack_require__;\n    }\n\n    self.__webpack_chunk_load__ = createChunkLoader(runtime);\n    self.__webpack_require__ = createModuleRequire(runtime);\n    // eslint-disable-next-line camelcase\n    self.__webpack_require_type__ = runtime;\n\n    if (self.__remote_webpack_require__ && runtime === RUNTIME_TURBOPACK) {\n      const remoteBundle = bundle ?? 'default';\n      self.__remote_webpack_require__[remoteBundle] =\n        self.__webpack_require__ as (remoteId: string | number) => unknown;\n      self.__remote_webpack_require__[remoteBundle].type = 'turbopack';\n    }\n  }\n  await Promise.all(\n    scripts.map((script) => {\n      if (script.src) {\n        return self.__webpack_chunk_load__?.(script.src, bundle);\n      }\n      return Promise.resolve(undefined);\n    }),\n  );\n}\n\n/**\n * Creates chunk loader function for webpack runtime\n */\nfunction createChunkLoader(\n  runtime: Runtime,\n): (chunkId: string) => Promise<unknown> | undefined {\n  // eslint-disable-next-line camelcase\n  return function __turbopack_chunk_load__(\n    chunkId: string,\n    scriptBundle?: string,\n  ) {\n    if (runtime === RUNTIME_WEBPACK) {\n      // all scripts are already loaded for this remote\n      return Promise.resolve(undefined);\n    }\n    const {\n      bundle,\n      id: path,\n      prefix,\n    } = REMOTE_COMPONENT_REGEX.exec(chunkId)?.groups ?? {\n      bundle: scriptBundle ?? '',\n      id: chunkId,\n    };\n    const url = new URL(\n      path\n        ? `${prefix ?? ''}${path}`.replace(\n            /(?<char>[^:])(?<double>\\/\\/)/g,\n            '$1/',\n          )\n        : '/',\n      location.origin,\n    ).href;\n    if (url.endsWith('.css')) {\n      loadCSS(url);\n      return;\n    }\n    return new Promise((resolve, reject) => {\n      fetch(url)\n        .then((res) => res.text())\n        .then((code) => {\n          if (code.includes('globalThis.TURBOPACK')) {\n            return handleTurbopackChunk(code, bundle ?? '', url);\n          }\n        })\n        .then(resolve)\n        .catch(reject);\n    });\n  };\n}\n\n/**\n * Handles Turbopack chunk loading\n */\nasync function handleTurbopackChunk(\n  code: string,\n  bundle: string,\n  url: string,\n): Promise<void> {\n  // skip this chunk as it is not needed for remote components\n  if (\n    code.includes('/next/dist/client/app-next-turbopack.js') &&\n    code.includes('importScripts(...self.TURBOPACK_NEXT_CHUNK_URLS')\n  ) {\n    // remove preload links for this chunk\n    const preloadLinks = document.querySelectorAll(\n      `link[rel=\"preload\"][href=\"${new URL(url).pathname}\"]`,\n    );\n    preloadLinks.forEach((preloadLink) => preloadLink.remove());\n    return;\n  }\n\n  const self = globalThis as GlobalScope;\n  const bundleKey = getBundleKey(bundle);\n\n  // replace global variables with bundle-specific ones\n  const transformedCode = code\n    .replace(/globalThis\\.TURBOPACK/g, `globalThis.TURBOPACK_${bundleKey}`)\n    .replace(\n      /TURBOPACK_WORKER_LOCATION/g,\n      `TURBOPACK_WORKER_LOCATION_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_NEXT_CHUNK_URLS/g,\n      `TURBOPACK_NEXT_CHUNK_URLS_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_CHUNK_UPDATE_LISTENERS/g,\n      `TURBOPACK_CHUNK_UPDATE_LISTENERS_${bundleKey}`,\n    )\n    .replace(/__next_require__/g, `__${bundleKey}_next_require__`)\n    .replace(\n      /\\/\\/# sourceMappingURL=(?<name>.+)\\._\\.js\\.map/g,\n      `//# sourceMappingURL=${new URL('.', new URL(url)).pathname}$1._.js.map`,\n    );\n\n  // load the script dynamically using a Blob URL\n  await new Promise<void>((scriptResolve, scriptReject) => {\n    const blob = new Blob([transformedCode], {\n      type: 'application/javascript',\n    });\n    const scriptUrl = URL.createObjectURL(blob);\n    const script = document.createElement('script');\n    script.src = scriptUrl;\n    script.async = true;\n    script.onload = () => {\n      URL.revokeObjectURL(scriptUrl);\n      scriptResolve(undefined);\n    };\n    script.onerror = (error) => {\n      URL.revokeObjectURL(scriptUrl);\n      scriptReject(\n        new Error(\n          `Failed to load script: ${error instanceof Error ? error.message : String(error)}`,\n        ),\n      );\n    };\n    document.head.appendChild(script);\n  });\n  const chunkLists = self[`TURBOPACK_${bundleKey}_CHUNK_LISTS`] as\n    | { chunks: string[] }[]\n    | undefined;\n  const loadChunkLists = [] as (Promise<unknown> | undefined)[];\n  while (chunkLists?.length) {\n    const { chunks } = chunkLists.shift() ?? { chunks: [] };\n    if (chunks.length > 0) {\n      chunks.forEach((id: string) => {\n        const chunkLoadResult = self.__webpack_chunk_load__?.(\n          `[${bundle}] ${url.slice(0, url.indexOf('/_next'))}/_next/${id}`,\n        );\n        if (chunkLoadResult) {\n          loadChunkLists.push(chunkLoadResult);\n        }\n      });\n    }\n  }\n  if (loadChunkLists.length > 0) {\n    await Promise.all(loadChunkLists);\n  }\n}\n\n/**\n * Creates module require function for webpack runtime\n */\nfunction createModuleRequire(runtime: Runtime): (id: string) => unknown {\n  return (id: string) => {\n    const self = globalThis as GlobalScope;\n    const { bundle, id: moduleId } = id.match(REMOTE_COMPONENT_REGEX)\n      ?.groups ?? { bundle: 'default', id };\n    try {\n      if (runtime === RUNTIME_WEBPACK && bundle && moduleId) {\n        return self.__remote_webpack_require__?.[bundle]?.(moduleId);\n      }\n      const sharedModule = getSharedModule(bundle ?? 'default', moduleId ?? id);\n      if (sharedModule) {\n        return sharedModule;\n      }\n      if (bundle && moduleId) {\n        return handleTurbopackModule(bundle, moduleId, id);\n      }\n      throw new Error(`Module ${id} not found`);\n    } catch {\n      try {\n        return self.__original_webpack_require__?.(id);\n      } catch {\n        throw new Error(\n          `Module ${id} not found in remote component bundle ${bundle}`,\n        );\n      }\n    }\n  };\n}\n\nfunction initializeSharedModules(\n  bundle: string,\n  shared: Record<string, () => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n) {\n  const self = globalThis as {\n    __remote_shared_modules__?: Record<string, Record<string, unknown>>;\n    __next_f?: unknown[];\n  };\n  // eslint-disable-next-line camelcase\n  self.__remote_shared_modules__ = self.__remote_shared_modules__ ?? {};\n\n  if (!self.__remote_shared_modules__[bundle]) {\n    self.__remote_shared_modules__[bundle] = {};\n  }\n\n  // ensure that the shared modules are initialized\n  return Promise.all(\n    Object.entries(remoteShared).map(async ([id, module]) => {\n      if (self.__remote_shared_modules__?.[bundle]) {\n        self.__remote_shared_modules__[bundle][\n          id.replace('[app-ssr]', '[app-client]')\n        ] = await (\n          shared[module] ??\n          (() => {\n            // eslint-disable-next-line no-console\n            console.warn(\n              `Shared dependency not found for \"${bundle}\": ${module}`,\n            );\n            return Promise.resolve({});\n          })\n        )();\n      }\n    }),\n  );\n}\n\n/**\n * Returns shared modules for common dependencies\n */\nfunction getSharedModule(bundle: string, id: string): unknown {\n  const self = globalThis as {\n    __remote_shared_modules__?: Record<string, unknown>;\n  };\n\n  for (const [key, value] of Object.entries(\n    self.__remote_shared_modules__?.[bundle] ?? {},\n  )) {\n    if (id.includes(key)) {\n      return value;\n    }\n  }\n  return null;\n}\n\n/**\n * Handles Turbopack module resolution\n */\nfunction handleTurbopackModule(\n  bundle: string,\n  moduleId: string,\n  id: string,\n): unknown {\n  const self = globalThis as GlobalScope;\n  const bundleKey = getBundleKey(bundle);\n  const modules = (\n    self[`TURBOPACK_${bundleKey}`] as\n      | [unknown, Record<string, unknown>][]\n      | undefined\n  )?.find((mod: [unknown, Record<string, unknown>]) => moduleId in mod[1])?.[1];\n  const moduleInit = modules?.[moduleId];\n  if (typeof moduleInit !== 'function') {\n    throw new Error(\n      `Module ${id} not found in bundle ${bundle} with id ${moduleId}`,\n    );\n  }\n  const exports = {} as Record<string, unknown>;\n  moduleInit({\n    // HMR not implemented for Remote Components\n    k: {\n      register() {\n        // omit\n      },\n      registerExports() {\n        // omit\n      },\n      signature() {\n        return () => {\n          // omit\n        };\n      },\n    },\n    s(m: Record<string, () => unknown>) {\n      for (const [key, value] of Object.entries(m)) {\n        exports[key] = value;\n      }\n    },\n    i(iid: string) {\n      return self.__webpack_require__?.(`[${bundle}] ${iid}`);\n    },\n    r(rid: string) {\n      return self.__webpack_require__?.(`[${bundle}] ${rid}`);\n    },\n    m: {\n      exports,\n    },\n  });\n  for (const [key, value] of Object.entries(exports)) {\n    if (typeof value === 'function') {\n      exports[key] = value();\n    }\n  }\n  return exports;\n}\n","/**\n * Fixes RSC payload to make it compatible with React JSX development runtime\n */\nexport function fixPayload(payload: unknown): void {\n  if (Array.isArray(payload)) {\n    // if the current node is a React element, we need to fix the payload\n    if (payload[0] === '$') {\n      // fix the props (children or other React elements)\n      fixPayload(payload[3]);\n      if (payload.length === 4) {\n        // add placeholder for the missing debug info\n        payload.push(null, null, 1);\n      }\n    } else {\n      // we are in an array, continue with visiting each item\n      for (const item of payload) {\n        fixPayload(item);\n      }\n    }\n  } else if (typeof payload === 'object' && payload !== null) {\n    // we are in an object, continue with visiting each property\n    for (const key in payload) {\n      fixPayload((payload as Record<string, unknown>)[key]);\n    }\n  }\n}\n\n/**\n * Processes RSC flight data and creates a ReadableStream\n */\nexport function createRSCStream(\n  name: string,\n  data: string[],\n): ReadableStream<Uint8Array> {\n  return new ReadableStream({\n    type: 'bytes',\n    start(controller) {\n      const encoder = new TextEncoder();\n      const self = globalThis as typeof globalThis & Record<string, string[]>;\n\n      // when the remote component RSC scripts are not found or loaded\n      // we need to load the RSC flight data parsing the chunks\n      if (!self[name] && data.length > 0) {\n        data.forEach((chunk) => {\n          const lines = chunk.split('\\n');\n          for (const line of lines) {\n            const match = /\\.push\\(\"(?<rsc>.*)\"\\);$/.exec(line);\n            if (match?.groups?.rsc) {\n              self[name] = self[name] ?? [];\n              self[name].push(JSON.parse(`\"${match.groups.rsc}\"`) as string);\n            }\n          }\n        });\n      }\n\n      // get the RSC flight data from the global scope\n      // the RSC flight data is stored in an array\n      // fallback to an empty RSC payload if the data is not found\n      const allChunks = (self[name] ?? [`0:[null]\\n`]).join('');\n\n      // process each line in the RSC flight data\n      allChunks.split('\\n').forEach((chunk) => {\n        if (chunk.length > 0) {\n          // parse the chunk to get the id, prefix and payload\n          const { id, prefix, payload } =\n            /(?<id>[0-9a-zA-Z]+):(?<prefix>[A-Z])?(?<payload>\\[.*\\])/.exec(\n              chunk,\n            )?.groups ?? {};\n\n          if (payload) {\n            // parse the payload to a JSON object\n            const jsonPayload = JSON.parse(payload) as unknown[];\n            // fix the payload to make it compatible with React JSX development runtime\n            fixPayload(jsonPayload);\n            // reconstruct the chunk to a string\n            const reconstruct = `${id}:${prefix ?? ''}${JSON.stringify(jsonPayload)}`;\n            // encode the chunk to a byte buffer\n            controller.enqueue(encoder.encode(`${reconstruct}\\n`));\n          } else {\n            // add empty line before closing the stream\n            controller.enqueue(encoder.encode(`${chunk}\\n`));\n          }\n        } else {\n          // add empty line before closing the stream\n          controller.enqueue(encoder.encode(`${chunk}\\n`));\n        }\n      });\n      // close the stream when all chunks are enqueued\n      controller.close();\n    },\n  });\n}\n"],"mappings":"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","names":["module","module"]}
+{"version":3,"sources":["../../../src/shared/client/remote-component.ts","../../../src/shared/client/component-loader.ts","../../../src/shared/webpack/shared-modules.ts","../../../src/shared/webpack/next-client-pages-loader.ts","../../../src/shared/client/script-loader.ts","../../../src/shared/client/const.ts","../../../src/shared/client/webpack-adapter.ts","../../../src/shared/client/rsc.ts"],"sourcesContent":["export type { RemoteComponentProps, GlobalScope, LoaderResult } from './types';\nexport { loadRemoteComponent } from './component-loader';\nexport { setupWebpackRuntime } from './webpack-adapter';\nexport { loadScripts } from './script-loader';\nexport { fixPayload, createRSCStream } from './rsc';\nexport {\n  DEFAULT_ROUTE,\n  RUNTIME_WEBPACK,\n  RUNTIME_TURBOPACK,\n  REMOTE_COMPONENT_PREFIX,\n  REMOTE_COMPONENT_REGEX,\n  getBundleKey,\n} from './const';\nexport type { Runtime } from './const';\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport * as JSXDevRuntime from 'react/jsx-dev-runtime';\nimport * as JSXRuntime from 'react/jsx-runtime';\nimport { applySharedModules } from '../webpack/shared-modules';\nimport { nextClientPagesLoader } from '../webpack/next-client-pages-loader';\nimport { setupWebpackRuntime } from './webpack-adapter';\nimport { loadScripts } from './script-loader';\nimport { createRSCStream } from './rsc';\nimport type { RemoteComponentProps, LoaderResult } from './types';\n\n/**\n * Main loader function that orchestrates the component loading process\n */\nexport async function loadRemoteComponent({\n  url,\n  name,\n  bundle,\n  route = '/',\n  runtime = 'webpack',\n  data,\n  nextData,\n  scripts = [],\n  shared = {},\n  remoteShared = {},\n  container,\n}: Pick<\n  RemoteComponentProps,\n  'name' | 'bundle' | 'route' | 'runtime' | 'data' | 'nextData' | 'scripts'\n> & {\n  url: URL;\n  shared: Record<string, () => Promise<unknown>>;\n  remoteShared: Record<string, string>;\n  container?: HTMLHeadElement | ShadowRoot | null;\n}): Promise<LoaderResult> {\n  try {\n    // Load scripts if using webpack runtime\n    if (runtime === 'webpack') {\n      await loadScripts(scripts);\n    }\n\n    // Setup webpack runtime environment\n    await setupWebpackRuntime(\n      runtime,\n      scripts,\n      url,\n      bundle,\n      shared,\n      remoteShared,\n    );\n\n    // Setup shared modules\n    if (bundle) {\n      const resolve = {\n        '/react/index.js': React,\n        '/react/jsx-dev-runtime.js': JSXDevRuntime,\n        '/react/jsx-runtime.js': JSXRuntime,\n        '/react-dom/index.js': ReactDOM,\n      };\n      applySharedModules(bundle, resolve);\n    }\n\n    // Load component based on data type\n    if (data.length > 0) {\n      return await loadRSCComponent(name, data);\n    } else if (nextData) {\n      return loadNextPagesComponent(bundle, route, nextData, name, container);\n    }\n\n    throw new Error(`No valid data provided for remote component ${name}`);\n  } catch (error) {\n    return {\n      component: null,\n      error: error instanceof Error ? error : new Error(String(error)),\n    };\n  }\n}\n\n/**\n * Loads RSC (React Server Components) based component\n */\nasync function loadRSCComponent(\n  name: string,\n  data: string[],\n): Promise<LoaderResult> {\n  const { createFromReadableStream } = await import(\n    'next/dist/compiled/react-server-dom-webpack/client.browser'\n  );\n\n  const stream = createRSCStream(name, data);\n  const component = createFromReadableStream(stream);\n\n  return { component };\n}\n\n/**\n * Loads Next.js Pages Router based component\n */\nfunction loadNextPagesComponent(\n  bundle: string,\n  route: string,\n  nextData: NonNullable<RemoteComponentProps['nextData']>,\n  name: string,\n  container?: HTMLHeadElement | ShadowRoot | null,\n): LoaderResult {\n  const { Component, App } = nextClientPagesLoader(bundle, route, container);\n\n  if (!Component) {\n    throw new Error(\n      `Remote component ${name} is trying to load the component for route ${route} but it is not available.`,\n    );\n  }\n\n  // error tolerance when app component is not found\n  const component = App\n    ? React.createElement(App, { Component, ...nextData.props })\n    : React.createElement(Component, nextData.props);\n\n  return { component };\n}\n","// Webpack shared module patching\n// used in multiple remote component host types\n// multiple host types includes: HTML custom element for remote components and Next.js host application\n// we are using this shared function to patch a Webpack module map\n// to use shared modules between the host application and the remote component\nexport function applySharedModules(\n  bundle: string,\n  resolve: Record<string, unknown>,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string) => unknown) & {\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n  } & Record<string, string[]>;\n\n  // if we have the bundle\n  if (self.__remote_webpack_require__?.[bundle]) {\n    const modulePaths = Object.keys(\n      self.__remote_webpack_module_map__?.[bundle] ??\n        self.__remote_webpack_require__[bundle].m ??\n        {},\n    );\n    // patch all modules in the bundle to use the shared modules\n    for (const [key, value] of Object.entries(resolve)) {\n      const ids = modulePaths.filter((p) => p.includes(key));\n      for (let id of ids) {\n        const webpackBundle = self.__remote_webpack_require__[bundle];\n        if (webpackBundle.m) {\n          // if we have a module map, we need to use the mapped id\n          // this is required for production builds where the module ids are module id numbers\n          if (self.__remote_webpack_module_map__?.[bundle]?.[id]) {\n            id = `${self.__remote_webpack_module_map__[bundle][id]}`;\n          }\n          // create a mock module which exports the shared module\n          webpackBundle.m[id] = (module) => {\n            module.exports = value;\n          };\n        }\n      }\n    }\n  }\n}\n","// module loader for Next.js Pages Router\nexport function nextClientPagesLoader(\n  bundle: string,\n  route: string,\n  styleContainer: HTMLHeadElement | ShadowRoot | null = document.head,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        c?: Record<\n          string | number,\n          { id: string; parents: string[]; children: string[] }\n        >;\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n        type?: 'turbopack' | 'webpack';\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n    // Next.js client pages loader reference storage\n    __NEXT_P?: [\n      (\n        | [\n            string,\n            () => { default?: React.ComponentType<Record<string, unknown>> },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n    ];\n  };\n\n  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.getElementById('__next_css__DO_NOT_USE__');\n  if (nextCssOriginal) {\n    nextCssOriginal.parentNode?.removeChild(nextCssOriginal);\n  }\n\n  // create a new Next.js CSS loader element\n  const nextCss = document.createElement('noscript');\n  nextCss.id = '__next_css__DO_NOT_USE__';\n  const lastNode =\n    document.head.childNodes[document.head.childNodes.length - 1];\n  document.head.appendChild(nextCss);\n\n  // find the page component loader chunk\n  const componentLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=${encodeURIComponent(route)}`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=${encodeURIComponent(route)}`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // find the app loader chunk\n  const appLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=%2F_app`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=%2F_app`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // if we didn't find the component loader or app loader, throw an error\n  if (!(componentLoaderChunk && appLoaderChunk)) {\n    throw new Error(\n      `Next.js client pages loader not found in bundle \"${bundle}\"`,\n    );\n  }\n\n  // temporarily store the original __NEXT_P reference\n  // this is required to avoid conflicts with the Next.js client pages loader\n  // which uses the same global variable to store the page components\n  const __NEXT_P_ORIGINAL = self.__NEXT_P;\n  const selfOriginal = self;\n  delete selfOriginal.__NEXT_P;\n\n  // load the component and app loader chunks\n  self.__remote_webpack_require__?.[bundle]?.(\n    self.__remote_webpack_require__[bundle].type !== 'turbopack'\n      ? componentLoaderChunk\n      : `[${bundle}] ${componentLoaderChunk}`,\n  );\n  if (\n    typeof appLoaderChunk === 'string' ||\n    (typeof appLoaderChunk === 'number' && appLoaderChunk !== -1)\n  ) {\n    self.__remote_webpack_require__?.[bundle]?.(\n      self.__remote_webpack_require__[bundle].type !== 'turbopack'\n        ? appLoaderChunk\n        : `[${bundle}] ${appLoaderChunk}`,\n    );\n  }\n\n  // if we have the __NEXT_P global variable, we can extract the component and app\n  if (self.__NEXT_P) {\n    const [, componentLoader] = self.__NEXT_P[0] ?? [\n      undefined,\n      () => ({ default: null }),\n    ];\n    const [, appLoader] = self.__NEXT_P[2] ?? [\n      undefined,\n      () => ({\n        default: null,\n      }),\n    ];\n    const { default: Component } = componentLoader();\n    const { default: App } = appLoader();\n\n    // load the CSS files from the remote bundle\n    const cssRE = /\\.s?css$/;\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {})\n      .filter((id) => cssRE.test(id))\n      .forEach((id) => {\n        self.__remote_webpack_require__?.[bundle]?.(id);\n      });\n\n    Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {})\n      .filter((path) => cssRE.test(path))\n      .forEach((path) => {\n        const id = self.__remote_webpack_module_map__?.[bundle]?.[path];\n        if (id) {\n          self.__remote_webpack_require__?.[bundle]?.(id);\n        }\n      });\n\n    // if the styleContainer is provided, we need to move the styles to it\n    if (styleContainer) {\n      let node = nextCss.previousSibling;\n      while (node && node !== lastNode) {\n        styleContainer.appendChild(node);\n        node = nextCss.previousSibling;\n      }\n    }\n\n    // restore the original __NEXT_P reference\n    delete self.__NEXT_P;\n    self.__NEXT_P = __NEXT_P_ORIGINAL;\n\n    // restore the original Next.js CSS loader\n    if (nextCssOriginal) {\n      nextCssOriginal.parentNode?.appendChild(nextCssOriginal);\n    }\n\n    return { Component, App };\n  }\n\n  return { Component: null, App: null };\n}\n","/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(scripts: { src: string }[]): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(/\\/_next\\/\\[.+\\] /, '/_next/'),\n          location.origin,\n        ).href;\n        const newScript = document.createElement('script');\n        newScript.onload = () => {\n          resolve();\n        };\n        newScript.onerror = () => {\n          reject(\n            new Error(\n              `Failed to load script ${script.src} for remote component`,\n            ),\n          );\n        };\n        newScript.src = newSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n\n/**\n * Loads a CSS file by creating a link element\n */\nexport function loadCSS(url: string): void {\n  const link = document.createElement('link');\n  link.rel = 'stylesheet';\n  link.href = url;\n  document.head.appendChild(link);\n}\n","export const DEFAULT_ROUTE = '/';\n\nexport const RUNTIME_WEBPACK = 'webpack';\nexport const RUNTIME_TURBOPACK = 'turbopack';\n\nexport const REMOTE_COMPONENT_PREFIX = '[remote-component-';\nexport const REMOTE_COMPONENT_REGEX =\n  /(?<prefix>.*)?\\[(?<bundle>remote-component-(?:[^\\]]+))\\](?:%20| )(?<id>.+)/;\n\nexport function getBundleKey(bundle: string): string {\n  return bundle.replace(/-/g, '_');\n}\n\nexport type Runtime = typeof RUNTIME_WEBPACK | typeof RUNTIME_TURBOPACK;\n","import type { GlobalScope } from './types';\nimport { loadCSS } from './script-loader';\nimport {\n  type Runtime,\n  RUNTIME_TURBOPACK,\n  RUNTIME_WEBPACK,\n  REMOTE_COMPONENT_REGEX,\n  getBundleKey,\n} from './const';\n\n/**\n * Sets up webpack runtime environment for remote components\n */\nexport async function setupWebpackRuntime(\n  runtime: Runtime,\n  scripts: { src: string | null }[] = [],\n  url: URL = new URL(location.href),\n  bundle?: string,\n  shared: Record<string, () => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n): Promise<void> {\n  const self = globalThis as GlobalScope;\n  self.__DISABLE_WEBPACK_EXEC__ = true;\n\n  if (!self.__remote_bundle_url__) {\n    // eslint-disable-next-line camelcase\n    self.__remote_bundle_url__ = {};\n  }\n  self.__remote_bundle_url__[bundle ?? 'default'] = url;\n\n  await initializeSharedModules(bundle ?? 'default', shared, remoteShared);\n  if (\n    typeof self.__webpack_require__ !== 'function' ||\n    self.__webpack_require_type__ !== 'turbopack'\n  ) {\n    if (\n      !self.__original_webpack_require__ &&\n      !self.__original_webpack_chunk_load__\n    ) {\n      // eslint-disable-next-line camelcase\n      self.__original_webpack_chunk_load__ = self.__webpack_chunk_load__;\n      // eslint-disable-next-line camelcase\n      self.__original_webpack_require__ = self.__webpack_require__;\n    }\n\n    self.__webpack_chunk_load__ = createChunkLoader(runtime);\n    self.__webpack_require__ = createModuleRequire(runtime);\n    // eslint-disable-next-line camelcase\n    self.__webpack_require_type__ = runtime;\n\n    if (self.__remote_webpack_require__ && runtime === RUNTIME_TURBOPACK) {\n      const remoteBundle = bundle ?? 'default';\n      self.__remote_webpack_require__[remoteBundle] =\n        self.__webpack_require__ as (remoteId: string | number) => unknown;\n      self.__remote_webpack_require__[remoteBundle].type = 'turbopack';\n    }\n  }\n  await Promise.all(\n    scripts.map((script) => {\n      if (script.src) {\n        return self.__webpack_chunk_load__?.(script.src, bundle);\n      }\n      return Promise.resolve(undefined);\n    }),\n  );\n}\n\n/**\n * Creates chunk loader function for webpack runtime\n */\nfunction createChunkLoader(\n  runtime: Runtime,\n): (chunkId: string) => Promise<unknown> | undefined {\n  // eslint-disable-next-line camelcase\n  return function __turbopack_chunk_load__(\n    chunkId: string,\n    scriptBundle?: string,\n  ) {\n    if (runtime === RUNTIME_WEBPACK) {\n      // all scripts are already loaded for this remote\n      return Promise.resolve(undefined);\n    }\n    const {\n      bundle,\n      id: path,\n      prefix,\n    } = REMOTE_COMPONENT_REGEX.exec(chunkId)?.groups ?? {\n      bundle: scriptBundle ?? '',\n      id: chunkId,\n    };\n    const self = globalThis as GlobalScope;\n    const url = new URL(\n      path\n        ? `${prefix ?? ''}${path}`.replace(\n            /(?<char>[^:])(?<double>\\/\\/)/g,\n            '$1/',\n          )\n        : '/',\n      self.__remote_bundle_url__?.[bundle ?? 'default'] ??\n        new URL(location.origin),\n    ).href;\n    if (url.endsWith('.css')) {\n      loadCSS(url);\n      return;\n    }\n    return new Promise((resolve, reject) => {\n      fetch(url)\n        .then((res) => res.text())\n        .then((code) => {\n          if (code.includes('globalThis.TURBOPACK')) {\n            return handleTurbopackChunk(code, bundle ?? '', url);\n          }\n        })\n        .then(resolve)\n        .catch(reject);\n    });\n  };\n}\n\n/**\n * Handles Turbopack chunk loading\n */\nasync function handleTurbopackChunk(\n  code: string,\n  bundle: string,\n  url: string,\n): Promise<void> {\n  // skip this chunk as it is not needed for remote components\n  if (\n    code.includes('/next/dist/client/app-next-turbopack.js') &&\n    code.includes('importScripts(...self.TURBOPACK_NEXT_CHUNK_URLS')\n  ) {\n    // remove preload links for this chunk\n    const preloadLinks = document.querySelectorAll(\n      `link[rel=\"preload\"][href=\"${new URL(url).pathname}\"]`,\n    );\n    preloadLinks.forEach((preloadLink) => preloadLink.remove());\n    return;\n  }\n\n  const self = globalThis as GlobalScope;\n  const bundleKey = getBundleKey(bundle);\n\n  // replace global variables with bundle-specific ones\n  const transformedCode = code\n    .replace(/globalThis\\.TURBOPACK/g, `globalThis.TURBOPACK_${bundleKey}`)\n    .replace(\n      /TURBOPACK_WORKER_LOCATION/g,\n      `TURBOPACK_WORKER_LOCATION_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_NEXT_CHUNK_URLS/g,\n      `TURBOPACK_NEXT_CHUNK_URLS_${bundleKey}`,\n    )\n    .replace(\n      /TURBOPACK_CHUNK_UPDATE_LISTENERS/g,\n      `TURBOPACK_CHUNK_UPDATE_LISTENERS_${bundleKey}`,\n    )\n    .replace(/__next_require__/g, `__${bundleKey}_next_require__`)\n    .replace(\n      /\\/\\/# sourceMappingURL=(?<name>.+)\\._\\.js\\.map/g,\n      `//# sourceMappingURL=${new URL('.', new URL(url)).pathname}$1._.js.map`,\n    );\n\n  // load the script dynamically using a Blob URL\n  await new Promise<void>((scriptResolve, scriptReject) => {\n    const blob = new Blob([transformedCode], {\n      type: 'application/javascript',\n    });\n    const scriptUrl = URL.createObjectURL(blob);\n    const script = document.createElement('script');\n    script.src = scriptUrl;\n    script.async = true;\n    script.onload = () => {\n      URL.revokeObjectURL(scriptUrl);\n      scriptResolve(undefined);\n    };\n    script.onerror = (error) => {\n      URL.revokeObjectURL(scriptUrl);\n      scriptReject(\n        new Error(\n          `Failed to load script: ${error instanceof Error ? error.message : String(error)}`,\n        ),\n      );\n    };\n    document.head.appendChild(script);\n  });\n  const chunkLists = self[`TURBOPACK_${bundleKey}_CHUNK_LISTS`] as\n    | { chunks: string[] }[]\n    | undefined;\n  const loadChunkLists = [] as (Promise<unknown> | undefined)[];\n  while (chunkLists?.length) {\n    const { chunks } = chunkLists.shift() ?? { chunks: [] };\n    if (chunks.length > 0) {\n      chunks.forEach((id: string) => {\n        const chunkLoadResult = self.__webpack_chunk_load__?.(\n          `[${bundle}] ${url.slice(0, url.indexOf('/_next'))}/_next/${id}`,\n        );\n        if (chunkLoadResult) {\n          loadChunkLists.push(chunkLoadResult);\n        }\n      });\n    }\n  }\n  if (loadChunkLists.length > 0) {\n    await Promise.all(loadChunkLists);\n  }\n}\n\n/**\n * Creates module require function for webpack runtime\n */\nfunction createModuleRequire(runtime: Runtime): (id: string) => unknown {\n  return (id: string) => {\n    const self = globalThis as GlobalScope;\n    const { bundle, id: moduleId } = id.match(REMOTE_COMPONENT_REGEX)\n      ?.groups ?? { bundle: 'default', id };\n    try {\n      if (runtime === RUNTIME_WEBPACK && bundle && moduleId) {\n        return self.__remote_webpack_require__?.[bundle]?.(moduleId);\n      }\n      const sharedModule = getSharedModule(bundle ?? 'default', moduleId ?? id);\n      if (sharedModule) {\n        return sharedModule;\n      }\n      if (bundle && moduleId) {\n        return handleTurbopackModule(bundle, moduleId, id);\n      }\n      throw new Error(`Module ${id} not found`);\n    } catch {\n      try {\n        return self.__original_webpack_require__?.(id);\n      } catch {\n        throw new Error(\n          `Module ${id} not found in remote component bundle ${bundle}`,\n        );\n      }\n    }\n  };\n}\n\nfunction initializeSharedModules(\n  bundle: string,\n  shared: Record<string, () => Promise<unknown>> = {},\n  remoteShared: Record<string, string> = {},\n) {\n  const self = globalThis as {\n    __remote_shared_modules__?: Record<string, Record<string, unknown>>;\n    __next_f?: unknown[];\n  };\n  // eslint-disable-next-line camelcase\n  self.__remote_shared_modules__ = self.__remote_shared_modules__ ?? {};\n\n  if (!self.__remote_shared_modules__[bundle]) {\n    self.__remote_shared_modules__[bundle] = {};\n  }\n\n  // ensure that the shared modules are initialized\n  return Promise.all(\n    Object.entries(remoteShared).map(async ([id, module]) => {\n      if (self.__remote_shared_modules__?.[bundle]) {\n        self.__remote_shared_modules__[bundle][\n          id.replace('[app-ssr]', '[app-client]')\n        ] = await (\n          shared[module] ??\n          (() =>\n            Promise.resolve(\n              new Proxy(\n                {},\n                {\n                  get(_, prop: string) {\n                    if (prop !== 'then') {\n                      // eslint-disable-next-line no-console\n                      console.warn(\n                        `Shared dependency \"${module}\" not found for \"${bundle}\" when trying to import \"${prop}\".`,\n                      );\n                    }\n                  },\n                },\n              ),\n            ))\n        )();\n      }\n    }),\n  );\n}\n\n/**\n * Returns shared modules for common dependencies\n */\nfunction getSharedModule(bundle: string, id: string): unknown {\n  const self = globalThis as {\n    __remote_shared_modules__?: Record<string, unknown>;\n  };\n\n  for (const [key, value] of Object.entries(\n    self.__remote_shared_modules__?.[bundle] ?? {},\n  )) {\n    if (id.includes(key)) {\n      return value;\n    }\n  }\n  return null;\n}\n\n/**\n * Handles Turbopack module resolution\n */\nfunction handleTurbopackModule(\n  bundle: string,\n  moduleId: string,\n  id: string,\n): unknown {\n  const self = globalThis as GlobalScope;\n  const bundleKey = getBundleKey(bundle);\n  const modules = (\n    self[`TURBOPACK_${bundleKey}`] as\n      | [unknown, Record<string, unknown>][]\n      | undefined\n  )?.find((mod: [unknown, Record<string, unknown>]) => moduleId in mod[1])?.[1];\n  const moduleInit = modules?.[moduleId];\n  if (typeof moduleInit !== 'function') {\n    throw new Error(\n      `Module ${id} not found in bundle ${bundle} with id ${moduleId}`,\n    );\n  }\n  const exports = {} as Record<string, unknown>;\n  moduleInit({\n    // HMR not implemented for Remote Components\n    k: {\n      register() {\n        // omit\n      },\n      registerExports() {\n        // omit\n      },\n      signature() {\n        return () => {\n          // omit\n        };\n      },\n    },\n    s(m: Record<string, () => unknown>) {\n      for (const [key, value] of Object.entries(m)) {\n        exports[key] = value;\n      }\n    },\n    i(iid: string) {\n      return self.__webpack_require__?.(`[${bundle}] ${iid}`);\n    },\n    r(rid: string) {\n      return self.__webpack_require__?.(`[${bundle}] ${rid}`);\n    },\n    m: {\n      exports,\n    },\n  });\n  for (const [key, value] of Object.entries(exports)) {\n    if (typeof value === 'function') {\n      exports[key] = value();\n    }\n  }\n  return exports;\n}\n","/**\n * Fixes RSC payload to make it compatible with React JSX development runtime\n */\nexport function fixPayload(payload: unknown): void {\n  if (Array.isArray(payload)) {\n    // if the current node is a React element, we need to fix the payload\n    if (payload[0] === '$') {\n      // fix the props (children or other React elements)\n      fixPayload(payload[3]);\n      if (payload.length === 4) {\n        // add placeholder for the missing debug info\n        payload.push(null, null, 1);\n      }\n    } else {\n      // we are in an array, continue with visiting each item\n      for (const item of payload) {\n        fixPayload(item);\n      }\n    }\n  } else if (typeof payload === 'object' && payload !== null) {\n    // we are in an object, continue with visiting each property\n    for (const key in payload) {\n      fixPayload((payload as Record<string, unknown>)[key]);\n    }\n  }\n}\n\n/**\n * Processes RSC flight data and creates a ReadableStream\n */\nexport function createRSCStream(\n  name: string,\n  data: string[],\n): ReadableStream<Uint8Array> {\n  return new ReadableStream({\n    type: 'bytes',\n    start(controller) {\n      const encoder = new TextEncoder();\n      const self = globalThis as typeof globalThis & Record<string, string[]>;\n\n      // when the remote component RSC scripts are not found or loaded\n      // we need to load the RSC flight data parsing the chunks\n      if (!self[name] && data.length > 0) {\n        data.forEach((chunk) => {\n          const lines = chunk.split('\\n');\n          for (const line of lines) {\n            const match = /\\.push\\(\"(?<rsc>.*)\"\\);$/.exec(line);\n            if (match?.groups?.rsc) {\n              self[name] = self[name] ?? [];\n              self[name].push(JSON.parse(`\"${match.groups.rsc}\"`) as string);\n            }\n          }\n        });\n      }\n\n      // get the RSC flight data from the global scope\n      // the RSC flight data is stored in an array\n      // fallback to an empty RSC payload if the data is not found\n      const allChunks = (self[name] ?? [`0:[null]\\n`]).join('');\n\n      // process each line in the RSC flight data\n      allChunks.split('\\n').forEach((chunk) => {\n        if (chunk.length > 0) {\n          // parse the chunk to get the id, prefix and payload\n          const { id, prefix, payload } =\n            /(?<id>[0-9a-zA-Z]+):(?<prefix>[A-Z])?(?<payload>\\[.*\\])/.exec(\n              chunk,\n            )?.groups ?? {};\n\n          if (payload) {\n            // parse the payload to a JSON object\n            const jsonPayload = JSON.parse(payload) as unknown[];\n            // fix the payload to make it compatible with React JSX development runtime\n            fixPayload(jsonPayload);\n            // reconstruct the chunk to a string\n            const reconstruct = `${id}:${prefix ?? ''}${JSON.stringify(jsonPayload)}`;\n            // encode the chunk to a byte buffer\n            controller.enqueue(encoder.encode(`${reconstruct}\\n`));\n          } else {\n            // add empty line before closing the stream\n            controller.enqueue(encoder.encode(`${chunk}\\n`));\n          }\n        } else {\n          // add empty line before closing the stream\n          controller.enqueue(encoder.encode(`${chunk}\\n`));\n        }\n      });\n      // close the stream when all chunks are enqueued\n      controller.close();\n    },\n  });\n}\n"],"mappings":"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","names":["module","module"]}

package/dist/shared/client/remote-component.d.ts

@@ -8,6 +8,7 @@ interface RemoteComponentMetadata {
 }
 
 interface RemoteComponentProps {
+    url: string;
     name: string;
     bundle: string;
     route?: string;
@@ -45,6 +46,7 @@ interface GlobalScope {
         type?: 'turbopack' | 'webpack';
     }>;
     __webpack_require_type__?: RemoteComponentMetadata['runtime'];
+    __remote_bundle_url__?: Record<string, string | URL>;
     [key: string]: unknown;
 }
 interface LoaderResult {
@@ -55,7 +57,8 @@ interface LoaderResult {
 /**
  * Main loader function that orchestrates the component loading process
  */
-declare function loadRemoteComponent({ name, bundle, route, runtime, data, nextData, scripts, shared, remoteShared, container, }: Pick<RemoteComponentProps, 'name' | 'bundle' | 'route' | 'runtime' | 'data' | 'nextData' | 'scripts'> & {
+declare function loadRemoteComponent({ url, name, bundle, route, runtime, data, nextData, scripts, shared, remoteShared, container, }: Pick<RemoteComponentProps, 'name' | 'bundle' | 'route' | 'runtime' | 'data' | 'nextData' | 'scripts'> & {
+    url: URL;
     shared: Record<string, () => Promise<unknown>>;
     remoteShared: Record<string, string>;
     container?: HTMLHeadElement | ShadowRoot | null;
@@ -74,7 +77,7 @@ type Runtime = typeof RUNTIME_WEBPACK | typeof RUNTIME_TURBOPACK;
  */
 declare function setupWebpackRuntime(runtime: Runtime, scripts?: {
     src: string | null;
-}[], bundle?: string, shared?: Record<string, () => Promise<unknown>>, remoteShared?: Record<string, string>): Promise<void>;
+}[], url?: URL, bundle?: string, shared?: Record<string, () => Promise<unknown>>, remoteShared?: Record<string, string>): Promise<void>;
 
 /**
  * Loads external scripts for remote components

package/dist/shared/client/remote-component.js

@@ -159,9 +159,13 @@ function getBundleKey(bundle) {
 }
 
 // src/shared/client/webpack-adapter.ts
-async function setupWebpackRuntime(runtime, scripts = [], bundle, shared = {}, remoteShared = {}) {
+async function setupWebpackRuntime(runtime, scripts = [], url = new URL(location.href), bundle, shared = {}, remoteShared = {}) {
   const self = globalThis;
   self.__DISABLE_WEBPACK_EXEC__ = true;
+  if (!self.__remote_bundle_url__) {
+    self.__remote_bundle_url__ = {};
+  }
+  self.__remote_bundle_url__[bundle ?? "default"] = url;
   await initializeSharedModules(bundle ?? "default", shared, remoteShared);
   if (typeof self.__webpack_require__ !== "function" || self.__webpack_require_type__ !== "turbopack") {
     if (!self.__original_webpack_require__ && !self.__original_webpack_chunk_load__) {
@@ -199,12 +203,13 @@ function createChunkLoader(runtime) {
       bundle: scriptBundle ?? "",
       id: chunkId
     };
+    const self = globalThis;
     const url = new URL(
       path ? `${prefix ?? ""}${path}`.replace(
         /(?<char>[^:])(?<double>\/\/)/g,
         "$1/"
       ) : "/",
-      location.origin
+      self.__remote_bundle_url__?.[bundle ?? "default"] ?? new URL(location.origin)
     ).href;
     if (url.endsWith(".css")) {
       loadCSS(url);
@@ -319,12 +324,20 @@ function initializeSharedModules(bundle, shared = {}, remoteShared = {}) {
   return Promise.all(
     Object.entries(remoteShared).map(async ([id, module]) => {
       if (self.__remote_shared_modules__?.[bundle]) {
-        self.__remote_shared_modules__[bundle][id.replace("[app-ssr]", "[app-client]")] = await (shared[module] ?? (() => {
-          console.warn(
-            `Shared dependency not found for "${bundle}": ${module}`
-          );
-          return Promise.resolve({});
-        }))();
+        self.__remote_shared_modules__[bundle][id.replace("[app-ssr]", "[app-client]")] = await (shared[module] ?? (() => Promise.resolve(
+          new Proxy(
+            {},
+            {
+              get(_, prop) {
+                if (prop !== "then") {
+                  console.warn(
+                    `Shared dependency "${module}" not found for "${bundle}" when trying to import "${prop}".`
+                  );
+                }
+              }
+            }
+          )
+        )))();
       }
     })
   );
@@ -452,6 +465,7 @@ function createRSCStream(name, data) {
 
 // src/shared/client/component-loader.ts
 async function loadRemoteComponent({
+  url,
   name,
   bundle,
   route = "/",
@@ -467,7 +481,14 @@ async function loadRemoteComponent({
     if (runtime === "webpack") {
       await loadScripts(scripts);
     }
-    await setupWebpackRuntime(runtime, scripts, bundle, shared, remoteShared);
+    await setupWebpackRuntime(
+      runtime,
+      scripts,
+      url,
+      bundle,
+      shared,
+      remoteShared
+    );
     if (bundle) {
       const resolve = {
         "/react/index.js": React,