remote-components 0.3.5 → 0.3.7

package/dist/static-loader-UDIXK5MV.cjs

@@ -0,0 +1,11 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkTZT7DLO5cjs = require('./chunk-TZT7DLO5.cjs');
+require('./chunk-Z2SLBFQL.cjs');
+require('./chunk-RUWR74XQ.cjs');
+require('./chunk-KE7QPAQ4.cjs');
+require('./chunk-SHFJ5OQA.cjs');
+
+
+exports.loadStaticRemoteComponent = _chunkTZT7DLO5cjs.loadStaticRemoteComponent;
+//# sourceMappingURL=static-loader-UDIXK5MV.cjs.map

package/dist/static-loader-UDIXK5MV.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/turbopack-5LW6V6IT.js

@@ -0,0 +1,55 @@
+import {
+  initializeSharedModules,
+  setupRemoteScope
+} from "./chunk-QKB74MLO.js";
+import {
+  applySharedModules,
+  nextClientPagesLoader
+} from "./chunk-52BJ7VFA.js";
+import {
+  buildCoreShared,
+  buildHostShared
+} from "./chunk-SJM7AAGU.js";
+import "./chunk-D5GNZB6O.js";
+import "./chunk-S2A4TFLS.js";
+import "./chunk-X6YKUJKH.js";
+import "./chunk-ENYGL5CO.js";
+
+// src/host/html/runtime/turbopack.ts
+async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClientUrl) {
+  const self = globalThis;
+  const hostShared = buildHostShared(shared, resolveClientUrl, {
+    includeRemoteComponentShared: true
+  });
+  await setupRemoteScope("turbopack", [], url, bundle, resolveClientUrl);
+  const {
+    default: { createFromReadableStream }
+  } = await import("react-server-dom-webpack/client.browser");
+  async function preloadScripts(scripts, __) {
+    const scope = await setupRemoteScope(
+      "turbopack",
+      scripts.map((script) => ({
+        src: script.getAttribute("src") || script.getAttribute("data-src") || script.src
+      })),
+      url,
+      bundle,
+      resolveClientUrl
+    );
+    await initializeSharedModules(
+      scope,
+      buildCoreShared(hostShared),
+      remoteShared ?? {}
+    );
+  }
+  return {
+    self,
+    createFromReadableStream,
+    applySharedModules,
+    nextClientPagesLoader,
+    preloadScripts
+  };
+}
+export {
+  turbopackRuntime
+};
+//# sourceMappingURL=turbopack-5LW6V6IT.js.map

package/dist/turbopack-5LW6V6IT.js.map

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

package/dist/turbopack-KRKECGY2.cjs

@@ -0,0 +1,55 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
+
+
+var _chunkRJW3EZJPcjs = require('./chunk-RJW3EZJP.cjs');
+
+
+
+var _chunkT64P7BAGcjs = require('./chunk-T64P7BAG.cjs');
+
+
+
+var _chunkX6W464D6cjs = require('./chunk-X6W464D6.cjs');
+require('./chunk-Z2SLBFQL.cjs');
+require('./chunk-RUWR74XQ.cjs');
+require('./chunk-KE7QPAQ4.cjs');
+require('./chunk-SHFJ5OQA.cjs');
+
+// src/host/html/runtime/turbopack.ts
+async function turbopackRuntime(url, bundle, shared, remoteShared, resolveClientUrl) {
+  const self = globalThis;
+  const hostShared = _chunkX6W464D6cjs.buildHostShared.call(void 0, shared, resolveClientUrl, {
+    includeRemoteComponentShared: true
+  });
+  await _chunkRJW3EZJPcjs.setupRemoteScope.call(void 0, "turbopack", [], url, bundle, resolveClientUrl);
+  const {
+    default: { createFromReadableStream }
+  } = await Promise.resolve().then(() => _interopRequireWildcard(require("react-server-dom-webpack/client.browser")));
+  async function preloadScripts(scripts, __) {
+    const scope = await _chunkRJW3EZJPcjs.setupRemoteScope.call(void 0, 
+      "turbopack",
+      scripts.map((script) => ({
+        src: script.getAttribute("src") || script.getAttribute("data-src") || script.src
+      })),
+      url,
+      bundle,
+      resolveClientUrl
+    );
+    await _chunkRJW3EZJPcjs.initializeSharedModules.call(void 0, 
+      scope,
+      _chunkX6W464D6cjs.buildCoreShared.call(void 0, hostShared),
+      _nullishCoalesce(remoteShared, () => ( {}))
+    );
+  }
+  return {
+    self,
+    createFromReadableStream,
+    applySharedModules: _chunkT64P7BAGcjs.applySharedModules,
+    nextClientPagesLoader: _chunkT64P7BAGcjs.nextClientPagesLoader,
+    preloadScripts
+  };
+}
+
+
+exports.turbopackRuntime = turbopackRuntime;
+//# sourceMappingURL=turbopack-KRKECGY2.cjs.map

