remote-components 0.3.3 → 0.3.4

package/dist/internal/host/shared/shared-module-resolver.cjs

@@ -0,0 +1,117 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var shared_module_resolver_exports = {};
+__export(shared_module_resolver_exports, {
+  CORE_REACT_PATH_MAP: () => CORE_REACT_PATH_MAP,
+  CORE_REACT_SHARED_KEYS: () => CORE_REACT_SHARED_KEYS,
+  VENDOR_SHARED: () => VENDOR_SHARED,
+  buildCoreShared: () => buildCoreShared,
+  buildHostShared: () => buildHostShared,
+  buildWebpackResolve: () => buildWebpackResolve
+});
+module.exports = __toCommonJS(shared_module_resolver_exports);
+var import_polyfill = require("#internal/host/shared/polyfill");
+var import_logger = require("#internal/utils/logger");
+const CORE_REACT_SHARED_KEYS = [
+  "react",
+  "react/jsx-dev-runtime",
+  "react/jsx-runtime",
+  "react-dom",
+  "react-dom/client"
+];
+const CORE_REACT_PATH_MAP = {
+  react: "/react/index.js",
+  "react/jsx-dev-runtime": "/react/jsx-dev-runtime.js",
+  "react/jsx-runtime": "/react/jsx-runtime.js",
+  "react-dom": "/react-dom/index.js",
+  "react-dom/client": "/react-dom/client.js"
+};
+const VENDOR_SHARED = Object.fromEntries(
+  Object.entries(CORE_REACT_PATH_MAP).filter(([key]) => key !== "react-dom/client").map(([key, path]) => [key, `'${path}'`])
+);
+function buildCoreShared(userShared) {
+  return {
+    react: async () => (await import("react")).default,
+    "react-dom": async () => (await import("react-dom")).default,
+    "react/jsx-dev-runtime": async () => (await import("react/jsx-dev-runtime")).default,
+    "react/jsx-runtime": async () => (await import("react/jsx-runtime")).default,
+    "react-dom/client": async () => (await import("react-dom/client")).default,
+    ...userShared
+  };
+}
+function buildHostShared(userShared, resolveClientUrl, options) {
+  const self = globalThis;
+  const result = {
+    ...(0, import_polyfill.sharedPolyfills)(userShared, resolveClientUrl),
+    ...self.__remote_component_host_shared_modules__,
+    ...userShared
+  };
+  if (options?.includeRemoteComponentShared) {
+    Object.assign(result, self.__remote_component_shared__);
+  }
+  return result;
+}
+async function buildWebpackResolve(hostShared, remoteShared, bundle, reactModules, callerTag = "SharedModuleResolver") {
+  const resolve = {
+    ...reactModules,
+    ...Object.entries(remoteShared).reduce(
+      (acc, [key, value]) => {
+        if (typeof hostShared[value] !== "undefined") {
+          acc[key.replace(/^\(ssr\)\/(?<relative>\.\/)?/, "")] = hostShared[value];
+        } else {
+          (0, import_logger.logDebug)(
+            callerTag,
+            `Remote requests "${value}" but host doesn't provide it`
+          );
+        }
+        return acc;
+      },
+      {}
+    )
+  };
+  await Promise.all(
+    Object.entries(resolve).map(async ([key, value]) => {
+      if (typeof value === "function") {
+        resolve[key] = await value(bundle);
+      }
+      return Promise.resolve(value);
+    })
+  );
+  return resolve;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  CORE_REACT_PATH_MAP,
+  CORE_REACT_SHARED_KEYS,
+  VENDOR_SHARED,
+  buildCoreShared,
+  buildHostShared,
+  buildWebpackResolve
+});
+//# sourceMappingURL=shared-module-resolver.cjs.map

