remote-components 0.0.23 → 0.0.24

package/dist/internal/next/host/app-router-compat.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/host/app-router-compat.tsx"],"sourcesContent":["import type { default as ImageComponentType, ImageProps } from 'next/image';\nimport { usePathname, useSearchParams } from 'next/navigation';\nimport type { NavigateOptions } from 'next/dist/shared/lib/app-router-context.shared-runtime';\nimport { applyBundleUrlToImagePropsSrc } from '#internal/shared/client/polyfill';\n\nexport function imageImpl(\n  ImageComponent: typeof ImageComponentType,\n  bundle: string,\n) {\n  const component = function RemoteImage(props: ImageProps) {\n    return (\n      <ImageComponent\n        {...props}\n        src={applyBundleUrlToImagePropsSrc(bundle, props.src)}\n      />\n    );\n  };\n  component.default = component;\n  return component;\n}\n\nexport const routerImpl = async () => {\n  const { useRouter } = await import('next/navigation');\n  return Promise.resolve({\n    useRouter: () => {\n      const router = useRouter();\n      const pathname = usePathname();\n      const searchParams = useSearchParams();\n      const query = Object.fromEntries(searchParams.entries());\n      return {\n        pathname,\n        query,\n        asPath: searchParams.toString()\n          ? `${pathname}?${searchParams.toString()}`\n          : pathname,\n        push: (href: string, _: string, options?: NavigateOptions) => {\n          router.push(href, options);\n          return Promise.resolve(true);\n        },\n        replace: (href: string, _: string, options?: NavigateOptions) => {\n          router.replace(href, options);\n          return Promise.resolve(true);\n        },\n        refresh: () => Promise.resolve(router.refresh()),\n        prefetch: async () => {\n          // eslint-disable-next-line no-console\n          console.warn(\n            'You are using router.prefetch() in a remote component loaded in the Next.js App Router. prefetch() is a no-op in the App Router.',\n          );\n          return Promise.resolve();\n        },\n        back: () => {\n          // there's no back() in the App Router\n          if (typeof window !== 'undefined') {\n            window.history.back();\n          }\n        },\n        reload: () => {\n          router.refresh();\n        },\n        beforePopState: () => {\n          // there's no beforePopState() in the App Router\n        },\n        events: {\n          on: () => {\n            // there's no router.events in the App Router\n            // eslint-disable-next-line no-console\n            console.warn(\n              'You are using router.events.on() in a remote component loaded in the Next.js App Router. events.on() is a no-op in the App Router.',\n            );\n          },\n          off: () => {\n            // there's no router.events in the App Router\n            // eslint-disable-next-line no-console\n            console.warn(\n              'You are using router.events.off() in a remote component loaded in the Next.js App Router. events.off() is a no-op in the App Router.',\n            );\n          },\n          emit: () => {\n            // there's no router.events in the App Router\n            // eslint-disable-next-line no-console\n            console.warn(\n              'You are using router.events.emit() in a remote component loaded in the Next.js App Router. events.emit() is a no-op in the App Router.',\n            );\n          },\n        },\n      };\n    },\n  });\n};\n"],"mappings":"AAWM;AAVN,SAAS,aAAa,uBAAuB;AAE7C,SAAS,qCAAqC;AAEvC,SAAS,UACd,gBACA,QACA;AACA,QAAM,YAAY,SAAS,YAAY,OAAmB;AACxD,WACE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,KAAK,8BAA8B,QAAQ,MAAM,GAAG;AAAA;AAAA,IACtD;AAAA,EAEJ;AACA,YAAU,UAAU;AACpB,SAAO;AACT;AAEO,MAAM,aAAa,YAAY;AACpC,QAAM,EAAE,UAAU,IAAI,MAAM,OAAO,iBAAiB;AACpD,SAAO,QAAQ,QAAQ;AAAA,IACrB,WAAW,MAAM;AACf,YAAM,SAAS,UAAU;AACzB,YAAM,WAAW,YAAY;AAC7B,YAAM,eAAe,gBAAgB;AACrC,YAAM,QAAQ,OAAO,YAAY,aAAa,QAAQ,CAAC;AACvD,aAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,QAAQ,aAAa,SAAS,IAC1B,GAAG,YAAY,aAAa,SAAS,MACrC;AAAA,QACJ,MAAM,CAAC,MAAc,GAAW,YAA8B;AAC5D,iBAAO,KAAK,MAAM,OAAO;AACzB,iBAAO,QAAQ,QAAQ,IAAI;AAAA,QAC7B;AAAA,QACA,SAAS,CAAC,MAAc,GAAW,YAA8B;AAC/D,iBAAO,QAAQ,MAAM,OAAO;AAC5B,iBAAO,QAAQ,QAAQ,IAAI;AAAA,QAC7B;AAAA,QACA,SAAS,MAAM,QAAQ,QAAQ,OAAO,QAAQ,CAAC;AAAA,QAC/C,UAAU,YAAY;AAEpB,kBAAQ;AAAA,YACN;AAAA,UACF;AACA,iBAAO,QAAQ,QAAQ;AAAA,QACzB;AAAA,QACA,MAAM,MAAM;AAEV,cAAI,OAAO,WAAW,aAAa;AACjC,mBAAO,QAAQ,KAAK;AAAA,UACtB;AAAA,QACF;AAAA,QACA,QAAQ,MAAM;AACZ,iBAAO,QAAQ;AAAA,QACjB;AAAA,QACA,gBAAgB,MAAM;AAAA,QAEtB;AAAA,QACA,QAAQ;AAAA,UACN,IAAI,MAAM;AAGR,oBAAQ;AAAA,cACN;AAAA,YACF;AAAA,UACF;AAAA,UACA,KAAK,MAAM;AAGT,oBAAQ;AAAA,cACN;AAAA,YACF;AAAA,UACF;AAAA,UACA,MAAM,MAAM;AAGV,oBAAQ;AAAA,cACN;AAAA,YACF;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/internal/next/remote/render-client.cjs

@@ -39,7 +39,7 @@ var import_jsx_runtime = (
 var import_react = require("react");
 async function tryImportShared() {
   try {
-    const { shared } = await import("@remote-components/shared/remote");
+    const { shared } = await import("@remote-components/shared/remote/app");
     return shared;
   } catch {
     return {};
@@ -47,7 +47,15 @@ async function tryImportShared() {
 }
 const tryImportSharedPromise = tryImportShared();
 function RemoteComponentSharedRemote({ name }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("script", { id: `${name}_shared`, type: "application/json", children: JSON.stringify((0, import_react.use)(tryImportSharedPromise)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "script",
+    {
+      "data-remote-components-shared": "",
+      id: `${name}_shared`,
+      type: "application/json",
+      children: JSON.stringify((0, import_react.use)(tryImportSharedPromise))
+    }
+  );
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/dist/internal/next/remote/render-client.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/remote/render-client.tsx"],"sourcesContent":["'use client';\n\nimport { use } from 'react';\n\n// try to import the shared module from the remote application\n// use an empty object as a fallback if the import fails to avoid breaking the application\nasync function tryImportShared() {\n  try {\n    const { shared } = await import('@remote-components/shared/remote');\n    return shared;\n  } catch {\n    return {};\n  }\n}\n\n// create a promise singleton to import the shared module\nconst tryImportSharedPromise = tryImportShared();\n\nexport function RemoteComponentSharedRemote({ name }: { name: string }) {\n  return (\n    // render the shared module as a script tag\n    <script id={`${name}_shared`} type=\"application/json\">\n      {JSON.stringify(use(tryImportSharedPromise))}\n    </script>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AAAA;AAAA;AAAA;AAnBJ,mBAAoB;AAIpB,eAAe,kBAAkB;AAC/B,MAAI;AACF,UAAM,EAAE,OAAO,IAAI,MAAM,OAAO,kCAAkC;AAClE,WAAO;AAAA,EACT,QAAE;AACA,WAAO,CAAC;AAAA,EACV;AACF;AAGA,MAAM,yBAAyB,gBAAgB;AAExC,SAAS,4BAA4B,EAAE,KAAK,GAAqB;AACtE,SAEE,4CAAC,YAAO,IAAI,GAAG,eAAe,MAAK,oBAChC,eAAK,cAAU,kBAAI,sBAAsB,CAAC,GAC7C;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/next/remote/render-client.tsx"],"sourcesContent":["'use client';\n\nimport { use } from 'react';\n\n// try to import the shared module from the remote application\n// use an empty object as a fallback if the import fails to avoid breaking the application\nasync function tryImportShared() {\n  try {\n    const { shared } = await import('@remote-components/shared/remote/app');\n    return shared;\n  } catch {\n    return {};\n  }\n}\n\n// create a promise singleton to import the shared module\nconst tryImportSharedPromise = tryImportShared();\n\nexport function RemoteComponentSharedRemote({ name }: { name: string }) {\n  return (\n    // render the shared module as a script tag\n    <script\n      data-remote-components-shared=\"\"\n      id={`${name}_shared`}\n      type=\"application/json\"\n    >\n      {JSON.stringify(use(tryImportSharedPromise))}\n    </script>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBI;AAAA;AAAA;AAAA;AAnBJ,mBAAoB;AAIpB,eAAe,kBAAkB;AAC/B,MAAI;AACF,UAAM,EAAE,OAAO,IAAI,MAAM,OAAO,sCAAsC;AACtE,WAAO;AAAA,EACT,QAAE;AACA,WAAO,CAAC;AAAA,EACV;AACF;AAGA,MAAM,yBAAyB,gBAAgB;AAExC,SAAS,4BAA4B,EAAE,KAAK,GAAqB;AACtE,SAEE;AAAA,IAAC;AAAA;AAAA,MACC,iCAA8B;AAAA,MAC9B,IAAI,GAAG;AAAA,MACP,MAAK;AAAA,MAEJ,eAAK,cAAU,kBAAI,sBAAsB,CAAC;AAAA;AAAA,EAC7C;AAEJ;","names":[]}

package/dist/internal/next/remote/render-client.js

@@ -3,7 +3,7 @@ import { jsx } from "react/jsx-runtime";
 import { use } from "react";
 async function tryImportShared() {
   try {
-    const { shared } = await import("@remote-components/shared/remote");
+    const { shared } = await import("@remote-components/shared/remote/app");
     return shared;
   } catch {
     return {};
@@ -13,7 +13,15 @@ const tryImportSharedPromise = tryImportShared();
 function RemoteComponentSharedRemote({ name }) {
   return (
     // render the shared module as a script tag
-    /* @__PURE__ */ jsx("script", { id: `${name}_shared`, type: "application/json", children: JSON.stringify(use(tryImportSharedPromise)) })
+    /* @__PURE__ */ jsx(
+      "script",
+      {
+        "data-remote-components-shared": "",
+        id: `${name}_shared`,
+        type: "application/json",
+        children: JSON.stringify(use(tryImportSharedPromise))
+      }
+    )
   );
 }
 export {

package/dist/internal/next/remote/render-client.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/next/remote/render-client.tsx"],"sourcesContent":["'use client';\n\nimport { use } from 'react';\n\n// try to import the shared module from the remote application\n// use an empty object as a fallback if the import fails to avoid breaking the application\nasync function tryImportShared() {\n  try {\n    const { shared } = await import('@remote-components/shared/remote');\n    return shared;\n  } catch {\n    return {};\n  }\n}\n\n// create a promise singleton to import the shared module\nconst tryImportSharedPromise = tryImportShared();\n\nexport function RemoteComponentSharedRemote({ name }: { name: string }) {\n  return (\n    // render the shared module as a script tag\n    <script id={`${name}_shared`} type=\"application/json\">\n      {JSON.stringify(use(tryImportSharedPromise))}\n    </script>\n  );\n}\n"],"mappings":";AAqBI;AAnBJ,SAAS,WAAW;AAIpB,eAAe,kBAAkB;AAC/B,MAAI;AACF,UAAM,EAAE,OAAO,IAAI,MAAM,OAAO,kCAAkC;AAClE,WAAO;AAAA,EACT,QAAE;AACA,WAAO,CAAC;AAAA,EACV;AACF;AAGA,MAAM,yBAAyB,gBAAgB;AAExC,SAAS,4BAA4B,EAAE,KAAK,GAAqB;AACtE;AAAA;AAAA,IAEE,oBAAC,YAAO,IAAI,GAAG,eAAe,MAAK,oBAChC,eAAK,UAAU,IAAI,sBAAsB,CAAC,GAC7C;AAAA;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../src/next/remote/render-client.tsx"],"sourcesContent":["'use client';\n\nimport { use } from 'react';\n\n// try to import the shared module from the remote application\n// use an empty object as a fallback if the import fails to avoid breaking the application\nasync function tryImportShared() {\n  try {\n    const { shared } = await import('@remote-components/shared/remote/app');\n    return shared;\n  } catch {\n    return {};\n  }\n}\n\n// create a promise singleton to import the shared module\nconst tryImportSharedPromise = tryImportShared();\n\nexport function RemoteComponentSharedRemote({ name }: { name: string }) {\n  return (\n    // render the shared module as a script tag\n    <script\n      data-remote-components-shared=\"\"\n      id={`${name}_shared`}\n      type=\"application/json\"\n    >\n      {JSON.stringify(use(tryImportSharedPromise))}\n    </script>\n  );\n}\n"],"mappings":";AAqBI;AAnBJ,SAAS,WAAW;AAIpB,eAAe,kBAAkB;AAC/B,MAAI;AACF,UAAM,EAAE,OAAO,IAAI,MAAM,OAAO,sCAAsC;AACtE,WAAO;AAAA,EACT,QAAE;AACA,WAAO,CAAC;AAAA,EACV;AACF;AAGA,MAAM,yBAAyB,gBAAgB;AAExC,SAAS,4BAA4B,EAAE,KAAK,GAAqB;AACtE;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,iCAA8B;AAAA,QAC9B,IAAI,GAAG;AAAA,QACP,MAAK;AAAA,QAEJ,eAAK,UAAU,IAAI,sBAAsB,CAAC;AAAA;AAAA,IAC7C;AAAA;AAEJ;","names":[]}

package/dist/internal/shared/client/apply-origin.cjs

@@ -0,0 +1,61 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var apply_origin_exports = {};
+__export(apply_origin_exports, {
+  applyOriginToNodes: () => applyOriginToNodes
+});
+module.exports = __toCommonJS(apply_origin_exports);
+const tagNames = [
+  "img",
+  "source",
+  "video",
+  "audio",
+  "track",
+  "iframe",
+  "embed",
+  "script",
+  "link"
+];
+function applyOriginToNodes(doc, url) {
+  const nodes = doc.querySelectorAll(
+    tagNames.map((type) => `${type}[src],${type}[srcset]`).join(",")
+  );
+  nodes.forEach((node) => {
+    if (node.hasAttribute("src") && /^[./]+\/?/.test(node.getAttribute("src") ?? "")) {
+      node.src = new URL(node.getAttribute("src") ?? "/", url).href;
+    }
+    if (node.hasAttribute("srcset")) {
+      const srcSet = node.getAttribute("srcset")?.split(",").map((entry) => {
+        const [urlPart, descriptor] = entry.trim().split(/\s+/);
+        if (!urlPart)
+          return entry;
+        const absoluteUrl = new URL(urlPart, url).href;
+        return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
+      }).join(", ");
+      if (srcSet) {
+        node.setAttribute("srcset", srcSet);
+      }
+    }
+  });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyOriginToNodes
+});
+//# sourceMappingURL=apply-origin.cjs.map

package/dist/internal/shared/client/apply-origin.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/client/apply-origin.ts"],"sourcesContent":["const tagNames = [\n  'img',\n  'source',\n  'video',\n  'audio',\n  'track',\n  'iframe',\n  'embed',\n  'script',\n  'link',\n];\n\nexport function applyOriginToNodes(doc: Document | HTMLElement, url: URL) {\n  const nodes = doc.querySelectorAll<HTMLImageElement>(\n    tagNames.map((type) => `${type}[src],${type}[srcset]`).join(','),\n  );\n  nodes.forEach((node) => {\n    if (\n      node.hasAttribute('src') &&\n      /^[./]+\\/?/.test(node.getAttribute('src') ?? '')\n    ) {\n      node.src = new URL(node.getAttribute('src') ?? '/', url).href;\n    }\n    if (node.hasAttribute('srcset')) {\n      const srcSet = node\n        .getAttribute('srcset')\n        ?.split(',')\n        .map((entry) => {\n          const [urlPart, descriptor] = entry.trim().split(/\\s+/);\n          if (!urlPart) return entry;\n\n          const absoluteUrl = new URL(urlPart, url).href;\n          return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;\n        })\n        .join(', ');\n      if (srcSet) {\n        node.setAttribute('srcset', srcSet);\n      }\n    }\n  });\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,mBAAmB,KAA6B,KAAU;AACxE,QAAM,QAAQ,IAAI;AAAA,IAChB,SAAS,IAAI,CAAC,SAAS,GAAG,aAAa,cAAc,EAAE,KAAK,GAAG;AAAA,EACjE;AACA,QAAM,QAAQ,CAAC,SAAS;AACtB,QACE,KAAK,aAAa,KAAK,KACvB,YAAY,KAAK,KAAK,aAAa,KAAK,KAAK,EAAE,GAC/C;AACA,WAAK,MAAM,IAAI,IAAI,KAAK,aAAa,KAAK,KAAK,KAAK,GAAG,EAAE;AAAA,IAC3D;AACA,QAAI,KAAK,aAAa,QAAQ,GAAG;AAC/B,YAAM,SAAS,KACZ,aAAa,QAAQ,GACpB,MAAM,GAAG,EACV,IAAI,CAAC,UAAU;AACd,cAAM,CAAC,SAAS,UAAU,IAAI,MAAM,KAAK,EAAE,MAAM,KAAK;AACtD,YAAI,CAAC;AAAS,iBAAO;AAErB,cAAM,cAAc,IAAI,IAAI,SAAS,GAAG,EAAE;AAC1C,eAAO,aAAa,GAAG,eAAe,eAAe;AAAA,MACvD,CAAC,EACA,KAAK,IAAI;AACZ,UAAI,QAAQ;AACV,aAAK,aAAa,UAAU,MAAM;AAAA,MACpC;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":[]}

package/dist/internal/shared/client/apply-origin.d.ts

@@ -0,0 +1,3 @@
+declare function applyOriginToNodes(doc: Document | HTMLElement, url: URL): void;
+
+export { applyOriginToNodes };

package/dist/internal/shared/client/apply-origin.js

@@ -0,0 +1,37 @@
+const tagNames = [
+  "img",
+  "source",
+  "video",
+  "audio",
+  "track",
+  "iframe",
+  "embed",
+  "script",
+  "link"
+];
+function applyOriginToNodes(doc, url) {
+  const nodes = doc.querySelectorAll(
+    tagNames.map((type) => `${type}[src],${type}[srcset]`).join(",")
+  );
+  nodes.forEach((node) => {
+    if (node.hasAttribute("src") && /^[./]+\/?/.test(node.getAttribute("src") ?? "")) {
+      node.src = new URL(node.getAttribute("src") ?? "/", url).href;
+    }
+    if (node.hasAttribute("srcset")) {
+      const srcSet = node.getAttribute("srcset")?.split(",").map((entry) => {
+        const [urlPart, descriptor] = entry.trim().split(/\s+/);
+        if (!urlPart)
+          return entry;
+        const absoluteUrl = new URL(urlPart, url).href;
+        return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
+      }).join(", ");
+      if (srcSet) {
+        node.setAttribute("srcset", srcSet);
+      }
+    }
+  });
+}
+export {
+  applyOriginToNodes
+};
+//# sourceMappingURL=apply-origin.js.map

package/dist/internal/shared/client/apply-origin.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/client/apply-origin.ts"],"sourcesContent":["const tagNames = [\n  'img',\n  'source',\n  'video',\n  'audio',\n  'track',\n  'iframe',\n  'embed',\n  'script',\n  'link',\n];\n\nexport function applyOriginToNodes(doc: Document | HTMLElement, url: URL) {\n  const nodes = doc.querySelectorAll<HTMLImageElement>(\n    tagNames.map((type) => `${type}[src],${type}[srcset]`).join(','),\n  );\n  nodes.forEach((node) => {\n    if (\n      node.hasAttribute('src') &&\n      /^[./]+\\/?/.test(node.getAttribute('src') ?? '')\n    ) {\n      node.src = new URL(node.getAttribute('src') ?? '/', url).href;\n    }\n    if (node.hasAttribute('srcset')) {\n      const srcSet = node\n        .getAttribute('srcset')\n        ?.split(',')\n        .map((entry) => {\n          const [urlPart, descriptor] = entry.trim().split(/\\s+/);\n          if (!urlPart) return entry;\n\n          const absoluteUrl = new URL(urlPart, url).href;\n          return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;\n        })\n        .join(', ');\n      if (srcSet) {\n        node.setAttribute('srcset', srcSet);\n      }\n    }\n  });\n}\n"],"mappings":"AAAA,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,mBAAmB,KAA6B,KAAU;AACxE,QAAM,QAAQ,IAAI;AAAA,IAChB,SAAS,IAAI,CAAC,SAAS,GAAG,aAAa,cAAc,EAAE,KAAK,GAAG;AAAA,EACjE;AACA,QAAM,QAAQ,CAAC,SAAS;AACtB,QACE,KAAK,aAAa,KAAK,KACvB,YAAY,KAAK,KAAK,aAAa,KAAK,KAAK,EAAE,GAC/C;AACA,WAAK,MAAM,IAAI,IAAI,KAAK,aAAa,KAAK,KAAK,KAAK,GAAG,EAAE;AAAA,IAC3D;AACA,QAAI,KAAK,aAAa,QAAQ,GAAG;AAC/B,YAAM,SAAS,KACZ,aAAa,QAAQ,GACpB,MAAM,GAAG,EACV,IAAI,CAAC,UAAU;AACd,cAAM,CAAC,SAAS,UAAU,IAAI,MAAM,KAAK,EAAE,MAAM,KAAK;AACtD,YAAI,CAAC;AAAS,iBAAO;AAErB,cAAM,cAAc,IAAI,IAAI,SAAS,GAAG,EAAE;AAC1C,eAAO,aAAa,GAAG,eAAe,eAAe;AAAA,MACvD,CAAC,EACA,KAAK,IAAI;AACZ,UAAI,QAAQ;AACV,aAAK,aAAa,UAAU,MAAM;AAAA,MACpC;AAAA,IACF;AAAA,EACF,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,149 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var polyfill_exports = {};
+__export(polyfill_exports, {
+  applyBundleUrlToImagePropsSrc: () => applyBundleUrlToImagePropsSrc,
+  sharedPolyfills: () => sharedPolyfills
+});
+module.exports = __toCommonJS(polyfill_exports);
+var import_jsx_runtime = (
+  // eslint-disable-next-line @next/next/no-img-element, jsx-a11y/alt-text
+  require("react/jsx-runtime")
+);
+function applyBundleUrlToSrc(bundle, src) {
+  const self = globalThis;
+  if (self.__remote_bundle_url__?.[bundle]?.origin === location.origin) {
+    return src;
+  }
+  const { assetPrefix, path } = /^(?<assetPrefix>.*?)\/_next\/(?<path>.*)/.exec(src)?.groups ?? {};
+  if (!path) {
+    return new URL(src, self.__remote_bundle_url__?.[bundle]?.origin).href;
+  }
+  return `${self.__remote_bundle_url__?.[bundle]?.origin ?? ""}${assetPrefix}/_next/${path}`;
+}
+function applyBundleUrlToImagePropsSrc(bundle, src) {
+  if (typeof src === "string") {
+    return applyBundleUrlToSrc(bundle, src);
+  }
+  const propSrc = src;
+  return applyBundleUrlToSrc(bundle, propSrc.src);
+}
+const imageImpl = (bundle) => function RemoteImage({ priority: _, ...props }) {
+  const newSrc = applyBundleUrlToImagePropsSrc(
+    bundle,
+    typeof props.src === "string" ? props.src : props.src.src
+  );
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "img",
+    {
+      decoding: "async",
+      style: { color: "transparent" },
+      ...props,
+      src: newSrc,
+      suppressHydrationWarning: true
+    }
+  );
+};
+function sharedPolyfills(shared) {
+  const self = globalThis;
+  const polyfill = {
+    "next/dist/client/components/navigation": self.__remote_component_host_shared_modules__?.["next/navigation"] ?? shared?.["next/navigation"] ?? (() => Promise.resolve({
+      useRouter() {
+        return {
+          push: (routerUrl) => {
+            history.pushState({}, "", routerUrl);
+          },
+          replace: (routerUrl) => {
+            history.replaceState({}, "", routerUrl);
+          },
+          back: () => {
+            history.back();
+          }
+        };
+      },
+      useSearchParams() {
+        return new URLSearchParams(location.search);
+      },
+      __esModule: true
+    })),
+    "next/dist/client/app-dir/link": self.__remote_component_host_shared_modules__?.["next/link"] ?? shared?.["next/link"] ?? (() => Promise.resolve({
+      default: ({
+        children,
+        ...props
+      }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { ...props, href: props.href, suppressHydrationWarning: true, children: children ?? null }),
+      __esModule: true
+    })),
+    "next/dist/client/app-dir/form": self.__remote_component_host_shared_modules__?.["next/form"] ?? shared?.["next/form"] ?? (() => Promise.resolve({
+      default: () => {
+        throw new Error("Next.js <Form> component not implemented");
+      },
+      __esModule: true
+    })),
+    "next/dist/client/image-component": self.__remote_component_host_shared_modules__?.["next/image"] ?? shared?.["next/image"] ?? ((bundle) => Promise.resolve({
+      Image: imageImpl(bundle),
+      __esModule: true
+    })),
+    "next/image": self.__remote_component_host_shared_modules__?.["next/image"] ?? shared?.["next/image"] ?? ((bundle) => Promise.resolve({
+      default: imageImpl(bundle),
+      getImageProps: (_imgProps) => {
+        throw new Error(
+          "Next.js getImageProps() is not implemented in remote components"
+        );
+      },
+      __esModule: true
+    })),
+    "next/dist/client/script": self.__remote_component_host_shared_modules__?.["next/script"] ?? shared?.["next/script"] ?? (() => Promise.resolve({
+      // TODO: implement <Script> component for non-Next.js host applications
+      // do not throw an error for now
+      default: () => null,
+      __esModule: true
+    })),
+    "next/router": self.__remote_component_host_shared_modules__?.["next/router"] ?? shared?.["next/router"] ?? (() => (
+      // TODO: incomplete implementation
+      Promise.resolve({
+        useRouter() {
+          return {
+            push: (routerUrl) => {
+              history.pushState({}, "", routerUrl);
+            },
+            replace: (routerUrl) => {
+              history.replaceState({}, "", routerUrl);
+            },
+            back: () => {
+              history.back();
+            }
+          };
+        },
+        __esModule: true
+      })
+    ))
+  };
+  polyfill["next/navigation"] = polyfill["next/dist/client/components/navigation"];
+  polyfill["next/link"] = polyfill["next/dist/client/app-dir/link"];
+  polyfill["next/form"] = polyfill["next/dist/client/app-dir/form"];
+  polyfill["next/dist/api/image"] = polyfill["next/dist/client/image-component"];
+  polyfill["next/script"] = polyfill["next/dist/client/script"];
+  return polyfill;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  applyBundleUrlToImagePropsSrc,
+  sharedPolyfills
+});
+//# sourceMappingURL=polyfill.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/client/polyfill.tsx"],"sourcesContent":["import type { LinkProps } from 'next/link';\nimport type { ImageProps, StaticImageData } from 'next/image';\n\nfunction applyBundleUrlToSrc(bundle: string, src: string) {\n  const self = globalThis as typeof globalThis & {\n    __remote_bundle_url__?: Record<string, URL>;\n  };\n\n  if (self.__remote_bundle_url__?.[bundle]?.origin === location.origin) {\n    return src;\n  }\n\n  const { assetPrefix, path } =\n    /^(?<assetPrefix>.*?)\\/_next\\/(?<path>.*)/.exec(src)?.groups ?? {};\n  if (!path) {\n    return new URL(src, self.__remote_bundle_url__?.[bundle]?.origin).href;\n  }\n  return `${\n    self.__remote_bundle_url__?.[bundle]?.origin ?? ''\n  }${assetPrefix}/_next/${path}`;\n}\n\nexport function applyBundleUrlToImagePropsSrc(\n  bundle: string,\n  src: ImageProps['src'],\n) {\n  if (typeof src === 'string') {\n    return applyBundleUrlToSrc(bundle, src);\n  }\n  const propSrc = src as StaticImageData;\n  return applyBundleUrlToSrc(bundle, propSrc.src);\n}\n\nconst imageImpl = (bundle: string) =>\n  function RemoteImage({ priority: _, ...props }: ImageProps) {\n    const newSrc = applyBundleUrlToImagePropsSrc(\n      bundle,\n      typeof props.src === 'string'\n        ? props.src\n        : (props.src as StaticImageData).src,\n    );\n    return (\n      // eslint-disable-next-line @next/next/no-img-element, jsx-a11y/alt-text\n      <img\n        decoding=\"async\"\n        style={{ color: 'transparent' }}\n        {...props}\n        src={newSrc}\n        suppressHydrationWarning\n      />\n    );\n  };\n\n// polyfill Next.js App Router client API (minimal)\n// implementations are minimal and do not cover all use cases\n// developer can override these shared modules from configuration\nexport function sharedPolyfills(\n  shared?: Record<string, () => Promise<unknown>>,\n) {\n  const self = globalThis as typeof globalThis & {\n    __remote_component_host_shared_modules__?: Record<\n      string,\n      () => Promise<unknown>\n    >;\n  };\n  const polyfill = {\n    'next/dist/client/components/navigation':\n      self.__remote_component_host_shared_modules__?.['next/navigation'] ??\n      shared?.['next/navigation'] ??\n      (() =>\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          useSearchParams() {\n            return new URLSearchParams(location.search);\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/link':\n      self.__remote_component_host_shared_modules__?.['next/link'] ??\n      shared?.['next/link'] ??\n      (() =>\n        Promise.resolve({\n          default: ({\n            children,\n            ...props\n          }: React.PropsWithChildren<LinkProps>) => (\n            <a {...props} href={props.href as string} suppressHydrationWarning>\n              {children ?? null}\n            </a>\n          ),\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/form':\n      self.__remote_component_host_shared_modules__?.['next/form'] ??\n      shared?.['next/form'] ??\n      (() =>\n        Promise.resolve({\n          default: () => {\n            // TODO: implement <Form> component for non-Next.js host applications\n            throw new Error('Next.js <Form> component not implemented');\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/image-component':\n      self.__remote_component_host_shared_modules__?.['next/image'] ??\n      shared?.['next/image'] ??\n      ((bundle: string) =>\n        Promise.resolve({\n          Image: imageImpl(bundle),\n          __esModule: true,\n        })),\n    'next/image':\n      self.__remote_component_host_shared_modules__?.['next/image'] ??\n      shared?.['next/image'] ??\n      ((bundle: string) =>\n        Promise.resolve({\n          default: imageImpl(bundle),\n          getImageProps: (_imgProps: ImageProps) => {\n            throw new Error(\n              'Next.js getImageProps() is not implemented in remote components',\n            );\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/script':\n      self.__remote_component_host_shared_modules__?.['next/script'] ??\n      shared?.['next/script'] ??\n      (() =>\n        Promise.resolve({\n          // TODO: implement <Script> component for non-Next.js host applications\n          // do not throw an error for now\n          default: () => null,\n          __esModule: true,\n        })),\n    'next/router':\n      self.__remote_component_host_shared_modules__?.['next/router'] ??\n      shared?.['next/router'] ??\n      (() =>\n        // TODO: incomplete implementation\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          __esModule: true,\n        })),\n  } as Record<string, () => Promise<unknown>>;\n\n  polyfill['next/navigation'] = polyfill[\n    'next/dist/client/components/navigation'\n  ] as () => Promise<unknown>;\n  polyfill['next/link'] = polyfill[\n    'next/dist/client/app-dir/link'\n  ] as () => Promise<unknown>;\n  polyfill['next/form'] = polyfill[\n    'next/dist/client/app-dir/form'\n  ] as () => Promise<unknown>;\n  polyfill['next/dist/api/image'] = polyfill[\n    'next/dist/client/image-component'\n  ] as () => Promise<unknown>;\n  polyfill['next/script'] = polyfill[\n    'next/dist/client/script'\n  ] as () => Promise<unknown>;\n\n  return polyfill;\n}\n"],"mappings":"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","names":[]}

package/dist/internal/shared/client/polyfill.d.ts

@@ -0,0 +1,6 @@
+import { ImageProps } from 'next/image';
+
+declare function applyBundleUrlToImagePropsSrc(bundle: string, src: ImageProps['src']): string;
+declare function sharedPolyfills(shared?: Record<string, () => Promise<unknown>>): Record<string, () => Promise<unknown>>;
+
+export { applyBundleUrlToImagePropsSrc, sharedPolyfills };

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

@@ -0,0 +1,124 @@
+import { jsx } from "react/jsx-runtime";
+function applyBundleUrlToSrc(bundle, src) {
+  const self = globalThis;
+  if (self.__remote_bundle_url__?.[bundle]?.origin === location.origin) {
+    return src;
+  }
+  const { assetPrefix, path } = /^(?<assetPrefix>.*?)\/_next\/(?<path>.*)/.exec(src)?.groups ?? {};
+  if (!path) {
+    return new URL(src, self.__remote_bundle_url__?.[bundle]?.origin).href;
+  }
+  return `${self.__remote_bundle_url__?.[bundle]?.origin ?? ""}${assetPrefix}/_next/${path}`;
+}
+function applyBundleUrlToImagePropsSrc(bundle, src) {
+  if (typeof src === "string") {
+    return applyBundleUrlToSrc(bundle, src);
+  }
+  const propSrc = src;
+  return applyBundleUrlToSrc(bundle, propSrc.src);
+}
+const imageImpl = (bundle) => function RemoteImage({ priority: _, ...props }) {
+  const newSrc = applyBundleUrlToImagePropsSrc(
+    bundle,
+    typeof props.src === "string" ? props.src : props.src.src
+  );
+  return (
+    // eslint-disable-next-line @next/next/no-img-element, jsx-a11y/alt-text
+    /* @__PURE__ */ jsx(
+      "img",
+      {
+        decoding: "async",
+        style: { color: "transparent" },
+        ...props,
+        src: newSrc,
+        suppressHydrationWarning: true
+      }
+    )
+  );
+};
+function sharedPolyfills(shared) {
+  const self = globalThis;
+  const polyfill = {
+    "next/dist/client/components/navigation": self.__remote_component_host_shared_modules__?.["next/navigation"] ?? shared?.["next/navigation"] ?? (() => Promise.resolve({
+      useRouter() {
+        return {
+          push: (routerUrl) => {
+            history.pushState({}, "", routerUrl);
+          },
+          replace: (routerUrl) => {
+            history.replaceState({}, "", routerUrl);
+          },
+          back: () => {
+            history.back();
+          }
+        };
+      },
+      useSearchParams() {
+        return new URLSearchParams(location.search);
+      },
+      __esModule: true
+    })),
+    "next/dist/client/app-dir/link": self.__remote_component_host_shared_modules__?.["next/link"] ?? shared?.["next/link"] ?? (() => Promise.resolve({
+      default: ({
+        children,
+        ...props
+      }) => /* @__PURE__ */ jsx("a", { ...props, href: props.href, suppressHydrationWarning: true, children: children ?? null }),
+      __esModule: true
+    })),
+    "next/dist/client/app-dir/form": self.__remote_component_host_shared_modules__?.["next/form"] ?? shared?.["next/form"] ?? (() => Promise.resolve({
+      default: () => {
+        throw new Error("Next.js <Form> component not implemented");
+      },
+      __esModule: true
+    })),
+    "next/dist/client/image-component": self.__remote_component_host_shared_modules__?.["next/image"] ?? shared?.["next/image"] ?? ((bundle) => Promise.resolve({
+      Image: imageImpl(bundle),
+      __esModule: true
+    })),
+    "next/image": self.__remote_component_host_shared_modules__?.["next/image"] ?? shared?.["next/image"] ?? ((bundle) => Promise.resolve({
+      default: imageImpl(bundle),
+      getImageProps: (_imgProps) => {
+        throw new Error(
+          "Next.js getImageProps() is not implemented in remote components"
+        );
+      },
+      __esModule: true
+    })),
+    "next/dist/client/script": self.__remote_component_host_shared_modules__?.["next/script"] ?? shared?.["next/script"] ?? (() => Promise.resolve({
+      // TODO: implement <Script> component for non-Next.js host applications
+      // do not throw an error for now
+      default: () => null,
+      __esModule: true
+    })),
+    "next/router": self.__remote_component_host_shared_modules__?.["next/router"] ?? shared?.["next/router"] ?? (() => (
+      // TODO: incomplete implementation
+      Promise.resolve({
+        useRouter() {
+          return {
+            push: (routerUrl) => {
+              history.pushState({}, "", routerUrl);
+            },
+            replace: (routerUrl) => {
+              history.replaceState({}, "", routerUrl);
+            },
+            back: () => {
+              history.back();
+            }
+          };
+        },
+        __esModule: true
+      })
+    ))
+  };
+  polyfill["next/navigation"] = polyfill["next/dist/client/components/navigation"];
+  polyfill["next/link"] = polyfill["next/dist/client/app-dir/link"];
+  polyfill["next/form"] = polyfill["next/dist/client/app-dir/form"];
+  polyfill["next/dist/api/image"] = polyfill["next/dist/client/image-component"];
+  polyfill["next/script"] = polyfill["next/dist/client/script"];
+  return polyfill;
+}
+export {
+  applyBundleUrlToImagePropsSrc,
+  sharedPolyfills
+};
+//# sourceMappingURL=polyfill.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/client/polyfill.tsx"],"sourcesContent":["import type { LinkProps } from 'next/link';\nimport type { ImageProps, StaticImageData } from 'next/image';\n\nfunction applyBundleUrlToSrc(bundle: string, src: string) {\n  const self = globalThis as typeof globalThis & {\n    __remote_bundle_url__?: Record<string, URL>;\n  };\n\n  if (self.__remote_bundle_url__?.[bundle]?.origin === location.origin) {\n    return src;\n  }\n\n  const { assetPrefix, path } =\n    /^(?<assetPrefix>.*?)\\/_next\\/(?<path>.*)/.exec(src)?.groups ?? {};\n  if (!path) {\n    return new URL(src, self.__remote_bundle_url__?.[bundle]?.origin).href;\n  }\n  return `${\n    self.__remote_bundle_url__?.[bundle]?.origin ?? ''\n  }${assetPrefix}/_next/${path}`;\n}\n\nexport function applyBundleUrlToImagePropsSrc(\n  bundle: string,\n  src: ImageProps['src'],\n) {\n  if (typeof src === 'string') {\n    return applyBundleUrlToSrc(bundle, src);\n  }\n  const propSrc = src as StaticImageData;\n  return applyBundleUrlToSrc(bundle, propSrc.src);\n}\n\nconst imageImpl = (bundle: string) =>\n  function RemoteImage({ priority: _, ...props }: ImageProps) {\n    const newSrc = applyBundleUrlToImagePropsSrc(\n      bundle,\n      typeof props.src === 'string'\n        ? props.src\n        : (props.src as StaticImageData).src,\n    );\n    return (\n      // eslint-disable-next-line @next/next/no-img-element, jsx-a11y/alt-text\n      <img\n        decoding=\"async\"\n        style={{ color: 'transparent' }}\n        {...props}\n        src={newSrc}\n        suppressHydrationWarning\n      />\n    );\n  };\n\n// polyfill Next.js App Router client API (minimal)\n// implementations are minimal and do not cover all use cases\n// developer can override these shared modules from configuration\nexport function sharedPolyfills(\n  shared?: Record<string, () => Promise<unknown>>,\n) {\n  const self = globalThis as typeof globalThis & {\n    __remote_component_host_shared_modules__?: Record<\n      string,\n      () => Promise<unknown>\n    >;\n  };\n  const polyfill = {\n    'next/dist/client/components/navigation':\n      self.__remote_component_host_shared_modules__?.['next/navigation'] ??\n      shared?.['next/navigation'] ??\n      (() =>\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          useSearchParams() {\n            return new URLSearchParams(location.search);\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/link':\n      self.__remote_component_host_shared_modules__?.['next/link'] ??\n      shared?.['next/link'] ??\n      (() =>\n        Promise.resolve({\n          default: ({\n            children,\n            ...props\n          }: React.PropsWithChildren<LinkProps>) => (\n            <a {...props} href={props.href as string} suppressHydrationWarning>\n              {children ?? null}\n            </a>\n          ),\n          __esModule: true,\n        })),\n    'next/dist/client/app-dir/form':\n      self.__remote_component_host_shared_modules__?.['next/form'] ??\n      shared?.['next/form'] ??\n      (() =>\n        Promise.resolve({\n          default: () => {\n            // TODO: implement <Form> component for non-Next.js host applications\n            throw new Error('Next.js <Form> component not implemented');\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/image-component':\n      self.__remote_component_host_shared_modules__?.['next/image'] ??\n      shared?.['next/image'] ??\n      ((bundle: string) =>\n        Promise.resolve({\n          Image: imageImpl(bundle),\n          __esModule: true,\n        })),\n    'next/image':\n      self.__remote_component_host_shared_modules__?.['next/image'] ??\n      shared?.['next/image'] ??\n      ((bundle: string) =>\n        Promise.resolve({\n          default: imageImpl(bundle),\n          getImageProps: (_imgProps: ImageProps) => {\n            throw new Error(\n              'Next.js getImageProps() is not implemented in remote components',\n            );\n          },\n          __esModule: true,\n        })),\n    'next/dist/client/script':\n      self.__remote_component_host_shared_modules__?.['next/script'] ??\n      shared?.['next/script'] ??\n      (() =>\n        Promise.resolve({\n          // TODO: implement <Script> component for non-Next.js host applications\n          // do not throw an error for now\n          default: () => null,\n          __esModule: true,\n        })),\n    'next/router':\n      self.__remote_component_host_shared_modules__?.['next/router'] ??\n      shared?.['next/router'] ??\n      (() =>\n        // TODO: incomplete implementation\n        Promise.resolve({\n          useRouter() {\n            return {\n              push: (routerUrl: string) => {\n                history.pushState({}, '', routerUrl);\n              },\n              replace: (routerUrl: string) => {\n                history.replaceState({}, '', routerUrl);\n              },\n              back: () => {\n                history.back();\n              },\n            };\n          },\n          __esModule: true,\n        })),\n  } as Record<string, () => Promise<unknown>>;\n\n  polyfill['next/navigation'] = polyfill[\n    'next/dist/client/components/navigation'\n  ] as () => Promise<unknown>;\n  polyfill['next/link'] = polyfill[\n    'next/dist/client/app-dir/link'\n  ] as () => Promise<unknown>;\n  polyfill['next/form'] = polyfill[\n    'next/dist/client/app-dir/form'\n  ] as () => Promise<unknown>;\n  polyfill['next/dist/api/image'] = polyfill[\n    'next/dist/client/image-component'\n  ] as () => Promise<unknown>;\n  polyfill['next/script'] = polyfill[\n    'next/dist/client/script'\n  ] as () => Promise<unknown>;\n\n  return polyfill;\n}\n"],"mappings":"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","names":[]}

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

@@ -401,7 +401,7 @@ function initializeSharedModules(bundle, shared = {}, remoteShared = {}) {
     Object.entries(remoteShared).map(async ([id, module2]) => {
       if (self.__remote_shared_modules__?.[bundle]) {
         if (shared[module2]) {
-          self.__remote_shared_modules__[bundle][id.replace("[app-ssr]", "[app-client]")] = await shared[module2]();
+          self.__remote_shared_modules__[bundle][id.replace("[app-ssr]", "[app-client]")] = await shared[module2](bundle);
         } else {
           console.error(`Shared module "${module2}" not found for "${bundle}".`);
         }
@@ -414,7 +414,7 @@ function getSharedModule(bundle, id) {
   for (const [key, value] of Object.entries(
     self.__remote_shared_modules__?.[bundle] ?? {}
   )) {
-    if (typeof id === "string" && id.includes(key) || id === key) {
+    if (typeof value !== "undefined" && (typeof id === "string" && id.includes(key) || id === key)) {
       return value;
     }
   }
@@ -686,7 +686,7 @@ async function loadRemoteComponent({
       await Promise.all(
         Object.entries(resolve).map(async ([key, value]) => {
           if (typeof value === "function") {
-            resolve[key] = await value();
+            resolve[key] = await value(bundle);
           }
           return Promise.resolve(value);
         })