package/dist/turbopack-KRKECGY2.cjs.map

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

package/dist/{types-59251814.d.ts → types-8b0edd78.d.ts}

@@ -1,4 +1,5 @@
 import { RemoteComponentMetadata } from './internal/runtime/metadata.js';
+import React__default from 'react';
 import { RemoteScope } from './internal/runtime/turbopack/remote-scope.js';
 
 /**
@@ -30,6 +31,12 @@ interface RemoteComponentsNamespace {
     hostSharedModules: Record<string, () => Promise<unknown>>;
     /** @see `__remote_next_css__` */
     cssCache: Record<string, ChildNode[]>;
+    pageComponentCache?: Record<string, {
+        Component: React__default.ComponentType<Record<string, unknown>> | null;
+        App: React__default.ComponentType<{
+            Component: React__default.ComponentType<Record<string, unknown>>;
+        } & Record<string, unknown>> | null;
+    }>;
     /** @see `__remote_components_shadowroot_*` */
     shadowRoots: Record<string, ShadowRoot | null>;
 }

package/dist/webpack-NPZNXRNL.js

@@ -0,0 +1,92 @@
+import {
+  loadScripts
+} from "./chunk-SZFCBE54.js";
+import {
+  applySharedModules,
+  nextClientPagesLoader
+} from "./chunk-52BJ7VFA.js";
+import {
+  NEXT_BUNDLE_PATH_RE,
+  buildHostShared,
+  buildWebpackResolve
+} from "./chunk-SJM7AAGU.js";
+import "./chunk-D5GNZB6O.js";
+import {
+  RemoteComponentsError
+} from "./chunk-S2A4TFLS.js";
+import "./chunk-X6YKUJKH.js";
+import "./chunk-ENYGL5CO.js";
+
+// src/host/html/runtime/webpack.ts
+async function webpackRuntime(bundle, shared, remoteShared, resolveClientUrl) {
+  const self = globalThis;
+  if (!self.__DISABLE_WEBPACK_EXEC__) {
+    self.__DISABLE_WEBPACK_EXEC__ = {};
+  }
+  self.__DISABLE_WEBPACK_EXEC__[bundle] = true;
+  if (typeof self.__webpack_require__ !== "function" && self.__webpack_require_type__ !== "turbopack") {
+    self.__webpack_require__ = (remoteId) => {
+      const re = /\[(?<bundle>[^\]]+)\] (?<id>.*)/;
+      const match = re.exec(remoteId);
+      const remoteBundle = match?.groups?.bundle;
+      const id = match?.groups?.id;
+      if (!(id && remoteBundle)) {
+        throw new RemoteComponentsError(
+          `Remote Component module "${remoteId}" not found. Did you forget to wrap the Next.js config with \`withRemoteComponentsConfig\` on both host and remote?`
+        );
+      }
+      if (typeof self.__remote_webpack_require__?.[remoteBundle] !== "function") {
+        throw new RemoteComponentsError(
+          `Remote Components are not available in "${remoteBundle}". Did you forget to wrap the Next.js config with \`withRemoteComponentsConfig\` on both host and remote?`
+        );
+      }
+      return self.__remote_webpack_require__[remoteBundle](id);
+    };
+    self.__webpack_chunk_load__ = () => {
+      return Promise.resolve([]);
+    };
+  }
+  const {
+    default: { createFromReadableStream }
+  } = await import("react-server-dom-webpack/client.browser");
+  async function preloadScripts(scripts, url, remoteBundle, _) {
+    const scriptSrcs = scripts.flatMap((script) => {
+      const scriptSrc = script.getAttribute("src") || script.getAttribute("data-src");
+      script.parentElement?.removeChild(script);
+      if (!scriptSrc)
+        return [];
+      return [
+        {
+          src: new URL(scriptSrc.replace(NEXT_BUNDLE_PATH_RE, "/_next/"), url).href
+        }
+      ];
+    });
+    await loadScripts(scriptSrcs, resolveClientUrl);
+    const hostShared = buildHostShared(shared, resolveClientUrl);
+    const resolve = await buildWebpackResolve(
+      hostShared,
+      remoteShared ?? {},
+      remoteBundle,
+      {
+        "/react/index.js": (await import("react")).default,
+        "/react/jsx-dev-runtime.js": (await import("react/jsx-dev-runtime")).default,
+        "/react/jsx-runtime.js": (await import("react/jsx-runtime")).default,
+        "/react-dom/index.js": (await import("react-dom")).default,
+        "/react-dom/client.js": (await import("react-dom/client")).default
+      },
+      "WebpackRuntime"
+    );
+    applySharedModules(remoteBundle, resolve);
+  }
+  return {
+    self,
+    createFromReadableStream,
+    applySharedModules,
+    nextClientPagesLoader,
+    preloadScripts
+  };
+}
+export {
+  webpackRuntime
+};
+//# sourceMappingURL=webpack-NPZNXRNL.js.map

