remote-components 0.1.2 → 0.2.0

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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtime/html/set-attributes-from-props.ts"],"sourcesContent":["// extracted from Next.js source at https://github.com/vercel/next.js/blob/canary/packages/next/src/client/set-attributes-from-props.ts\n\nconst DOMAttributeNames: Record<string, string> = {\n  acceptCharset: 'accept-charset',\n  className: 'class',\n  htmlFor: 'for',\n  httpEquiv: 'http-equiv',\n  noModule: 'noModule',\n};\n\nconst ignoreProps = [\n  'onLoad',\n  'onReady',\n  'dangerouslySetInnerHTML',\n  'children',\n  'onError',\n  'strategy',\n  'stylesheets',\n];\n\nfunction isBooleanScriptAttribute(\n  attr: string,\n): attr is 'async' | 'defer' | 'noModule' {\n  return ['async', 'defer', 'noModule'].includes(attr);\n}\n\nexport function setAttributesFromProps(el: HTMLElement, props: object) {\n  for (const [p, value] of Object.entries(props)) {\n    if (!Object.hasOwn(props, p)) continue;\n    if (ignoreProps.includes(p)) continue;\n\n    // we don't render undefined props to the DOM\n    if (value === undefined) {\n      continue;\n    }\n\n    const attr = DOMAttributeNames[p] || p.toLowerCase();\n\n    if (el.tagName === 'SCRIPT' && isBooleanScriptAttribute(attr)) {\n      // Correctly assign boolean script attributes\n      // https://github.com/vercel/next.js/pull/20748\n      (el as HTMLScriptElement)[attr] = Boolean(value);\n    } else {\n      el.setAttribute(attr, String(value));\n    }\n\n    // Remove falsy non-zero boolean attributes so they are correctly interpreted\n    // (e.g. if we set them to false, this coerces to the string \"false\", which the browser interprets as true)\n    if (\n      value === false ||\n      (el.tagName === 'SCRIPT' &&\n        isBooleanScriptAttribute(attr) &&\n        (!value || value === 'false'))\n    ) {\n      // Call setAttribute before, as we need to set and unset the attribute to override force async:\n      // https://html.spec.whatwg.org/multipage/scripting.html#script-force-async\n      el.setAttribute(attr, '');\n      el.removeAttribute(attr);\n    }\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,MAAM,oBAA4C;AAAA,EAChD,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AACZ;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,yBACP,MACwC;AACxC,SAAO,CAAC,SAAS,SAAS,UAAU,EAAE,SAAS,IAAI;AACrD;AAEO,SAAS,uBAAuB,IAAiB,OAAe;AACrE,aAAW,CAAC,GAAG,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AAC9C,QAAI,CAAC,OAAO,OAAO,OAAO,CAAC;AAAG;AAC9B,QAAI,YAAY,SAAS,CAAC;AAAG;AAG7B,QAAI,UAAU,QAAW;AACvB;AAAA,IACF;AAEA,UAAM,OAAO,kBAAkB,CAAC,KAAK,EAAE,YAAY;AAEnD,QAAI,GAAG,YAAY,YAAY,yBAAyB,IAAI,GAAG;AAG7D,MAAC,GAAyB,IAAI,IAAI,QAAQ,KAAK;AAAA,IACjD,OAAO;AACL,SAAG,aAAa,MAAM,OAAO,KAAK,CAAC;AAAA,IACrC;AAIA,QACE,UAAU,SACT,GAAG,YAAY,YACd,yBAAyB,IAAI,MAC5B,CAAC,SAAS,UAAU,UACvB;AAGA,SAAG,aAAa,MAAM,EAAE;AACxB,SAAG,gBAAgB,IAAI;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,3 @@
+declare function setAttributesFromProps(el: HTMLElement, props: object): void;
+
+export { setAttributesFromProps };

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

