remote-components 0.1.0 → 0.2.0

package/dist/internal/{next/remote/render-client.js → remote/nextjs/app-client.js}

@@ -1,17 +1,17 @@
 "use client";
 import { jsx } from "react/jsx-runtime";
 import { use } from "react";
-import { RemoteComponentsError } from "#internal/shared/client/remote-component";
+import { RemoteComponentsError } from "#internal/utils/error";
 async function tryImportShared() {
   try {
     const self = globalThis;
-    self.TURBOPACK_REMOTE_SHARED = await import("remote-components/shared/remote/app");
+    self.TURBOPACK_REMOTE_SHARED = await import("#remote-components/remote/defaults/app");
     const { shared } = self.TURBOPACK_REMOTE_SHARED;
     return shared;
   } catch {
     return {
       // eslint-disable-next-line camelcase
-      __remote_components_missing_shared__: "Remote Components shared modules not found. Did you forget to wrap your config with `withRemoteComponents` on both host and remote?"
+      __remote_components_missing_shared__: "Remote Components shared modules not found. Did you forget to wrap your config with `withRemoteComponentsConfig` on both host and remote?"
     };
   }
 }
@@ -40,4 +40,4 @@ export {
   RemoteComponentSharedRemote,
   tryImportSharedPromise
 };
-//# sourceMappingURL=render-client.js.map
+//# sourceMappingURL=app-client.js.map

package/dist/internal/remote/nextjs/app-client.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/remote/nextjs/app-client.tsx"],"sourcesContent":["'use client';\n\nimport { use } from 'react';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\n// try to import the shared module from the remote application\n// use an empty object as a fallback if the import fails to avoid breaking the application\nasync function tryImportShared() {\n  try {\n    const self = globalThis as unknown as {\n      TURBOPACK_REMOTE_SHARED: { shared: Record<string, string> };\n    };\n    // this is a marker to find the shared module initializer in the Turbopack bundle\n    // DO NOT REMOVE\n    self.TURBOPACK_REMOTE_SHARED = await import(\n      '#remote-components/remote/defaults/app'\n    );\n    const { shared } = self.TURBOPACK_REMOTE_SHARED;\n    return shared;\n  } catch {\n    return {\n      // eslint-disable-next-line camelcase\n      __remote_components_missing_shared__:\n        'Remote Components shared modules not found. Did you forget to wrap your config with `withRemoteComponentsConfig` on both host and remote?',\n    };\n  }\n}\n\n// create a promise singleton to import the shared module\nexport const tryImportSharedPromise = tryImportShared();\n\nexport function RemoteComponentSharedRemote({ name }: { name: string }) {\n  const shared = use(tryImportSharedPromise);\n\n  if ('__remote_components_missing_shared__' in shared) {\n    throw new RemoteComponentsError(\n      shared.__remote_components_missing_shared__,\n    );\n  }\n\n  return (\n    // render the shared module as a script tag\n    <script\n      data-remote-components-shared=\"\"\n      id={`${name}_shared`}\n      type=\"application/json\"\n    >\n      {JSON.stringify(shared)}\n    </script>\n  );\n}\n"],"mappings":";AA0CI;AAxCJ,SAAS,WAAW;AACpB,SAAS,6BAA6B;AAItC,eAAe,kBAAkB;AAC/B,MAAI;AACF,UAAM,OAAO;AAKb,SAAK,0BAA0B,MAAM,OACnC,wCACF;AACA,UAAM,EAAE,OAAO,IAAI,KAAK;AACxB,WAAO;AAAA,EACT,QAAE;AACA,WAAO;AAAA;AAAA,MAEL,sCACE;AAAA,IACJ;AAAA,EACF;AACF;AAGO,MAAM,yBAAyB,gBAAgB;AAE/C,SAAS,4BAA4B,EAAE,KAAK,GAAqB;AACtE,QAAM,SAAS,IAAI,sBAAsB;AAEzC,MAAI,0CAA0C,QAAQ;AACpD,UAAM,IAAI;AAAA,MACR,OAAO;AAAA,IACT;AAAA,EACF;AAEA;AAAA;AAAA,IAEE;AAAA,MAAC;AAAA;AAAA,QACC,iCAA8B;AAAA,QAC9B,IAAI,GAAG;AAAA,QACP,MAAK;AAAA,QAEJ,eAAK,UAAU,MAAM;AAAA;AAAA,IACxB;AAAA;AAEJ;","names":[]}

package/dist/internal/runtime/constants.cjs

@@ -0,0 +1,50 @@
+"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 constants_exports = {};
+__export(constants_exports, {
+  DEFAULT_ROUTE: () => DEFAULT_ROUTE,
+  NEXT_BUNDLE_PATH_RE: () => NEXT_BUNDLE_PATH_RE,
+  REMOTE_COMPONENT_REGEX: () => REMOTE_COMPONENT_REGEX,
+  RUNTIME_SCRIPT: () => RUNTIME_SCRIPT,
+  RUNTIME_TURBOPACK: () => RUNTIME_TURBOPACK,
+  RUNTIME_WEBPACK: () => RUNTIME_WEBPACK,
+  getBundleKey: () => getBundleKey
+});
+module.exports = __toCommonJS(constants_exports);
+var import_utils = require("#internal/utils");
+const DEFAULT_ROUTE = "/";
+const RUNTIME_WEBPACK = "webpack";
+const RUNTIME_TURBOPACK = "turbopack";
+const RUNTIME_SCRIPT = "script";
+const REMOTE_COMPONENT_REGEX = /(?<prefix>.*?)\[(?<bundle>[^\]]+)\](?:%20| )(?<id>.+)/;
+const NEXT_BUNDLE_PATH_RE = /\/_next\/\[.+\](?:%20| )/;
+function getBundleKey(bundle) {
+  return (0, import_utils.escapeString)(bundle);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  DEFAULT_ROUTE,
+  NEXT_BUNDLE_PATH_RE,
+  REMOTE_COMPONENT_REGEX,
+  RUNTIME_SCRIPT,
+  RUNTIME_TURBOPACK,
+  RUNTIME_WEBPACK,
+  getBundleKey
+});
+//# sourceMappingURL=constants.cjs.map