package/dist/webpack-NPZNXRNL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/host/html/runtime/webpack.ts"],"sourcesContent":["import { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  buildHostShared,\n  buildWebpackResolve,\n} from '#internal/host/shared/shared-module-resolver';\nimport { loadScripts } from '#internal/runtime/loaders/script-loader';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/patterns';\nimport type { MountUnmountFunctions, RSCKey } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\n// initializer for the webpack runtime to be able to access modules\n// required to run exposed client components of the remote component\nexport async function webpackRuntime(\n  bundle: string,\n  shared?: Record<string, () => Promise<unknown>>,\n  remoteShared?: Record<string, string | number>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack runtime globals\n    __webpack_require__: (remoteId: string) => unknown;\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string) => unknown) & {\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n    // conditional flag to disable webpack exec\n    __DISABLE_WEBPACK_EXEC__?: Record<string, boolean>;\n    // webpack chunk loading function\n    __webpack_chunk_load__: () => Promise<[]>;\n    __webpack_require_type__: 'webpack' | 'turbopack';\n  } & MountUnmountFunctions &\n    Record<RSCKey, string[]>;\n\n  // disable webpack exec to prevent automatically executing the entry module\n  if (!self.__DISABLE_WEBPACK_EXEC__) {\n    self.__DISABLE_WEBPACK_EXEC__ = {};\n  }\n  self.__DISABLE_WEBPACK_EXEC__[bundle] = true;\n  // add a custom webpack require function to load remote components from multiple bundles / zones\n  if (\n    typeof self.__webpack_require__ !== 'function' &&\n    self.__webpack_require_type__ !== 'turbopack'\n  ) {\n    self.__webpack_require__ = (remoteId: string) => {\n      const re = /\\[(?<bundle>[^\\]]+)\\] (?<id>.*)/;\n      const match = re.exec(remoteId);\n      const remoteBundle = match?.groups?.bundle;\n      const id = match?.groups?.id;\n      if (!(id && remoteBundle)) {\n        throw new RemoteComponentsError(\n          `Remote Component module \"${remoteId}\" not found. Did you forget to wrap the Next.js config with \\`withRemoteComponentsConfig\\` on both host and remote?`,\n        );\n      }\n      if (\n        typeof self.__remote_webpack_require__?.[remoteBundle] !== 'function'\n      ) {\n        throw new RemoteComponentsError(\n          `Remote Components are not available in \"${remoteBundle}\". Did you forget to wrap the Next.js config with \\`withRemoteComponentsConfig\\` on both host and remote?`,\n        );\n      }\n      return self.__remote_webpack_require__[remoteBundle](id);\n    };\n    // not used but required by react-server-dom-webpack\n    self.__webpack_chunk_load__ = () => {\n      return Promise.resolve([]);\n    };\n  }\n  // we can only import react-server-dom-webpack after initializing the __webpack_require__ and __webpack_chunk_load__ functions\n  const {\n    default: { createFromReadableStream },\n  } = await import('react-server-dom-webpack/client.browser');\n\n  async function preloadScripts(\n    scripts: HTMLScriptElement[],\n    url: URL,\n    remoteBundle: string,\n    _: string,\n  ) {\n    // Build absolute src URLs for each script and remove originals from the\n    // parsed doc to prevent re-execution when the doc is later inserted into\n    // the shadow DOM.\n    const scriptSrcs = scripts.flatMap((script) => {\n      const scriptSrc =\n        script.getAttribute('src') || script.getAttribute('data-src');\n      script.parentElement?.removeChild(script);\n      if (!scriptSrc) return [];\n      return [\n        {\n          src: new URL(scriptSrc.replace(NEXT_BUNDLE_PATH_RE, '/_next/'), url)\n            .href,\n        },\n      ];\n    });\n\n    await loadScripts(scriptSrcs, resolveClientUrl);\n\n    const hostShared = buildHostShared(shared, resolveClientUrl);\n    const resolve = await buildWebpackResolve(\n      hostShared,\n      remoteShared ?? {},\n      remoteBundle,\n      {\n        '/react/index.js': (await import('react')).default,\n        '/react/jsx-dev-runtime.js': (await import('react/jsx-dev-runtime'))\n          .default,\n        '/react/jsx-runtime.js': (await import('react/jsx-runtime')).default,\n        '/react-dom/index.js': (await import('react-dom')).default,\n        '/react-dom/client.js': (await import('react-dom/client')).default,\n      },\n      'WebpackRuntime',\n    );\n\n    // apply shared modules to the bundle\n    applySharedModules(remoteBundle, resolve);\n  }\n\n  return {\n    self,\n    createFromReadableStream,\n    applySharedModules,\n    nextClientPagesLoader,\n    preloadScripts,\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAcA,eAAsB,eACpB,QACA,QACA,cACA,kBACA;AAEA,QAAM,OAAO;AAqBb,MAAI,CAAC,KAAK,0BAA0B;AAClC,SAAK,2BAA2B,CAAC;AAAA,EACnC;AACA,OAAK,yBAAyB,MAAM,IAAI;AAExC,MACE,OAAO,KAAK,wBAAwB,cACpC,KAAK,6BAA6B,aAClC;AACA,SAAK,sBAAsB,CAAC,aAAqB;AAC/C,YAAM,KAAK;AACX,YAAM,QAAQ,GAAG,KAAK,QAAQ;AAC9B,YAAM,eAAe,OAAO,QAAQ;AACpC,YAAM,KAAK,OAAO,QAAQ;AAC1B,UAAI,EAAE,MAAM,eAAe;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4B;AAAA,QAC9B;AAAA,MACF;AACA,UACE,OAAO,KAAK,6BAA6B,YAAY,MAAM,YAC3D;AACA,cAAM,IAAI;AAAA,UACR,2CAA2C;AAAA,QAC7C;AAAA,MACF;AACA,aAAO,KAAK,2BAA2B,YAAY,EAAE,EAAE;AAAA,IACzD;AAEA,SAAK,yBAAyB,MAAM;AAClC,aAAO,QAAQ,QAAQ,CAAC,CAAC;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM;AAAA,IACJ,SAAS,EAAE,yBAAyB;AAAA,EACtC,IAAI,MAAM,OAAO,yCAAyC;AAE1D,iBAAe,eACb,SACA,KACA,cACA,GACA;AAIA,UAAM,aAAa,QAAQ,QAAQ,CAAC,WAAW;AAC7C,YAAM,YACJ,OAAO,aAAa,KAAK,KAAK,OAAO,aAAa,UAAU;AAC9D,aAAO,eAAe,YAAY,MAAM;AACxC,UAAI,CAAC;AAAW,eAAO,CAAC;AACxB,aAAO;AAAA,QACL;AAAA,UACE,KAAK,IAAI,IAAI,UAAU,QAAQ,qBAAqB,SAAS,GAAG,GAAG,EAChE;AAAA,QACL;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,YAAY,YAAY,gBAAgB;AAE9C,UAAM,aAAa,gBAAgB,QAAQ,gBAAgB;AAC3D,UAAM,UAAU,MAAM;AAAA,MACpB;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB;AAAA,MACA;AAAA,QACE,oBAAoB,MAAM,OAAO,OAAO,GAAG;AAAA,QAC3C,8BAA8B,MAAM,OAAO,uBAAuB,GAC/D;AAAA,QACH,0BAA0B,MAAM,OAAO,mBAAmB,GAAG;AAAA,QAC7D,wBAAwB,MAAM,OAAO,WAAW,GAAG;AAAA,QACnD,yBAAyB,MAAM,OAAO,kBAAkB,GAAG;AAAA,MAC7D;AAAA,MACA;AAAA,IACF;AAGA,uBAAmB,cAAc,OAAO;AAAA,EAC1C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/webpack-TTZDARNY.cjs