@@ -0,0 +1,44 @@
+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);
+    }
+  }
+}
+export {
+  setAttributesFromProps
+};
+//# sourceMappingURL=set-attributes-from-props.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/runtime/html/set-attributes-from-props.ts"],"sourcesContent":["// extracted from Next.js source at https://github.com/vercel/next.js/blob/canary/packages/next/src/client/set-attributes-from-props.ts\n\nconst DOMAttributeNames: Record<string, string> = {\n  acceptCharset: 'accept-charset',\n  className: 'class',\n  htmlFor: 'for',\n  httpEquiv: 'http-equiv',\n  noModule: 'noModule',\n};\n\nconst ignoreProps = [\n  'onLoad',\n  'onReady',\n  'dangerouslySetInnerHTML',\n  'children',\n  'onError',\n  'strategy',\n  'stylesheets',\n];\n\nfunction isBooleanScriptAttribute(\n  attr: string,\n): attr is 'async' | 'defer' | 'noModule' {\n  return ['async', 'defer', 'noModule'].includes(attr);\n}\n\nexport function setAttributesFromProps(el: HTMLElement, props: object) {\n  for (const [p, value] of Object.entries(props)) {\n    if (!Object.hasOwn(props, p)) continue;\n    if (ignoreProps.includes(p)) continue;\n\n    // we don't render undefined props to the DOM\n    if (value === undefined) {\n      continue;\n    }\n\n    const attr = DOMAttributeNames[p] || p.toLowerCase();\n\n    if (el.tagName === 'SCRIPT' && isBooleanScriptAttribute(attr)) {\n      // Correctly assign boolean script attributes\n      // https://github.com/vercel/next.js/pull/20748\n      (el as HTMLScriptElement)[attr] = Boolean(value);\n    } else {\n      el.setAttribute(attr, String(value));\n    }\n\n    // Remove falsy non-zero boolean attributes so they are correctly interpreted\n    // (e.g. if we set them to false, this coerces to the string \"false\", which the browser interprets as true)\n    if (\n      value === false ||\n      (el.tagName === 'SCRIPT' &&\n        isBooleanScriptAttribute(attr) &&\n        (!value || value === 'false'))\n    ) {\n      // Call setAttribute before, as we need to set and unset the attribute to override force async:\n      // https://html.spec.whatwg.org/multipage/scripting.html#script-force-async\n      el.setAttribute(attr, '');\n      el.removeAttribute(attr);\n    }\n  }\n}\n"],"mappings":"AAEA,MAAM,oBAA4C;AAAA,EAChD,eAAe;AAAA,EACf,WAAW;AAAA,EACX,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AACZ;AAEA,MAAM,cAAc;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,SAAS,yBACP,MACwC;AACxC,SAAO,CAAC,SAAS,SAAS,UAAU,EAAE,SAAS,IAAI;AACrD;AAEO,SAAS,uBAAuB,IAAiB,OAAe;AACrE,aAAW,CAAC,GAAG,KAAK,KAAK,OAAO,QAAQ,KAAK,GAAG;AAC9C,QAAI,CAAC,OAAO,OAAO,OAAO,CAAC;AAAG;AAC9B,QAAI,YAAY,SAAS,CAAC;AAAG;AAG7B,QAAI,UAAU,QAAW;AACvB;AAAA,IACF;AAEA,UAAM,OAAO,kBAAkB,CAAC,KAAK,EAAE,YAAY;AAEnD,QAAI,GAAG,YAAY,YAAY,yBAAyB,IAAI,GAAG;AAG7D,MAAC,GAAyB,IAAI,IAAI,QAAQ,KAAK;AAAA,IACjD,OAAO;AACL,SAAG,aAAa,MAAM,OAAO,KAAK,CAAC;AAAA,IACrC;AAIA,QACE,UAAU,SACT,GAAG,YAAY,YACd,yBAAyB,IAAI,MAC5B,CAAC,SAAS,UAAU,UACvB;AAGA,SAAG,aAAa,MAAM,EAAE;AACxB,SAAG,gBAAgB,IAAI;AAAA,IACzB;AAAA,EACF;AACF;","names":[]}