package/dist/internal/runtime/constants.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/runtime/constants.ts"],"sourcesContent":["import { escapeString } from '#internal/utils';\n\nexport const DEFAULT_ROUTE = '/';\n\nexport const RUNTIME_WEBPACK = 'webpack';\nexport const RUNTIME_TURBOPACK = 'turbopack';\nexport const RUNTIME_SCRIPT = 'script';\n\nexport const REMOTE_COMPONENT_REGEX =\n  /(?<prefix>.*?)\\[(?<bundle>[^\\]]+)\\](?:%20| )(?<id>.+)/;\n\n// Matches Next.js bundle-prefixed paths like /_next/[bundle-name] /static/...\n// Used to strip the bundle identifier before loading scripts via the standard /_next/ path.\nexport const NEXT_BUNDLE_PATH_RE = /\\/_next\\/\\[.+\\](?:%20| )/;\n\nexport function getBundleKey(bundle: string): string {\n  return escapeString(bundle);\n}\n\nexport type Runtime =\n  | typeof RUNTIME_WEBPACK\n  | typeof RUNTIME_TURBOPACK\n  | typeof RUNTIME_SCRIPT;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA6B;AAEtB,MAAM,gBAAgB;AAEtB,MAAM,kBAAkB;AACxB,MAAM,oBAAoB;AAC1B,MAAM,iBAAiB;AAEvB,MAAM,yBACX;AAIK,MAAM,sBAAsB;AAE5B,SAAS,aAAa,QAAwB;AACnD,aAAO,2BAAa,MAAM;AAC5B;","names":[]}

package/dist/internal/runtime/constants.d.ts

@@ -0,0 +1,10 @@
+declare const DEFAULT_ROUTE = "/";
+declare const RUNTIME_WEBPACK = "webpack";
+declare const RUNTIME_TURBOPACK = "turbopack";
+declare const RUNTIME_SCRIPT = "script";
+declare const REMOTE_COMPONENT_REGEX: RegExp;
+declare const NEXT_BUNDLE_PATH_RE: RegExp;
+declare function getBundleKey(bundle: string): string;
+type Runtime = typeof RUNTIME_WEBPACK | typeof RUNTIME_TURBOPACK | typeof RUNTIME_SCRIPT;
+
+export { DEFAULT_ROUTE, NEXT_BUNDLE_PATH_RE, REMOTE_COMPONENT_REGEX, RUNTIME_SCRIPT, RUNTIME_TURBOPACK, RUNTIME_WEBPACK, Runtime, getBundleKey };

package/dist/internal/runtime/constants.js

@@ -0,0 +1,20 @@
+import { escapeString } from "#internal/utils";
+const DEFAULT_ROUTE = "/";
+const RUNTIME_WEBPACK = "webpack";
+const RUNTIME_TURBOPACK = "turbopack";
+const RUNTIME_SCRIPT = "script";
+const REMOTE_COMPONENT_REGEX = /(?<prefix>.*?)\[(?<bundle>[^\]]+)\](?:%20| )(?<id>.+)/;
+const NEXT_BUNDLE_PATH_RE = /\/_next\/\[.+\](?:%20| )/;
+function getBundleKey(bundle) {
+  return escapeString(bundle);
+}
+export {
+  DEFAULT_ROUTE,
+  NEXT_BUNDLE_PATH_RE,
+  REMOTE_COMPONENT_REGEX,
+  RUNTIME_SCRIPT,
+  RUNTIME_TURBOPACK,
+  RUNTIME_WEBPACK,
+  getBundleKey
+};
+//# sourceMappingURL=constants.js.map

package/dist/internal/runtime/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/runtime/constants.ts"],"sourcesContent":["import { escapeString } from '#internal/utils';\n\nexport const DEFAULT_ROUTE = '/';\n\nexport const RUNTIME_WEBPACK = 'webpack';\nexport const RUNTIME_TURBOPACK = 'turbopack';\nexport const RUNTIME_SCRIPT = 'script';\n\nexport const REMOTE_COMPONENT_REGEX =\n  /(?<prefix>.*?)\\[(?<bundle>[^\\]]+)\\](?:%20| )(?<id>.+)/;\n\n// Matches Next.js bundle-prefixed paths like /_next/[bundle-name] /static/...\n// Used to strip the bundle identifier before loading scripts via the standard /_next/ path.\nexport const NEXT_BUNDLE_PATH_RE = /\\/_next\\/\\[.+\\](?:%20| )/;\n\nexport function getBundleKey(bundle: string): string {\n  return escapeString(bundle);\n}\n\nexport type Runtime =\n  | typeof RUNTIME_WEBPACK\n  | typeof RUNTIME_TURBOPACK\n  | typeof RUNTIME_SCRIPT;\n"],"mappings":"AAAA,SAAS,oBAAoB;AAEtB,MAAM,gBAAgB;AAEtB,MAAM,kBAAkB;AACxB,MAAM,oBAAoB;AAC1B,MAAM,iBAAiB;AAEvB,MAAM,yBACX;AAIK,MAAM,sBAAsB;AAE5B,SAAS,aAAa,QAAwB;AACnD,SAAO,aAAa,MAAM;AAC5B;","names":[]}