@@ -0,0 +1,92 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkLCXO7BUYcjs = require('./chunk-LCXO7BUY.cjs');
+
+
+
+var _chunkT64P7BAGcjs = require('./chunk-T64P7BAG.cjs');
+
+
+
+
+var _chunkX6W464D6cjs = require('./chunk-X6W464D6.cjs');
+require('./chunk-Z2SLBFQL.cjs');
+
+
+var _chunkRUWR74XQcjs = require('./chunk-RUWR74XQ.cjs');
+require('./chunk-KE7QPAQ4.cjs');
+require('./chunk-SHFJ5OQA.cjs');
+
+// src/host/html/runtime/webpack.ts
+async function webpackRuntime(bundle, shared, remoteShared, resolveClientUrl) {
+  const self = globalThis;
+  if (!self.__DISABLE_WEBPACK_EXEC__) {
+    self.__DISABLE_WEBPACK_EXEC__ = {};
+  }
+  self.__DISABLE_WEBPACK_EXEC__[bundle] = true;
+  if (typeof self.__webpack_require__ !== "function" && self.__webpack_require_type__ !== "turbopack") {
+    self.__webpack_require__ = (remoteId) => {
+      const re = /\[(?<bundle>[^\]]+)\] (?<id>.*)/;
+      const match = re.exec(remoteId);
+      const remoteBundle = _optionalChain([match, 'optionalAccess', _2 => _2.groups, 'optionalAccess', _3 => _3.bundle]);
+      const id = _optionalChain([match, 'optionalAccess', _4 => _4.groups, 'optionalAccess', _5 => _5.id]);
+      if (!(id && remoteBundle)) {
+        throw new (0, _chunkRUWR74XQcjs.RemoteComponentsError)(
+          `Remote Component module "${remoteId}" not found. Did you forget to wrap the Next.js config with \`withRemoteComponentsConfig\` on both host and remote?`
+        );
+      }
+      if (typeof _optionalChain([self, 'access', _6 => _6.__remote_webpack_require__, 'optionalAccess', _7 => _7[remoteBundle]]) !== "function") {
+        throw new (0, _chunkRUWR74XQcjs.RemoteComponentsError)(
+          `Remote Components are not available in "${remoteBundle}". Did you forget to wrap the Next.js config with \`withRemoteComponentsConfig\` on both host and remote?`
+        );
+      }
+      return self.__remote_webpack_require__[remoteBundle](id);
+    };
+    self.__webpack_chunk_load__ = () => {
+      return Promise.resolve([]);
+    };
+  }
+  const {
+    default: { createFromReadableStream }
+  } = await Promise.resolve().then(() => _interopRequireWildcard(require("react-server-dom-webpack/client.browser")));
+  async function preloadScripts(scripts, url, remoteBundle, _) {
+    const scriptSrcs = scripts.flatMap((script) => {
+      const scriptSrc = script.getAttribute("src") || script.getAttribute("data-src");
+      _optionalChain([script, 'access', _8 => _8.parentElement, 'optionalAccess', _9 => _9.removeChild, 'call', _10 => _10(script)]);
+      if (!scriptSrc)
+        return [];
+      return [
+        {
+          src: new URL(scriptSrc.replace(_chunkX6W464D6cjs.NEXT_BUNDLE_PATH_RE, "/_next/"), url).href
+        }
+      ];
+    });
+    await _chunkLCXO7BUYcjs.loadScripts.call(void 0, scriptSrcs, resolveClientUrl);
+    const hostShared = _chunkX6W464D6cjs.buildHostShared.call(void 0, shared, resolveClientUrl);
+    const resolve = await _chunkX6W464D6cjs.buildWebpackResolve.call(void 0, 
+      hostShared,
+      _nullishCoalesce(remoteShared, () => ( {})),
+      remoteBundle,
+      {
+        "/react/index.js": (await Promise.resolve().then(() => _interopRequireWildcard(require("react")))).default,
+        "/react/jsx-dev-runtime.js": (await Promise.resolve().then(() => _interopRequireWildcard(require("react/jsx-dev-runtime")))).default,
+        "/react/jsx-runtime.js": (await Promise.resolve().then(() => _interopRequireWildcard(require("react/jsx-runtime")))).default,
+        "/react-dom/index.js": (await Promise.resolve().then(() => _interopRequireWildcard(require("react-dom")))).default,
+        "/react-dom/client.js": (await Promise.resolve().then(() => _interopRequireWildcard(require("react-dom/client")))).default
+      },
+      "WebpackRuntime"
+    );
+    _chunkT64P7BAGcjs.applySharedModules.call(void 0, remoteBundle, resolve);
+  }
+  return {
+    self,
+    createFromReadableStream,
+    applySharedModules: _chunkT64P7BAGcjs.applySharedModules,
+    nextClientPagesLoader: _chunkT64P7BAGcjs.nextClientPagesLoader,
+    preloadScripts
+  };
+}
+
+
+exports.webpackRuntime = webpackRuntime;
+//# sourceMappingURL=webpack-TTZDARNY.cjs.map