package/dist/internal/host/shared/shared-module-resolver.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/shared-module-resolver.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { sharedPolyfills } from '#internal/host/shared/polyfill';\nimport type { LogLocation } from '#internal/utils/logger';\nimport { logDebug } from '#internal/utils/logger';\n\n/**\n * The core React packages that are always shared between host and remote.\n * These correspond to the `/react/*.js` and `/react-dom/*.js` path keys\n * used in the webpack module resolution map.\n */\nexport const CORE_REACT_SHARED_KEYS = [\n  'react',\n  'react/jsx-dev-runtime',\n  'react/jsx-runtime',\n  'react-dom',\n  'react-dom/client',\n] as const;\n\n/**\n * Maps each core React package to its webpack-style path key.\n * For example, `react` maps to `/react/index.js`.\n */\nexport const CORE_REACT_PATH_MAP: Record<string, string> = {\n  react: '/react/index.js',\n  'react/jsx-dev-runtime': '/react/jsx-dev-runtime.js',\n  'react/jsx-runtime': '/react/jsx-runtime.js',\n  'react-dom': '/react-dom/index.js',\n  'react-dom/client': '/react-dom/client.js',\n};\n\n/**\n * The vendorShared record used by the Next.js config to map React packages\n * to their webpack path-key string literals. Derived from CORE_REACT_PATH_MAP\n * but excludes `react-dom/client` to match the existing config behavior.\n */\nexport const VENDOR_SHARED: Record<string, string> = Object.fromEntries(\n  Object.entries(CORE_REACT_PATH_MAP)\n    .filter(([key]) => key !== 'react-dom/client')\n    .map(([key, path]) => [key, `'${path}'`]),\n);\n\ntype SharedModuleFactory = (bundle?: string) => Promise<unknown>;\n\n/**\n * Builds the `coreShared` map for the Turbopack runtime's\n * `initializeSharedModules`. Each entry is an async factory that dynamically\n * imports the corresponding React package. User-provided shared modules\n * override core entries (e.g. to supply a pinned React version).\n */\nexport function buildCoreShared(\n  userShared?: Record<string, SharedModuleFactory>,\n): Record<string, SharedModuleFactory> {\n  return {\n    react: async () => (await import('react')).default,\n    'react-dom': async () => (await import('react-dom')).default,\n    'react/jsx-dev-runtime': async () =>\n      (await import('react/jsx-dev-runtime')).default,\n    'react/jsx-runtime': async () =>\n      (await import('react/jsx-runtime')).default,\n    'react-dom/client': async () => (await import('react-dom/client')).default,\n    ...userShared,\n  };\n}\n\ninterface HostSharedGlobals {\n  __remote_component_host_shared_modules__?: Record<\n    string,\n    SharedModuleFactory\n  >;\n  __remote_component_shared__?: Record<string, SharedModuleFactory>;\n}\n\n/**\n * Builds the merged host shared modules map with a consistent merge priority:\n *   1. Polyfills (lowest priority — fallback implementations)\n *   2. Global host shared modules (`__remote_component_host_shared_modules__`)\n *   3. User-provided shared modules (highest priority — explicit overrides)\n *\n * Some callers also include `__remote_component_shared__` (the pages router\n * global). Pass `includeRemoteComponentShared: true` to include it at the end.\n */\nexport function buildHostShared(\n  userShared?: Record<string, SharedModuleFactory>,\n  resolveClientUrl?: InternalResolveClientUrl,\n  options?: { includeRemoteComponentShared?: boolean },\n): Record<string, SharedModuleFactory> {\n  const self = globalThis as typeof globalThis & HostSharedGlobals;\n  const result: Record<string, SharedModuleFactory> = {\n    ...sharedPolyfills(userShared, resolveClientUrl),\n    ...self.__remote_component_host_shared_modules__,\n    ...userShared,\n  };\n  if (options?.includeRemoteComponentShared) {\n    Object.assign(result, self.__remote_component_shared__);\n  }\n  return result;\n}\n\n/**\n * React module instances keyed by their webpack path, e.g.\n * `{ '/react/index.js': React }`. Passed into `buildWebpackResolve` so it\n * can populate the resolve map without importing React itself.\n */\nexport interface ReactModules {\n  '/react/index.js': unknown;\n  '/react/jsx-dev-runtime.js': unknown;\n  '/react/jsx-runtime.js': unknown;\n  '/react-dom/index.js': unknown;\n  '/react-dom/client.js': unknown;\n}\n\n/**\n * Builds the `resolve` map passed to `applySharedModules` for the webpack\n * runtime. Combines:\n *   - Static React module path keys (`/react/index.js`, etc.)\n *   - Remote shared modules matched against host shared, with `(ssr)/` prefix stripped\n *\n * After building the map, resolves any factory functions by awaiting them\n * with the given bundle name.\n */\nexport async function buildWebpackResolve(\n  hostShared: Record<string, SharedModuleFactory | unknown>,\n  remoteShared: Record<string, string | number>,\n  bundle: string,\n  reactModules: ReactModules,\n  callerTag: LogLocation = 'SharedModuleResolver',\n): Promise<Record<string, unknown>> {\n  const resolve: Record<string, unknown> = {\n    ...reactModules,\n    ...Object.entries(remoteShared).reduce<Record<string, unknown>>(\n      (acc, [key, value]) => {\n        if (typeof hostShared[value] !== 'undefined') {\n          acc[key.replace(/^\\(ssr\\)\\/(?<relative>\\.\\/)?/, '')] =\n            hostShared[value];\n        } else {\n          logDebug(\n            callerTag,\n            `Remote requests \"${value}\" but host doesn't provide it`,\n          );\n        }\n        return acc;\n      },\n      {},\n    ),\n  };\n  await Promise.all(\n    Object.entries(resolve).map(async ([key, value]) => {\n      if (typeof value === 'function') {\n        resolve[key] = await value(bundle);\n      }\n      return Promise.resolve(value);\n    }),\n  );\n  return resolve;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAgC;AAEhC,oBAAyB;AAOlB,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,sBAA8C;AAAA,EACzD,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,oBAAoB;AACtB;AAOO,MAAM,gBAAwC,OAAO;AAAA,EAC1D,OAAO,QAAQ,mBAAmB,EAC/B,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,kBAAkB,EAC5C,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC;AAC5C;AAUO,SAAS,gBACd,YACqC;AACrC,SAAO;AAAA,IACL,OAAO,aAAa,MAAM,OAAO,OAAO,GAAG;AAAA,IAC3C,aAAa,aAAa,MAAM,OAAO,WAAW,GAAG;AAAA,IACrD,yBAAyB,aACtB,MAAM,OAAO,uBAAuB,GAAG;AAAA,IAC1C,qBAAqB,aAClB,MAAM,OAAO,mBAAmB,GAAG;AAAA,IACtC,oBAAoB,aAAa,MAAM,OAAO,kBAAkB,GAAG;AAAA,IACnE,GAAG;AAAA,EACL;AACF;AAmBO,SAAS,gBACd,YACA,kBACA,SACqC;AACrC,QAAM,OAAO;AACb,QAAM,SAA8C;AAAA,IAClD,OAAG,iCAAgB,YAAY,gBAAgB;AAAA,IAC/C,GAAG,KAAK;AAAA,IACR,GAAG;AAAA,EACL;AACA,MAAI,SAAS,8BAA8B;AACzC,WAAO,OAAO,QAAQ,KAAK,2BAA2B;AAAA,EACxD;AACA,SAAO;AACT;AAwBA,eAAsB,oBACpB,YACA,cACA,QACA,cACA,YAAyB,wBACS;AAClC,QAAM,UAAmC;AAAA,IACvC,GAAG;AAAA,IACH,GAAG,OAAO,QAAQ,YAAY,EAAE;AAAA,MAC9B,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AACrB,YAAI,OAAO,WAAW,KAAK,MAAM,aAAa;AAC5C,cAAI,IAAI,QAAQ,gCAAgC,EAAE,CAAC,IACjD,WAAW,KAAK;AAAA,QACpB,OAAO;AACL;AAAA,YACE;AAAA,YACA,oBAAoB;AAAA,UACtB;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AACA,QAAM,QAAQ;AAAA,IACZ,OAAO,QAAQ,OAAO,EAAE,IAAI,OAAO,CAAC,KAAK,KAAK,MAAM;AAClD,UAAI,OAAO,UAAU,YAAY;AAC/B,gBAAQ,GAAG,IAAI,MAAM,MAAM,MAAM;AAAA,MACnC;AACA,aAAO,QAAQ,QAAQ,KAAK;AAAA,IAC9B,CAAC;AAAA,EACH;AACA,SAAO;AACT;","names":[]}

package/dist/internal/host/shared/shared-module-resolver.d.ts

@@ -0,0 +1,64 @@
+import { InternalResolveClientUrl } from '../../runtime/url/resolve-client-url.js';
+import { LogLocation } from '../../utils/logger.js';
+
+/**
+ * The core React packages that are always shared between host and remote.
+ * These correspond to the `/react/*.js` and `/react-dom/*.js` path keys
+ * used in the webpack module resolution map.
+ */
+declare const CORE_REACT_SHARED_KEYS: readonly ["react", "react/jsx-dev-runtime", "react/jsx-runtime", "react-dom", "react-dom/client"];
+/**
+ * Maps each core React package to its webpack-style path key.
+ * For example, `react` maps to `/react/index.js`.
+ */
+declare const CORE_REACT_PATH_MAP: Record<string, string>;
+/**
+ * The vendorShared record used by the Next.js config to map React packages
+ * to their webpack path-key string literals. Derived from CORE_REACT_PATH_MAP
+ * but excludes `react-dom/client` to match the existing config behavior.
+ */
+declare const VENDOR_SHARED: Record<string, string>;
+type SharedModuleFactory = (bundle?: string) => Promise<unknown>;
+/**
+ * Builds the `coreShared` map for the Turbopack runtime's
+ * `initializeSharedModules`. Each entry is an async factory that dynamically
+ * imports the corresponding React package. User-provided shared modules
+ * override core entries (e.g. to supply a pinned React version).
+ */
+declare function buildCoreShared(userShared?: Record<string, SharedModuleFactory>): Record<string, SharedModuleFactory>;
+/**
+ * Builds the merged host shared modules map with a consistent merge priority:
+ *   1. Polyfills (lowest priority — fallback implementations)
+ *   2. Global host shared modules (`__remote_component_host_shared_modules__`)
+ *   3. User-provided shared modules (highest priority — explicit overrides)
+ *
+ * Some callers also include `__remote_component_shared__` (the pages router
+ * global). Pass `includeRemoteComponentShared: true` to include it at the end.
+ */
+declare function buildHostShared(userShared?: Record<string, SharedModuleFactory>, resolveClientUrl?: InternalResolveClientUrl, options?: {
+    includeRemoteComponentShared?: boolean;
+}): Record<string, SharedModuleFactory>;
+/**
+ * React module instances keyed by their webpack path, e.g.
+ * `{ '/react/index.js': React }`. Passed into `buildWebpackResolve` so it
+ * can populate the resolve map without importing React itself.
+ */
+interface ReactModules {
+    '/react/index.js': unknown;
+    '/react/jsx-dev-runtime.js': unknown;
+    '/react/jsx-runtime.js': unknown;
+    '/react-dom/index.js': unknown;
+    '/react-dom/client.js': unknown;
+}
+/**
+ * Builds the `resolve` map passed to `applySharedModules` for the webpack
+ * runtime. Combines:
+ *   - Static React module path keys (`/react/index.js`, etc.)
+ *   - Remote shared modules matched against host shared, with `(ssr)/` prefix stripped
+ *
+ * After building the map, resolves any factory functions by awaiting them
+ * with the given bundle name.
+ */
+declare function buildWebpackResolve(hostShared: Record<string, SharedModuleFactory | unknown>, remoteShared: Record<string, string | number>, bundle: string, reactModules: ReactModules, callerTag?: LogLocation): Promise<Record<string, unknown>>;
+
+export { CORE_REACT_PATH_MAP, CORE_REACT_SHARED_KEYS, ReactModules, VENDOR_SHARED, buildCoreShared, buildHostShared, buildWebpackResolve };

package/dist/internal/host/shared/shared-module-resolver.js

@@ -0,0 +1,78 @@
+import { sharedPolyfills } from "#internal/host/shared/polyfill";
+import { logDebug } from "#internal/utils/logger";
+const CORE_REACT_SHARED_KEYS = [
+  "react",
+  "react/jsx-dev-runtime",
+  "react/jsx-runtime",
+  "react-dom",
+  "react-dom/client"
+];
+const CORE_REACT_PATH_MAP = {
+  react: "/react/index.js",
+  "react/jsx-dev-runtime": "/react/jsx-dev-runtime.js",
+  "react/jsx-runtime": "/react/jsx-runtime.js",
+  "react-dom": "/react-dom/index.js",
+  "react-dom/client": "/react-dom/client.js"
+};
+const VENDOR_SHARED = Object.fromEntries(
+  Object.entries(CORE_REACT_PATH_MAP).filter(([key]) => key !== "react-dom/client").map(([key, path]) => [key, `'${path}'`])
+);
+function buildCoreShared(userShared) {
+  return {
+    react: async () => (await import("react")).default,
+    "react-dom": async () => (await import("react-dom")).default,
+    "react/jsx-dev-runtime": async () => (await import("react/jsx-dev-runtime")).default,
+    "react/jsx-runtime": async () => (await import("react/jsx-runtime")).default,
+    "react-dom/client": async () => (await import("react-dom/client")).default,
+    ...userShared
+  };
+}
+function buildHostShared(userShared, resolveClientUrl, options) {
+  const self = globalThis;
+  const result = {
+    ...sharedPolyfills(userShared, resolveClientUrl),
+    ...self.__remote_component_host_shared_modules__,
+    ...userShared
+  };
+  if (options?.includeRemoteComponentShared) {
+    Object.assign(result, self.__remote_component_shared__);
+  }
+  return result;
+}
+async function buildWebpackResolve(hostShared, remoteShared, bundle, reactModules, callerTag = "SharedModuleResolver") {
+  const resolve = {
+    ...reactModules,
+    ...Object.entries(remoteShared).reduce(
+      (acc, [key, value]) => {
+        if (typeof hostShared[value] !== "undefined") {
+          acc[key.replace(/^\(ssr\)\/(?<relative>\.\/)?/, "")] = hostShared[value];
+        } else {
+          logDebug(
+            callerTag,
+            `Remote requests "${value}" but host doesn't provide it`
+          );
+        }
+        return acc;
+      },
+      {}
+    )
+  };
+  await Promise.all(
+    Object.entries(resolve).map(async ([key, value]) => {
+      if (typeof value === "function") {
+        resolve[key] = await value(bundle);
+      }
+      return Promise.resolve(value);
+    })
+  );
+  return resolve;
+}
+export {
+  CORE_REACT_PATH_MAP,
+  CORE_REACT_SHARED_KEYS,
+  VENDOR_SHARED,
+  buildCoreShared,
+  buildHostShared,
+  buildWebpackResolve
+};
+//# sourceMappingURL=shared-module-resolver.js.map

package/dist/internal/host/shared/shared-module-resolver.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/shared-module-resolver.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { sharedPolyfills } from '#internal/host/shared/polyfill';\nimport type { LogLocation } from '#internal/utils/logger';\nimport { logDebug } from '#internal/utils/logger';\n\n/**\n * The core React packages that are always shared between host and remote.\n * These correspond to the `/react/*.js` and `/react-dom/*.js` path keys\n * used in the webpack module resolution map.\n */\nexport const CORE_REACT_SHARED_KEYS = [\n  'react',\n  'react/jsx-dev-runtime',\n  'react/jsx-runtime',\n  'react-dom',\n  'react-dom/client',\n] as const;\n\n/**\n * Maps each core React package to its webpack-style path key.\n * For example, `react` maps to `/react/index.js`.\n */\nexport const CORE_REACT_PATH_MAP: Record<string, string> = {\n  react: '/react/index.js',\n  'react/jsx-dev-runtime': '/react/jsx-dev-runtime.js',\n  'react/jsx-runtime': '/react/jsx-runtime.js',\n  'react-dom': '/react-dom/index.js',\n  'react-dom/client': '/react-dom/client.js',\n};\n\n/**\n * The vendorShared record used by the Next.js config to map React packages\n * to their webpack path-key string literals. Derived from CORE_REACT_PATH_MAP\n * but excludes `react-dom/client` to match the existing config behavior.\n */\nexport const VENDOR_SHARED: Record<string, string> = Object.fromEntries(\n  Object.entries(CORE_REACT_PATH_MAP)\n    .filter(([key]) => key !== 'react-dom/client')\n    .map(([key, path]) => [key, `'${path}'`]),\n);\n\ntype SharedModuleFactory = (bundle?: string) => Promise<unknown>;\n\n/**\n * Builds the `coreShared` map for the Turbopack runtime's\n * `initializeSharedModules`. Each entry is an async factory that dynamically\n * imports the corresponding React package. User-provided shared modules\n * override core entries (e.g. to supply a pinned React version).\n */\nexport function buildCoreShared(\n  userShared?: Record<string, SharedModuleFactory>,\n): Record<string, SharedModuleFactory> {\n  return {\n    react: async () => (await import('react')).default,\n    'react-dom': async () => (await import('react-dom')).default,\n    'react/jsx-dev-runtime': async () =>\n      (await import('react/jsx-dev-runtime')).default,\n    'react/jsx-runtime': async () =>\n      (await import('react/jsx-runtime')).default,\n    'react-dom/client': async () => (await import('react-dom/client')).default,\n    ...userShared,\n  };\n}\n\ninterface HostSharedGlobals {\n  __remote_component_host_shared_modules__?: Record<\n    string,\n    SharedModuleFactory\n  >;\n  __remote_component_shared__?: Record<string, SharedModuleFactory>;\n}\n\n/**\n * Builds the merged host shared modules map with a consistent merge priority:\n *   1. Polyfills (lowest priority — fallback implementations)\n *   2. Global host shared modules (`__remote_component_host_shared_modules__`)\n *   3. User-provided shared modules (highest priority — explicit overrides)\n *\n * Some callers also include `__remote_component_shared__` (the pages router\n * global). Pass `includeRemoteComponentShared: true` to include it at the end.\n */\nexport function buildHostShared(\n  userShared?: Record<string, SharedModuleFactory>,\n  resolveClientUrl?: InternalResolveClientUrl,\n  options?: { includeRemoteComponentShared?: boolean },\n): Record<string, SharedModuleFactory> {\n  const self = globalThis as typeof globalThis & HostSharedGlobals;\n  const result: Record<string, SharedModuleFactory> = {\n    ...sharedPolyfills(userShared, resolveClientUrl),\n    ...self.__remote_component_host_shared_modules__,\n    ...userShared,\n  };\n  if (options?.includeRemoteComponentShared) {\n    Object.assign(result, self.__remote_component_shared__);\n  }\n  return result;\n}\n\n/**\n * React module instances keyed by their webpack path, e.g.\n * `{ '/react/index.js': React }`. Passed into `buildWebpackResolve` so it\n * can populate the resolve map without importing React itself.\n */\nexport interface ReactModules {\n  '/react/index.js': unknown;\n  '/react/jsx-dev-runtime.js': unknown;\n  '/react/jsx-runtime.js': unknown;\n  '/react-dom/index.js': unknown;\n  '/react-dom/client.js': unknown;\n}\n\n/**\n * Builds the `resolve` map passed to `applySharedModules` for the webpack\n * runtime. Combines:\n *   - Static React module path keys (`/react/index.js`, etc.)\n *   - Remote shared modules matched against host shared, with `(ssr)/` prefix stripped\n *\n * After building the map, resolves any factory functions by awaiting them\n * with the given bundle name.\n */\nexport async function buildWebpackResolve(\n  hostShared: Record<string, SharedModuleFactory | unknown>,\n  remoteShared: Record<string, string | number>,\n  bundle: string,\n  reactModules: ReactModules,\n  callerTag: LogLocation = 'SharedModuleResolver',\n): Promise<Record<string, unknown>> {\n  const resolve: Record<string, unknown> = {\n    ...reactModules,\n    ...Object.entries(remoteShared).reduce<Record<string, unknown>>(\n      (acc, [key, value]) => {\n        if (typeof hostShared[value] !== 'undefined') {\n          acc[key.replace(/^\\(ssr\\)\\/(?<relative>\\.\\/)?/, '')] =\n            hostShared[value];\n        } else {\n          logDebug(\n            callerTag,\n            `Remote requests \"${value}\" but host doesn't provide it`,\n          );\n        }\n        return acc;\n      },\n      {},\n    ),\n  };\n  await Promise.all(\n    Object.entries(resolve).map(async ([key, value]) => {\n      if (typeof value === 'function') {\n        resolve[key] = await value(bundle);\n      }\n      return Promise.resolve(value);\n    }),\n  );\n  return resolve;\n}\n"],"mappings":"AACA,SAAS,uBAAuB;AAEhC,SAAS,gBAAgB;AAOlB,MAAM,yBAAyB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAMO,MAAM,sBAA8C;AAAA,EACzD,OAAO;AAAA,EACP,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,aAAa;AAAA,EACb,oBAAoB;AACtB;AAOO,MAAM,gBAAwC,OAAO;AAAA,EAC1D,OAAO,QAAQ,mBAAmB,EAC/B,OAAO,CAAC,CAAC,GAAG,MAAM,QAAQ,kBAAkB,EAC5C,IAAI,CAAC,CAAC,KAAK,IAAI,MAAM,CAAC,KAAK,IAAI,OAAO,CAAC;AAC5C;AAUO,SAAS,gBACd,YACqC;AACrC,SAAO;AAAA,IACL,OAAO,aAAa,MAAM,OAAO,OAAO,GAAG;AAAA,IAC3C,aAAa,aAAa,MAAM,OAAO,WAAW,GAAG;AAAA,IACrD,yBAAyB,aACtB,MAAM,OAAO,uBAAuB,GAAG;AAAA,IAC1C,qBAAqB,aAClB,MAAM,OAAO,mBAAmB,GAAG;AAAA,IACtC,oBAAoB,aAAa,MAAM,OAAO,kBAAkB,GAAG;AAAA,IACnE,GAAG;AAAA,EACL;AACF;AAmBO,SAAS,gBACd,YACA,kBACA,SACqC;AACrC,QAAM,OAAO;AACb,QAAM,SAA8C;AAAA,IAClD,GAAG,gBAAgB,YAAY,gBAAgB;AAAA,IAC/C,GAAG,KAAK;AAAA,IACR,GAAG;AAAA,EACL;AACA,MAAI,SAAS,8BAA8B;AACzC,WAAO,OAAO,QAAQ,KAAK,2BAA2B;AAAA,EACxD;AACA,SAAO;AACT;AAwBA,eAAsB,oBACpB,YACA,cACA,QACA,cACA,YAAyB,wBACS;AAClC,QAAM,UAAmC;AAAA,IACvC,GAAG;AAAA,IACH,GAAG,OAAO,QAAQ,YAAY,EAAE;AAAA,MAC9B,CAAC,KAAK,CAAC,KAAK,KAAK,MAAM;AACrB,YAAI,OAAO,WAAW,KAAK,MAAM,aAAa;AAC5C,cAAI,IAAI,QAAQ,gCAAgC,EAAE,CAAC,IACjD,WAAW,KAAK;AAAA,QACpB,OAAO;AACL;AAAA,YACE;AAAA,YACA,oBAAoB;AAAA,UACtB;AAAA,QACF;AACA,eAAO;AAAA,MACT;AAAA,MACA,CAAC;AAAA,IACH;AAAA,EACF;AACA,QAAM,QAAQ;AAAA,IACZ,OAAO,QAAQ,OAAO,EAAE,IAAI,OAAO,CAAC,KAAK,KAAK,MAAM;AAClD,UAAI,OAAO,UAAU,YAAY;AAC/B,gBAAQ,GAAG,IAAI,MAAM,MAAM,MAAM;AAAA,MACnC;AACA,aAAO,QAAQ,QAAQ,KAAK;AAAA,IAC9B,CAAC;AAAA,EACH;AACA,SAAO;AACT;","names":[]}

package/dist/internal/remote/nextjs/next-internals.cjs

@@ -0,0 +1,53 @@
+"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 next_internals_exports = {};
+__export(next_internals_exports, {
+  MANIFESTS_SINGLETON: () => MANIFESTS_SINGLETON,
+  SERVER_ACTION_MANIFESTS_SINGLETON: () => SERVER_ACTION_MANIFESTS_SINGLETON,
+  getWorkStore: () => getWorkStore,
+  resolveManifest: () => resolveManifest
+});
+module.exports = __toCommonJS(next_internals_exports);
+var import_work_async_storage = require("next/dist/server/app-render/work-async-storage.external");
+const SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(
+  "next.server.action-manifests"
+);
+const MANIFESTS_SINGLETON = Symbol.for("next.server.manifests");
+function getWorkStore() {
+  return import_work_async_storage.workAsyncStorage.getStore() ?? { page: "/", route: "/" };
+}
+function resolveManifest(route) {
+  const self = globalThis;
+  const manifests = self[MANIFESTS_SINGLETON] ?? self[SERVER_ACTION_MANIFESTS_SINGLETON] ?? {};
+  if ("clientReferenceManifestsPerRoute" in manifests) {
+    return manifests.clientReferenceManifestsPerRoute?.get?.(route);
+  }
+  if ("clientReferenceManifestsPerPage" in manifests) {
+    return manifests.clientReferenceManifestsPerPage?.[route];
+  }
+  return void 0;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MANIFESTS_SINGLETON,
+  SERVER_ACTION_MANIFESTS_SINGLETON,
+  getWorkStore,
+  resolveManifest
+});
+//# sourceMappingURL=next-internals.cjs.map