package/dist/internal/{shared/client → runtime/html}/apply-origin.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/client/apply-origin.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/shared/ssr/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';\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":[]}

package/dist/internal/{shared/client → runtime/html}/apply-origin.d.ts

@@ -1,4 +1,4 @@
-import { InternalResolveClientUrl } from './proxy-through-host.js';
+import { InternalResolveClientUrl } from '../url/resolve-client-url.js';
 
 declare function applyOriginToNodes(doc: Document | HTMLElement, url: URL, resolveClientUrl?: InternalResolveClientUrl): void;
 

package/dist/internal/{shared/client → runtime/html}/apply-origin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/client/apply-origin.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/shared/ssr/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';\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":[]}

package/dist/internal/runtime/html/parse-remote-html.cjs

@@ -0,0 +1,140 @@
+"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 parse_remote_html_exports = {};
+__export(parse_remote_html_exports, {
+  extractComponentMetadata: () => extractComponentMetadata,
+  extractLinks: () => extractLinks,
+  extractRemoteShared: () => extractRemoteShared,
+  extractScripts: () => extractScripts,
+  findComponentElement: () => findComponentElement,
+  parseNextData: () => parseNextData,
+  parseRemoteComponentDocument: () => parseRemoteComponentDocument,
+  resolveComponentName: () => resolveComponentName,
+  validateComponentFound: () => validateComponentFound,
+  validateSingleComponent: () => validateSingleComponent
+});
+module.exports = __toCommonJS(parse_remote_html_exports);
+var import_constants = require("#internal/runtime/constants");
+var import_error = require("#internal/utils/error");
+function validateSingleComponent(doc, name, url) {
+  if (doc.querySelectorAll("div[data-bundle][data-route]").length > 1 && !doc.querySelector(`div[data-bundle][data-route][id^="${name}"]`) || doc.querySelectorAll("remote-component:not([src])").length > 1 && !doc.querySelector(`remote-component[name="${name}"]`)) {
+    throw (0, import_error.multipleRemoteComponentsError)(url);
+  }
+}
+function findComponentElement(doc, name) {
+  return doc.querySelector(`div[data-bundle][data-route][id^="${name}"]`) ?? doc.querySelector("div[data-bundle][data-route]") ?? doc.querySelector("div#__next") ?? doc.querySelector(`remote-component[name="${name}"]:not([src])`) ?? doc.querySelector("remote-component:not([src])");
+}
+function parseNextData(doc) {
+  return JSON.parse(
+    (doc.querySelector("#__NEXT_DATA__") ?? doc.querySelector("#__REMOTE_NEXT_DATA__"))?.textContent ?? "null"
+  );
+}
+function resolveComponentName(component, nextData, fallbackName) {
+  const isRemoteComponent = component?.tagName.toLowerCase() === "remote-component";
+  const name = component?.getAttribute("id")?.replace(/_ssr$/, "") || isRemoteComponent && component?.getAttribute("name") || (nextData ? "__next" : fallbackName);
+  return { name, isRemoteComponent };
+}
+function extractComponentMetadata(component, nextData, name, url) {
+  return {
+    name,
+    bundle: component?.getAttribute("data-bundle") || nextData?.props.__REMOTE_COMPONENT__?.bundle || "default",
+    route: component?.getAttribute("data-route") ?? nextData?.page ?? (url.pathname || import_constants.DEFAULT_ROUTE),
+    runtime: component?.getAttribute("data-runtime") ?? (nextData?.props.__REMOTE_COMPONENT__?.runtime || import_constants.RUNTIME_SCRIPT)
+  };
+}
+function extractRemoteShared(doc, name, nextData) {
+  const remoteSharedEl = doc.querySelector(
+    `#${name}_shared[data-remote-components-shared]`
+  );
+  const remoteShared = nextData?.props.__REMOTE_COMPONENT__?.shared ?? (JSON.parse(remoteSharedEl?.textContent ?? "{}") ?? {});
+  remoteSharedEl?.remove();
+  return remoteShared;
+}
+function validateComponentFound(component, rsc, nextData, isRemoteComponent, url, name) {
+  if (!component || !(rsc || nextData || isRemoteComponent)) {
+    throw new import_error.RemoteComponentsError(
+      `Remote Component not found on ${url}.${name !== "__vercel_remote_component" ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
+    );
+  }
+}
+function extractLinks(doc, component) {
+  return Array.from(doc.querySelectorAll("link[href]")).filter(
+    (link) => !component.contains(link)
+  );
+}
+function extractScripts(doc, component, isRemoteComponent) {
+  return Array.from(
+    (isRemoteComponent ? component : doc).querySelectorAll(
+      "script[src],script[data-src]"
+    )
+  );
+}
+function parseRemoteComponentDocument(doc, name, url) {
+  validateSingleComponent(doc, name, url.href);
+  const component = findComponentElement(doc, name);
+  const nextData = parseNextData(doc);
+  const { name: resolvedName, isRemoteComponent } = resolveComponentName(
+    component,
+    nextData,
+    name
+  );
+  const rsc = doc.querySelector(`#${resolvedName}_rsc`);
+  const metadata = extractComponentMetadata(
+    component,
+    nextData,
+    resolvedName,
+    url
+  );
+  const remoteShared = extractRemoteShared(doc, resolvedName, nextData);
+  validateComponentFound(
+    component,
+    rsc,
+    nextData,
+    isRemoteComponent,
+    url.href,
+    resolvedName
+  );
+  const links = extractLinks(doc, component);
+  const scripts = extractScripts(doc, component, isRemoteComponent);
+  return {
+    component,
+    name: resolvedName,
+    isRemoteComponent,
+    metadata,
+    nextData,
+    rsc,
+    remoteShared,
+    links,
+    scripts
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  extractComponentMetadata,
+  extractLinks,
+  extractRemoteShared,
+  extractScripts,
+  findComponentElement,
+  parseNextData,
+  parseRemoteComponentDocument,
+  resolveComponentName,
+  validateComponentFound,
+  validateSingleComponent
+});
+//# sourceMappingURL=parse-remote-html.cjs.map

package/dist/internal/runtime/html/parse-remote-html.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtime/html/parse-remote-html.ts"],"sourcesContent":["import type { NextData } from '#internal/host/server/types';\nimport { DEFAULT_ROUTE, RUNTIME_SCRIPT } from '#internal/runtime/constants';\nimport type { RemoteComponentMetadata } from '#internal/runtime/metadata';\nimport {\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\n\nexport interface ParsedRemoteComponent {\n  /** The DOM element representing the remote component content. */\n  component: Element;\n  /** Resolved name of the remote component (with _ssr suffix stripped). */\n  name: string;\n  /** Whether the component is a <remote-component> custom element. */\n  isRemoteComponent: boolean;\n  /** Component metadata: bundle, route, runtime. */\n  metadata: {\n    name: string;\n    bundle: string;\n    route: string;\n    runtime: RemoteComponentMetadata['runtime'];\n  };\n  /** Parsed __NEXT_DATA__ or __REMOTE_NEXT_DATA__, or null. */\n  nextData: NextData | null;\n  /** The RSC flight data script element, or null. */\n  rsc: Element | null;\n  /** Shared module map extracted from the component's shared data script. */\n  remoteShared: Record<string, string>;\n  /** Link elements extracted from the document (outside the component). */\n  links: HTMLLinkElement[];\n  /** Script elements extracted from the component or document. */\n  scripts: HTMLScriptElement[];\n}\n\n/**\n * Validates that the document does not contain multiple unnamed remote components.\n * When multiple components exist, the consumer must specify a name to select one.\n */\nexport function validateSingleComponent(\n  doc: Document,\n  name: string,\n  url: string,\n): void {\n  if (\n    (doc.querySelectorAll('div[data-bundle][data-route]').length > 1 &&\n      !doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`)) ||\n    (doc.querySelectorAll('remote-component:not([src])').length > 1 &&\n      !doc.querySelector(`remote-component[name=\"${name}\"]`))\n  ) {\n    throw multipleRemoteComponentsError(url);\n  }\n}\n\n/**\n * Finds the remote component element in the parsed HTML document using the\n * standard querySelector chain. Returns null if no component is found.\n */\nexport function findComponentElement(\n  doc: Document,\n  name: string,\n): Element | null {\n  return (\n    doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`) ??\n    doc.querySelector('div[data-bundle][data-route]') ??\n    doc.querySelector('div#__next') ??\n    doc.querySelector(`remote-component[name=\"${name}\"]:not([src])`) ??\n    doc.querySelector('remote-component:not([src])')\n  );\n}\n\n/**\n * Parses the __NEXT_DATA__ or __REMOTE_NEXT_DATA__ script element from the document.\n */\nexport function parseNextData(doc: Document): NextData | null {\n  return JSON.parse(\n    (\n      doc.querySelector('#__NEXT_DATA__') ??\n      doc.querySelector('#__REMOTE_NEXT_DATA__')\n    )?.textContent ?? 'null',\n  ) as NextData | null;\n}\n\n/**\n * Resolves the component name from the element's id attribute, the name attribute\n * (for <remote-component> elements), nextData, or a fallback value.\n * Strips the _ssr suffix from the id if present.\n */\nexport function resolveComponentName(\n  component: Element | null,\n  nextData: NextData | null,\n  fallbackName: string,\n): { name: string; isRemoteComponent: boolean } {\n  const isRemoteComponent =\n    component?.tagName.toLowerCase() === 'remote-component';\n\n  const name =\n    component?.getAttribute('id')?.replace(/_ssr$/, '') ||\n    (isRemoteComponent && component?.getAttribute('name')) ||\n    (nextData ? '__next' : fallbackName);\n\n  return { name, isRemoteComponent };\n}\n\n/**\n * Extracts component metadata (bundle, route, runtime) from the component element\n * and Next.js data.\n */\nexport function extractComponentMetadata(\n  component: Element | null,\n  nextData: NextData | null,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent['metadata'] {\n  return {\n    name,\n    bundle:\n      component?.getAttribute('data-bundle') ||\n      nextData?.props.__REMOTE_COMPONENT__?.bundle ||\n      'default',\n    route:\n      component?.getAttribute('data-route') ??\n      nextData?.page ??\n      (url.pathname || DEFAULT_ROUTE),\n    runtime: (component?.getAttribute('data-runtime') ??\n      (nextData?.props.__REMOTE_COMPONENT__?.runtime ||\n        RUNTIME_SCRIPT)) as RemoteComponentMetadata['runtime'],\n  };\n}\n\n/**\n * Extracts the shared module map from the document and removes the element.\n * Falls back to nextData's shared modules if available.\n */\nexport function extractRemoteShared(\n  doc: Document,\n  name: string,\n  nextData: NextData | null,\n): Record<string, string> {\n  const remoteSharedEl = doc.querySelector(\n    `#${name}_shared[data-remote-components-shared]`,\n  );\n  const remoteShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ??\n    ((JSON.parse(remoteSharedEl?.textContent ?? '{}') ?? {}) as Record<\n      string,\n      string\n    >);\n  remoteSharedEl?.remove();\n  return remoteShared;\n}\n\n/**\n * Validates that a remote component was found in the document and that it has\n * RSC data, Next.js data, or is a <remote-component> element.\n * Acts as a type assertion - narrows component to non-null on success.\n */\nexport function validateComponentFound(\n  component: Element | null,\n  rsc: Element | null,\n  nextData: NextData | null,\n  isRemoteComponent: boolean,\n  url: string,\n  name: string,\n): asserts component is Element {\n  if (!component || !(rsc || nextData || isRemoteComponent)) {\n    throw new RemoteComponentsError(\n      `Remote Component not found on ${url}.${\n        name !== '__vercel_remote_component'\n          ? ` The name for the <RemoteComponent> is \"${name}\". Check <RemoteComponent> usage.`\n          : ''\n      } Did you forget to wrap the content in <RemoteComponent>?`,\n    );\n  }\n}\n\n/**\n * Extracts link elements from the document that are not inside the component.\n */\nexport function extractLinks(\n  doc: Document,\n  component: Element,\n): HTMLLinkElement[] {\n  return Array.from(doc.querySelectorAll<HTMLLinkElement>('link[href]')).filter(\n    (link) => !component.contains(link),\n  );\n}\n\n/**\n * Extracts script elements from the component or document, depending on whether\n * the component is a <remote-component> custom element.\n */\nexport function extractScripts(\n  doc: Document,\n  component: Element,\n  isRemoteComponent: boolean,\n): HTMLScriptElement[] {\n  return Array.from(\n    (isRemoteComponent ? component : doc).querySelectorAll<HTMLScriptElement>(\n      'script[src],script[data-src]',\n    ),\n  );\n}\n\n/**\n * Parses a remote component HTML document and extracts all data needed for\n * loading and hydrating the component. This is the main orchestrator that\n * calls the individual extraction functions.\n */\nexport function parseRemoteComponentDocument(\n  doc: Document,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent {\n  validateSingleComponent(doc, name, url.href);\n\n  const component = findComponentElement(doc, name);\n  const nextData = parseNextData(doc);\n\n  const { name: resolvedName, isRemoteComponent } = resolveComponentName(\n    component,\n    nextData,\n    name,\n  );\n\n  const rsc = doc.querySelector(`#${resolvedName}_rsc`);\n  const metadata = extractComponentMetadata(\n    component,\n    nextData,\n    resolvedName,\n    url,\n  );\n  const remoteShared = extractRemoteShared(doc, resolvedName, nextData);\n\n  validateComponentFound(\n    component,\n    rsc,\n    nextData,\n    isRemoteComponent,\n    url.href,\n    resolvedName,\n  );\n\n  const links = extractLinks(doc, component);\n  const scripts = extractScripts(doc, component, isRemoteComponent);\n\n  return {\n    component,\n    name: resolvedName,\n    isRemoteComponent,\n    metadata,\n    nextData,\n    rsc,\n    remoteShared,\n    links,\n    scripts,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/internal/runtime/html/parse-remote-html.d.ts

@@ -0,0 +1,88 @@
+import { NextData } from '../../host/server/types.js';
+import { RemoteComponentMetadata } from '../metadata.js';
+import '../../host/nextjs/dom-flight.js';
+import 'parse5/dist/tree-adapters/default';
+import '../../host/shared/asset-descriptors.js';
+import '../url/resolve-client-url.js';
+
+interface ParsedRemoteComponent {
+    /** The DOM element representing the remote component content. */
+    component: Element;
+    /** Resolved name of the remote component (with _ssr suffix stripped). */
+    name: string;
+    /** Whether the component is a <remote-component> custom element. */
+    isRemoteComponent: boolean;
+    /** Component metadata: bundle, route, runtime. */
+    metadata: {
+        name: string;
+        bundle: string;
+        route: string;
+        runtime: RemoteComponentMetadata['runtime'];
+    };
+    /** Parsed __NEXT_DATA__ or __REMOTE_NEXT_DATA__, or null. */
+    nextData: NextData | null;
+    /** The RSC flight data script element, or null. */
+    rsc: Element | null;
+    /** Shared module map extracted from the component's shared data script. */
+    remoteShared: Record<string, string>;
+    /** Link elements extracted from the document (outside the component). */
+    links: HTMLLinkElement[];
+    /** Script elements extracted from the component or document. */
+    scripts: HTMLScriptElement[];
+}
+/**
+ * Validates that the document does not contain multiple unnamed remote components.
+ * When multiple components exist, the consumer must specify a name to select one.
+ */
+declare function validateSingleComponent(doc: Document, name: string, url: string): void;
+/**
+ * Finds the remote component element in the parsed HTML document using the
+ * standard querySelector chain. Returns null if no component is found.
+ */
+declare function findComponentElement(doc: Document, name: string): Element | null;
+/**
+ * Parses the __NEXT_DATA__ or __REMOTE_NEXT_DATA__ script element from the document.
+ */
+declare function parseNextData(doc: Document): NextData | null;
+/**
+ * Resolves the component name from the element's id attribute, the name attribute
+ * (for <remote-component> elements), nextData, or a fallback value.
+ * Strips the _ssr suffix from the id if present.
+ */
+declare function resolveComponentName(component: Element | null, nextData: NextData | null, fallbackName: string): {
+    name: string;
+    isRemoteComponent: boolean;
+};
+/**
+ * Extracts component metadata (bundle, route, runtime) from the component element
+ * and Next.js data.
+ */
+declare function extractComponentMetadata(component: Element | null, nextData: NextData | null, name: string, url: URL): ParsedRemoteComponent['metadata'];
+/**
+ * Extracts the shared module map from the document and removes the element.
+ * Falls back to nextData's shared modules if available.
+ */
+declare function extractRemoteShared(doc: Document, name: string, nextData: NextData | null): Record<string, string>;
+/**
+ * Validates that a remote component was found in the document and that it has
+ * RSC data, Next.js data, or is a <remote-component> element.
+ * Acts as a type assertion - narrows component to non-null on success.
+ */
+declare function validateComponentFound(component: Element | null, rsc: Element | null, nextData: NextData | null, isRemoteComponent: boolean, url: string, name: string): asserts component is Element;
+/**
+ * Extracts link elements from the document that are not inside the component.
+ */
+declare function extractLinks(doc: Document, component: Element): HTMLLinkElement[];
+/**
+ * Extracts script elements from the component or document, depending on whether
+ * the component is a <remote-component> custom element.
+ */
+declare function extractScripts(doc: Document, component: Element, isRemoteComponent: boolean): HTMLScriptElement[];
+/**
+ * Parses a remote component HTML document and extracts all data needed for
+ * loading and hydrating the component. This is the main orchestrator that
+ * calls the individual extraction functions.
+ */
+declare function parseRemoteComponentDocument(doc: Document, name: string, url: URL): ParsedRemoteComponent;
+
+export { ParsedRemoteComponent, extractComponentMetadata, extractLinks, extractRemoteShared, extractScripts, findComponentElement, parseNextData, parseRemoteComponentDocument, resolveComponentName, validateComponentFound, validateSingleComponent };

package/dist/internal/runtime/html/parse-remote-html.js

@@ -0,0 +1,110 @@
+import { DEFAULT_ROUTE, RUNTIME_SCRIPT } from "#internal/runtime/constants";
+import {
+  multipleRemoteComponentsError,
+  RemoteComponentsError
+} from "#internal/utils/error";
+function validateSingleComponent(doc, name, url) {
+  if (doc.querySelectorAll("div[data-bundle][data-route]").length > 1 && !doc.querySelector(`div[data-bundle][data-route][id^="${name}"]`) || doc.querySelectorAll("remote-component:not([src])").length > 1 && !doc.querySelector(`remote-component[name="${name}"]`)) {
+    throw multipleRemoteComponentsError(url);
+  }
+}
+function findComponentElement(doc, name) {
+  return doc.querySelector(`div[data-bundle][data-route][id^="${name}"]`) ?? doc.querySelector("div[data-bundle][data-route]") ?? doc.querySelector("div#__next") ?? doc.querySelector(`remote-component[name="${name}"]:not([src])`) ?? doc.querySelector("remote-component:not([src])");
+}
+function parseNextData(doc) {
+  return JSON.parse(
+    (doc.querySelector("#__NEXT_DATA__") ?? doc.querySelector("#__REMOTE_NEXT_DATA__"))?.textContent ?? "null"
+  );
+}
+function resolveComponentName(component, nextData, fallbackName) {
+  const isRemoteComponent = component?.tagName.toLowerCase() === "remote-component";
+  const name = component?.getAttribute("id")?.replace(/_ssr$/, "") || isRemoteComponent && component?.getAttribute("name") || (nextData ? "__next" : fallbackName);
+  return { name, isRemoteComponent };
+}
+function extractComponentMetadata(component, nextData, name, url) {
+  return {
+    name,
+    bundle: component?.getAttribute("data-bundle") || nextData?.props.__REMOTE_COMPONENT__?.bundle || "default",
+    route: component?.getAttribute("data-route") ?? nextData?.page ?? (url.pathname || DEFAULT_ROUTE),
+    runtime: component?.getAttribute("data-runtime") ?? (nextData?.props.__REMOTE_COMPONENT__?.runtime || RUNTIME_SCRIPT)
+  };
+}
+function extractRemoteShared(doc, name, nextData) {
+  const remoteSharedEl = doc.querySelector(
+    `#${name}_shared[data-remote-components-shared]`
+  );
+  const remoteShared = nextData?.props.__REMOTE_COMPONENT__?.shared ?? (JSON.parse(remoteSharedEl?.textContent ?? "{}") ?? {});
+  remoteSharedEl?.remove();
+  return remoteShared;
+}
+function validateComponentFound(component, rsc, nextData, isRemoteComponent, url, name) {
+  if (!component || !(rsc || nextData || isRemoteComponent)) {
+    throw new RemoteComponentsError(
+      `Remote Component not found on ${url}.${name !== "__vercel_remote_component" ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
+    );
+  }
+}
+function extractLinks(doc, component) {
+  return Array.from(doc.querySelectorAll("link[href]")).filter(
+    (link) => !component.contains(link)
+  );
+}
+function extractScripts(doc, component, isRemoteComponent) {
+  return Array.from(
+    (isRemoteComponent ? component : doc).querySelectorAll(
+      "script[src],script[data-src]"
+    )
+  );
+}
+function parseRemoteComponentDocument(doc, name, url) {
+  validateSingleComponent(doc, name, url.href);
+  const component = findComponentElement(doc, name);
+  const nextData = parseNextData(doc);
+  const { name: resolvedName, isRemoteComponent } = resolveComponentName(
+    component,
+    nextData,
+    name
+  );
+  const rsc = doc.querySelector(`#${resolvedName}_rsc`);
+  const metadata = extractComponentMetadata(
+    component,
+    nextData,
+    resolvedName,
+    url
+  );
+  const remoteShared = extractRemoteShared(doc, resolvedName, nextData);
+  validateComponentFound(
+    component,
+    rsc,
+    nextData,
+    isRemoteComponent,
+    url.href,
+    resolvedName
+  );
+  const links = extractLinks(doc, component);
+  const scripts = extractScripts(doc, component, isRemoteComponent);
+  return {
+    component,
+    name: resolvedName,
+    isRemoteComponent,
+    metadata,
+    nextData,
+    rsc,
+    remoteShared,
+    links,
+    scripts
+  };
+}
+export {
+  extractComponentMetadata,
+  extractLinks,
+  extractRemoteShared,
+  extractScripts,
+  findComponentElement,
+  parseNextData,
+  parseRemoteComponentDocument,
+  resolveComponentName,
+  validateComponentFound,
+  validateSingleComponent
+};
+//# sourceMappingURL=parse-remote-html.js.map

package/dist/internal/runtime/html/parse-remote-html.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtime/html/parse-remote-html.ts"],"sourcesContent":["import type { NextData } from '#internal/host/server/types';\nimport { DEFAULT_ROUTE, RUNTIME_SCRIPT } from '#internal/runtime/constants';\nimport type { RemoteComponentMetadata } from '#internal/runtime/metadata';\nimport {\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\n\nexport interface ParsedRemoteComponent {\n  /** The DOM element representing the remote component content. */\n  component: Element;\n  /** Resolved name of the remote component (with _ssr suffix stripped). */\n  name: string;\n  /** Whether the component is a <remote-component> custom element. */\n  isRemoteComponent: boolean;\n  /** Component metadata: bundle, route, runtime. */\n  metadata: {\n    name: string;\n    bundle: string;\n    route: string;\n    runtime: RemoteComponentMetadata['runtime'];\n  };\n  /** Parsed __NEXT_DATA__ or __REMOTE_NEXT_DATA__, or null. */\n  nextData: NextData | null;\n  /** The RSC flight data script element, or null. */\n  rsc: Element | null;\n  /** Shared module map extracted from the component's shared data script. */\n  remoteShared: Record<string, string>;\n  /** Link elements extracted from the document (outside the component). */\n  links: HTMLLinkElement[];\n  /** Script elements extracted from the component or document. */\n  scripts: HTMLScriptElement[];\n}\n\n/**\n * Validates that the document does not contain multiple unnamed remote components.\n * When multiple components exist, the consumer must specify a name to select one.\n */\nexport function validateSingleComponent(\n  doc: Document,\n  name: string,\n  url: string,\n): void {\n  if (\n    (doc.querySelectorAll('div[data-bundle][data-route]').length > 1 &&\n      !doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`)) ||\n    (doc.querySelectorAll('remote-component:not([src])').length > 1 &&\n      !doc.querySelector(`remote-component[name=\"${name}\"]`))\n  ) {\n    throw multipleRemoteComponentsError(url);\n  }\n}\n\n/**\n * Finds the remote component element in the parsed HTML document using the\n * standard querySelector chain. Returns null if no component is found.\n */\nexport function findComponentElement(\n  doc: Document,\n  name: string,\n): Element | null {\n  return (\n    doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`) ??\n    doc.querySelector('div[data-bundle][data-route]') ??\n    doc.querySelector('div#__next') ??\n    doc.querySelector(`remote-component[name=\"${name}\"]:not([src])`) ??\n    doc.querySelector('remote-component:not([src])')\n  );\n}\n\n/**\n * Parses the __NEXT_DATA__ or __REMOTE_NEXT_DATA__ script element from the document.\n */\nexport function parseNextData(doc: Document): NextData | null {\n  return JSON.parse(\n    (\n      doc.querySelector('#__NEXT_DATA__') ??\n      doc.querySelector('#__REMOTE_NEXT_DATA__')\n    )?.textContent ?? 'null',\n  ) as NextData | null;\n}\n\n/**\n * Resolves the component name from the element's id attribute, the name attribute\n * (for <remote-component> elements), nextData, or a fallback value.\n * Strips the _ssr suffix from the id if present.\n */\nexport function resolveComponentName(\n  component: Element | null,\n  nextData: NextData | null,\n  fallbackName: string,\n): { name: string; isRemoteComponent: boolean } {\n  const isRemoteComponent =\n    component?.tagName.toLowerCase() === 'remote-component';\n\n  const name =\n    component?.getAttribute('id')?.replace(/_ssr$/, '') ||\n    (isRemoteComponent && component?.getAttribute('name')) ||\n    (nextData ? '__next' : fallbackName);\n\n  return { name, isRemoteComponent };\n}\n\n/**\n * Extracts component metadata (bundle, route, runtime) from the component element\n * and Next.js data.\n */\nexport function extractComponentMetadata(\n  component: Element | null,\n  nextData: NextData | null,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent['metadata'] {\n  return {\n    name,\n    bundle:\n      component?.getAttribute('data-bundle') ||\n      nextData?.props.__REMOTE_COMPONENT__?.bundle ||\n      'default',\n    route:\n      component?.getAttribute('data-route') ??\n      nextData?.page ??\n      (url.pathname || DEFAULT_ROUTE),\n    runtime: (component?.getAttribute('data-runtime') ??\n      (nextData?.props.__REMOTE_COMPONENT__?.runtime ||\n        RUNTIME_SCRIPT)) as RemoteComponentMetadata['runtime'],\n  };\n}\n\n/**\n * Extracts the shared module map from the document and removes the element.\n * Falls back to nextData's shared modules if available.\n */\nexport function extractRemoteShared(\n  doc: Document,\n  name: string,\n  nextData: NextData | null,\n): Record<string, string> {\n  const remoteSharedEl = doc.querySelector(\n    `#${name}_shared[data-remote-components-shared]`,\n  );\n  const remoteShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ??\n    ((JSON.parse(remoteSharedEl?.textContent ?? '{}') ?? {}) as Record<\n      string,\n      string\n    >);\n  remoteSharedEl?.remove();\n  return remoteShared;\n}\n\n/**\n * Validates that a remote component was found in the document and that it has\n * RSC data, Next.js data, or is a <remote-component> element.\n * Acts as a type assertion - narrows component to non-null on success.\n */\nexport function validateComponentFound(\n  component: Element | null,\n  rsc: Element | null,\n  nextData: NextData | null,\n  isRemoteComponent: boolean,\n  url: string,\n  name: string,\n): asserts component is Element {\n  if (!component || !(rsc || nextData || isRemoteComponent)) {\n    throw new RemoteComponentsError(\n      `Remote Component not found on ${url}.${\n        name !== '__vercel_remote_component'\n          ? ` The name for the <RemoteComponent> is \"${name}\". Check <RemoteComponent> usage.`\n          : ''\n      } Did you forget to wrap the content in <RemoteComponent>?`,\n    );\n  }\n}\n\n/**\n * Extracts link elements from the document that are not inside the component.\n */\nexport function extractLinks(\n  doc: Document,\n  component: Element,\n): HTMLLinkElement[] {\n  return Array.from(doc.querySelectorAll<HTMLLinkElement>('link[href]')).filter(\n    (link) => !component.contains(link),\n  );\n}\n\n/**\n * Extracts script elements from the component or document, depending on whether\n * the component is a <remote-component> custom element.\n */\nexport function extractScripts(\n  doc: Document,\n  component: Element,\n  isRemoteComponent: boolean,\n): HTMLScriptElement[] {\n  return Array.from(\n    (isRemoteComponent ? component : doc).querySelectorAll<HTMLScriptElement>(\n      'script[src],script[data-src]',\n    ),\n  );\n}\n\n/**\n * Parses a remote component HTML document and extracts all data needed for\n * loading and hydrating the component. This is the main orchestrator that\n * calls the individual extraction functions.\n */\nexport function parseRemoteComponentDocument(\n  doc: Document,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent {\n  validateSingleComponent(doc, name, url.href);\n\n  const component = findComponentElement(doc, name);\n  const nextData = parseNextData(doc);\n\n  const { name: resolvedName, isRemoteComponent } = resolveComponentName(\n    component,\n    nextData,\n    name,\n  );\n\n  const rsc = doc.querySelector(`#${resolvedName}_rsc`);\n  const metadata = extractComponentMetadata(\n    component,\n    nextData,\n    resolvedName,\n    url,\n  );\n  const remoteShared = extractRemoteShared(doc, resolvedName, nextData);\n\n  validateComponentFound(\n    component,\n    rsc,\n    nextData,\n    isRemoteComponent,\n    url.href,\n    resolvedName,\n  );\n\n  const links = extractLinks(doc, component);\n  const scripts = extractScripts(doc, component, isRemoteComponent);\n\n  return {\n    component,\n    name: resolvedName,\n    isRemoteComponent,\n    metadata,\n    nextData,\n    rsc,\n    remoteShared,\n    links,\n    scripts,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/internal/runtime/html/set-attributes-from-props.cjs

@@ -0,0 +1,68 @@
+"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 set_attributes_from_props_exports = {};
+__export(set_attributes_from_props_exports, {
+  setAttributesFromProps: () => setAttributesFromProps
+});
+module.exports = __toCommonJS(set_attributes_from_props_exports);
+const DOMAttributeNames = {
+  acceptCharset: "accept-charset",
+  className: "class",
+  htmlFor: "for",
+  httpEquiv: "http-equiv",
+  noModule: "noModule"
+};
+const ignoreProps = [
+  "onLoad",
+  "onReady",
+  "dangerouslySetInnerHTML",
+  "children",
+  "onError",
+  "strategy",
+  "stylesheets"
+];
+function isBooleanScriptAttribute(attr) {
+  return ["async", "defer", "noModule"].includes(attr);
+}
+function setAttributesFromProps(el, props) {
+  for (const [p, value] of Object.entries(props)) {
+    if (!Object.hasOwn(props, p))
+      continue;
+    if (ignoreProps.includes(p))
+      continue;
+    if (value === void 0) {
+      continue;
+    }
+    const attr = DOMAttributeNames[p] || p.toLowerCase();
+    if (el.tagName === "SCRIPT" && isBooleanScriptAttribute(attr)) {
+      el[attr] = Boolean(value);
+    } else {
+      el.setAttribute(attr, String(value));
+    }
+    if (value === false || el.tagName === "SCRIPT" && isBooleanScriptAttribute(attr) && (!value || value === "false")) {
+      el.setAttribute(attr, "");
+      el.removeAttribute(attr);
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  setAttributesFromProps
+});
+//# sourceMappingURL=set-attributes-from-props.cjs.map