package/dist/webpack-TTZDARNY.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/host/html/runtime/webpack.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAcA,eAAsB,eACpB,QACA,QACA,cACA,kBACA;AAEA,QAAM,OAAO;AAqBb,MAAI,CAAC,KAAK,0BAA0B;AAClC,SAAK,2BAA2B,CAAC;AAAA,EACnC;AACA,OAAK,yBAAyB,MAAM,IAAI;AAExC,MACE,OAAO,KAAK,wBAAwB,cACpC,KAAK,6BAA6B,aAClC;AACA,SAAK,sBAAsB,CAAC,aAAqB;AAC/C,YAAM,KAAK;AACX,YAAM,QAAQ,GAAG,KAAK,QAAQ;AAC9B,YAAM,eAAe,OAAO,QAAQ;AACpC,YAAM,KAAK,OAAO,QAAQ;AAC1B,UAAI,EAAE,MAAM,eAAe;AACzB,cAAM,IAAI;AAAA,UACR,4BAA4B;AAAA,QAC9B;AAAA,MACF;AACA,UACE,OAAO,KAAK,6BAA6B,YAAY,MAAM,YAC3D;AACA,cAAM,IAAI;AAAA,UACR,2CAA2C;AAAA,QAC7C;AAAA,MACF;AACA,aAAO,KAAK,2BAA2B,YAAY,EAAE,EAAE;AAAA,IACzD;AAEA,SAAK,yBAAyB,MAAM;AAClC,aAAO,QAAQ,QAAQ,CAAC,CAAC;AAAA,IAC3B;AAAA,EACF;AAEA,QAAM;AAAA,IACJ,SAAS,EAAE,yBAAyB;AAAA,EACtC,IAAI,MAAM,OAAO,yCAAyC;AAE1D,iBAAe,eACb,SACA,KACA,cACA,GACA;AAIA,UAAM,aAAa,QAAQ,QAAQ,CAAC,WAAW;AAC7C,YAAM,YACJ,OAAO,aAAa,KAAK,KAAK,OAAO,aAAa,UAAU;AAC9D,aAAO,eAAe,YAAY,MAAM;AACxC,UAAI,CAAC;AAAW,eAAO,CAAC;AACxB,aAAO;AAAA,QACL;AAAA,UACE,KAAK,IAAI,IAAI,UAAU,QAAQ,qBAAqB,SAAS,GAAG,GAAG,EAChE;AAAA,QACL;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAM,YAAY,YAAY,gBAAgB;AAE9C,UAAM,aAAa,gBAAgB,QAAQ,gBAAgB;AAC3D,UAAM,UAAU,MAAM;AAAA,MACpB;AAAA,MACA,gBAAgB,CAAC;AAAA,MACjB;AAAA,MACA;AAAA,QACE,oBAAoB,MAAM,OAAO,OAAO,GAAG;AAAA,QAC3C,8BAA8B,MAAM,OAAO,uBAAuB,GAC/D;AAAA,QACH,0BAA0B,MAAM,OAAO,mBAAmB,GAAG;AAAA,QAC7D,wBAAwB,MAAM,OAAO,WAAW,GAAG;AAAA,QACnD,yBAAyB,MAAM,OAAO,kBAAkB,GAAG;AAAA,MAC7D;AAAA,MACA;AAAA,IACF;AAGA,uBAAmB,cAAc,OAAO;AAAA,EAC1C;AAEA,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF","sourcesContent":["import { applySharedModules } from '#internal/config/webpack/apply-shared-modules';\nimport { nextClientPagesLoader } from '#internal/config/webpack/next-client-pages-loader';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport {\n  buildHostShared,\n  buildWebpackResolve,\n} from '#internal/host/shared/shared-module-resolver';\nimport { loadScripts } from '#internal/runtime/loaders/script-loader';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/patterns';\nimport type { MountUnmountFunctions, RSCKey } from '#internal/runtime/types';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\n// initializer for the webpack runtime to be able to access modules\n// required to run exposed client components of the remote component\nexport async function webpackRuntime(\n  bundle: string,\n  shared?: Record<string, () => Promise<unknown>>,\n  remoteShared?: Record<string, string | number>,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack runtime globals\n    __webpack_require__: (remoteId: string) => unknown;\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string) => unknown) & {\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n    // conditional flag to disable webpack exec\n    __DISABLE_WEBPACK_EXEC__?: Record<string, boolean>;\n    // webpack chunk loading function\n    __webpack_chunk_load__: () => Promise<[]>;\n    __webpack_require_type__: 'webpack' | 'turbopack';\n  } & MountUnmountFunctions &\n    Record<RSCKey, string[]>;\n\n  // disable webpack exec to prevent automatically executing the entry module\n  if (!self.__DISABLE_WEBPACK_EXEC__) {\n    self.__DISABLE_WEBPACK_EXEC__ = {};\n  }\n  self.__DISABLE_WEBPACK_EXEC__[bundle] = true;\n  // add a custom webpack require function to load remote components from multiple bundles / zones\n  if (\n    typeof self.__webpack_require__ !== 'function' &&\n    self.__webpack_require_type__ !== 'turbopack'\n  ) {\n    self.__webpack_require__ = (remoteId: string) => {\n      const re = /\\[(?<bundle>[^\\]]+)\\] (?<id>.*)/;\n      const match = re.exec(remoteId);\n      const remoteBundle = match?.groups?.bundle;\n      const id = match?.groups?.id;\n      if (!(id && remoteBundle)) {\n        throw new RemoteComponentsError(\n          `Remote Component module \"${remoteId}\" not found. Did you forget to wrap the Next.js config with \\`withRemoteComponentsConfig\\` on both host and remote?`,\n        );\n      }\n      if (\n        typeof self.__remote_webpack_require__?.[remoteBundle] !== 'function'\n      ) {\n        throw new RemoteComponentsError(\n          `Remote Components are not available in \"${remoteBundle}\". Did you forget to wrap the Next.js config with \\`withRemoteComponentsConfig\\` on both host and remote?`,\n        );\n      }\n      return self.__remote_webpack_require__[remoteBundle](id);\n    };\n    // not used but required by react-server-dom-webpack\n    self.__webpack_chunk_load__ = () => {\n      return Promise.resolve([]);\n    };\n  }\n  // we can only import react-server-dom-webpack after initializing the __webpack_require__ and __webpack_chunk_load__ functions\n  const {\n    default: { createFromReadableStream },\n  } = await import('react-server-dom-webpack/client.browser');\n\n  async function preloadScripts(\n    scripts: HTMLScriptElement[],\n    url: URL,\n    remoteBundle: string,\n    _: string,\n  ) {\n    // Build absolute src URLs for each script and remove originals from the\n    // parsed doc to prevent re-execution when the doc is later inserted into\n    // the shadow DOM.\n    const scriptSrcs = scripts.flatMap((script) => {\n      const scriptSrc =\n        script.getAttribute('src') || script.getAttribute('data-src');\n      script.parentElement?.removeChild(script);\n      if (!scriptSrc) return [];\n      return [\n        {\n          src: new URL(scriptSrc.replace(NEXT_BUNDLE_PATH_RE, '/_next/'), url)\n            .href,\n        },\n      ];\n    });\n\n    await loadScripts(scriptSrcs, resolveClientUrl);\n\n    const hostShared = buildHostShared(shared, resolveClientUrl);\n    const resolve = await buildWebpackResolve(\n      hostShared,\n      remoteShared ?? {},\n      remoteBundle,\n      {\n        '/react/index.js': (await import('react')).default,\n        '/react/jsx-dev-runtime.js': (await import('react/jsx-dev-runtime'))\n          .default,\n        '/react/jsx-runtime.js': (await import('react/jsx-runtime')).default,\n        '/react-dom/index.js': (await import('react-dom')).default,\n        '/react-dom/client.js': (await import('react-dom/client')).default,\n      },\n      'WebpackRuntime',\n    );\n\n    // apply shared modules to the bundle\n    applySharedModules(remoteBundle, resolve);\n  }\n\n  return {\n    self,\n    createFromReadableStream,\n    applySharedModules,\n    nextClientPagesLoader,\n    preloadScripts,\n  };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-components",
-  "version": "0.3.5",
+  "version": "0.3.7",
   "private": false,
   "description": "Compose remote components at runtime between microfrontends applications.",
   "keywords": [
@@ -14,7 +14,14 @@
     "url": "https://github.com/vercel/microfrontends.git",
     "directory": "packages/remote-components"
   },
-  "sideEffects": true,
+  "sideEffects": [
+    "./dist/host/html.js",
+    "./dist/host/html.cjs",
+    "./dist/remote/html.js",
+    "./dist/remote/html.cjs",
+    "./dist/remote/defaults/wrapper.js",
+    "./dist/remote/defaults/wrapper.cjs"
+  ],
   "type": "module",
   "imports": {
     "#internal/*": {