package/dist/internal/remote/nextjs/next-internals.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/remote/nextjs/next-internals.ts"],"sourcesContent":["/**\n * Isolates Next.js internal symbols, work-store access, and manifest\n * resolution so that `app.tsx` doesn't couple directly to Next.js internals.\n *\n * The version-discriminating `in` checks for\n * `clientReferenceManifestsPerRoute` vs `clientReferenceManifestsPerPage`\n * live here — a single place to update when Next.js changes its internals.\n */\n\nimport { workAsyncStorage } from 'next/dist/server/app-render/work-async-storage.external';\n\ninterface Manifest {\n  clientModules?: Record<\n    string,\n    { id: string; name: string; chunks: string[]; async: boolean }\n  >;\n  moduleLoading: { prefix?: string; crossOrigin?: boolean | null };\n  ssrModuleMapping?: Record<string, unknown>;\n}\n\n/** Internal Next.js symbol to access the server action manifests. */\nexport const SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(\n  'next.server.action-manifests',\n);\n\n/** Internal Next.js symbol to access the manifests (newer versions). */\nexport const MANIFESTS_SINGLETON = Symbol.for('next.server.manifests');\n\n/**\n * Reads the current page and route from the Next.js async work store.\n * Returns `{ page: '/', route: '/' }` when the store is unavailable\n * (e.g. outside of a server component render).\n */\nexport function getWorkStore(): { page: string; route: string } {\n  return workAsyncStorage.getStore() ?? { page: '/', route: '/' };\n}\n\n/**\n * Resolves the client-reference manifest for the given `route` by probing\n * both the newer `clientReferenceManifestsPerRoute` (Map) and the older\n * `clientReferenceManifestsPerPage` (Record) storage shapes.\n */\nexport function resolveManifest(route: string): Manifest | undefined {\n  const self = globalThis as typeof globalThis & {\n    [key: symbol]:\n      | {\n          clientReferenceManifestsPerPage?: Record<string, Manifest>;\n          clientReferenceManifestsPerRoute?: Map<string, Manifest>;\n        }\n      | undefined;\n  };\n\n  const manifests =\n    self[MANIFESTS_SINGLETON] ?? self[SERVER_ACTION_MANIFESTS_SINGLETON] ?? {};\n\n  if ('clientReferenceManifestsPerRoute' in manifests) {\n    return manifests.clientReferenceManifestsPerRoute?.get?.(route);\n  }\n  if ('clientReferenceManifestsPerPage' in manifests) {\n    return manifests.clientReferenceManifestsPerPage?.[route];\n  }\n  return undefined;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASA,gCAAiC;AAY1B,MAAM,oCAAoC,OAAO;AAAA,EACtD;AACF;AAGO,MAAM,sBAAsB,OAAO,IAAI,uBAAuB;AAO9D,SAAS,eAAgD;AAC9D,SAAO,2CAAiB,SAAS,KAAK,EAAE,MAAM,KAAK,OAAO,IAAI;AAChE;AAOO,SAAS,gBAAgB,OAAqC;AACnE,QAAM,OAAO;AASb,QAAM,YACJ,KAAK,mBAAmB,KAAK,KAAK,iCAAiC,KAAK,CAAC;AAE3E,MAAI,sCAAsC,WAAW;AACnD,WAAO,UAAU,kCAAkC,MAAM,KAAK;AAAA,EAChE;AACA,MAAI,qCAAqC,WAAW;AAClD,WAAO,UAAU,kCAAkC,KAAK;AAAA,EAC1D;AACA,SAAO;AACT;","names":[]}

package/dist/internal/remote/nextjs/next-internals.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Isolates Next.js internal symbols, work-store access, and manifest
+ * resolution so that `app.tsx` doesn't couple directly to Next.js internals.
+ *
+ * The version-discriminating `in` checks for
+ * `clientReferenceManifestsPerRoute` vs `clientReferenceManifestsPerPage`
+ * live here — a single place to update when Next.js changes its internals.
+ */
+interface Manifest {
+    clientModules?: Record<string, {
+        id: string;
+        name: string;
+        chunks: string[];
+        async: boolean;
+    }>;
+    moduleLoading: {
+        prefix?: string;
+        crossOrigin?: boolean | null;
+    };
+    ssrModuleMapping?: Record<string, unknown>;
+}
+/** Internal Next.js symbol to access the server action manifests. */
+declare const SERVER_ACTION_MANIFESTS_SINGLETON: unique symbol;
+/** Internal Next.js symbol to access the manifests (newer versions). */
+declare const MANIFESTS_SINGLETON: unique symbol;
+/**
+ * Reads the current page and route from the Next.js async work store.
+ * Returns `{ page: '/', route: '/' }` when the store is unavailable
+ * (e.g. outside of a server component render).
+ */
+declare function getWorkStore(): {
+    page: string;
+    route: string;
+};
+/**
+ * Resolves the client-reference manifest for the given `route` by probing
+ * both the newer `clientReferenceManifestsPerRoute` (Map) and the older
+ * `clientReferenceManifestsPerPage` (Record) storage shapes.
+ */
+declare function resolveManifest(route: string): Manifest | undefined;
+
+export { MANIFESTS_SINGLETON, SERVER_ACTION_MANIFESTS_SINGLETON, getWorkStore, resolveManifest };

package/dist/internal/remote/nextjs/next-internals.js

@@ -0,0 +1,26 @@
+import { workAsyncStorage } from "next/dist/server/app-render/work-async-storage.external";
+const SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(
+  "next.server.action-manifests"
+);
+const MANIFESTS_SINGLETON = Symbol.for("next.server.manifests");
+function getWorkStore() {
+  return workAsyncStorage.getStore() ?? { page: "/", route: "/" };
+}
+function resolveManifest(route) {
+  const self = globalThis;
+  const manifests = self[MANIFESTS_SINGLETON] ?? self[SERVER_ACTION_MANIFESTS_SINGLETON] ?? {};
+  if ("clientReferenceManifestsPerRoute" in manifests) {
+    return manifests.clientReferenceManifestsPerRoute?.get?.(route);
+  }
+  if ("clientReferenceManifestsPerPage" in manifests) {
+    return manifests.clientReferenceManifestsPerPage?.[route];
+  }
+  return void 0;
+}
+export {
+  MANIFESTS_SINGLETON,
+  SERVER_ACTION_MANIFESTS_SINGLETON,
+  getWorkStore,
+  resolveManifest
+};
+//# sourceMappingURL=next-internals.js.map

package/dist/internal/remote/nextjs/next-internals.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/remote/nextjs/next-internals.ts"],"sourcesContent":["/**\n * Isolates Next.js internal symbols, work-store access, and manifest\n * resolution so that `app.tsx` doesn't couple directly to Next.js internals.\n *\n * The version-discriminating `in` checks for\n * `clientReferenceManifestsPerRoute` vs `clientReferenceManifestsPerPage`\n * live here — a single place to update when Next.js changes its internals.\n */\n\nimport { workAsyncStorage } from 'next/dist/server/app-render/work-async-storage.external';\n\ninterface Manifest {\n  clientModules?: Record<\n    string,\n    { id: string; name: string; chunks: string[]; async: boolean }\n  >;\n  moduleLoading: { prefix?: string; crossOrigin?: boolean | null };\n  ssrModuleMapping?: Record<string, unknown>;\n}\n\n/** Internal Next.js symbol to access the server action manifests. */\nexport const SERVER_ACTION_MANIFESTS_SINGLETON = Symbol.for(\n  'next.server.action-manifests',\n);\n\n/** Internal Next.js symbol to access the manifests (newer versions). */\nexport const MANIFESTS_SINGLETON = Symbol.for('next.server.manifests');\n\n/**\n * Reads the current page and route from the Next.js async work store.\n * Returns `{ page: '/', route: '/' }` when the store is unavailable\n * (e.g. outside of a server component render).\n */\nexport function getWorkStore(): { page: string; route: string } {\n  return workAsyncStorage.getStore() ?? { page: '/', route: '/' };\n}\n\n/**\n * Resolves the client-reference manifest for the given `route` by probing\n * both the newer `clientReferenceManifestsPerRoute` (Map) and the older\n * `clientReferenceManifestsPerPage` (Record) storage shapes.\n */\nexport function resolveManifest(route: string): Manifest | undefined {\n  const self = globalThis as typeof globalThis & {\n    [key: symbol]:\n      | {\n          clientReferenceManifestsPerPage?: Record<string, Manifest>;\n          clientReferenceManifestsPerRoute?: Map<string, Manifest>;\n        }\n      | undefined;\n  };\n\n  const manifests =\n    self[MANIFESTS_SINGLETON] ?? self[SERVER_ACTION_MANIFESTS_SINGLETON] ?? {};\n\n  if ('clientReferenceManifestsPerRoute' in manifests) {\n    return manifests.clientReferenceManifestsPerRoute?.get?.(route);\n  }\n  if ('clientReferenceManifestsPerPage' in manifests) {\n    return manifests.clientReferenceManifestsPerPage?.[route];\n  }\n  return undefined;\n}\n"],"mappings":"AASA,SAAS,wBAAwB;AAY1B,MAAM,oCAAoC,OAAO;AAAA,EACtD;AACF;AAGO,MAAM,sBAAsB,OAAO,IAAI,uBAAuB;AAO9D,SAAS,eAAgD;AAC9D,SAAO,iBAAiB,SAAS,KAAK,EAAE,MAAM,KAAK,OAAO,IAAI;AAChE;AAOO,SAAS,gBAAgB,OAAqC;AACnE,QAAM,OAAO;AASb,QAAM,YACJ,KAAK,mBAAmB,KAAK,KAAK,iCAAiC,KAAK,CAAC;AAE3E,MAAI,sCAAsC,WAAW;AACnD,WAAO,UAAU,kCAAkC,MAAM,KAAK;AAAA,EAChE;AACA,MAAI,qCAAqC,WAAW;AAClD,WAAO,UAAU,kCAAkC,KAAK;AAAA,EAC1D;AACA,SAAO;AACT;","names":[]}

package/dist/internal/runtime/html/apply-origin.cjs

@@ -21,21 +21,12 @@ __export(apply_origin_exports, {
   applyOriginToNodes: () => applyOriginToNodes
 });
 module.exports = __toCommonJS(apply_origin_exports);
-const tagNames = [
-  "img",
-  "source",
-  "video",
-  "audio",
-  "track",
-  "iframe",
-  "embed",
-  "script",
-  "link"
-];
+var import_html_spec = require("./html-spec");
+var import_rewrite_srcset = require("./rewrite-srcset");
 function applyOriginToNodes(doc, url, resolveClientUrl) {
   if (url.origin !== location.origin) {
     const nodes = doc.querySelectorAll(
-      tagNames.map(
+      import_html_spec.ORIGIN_REWRITE_TAGS.map(
         (type) => `${type}[src],${type}[srcset],${type}[href],${type}[imagesrcset]`
       ).join(",")
     );
@@ -53,29 +44,17 @@ function applyOriginToNodes(doc, url, resolveClientUrl) {
         );
       }
       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;
-          const resolvedUrl = resolveClientUrl?.(absoluteUrl) ?? absoluteUrl;
-          return descriptor ? `${resolvedUrl} ${descriptor}` : resolvedUrl;
-        }).join(", ");
-        if (srcSet) {
-          node.setAttribute("srcset", srcSet);
+        const raw = node.getAttribute("srcset");
+        if (raw) {
+          const resolve = resolveClientUrl ? (abs) => resolveClientUrl(abs) ?? abs : void 0;
+          node.setAttribute("srcset", (0, import_rewrite_srcset.rewriteSrcset)(raw, url, resolve));
         }
       }
       if (node.hasAttribute("imagesrcset")) {
-        const srcSet = node.getAttribute("imagesrcset")?.split(",").map((entry) => {
-          const [urlPart, descriptor] = entry.trim().split(/\s+/);
-          if (!urlPart)
-            return entry;
-          const absoluteUrl = new URL(urlPart, url).href;
-          const resolvedUrl = resolveClientUrl?.(absoluteUrl) ?? absoluteUrl;
-          return descriptor ? `${resolvedUrl} ${descriptor}` : resolvedUrl;
-        }).join(", ");
-        if (srcSet) {
-          node.setAttribute("imagesrcset", srcSet);
+        const raw = node.getAttribute("imagesrcset");
+        if (raw) {
+          const resolve = resolveClientUrl ? (abs) => resolveClientUrl(abs) ?? abs : void 0;
+          node.setAttribute("imagesrcset", (0, import_rewrite_srcset.rewriteSrcset)(raw, url, resolve));
         }
       }
     });

package/dist/internal/runtime/html/apply-origin.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/html/apply-origin.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\n\nconst tagNames = [\n  'img',\n  'source',\n  'video',\n  'audio',\n  'track',\n  'iframe',\n  'embed',\n  'script',\n  'link',\n];\n\nexport function applyOriginToNodes(\n  doc: Document | HTMLElement,\n  url: URL,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  if (url.origin !== location.origin) {\n    const nodes = doc.querySelectorAll<HTMLImageElement>(\n      tagNames\n        .map(\n          (type) =>\n            `${type}[src],${type}[srcset],${type}[href],${type}[imagesrcset]`,\n        )\n        .join(','),\n    );\n    nodes.forEach((node) => {\n      if (\n        node.hasAttribute('src') &&\n        /^[./]+\\/?/.test(node.getAttribute('src') ?? '')\n      ) {\n        const absoluteSrc = new URL(node.getAttribute('src') ?? '/', url).href;\n        // Script elements are handled by the loaders (script-loader, static-loader)\n        // which apply the callback themselves. Only apply it here for non-script elements.\n        const isScript = node.tagName.toLowerCase() === 'script';\n        node.src = isScript\n          ? absoluteSrc\n          : (resolveClientUrl?.(absoluteSrc) ?? absoluteSrc);\n      }\n      if (\n        node.hasAttribute('href') &&\n        /^[./]+\\/?/.test(node.getAttribute('href') ?? '')\n      ) {\n        const absoluteHref = new URL(node.getAttribute('href') ?? '/', url)\n          .href;\n        node.setAttribute(\n          'href',\n          resolveClientUrl?.(absoluteHref) ?? absoluteHref,\n        );\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            const resolvedUrl = resolveClientUrl?.(absoluteUrl) ?? absoluteUrl;\n            return descriptor ? `${resolvedUrl} ${descriptor}` : resolvedUrl;\n          })\n          .join(', ');\n        if (srcSet) {\n          node.setAttribute('srcset', srcSet);\n        }\n      }\n      if (node.hasAttribute('imagesrcset')) {\n        const srcSet = node\n          .getAttribute('imagesrcset')\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            const resolvedUrl = resolveClientUrl?.(absoluteUrl) ?? absoluteUrl;\n            return descriptor ? `${resolvedUrl} ${descriptor}` : resolvedUrl;\n          })\n          .join(', ');\n        if (srcSet) {\n          node.setAttribute('imagesrcset', srcSet);\n        }\n      }\n    });\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,mBACd,KACA,KACA,kBACA;AACA,MAAI,IAAI,WAAW,SAAS,QAAQ;AAClC,UAAM,QAAQ,IAAI;AAAA,MAChB,SACG;AAAA,QACC,CAAC,SACC,GAAG,aAAa,gBAAgB,cAAc;AAAA,MAClD,EACC,KAAK,GAAG;AAAA,IACb;AACA,UAAM,QAAQ,CAAC,SAAS;AACtB,UACE,KAAK,aAAa,KAAK,KACvB,YAAY,KAAK,KAAK,aAAa,KAAK,KAAK,EAAE,GAC/C;AACA,cAAM,cAAc,IAAI,IAAI,KAAK,aAAa,KAAK,KAAK,KAAK,GAAG,EAAE;AAGlE,cAAM,WAAW,KAAK,QAAQ,YAAY,MAAM;AAChD,aAAK,MAAM,WACP,cACC,mBAAmB,WAAW,KAAK;AAAA,MAC1C;AACA,UACE,KAAK,aAAa,MAAM,KACxB,YAAY,KAAK,KAAK,aAAa,MAAM,KAAK,EAAE,GAChD;AACA,cAAM,eAAe,IAAI,IAAI,KAAK,aAAa,MAAM,KAAK,KAAK,GAAG,EAC/D;AACH,aAAK;AAAA,UACH;AAAA,UACA,mBAAmB,YAAY,KAAK;AAAA,QACtC;AAAA,MACF;AACA,UAAI,KAAK,aAAa,QAAQ,GAAG;AAC/B,cAAM,SAAS,KACZ,aAAa,QAAQ,GACpB,MAAM,GAAG,EACV,IAAI,CAAC,UAAU;AACd,gBAAM,CAAC,SAAS,UAAU,IAAI,MAAM,KAAK,EAAE,MAAM,KAAK;AACtD,cAAI,CAAC;AAAS,mBAAO;AAErB,gBAAM,cAAc,IAAI,IAAI,SAAS,GAAG,EAAE;AAC1C,gBAAM,cAAc,mBAAmB,WAAW,KAAK;AACvD,iBAAO,aAAa,GAAG,eAAe,eAAe;AAAA,QACvD,CAAC,EACA,KAAK,IAAI;AACZ,YAAI,QAAQ;AACV,eAAK,aAAa,UAAU,MAAM;AAAA,QACpC;AAAA,MACF;AACA,UAAI,KAAK,aAAa,aAAa,GAAG;AACpC,cAAM,SAAS,KACZ,aAAa,aAAa,GACzB,MAAM,GAAG,EACV,IAAI,CAAC,UAAU;AACd,gBAAM,CAAC,SAAS,UAAU,IAAI,MAAM,KAAK,EAAE,MAAM,KAAK;AACtD,cAAI,CAAC;AAAS,mBAAO;AAErB,gBAAM,cAAc,IAAI,IAAI,SAAS,GAAG,EAAE;AAC1C,gBAAM,cAAc,mBAAmB,WAAW,KAAK;AACvD,iBAAO,aAAa,GAAG,eAAe,eAAe;AAAA,QACvD,CAAC,EACA,KAAK,IAAI;AACZ,YAAI,QAAQ;AACV,eAAK,aAAa,eAAe,MAAM;AAAA,QACzC;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtime/html/apply-origin.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { ORIGIN_REWRITE_TAGS } from './html-spec';\nimport { rewriteSrcset } from './rewrite-srcset';\n\nexport function applyOriginToNodes(\n  doc: Document | HTMLElement,\n  url: URL,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  if (url.origin !== location.origin) {\n    const nodes = doc.querySelectorAll<HTMLImageElement>(\n      ORIGIN_REWRITE_TAGS.map(\n        (type) =>\n          `${type}[src],${type}[srcset],${type}[href],${type}[imagesrcset]`,\n      ).join(','),\n    );\n    nodes.forEach((node) => {\n      if (\n        node.hasAttribute('src') &&\n        /^[./]+\\/?/.test(node.getAttribute('src') ?? '')\n      ) {\n        const absoluteSrc = new URL(node.getAttribute('src') ?? '/', url).href;\n        // Script elements are handled by the loaders (script-loader, static-loader)\n        // which apply the callback themselves. Only apply it here for non-script elements.\n        const isScript = node.tagName.toLowerCase() === 'script';\n        node.src = isScript\n          ? absoluteSrc\n          : (resolveClientUrl?.(absoluteSrc) ?? absoluteSrc);\n      }\n      if (\n        node.hasAttribute('href') &&\n        /^[./]+\\/?/.test(node.getAttribute('href') ?? '')\n      ) {\n        const absoluteHref = new URL(node.getAttribute('href') ?? '/', url)\n          .href;\n        node.setAttribute(\n          'href',\n          resolveClientUrl?.(absoluteHref) ?? absoluteHref,\n        );\n      }\n      if (node.hasAttribute('srcset')) {\n        const raw = node.getAttribute('srcset');\n        if (raw) {\n          const resolve = resolveClientUrl\n            ? (abs: string) => resolveClientUrl(abs) ?? abs\n            : undefined;\n          node.setAttribute('srcset', rewriteSrcset(raw, url, resolve));\n        }\n      }\n      if (node.hasAttribute('imagesrcset')) {\n        const raw = node.getAttribute('imagesrcset');\n        if (raw) {\n          const resolve = resolveClientUrl\n            ? (abs: string) => resolveClientUrl(abs) ?? abs\n            : undefined;\n          node.setAttribute('imagesrcset', rewriteSrcset(raw, url, resolve));\n        }\n      }\n    });\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAoC;AACpC,4BAA8B;AAEvB,SAAS,mBACd,KACA,KACA,kBACA;AACA,MAAI,IAAI,WAAW,SAAS,QAAQ;AAClC,UAAM,QAAQ,IAAI;AAAA,MAChB,qCAAoB;AAAA,QAClB,CAAC,SACC,GAAG,aAAa,gBAAgB,cAAc;AAAA,MAClD,EAAE,KAAK,GAAG;AAAA,IACZ;AACA,UAAM,QAAQ,CAAC,SAAS;AACtB,UACE,KAAK,aAAa,KAAK,KACvB,YAAY,KAAK,KAAK,aAAa,KAAK,KAAK,EAAE,GAC/C;AACA,cAAM,cAAc,IAAI,IAAI,KAAK,aAAa,KAAK,KAAK,KAAK,GAAG,EAAE;AAGlE,cAAM,WAAW,KAAK,QAAQ,YAAY,MAAM;AAChD,aAAK,MAAM,WACP,cACC,mBAAmB,WAAW,KAAK;AAAA,MAC1C;AACA,UACE,KAAK,aAAa,MAAM,KACxB,YAAY,KAAK,KAAK,aAAa,MAAM,KAAK,EAAE,GAChD;AACA,cAAM,eAAe,IAAI,IAAI,KAAK,aAAa,MAAM,KAAK,KAAK,GAAG,EAC/D;AACH,aAAK;AAAA,UACH;AAAA,UACA,mBAAmB,YAAY,KAAK;AAAA,QACtC;AAAA,MACF;AACA,UAAI,KAAK,aAAa,QAAQ,GAAG;AAC/B,cAAM,MAAM,KAAK,aAAa,QAAQ;AACtC,YAAI,KAAK;AACP,gBAAM,UAAU,mBACZ,CAAC,QAAgB,iBAAiB,GAAG,KAAK,MAC1C;AACJ,eAAK,aAAa,cAAU,qCAAc,KAAK,KAAK,OAAO,CAAC;AAAA,QAC9D;AAAA,MACF;AACA,UAAI,KAAK,aAAa,aAAa,GAAG;AACpC,cAAM,MAAM,KAAK,aAAa,aAAa;AAC3C,YAAI,KAAK;AACP,gBAAM,UAAU,mBACZ,CAAC,QAAgB,iBAAiB,GAAG,KAAK,MAC1C;AACJ,eAAK,aAAa,mBAAe,qCAAc,KAAK,KAAK,OAAO,CAAC;AAAA,QACnE;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/internal/runtime/html/apply-origin.js

@@ -1,18 +1,9 @@
-const tagNames = [
-  "img",
-  "source",
-  "video",
-  "audio",
-  "track",
-  "iframe",
-  "embed",
-  "script",
-  "link"
-];
+import { ORIGIN_REWRITE_TAGS } from "./html-spec";
+import { rewriteSrcset } from "./rewrite-srcset";
 function applyOriginToNodes(doc, url, resolveClientUrl) {
   if (url.origin !== location.origin) {
     const nodes = doc.querySelectorAll(
-      tagNames.map(
+      ORIGIN_REWRITE_TAGS.map(
         (type) => `${type}[src],${type}[srcset],${type}[href],${type}[imagesrcset]`
       ).join(",")
     );
@@ -30,29 +21,17 @@ function applyOriginToNodes(doc, url, resolveClientUrl) {
         );
       }
       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;
-          const resolvedUrl = resolveClientUrl?.(absoluteUrl) ?? absoluteUrl;
-          return descriptor ? `${resolvedUrl} ${descriptor}` : resolvedUrl;
-        }).join(", ");
-        if (srcSet) {
-          node.setAttribute("srcset", srcSet);
+        const raw = node.getAttribute("srcset");
+        if (raw) {
+          const resolve = resolveClientUrl ? (abs) => resolveClientUrl(abs) ?? abs : void 0;
+          node.setAttribute("srcset", rewriteSrcset(raw, url, resolve));
         }
       }
       if (node.hasAttribute("imagesrcset")) {
-        const srcSet = node.getAttribute("imagesrcset")?.split(",").map((entry) => {
-          const [urlPart, descriptor] = entry.trim().split(/\s+/);
-          if (!urlPart)
-            return entry;
-          const absoluteUrl = new URL(urlPart, url).href;
-          const resolvedUrl = resolveClientUrl?.(absoluteUrl) ?? absoluteUrl;
-          return descriptor ? `${resolvedUrl} ${descriptor}` : resolvedUrl;
-        }).join(", ");
-        if (srcSet) {
-          node.setAttribute("imagesrcset", srcSet);
+        const raw = node.getAttribute("imagesrcset");
+        if (raw) {
+          const resolve = resolveClientUrl ? (abs) => resolveClientUrl(abs) ?? abs : void 0;
+          node.setAttribute("imagesrcset", rewriteSrcset(raw, url, resolve));
         }
       }
     });

package/dist/internal/runtime/html/apply-origin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/html/apply-origin.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\n\nconst tagNames = [\n  'img',\n  'source',\n  'video',\n  'audio',\n  'track',\n  'iframe',\n  'embed',\n  'script',\n  'link',\n];\n\nexport function applyOriginToNodes(\n  doc: Document | HTMLElement,\n  url: URL,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  if (url.origin !== location.origin) {\n    const nodes = doc.querySelectorAll<HTMLImageElement>(\n      tagNames\n        .map(\n          (type) =>\n            `${type}[src],${type}[srcset],${type}[href],${type}[imagesrcset]`,\n        )\n        .join(','),\n    );\n    nodes.forEach((node) => {\n      if (\n        node.hasAttribute('src') &&\n        /^[./]+\\/?/.test(node.getAttribute('src') ?? '')\n      ) {\n        const absoluteSrc = new URL(node.getAttribute('src') ?? '/', url).href;\n        // Script elements are handled by the loaders (script-loader, static-loader)\n        // which apply the callback themselves. Only apply it here for non-script elements.\n        const isScript = node.tagName.toLowerCase() === 'script';\n        node.src = isScript\n          ? absoluteSrc\n          : (resolveClientUrl?.(absoluteSrc) ?? absoluteSrc);\n      }\n      if (\n        node.hasAttribute('href') &&\n        /^[./]+\\/?/.test(node.getAttribute('href') ?? '')\n      ) {\n        const absoluteHref = new URL(node.getAttribute('href') ?? '/', url)\n          .href;\n        node.setAttribute(\n          'href',\n          resolveClientUrl?.(absoluteHref) ?? absoluteHref,\n        );\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            const resolvedUrl = resolveClientUrl?.(absoluteUrl) ?? absoluteUrl;\n            return descriptor ? `${resolvedUrl} ${descriptor}` : resolvedUrl;\n          })\n          .join(', ');\n        if (srcSet) {\n          node.setAttribute('srcset', srcSet);\n        }\n      }\n      if (node.hasAttribute('imagesrcset')) {\n        const srcSet = node\n          .getAttribute('imagesrcset')\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            const resolvedUrl = resolveClientUrl?.(absoluteUrl) ?? absoluteUrl;\n            return descriptor ? `${resolvedUrl} ${descriptor}` : resolvedUrl;\n          })\n          .join(', ');\n        if (srcSet) {\n          node.setAttribute('imagesrcset', srcSet);\n        }\n      }\n    });\n  }\n}\n"],"mappings":"AAEA,MAAM,WAAW;AAAA,EACf;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,mBACd,KACA,KACA,kBACA;AACA,MAAI,IAAI,WAAW,SAAS,QAAQ;AAClC,UAAM,QAAQ,IAAI;AAAA,MAChB,SACG;AAAA,QACC,CAAC,SACC,GAAG,aAAa,gBAAgB,cAAc;AAAA,MAClD,EACC,KAAK,GAAG;AAAA,IACb;AACA,UAAM,QAAQ,CAAC,SAAS;AACtB,UACE,KAAK,aAAa,KAAK,KACvB,YAAY,KAAK,KAAK,aAAa,KAAK,KAAK,EAAE,GAC/C;AACA,cAAM,cAAc,IAAI,IAAI,KAAK,aAAa,KAAK,KAAK,KAAK,GAAG,EAAE;AAGlE,cAAM,WAAW,KAAK,QAAQ,YAAY,MAAM;AAChD,aAAK,MAAM,WACP,cACC,mBAAmB,WAAW,KAAK;AAAA,MAC1C;AACA,UACE,KAAK,aAAa,MAAM,KACxB,YAAY,KAAK,KAAK,aAAa,MAAM,KAAK,EAAE,GAChD;AACA,cAAM,eAAe,IAAI,IAAI,KAAK,aAAa,MAAM,KAAK,KAAK,GAAG,EAC/D;AACH,aAAK;AAAA,UACH;AAAA,UACA,mBAAmB,YAAY,KAAK;AAAA,QACtC;AAAA,MACF;AACA,UAAI,KAAK,aAAa,QAAQ,GAAG;AAC/B,cAAM,SAAS,KACZ,aAAa,QAAQ,GACpB,MAAM,GAAG,EACV,IAAI,CAAC,UAAU;AACd,gBAAM,CAAC,SAAS,UAAU,IAAI,MAAM,KAAK,EAAE,MAAM,KAAK;AACtD,cAAI,CAAC;AAAS,mBAAO;AAErB,gBAAM,cAAc,IAAI,IAAI,SAAS,GAAG,EAAE;AAC1C,gBAAM,cAAc,mBAAmB,WAAW,KAAK;AACvD,iBAAO,aAAa,GAAG,eAAe,eAAe;AAAA,QACvD,CAAC,EACA,KAAK,IAAI;AACZ,YAAI,QAAQ;AACV,eAAK,aAAa,UAAU,MAAM;AAAA,QACpC;AAAA,MACF;AACA,UAAI,KAAK,aAAa,aAAa,GAAG;AACpC,cAAM,SAAS,KACZ,aAAa,aAAa,GACzB,MAAM,GAAG,EACV,IAAI,CAAC,UAAU;AACd,gBAAM,CAAC,SAAS,UAAU,IAAI,MAAM,KAAK,EAAE,MAAM,KAAK;AACtD,cAAI,CAAC;AAAS,mBAAO;AAErB,gBAAM,cAAc,IAAI,IAAI,SAAS,GAAG,EAAE;AAC1C,gBAAM,cAAc,mBAAmB,WAAW,KAAK;AACvD,iBAAO,aAAa,GAAG,eAAe,eAAe;AAAA,QACvD,CAAC,EACA,KAAK,IAAI;AACZ,YAAI,QAAQ;AACV,eAAK,aAAa,eAAe,MAAM;AAAA,QACzC;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtime/html/apply-origin.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { ORIGIN_REWRITE_TAGS } from './html-spec';\nimport { rewriteSrcset } from './rewrite-srcset';\n\nexport function applyOriginToNodes(\n  doc: Document | HTMLElement,\n  url: URL,\n  resolveClientUrl?: InternalResolveClientUrl,\n) {\n  if (url.origin !== location.origin) {\n    const nodes = doc.querySelectorAll<HTMLImageElement>(\n      ORIGIN_REWRITE_TAGS.map(\n        (type) =>\n          `${type}[src],${type}[srcset],${type}[href],${type}[imagesrcset]`,\n      ).join(','),\n    );\n    nodes.forEach((node) => {\n      if (\n        node.hasAttribute('src') &&\n        /^[./]+\\/?/.test(node.getAttribute('src') ?? '')\n      ) {\n        const absoluteSrc = new URL(node.getAttribute('src') ?? '/', url).href;\n        // Script elements are handled by the loaders (script-loader, static-loader)\n        // which apply the callback themselves. Only apply it here for non-script elements.\n        const isScript = node.tagName.toLowerCase() === 'script';\n        node.src = isScript\n          ? absoluteSrc\n          : (resolveClientUrl?.(absoluteSrc) ?? absoluteSrc);\n      }\n      if (\n        node.hasAttribute('href') &&\n        /^[./]+\\/?/.test(node.getAttribute('href') ?? '')\n      ) {\n        const absoluteHref = new URL(node.getAttribute('href') ?? '/', url)\n          .href;\n        node.setAttribute(\n          'href',\n          resolveClientUrl?.(absoluteHref) ?? absoluteHref,\n        );\n      }\n      if (node.hasAttribute('srcset')) {\n        const raw = node.getAttribute('srcset');\n        if (raw) {\n          const resolve = resolveClientUrl\n            ? (abs: string) => resolveClientUrl(abs) ?? abs\n            : undefined;\n          node.setAttribute('srcset', rewriteSrcset(raw, url, resolve));\n        }\n      }\n      if (node.hasAttribute('imagesrcset')) {\n        const raw = node.getAttribute('imagesrcset');\n        if (raw) {\n          const resolve = resolveClientUrl\n            ? (abs: string) => resolveClientUrl(abs) ?? abs\n            : undefined;\n          node.setAttribute('imagesrcset', rewriteSrcset(raw, url, resolve));\n        }\n      }\n    });\n  }\n}\n"],"mappings":"AACA,SAAS,2BAA2B;AACpC,SAAS,qBAAqB;AAEvB,SAAS,mBACd,KACA,KACA,kBACA;AACA,MAAI,IAAI,WAAW,SAAS,QAAQ;AAClC,UAAM,QAAQ,IAAI;AAAA,MAChB,oBAAoB;AAAA,QAClB,CAAC,SACC,GAAG,aAAa,gBAAgB,cAAc;AAAA,MAClD,EAAE,KAAK,GAAG;AAAA,IACZ;AACA,UAAM,QAAQ,CAAC,SAAS;AACtB,UACE,KAAK,aAAa,KAAK,KACvB,YAAY,KAAK,KAAK,aAAa,KAAK,KAAK,EAAE,GAC/C;AACA,cAAM,cAAc,IAAI,IAAI,KAAK,aAAa,KAAK,KAAK,KAAK,GAAG,EAAE;AAGlE,cAAM,WAAW,KAAK,QAAQ,YAAY,MAAM;AAChD,aAAK,MAAM,WACP,cACC,mBAAmB,WAAW,KAAK;AAAA,MAC1C;AACA,UACE,KAAK,aAAa,MAAM,KACxB,YAAY,KAAK,KAAK,aAAa,MAAM,KAAK,EAAE,GAChD;AACA,cAAM,eAAe,IAAI,IAAI,KAAK,aAAa,MAAM,KAAK,KAAK,GAAG,EAC/D;AACH,aAAK;AAAA,UACH;AAAA,UACA,mBAAmB,YAAY,KAAK;AAAA,QACtC;AAAA,MACF;AACA,UAAI,KAAK,aAAa,QAAQ,GAAG;AAC/B,cAAM,MAAM,KAAK,aAAa,QAAQ;AACtC,YAAI,KAAK;AACP,gBAAM,UAAU,mBACZ,CAAC,QAAgB,iBAAiB,GAAG,KAAK,MAC1C;AACJ,eAAK,aAAa,UAAU,cAAc,KAAK,KAAK,OAAO,CAAC;AAAA,QAC9D;AAAA,MACF;AACA,UAAI,KAAK,aAAa,aAAa,GAAG;AACpC,cAAM,MAAM,KAAK,aAAa,aAAa;AAC3C,YAAI,KAAK;AACP,gBAAM,UAAU,mBACZ,CAAC,QAAgB,iBAAiB,GAAG,KAAK,MAC1C;AACJ,eAAK,aAAa,eAAe,cAAc,KAAK,KAAK,OAAO,CAAC;AAAA,QACnE;AAAA,MACF;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}