remote-components 0.3.3 → 0.3.5

package/dist/internal/host/nextjs/app-client.js

@@ -13,14 +13,25 @@ import { createImageLoaderSharedEntries } from "#internal/host/nextjs/image-shar
 import { tryImportShared } from "#internal/host/nextjs/shared-import";
 import { useResolveClientUrl } from "#internal/host/react/hooks/use-resolve-client-url";
 import { getClientOrServerUrl } from "#internal/host/server/get-client-or-server-url";
+import { runPipelineFromParsed } from "#internal/host/shared/pipeline";
 import { createHostState } from "#internal/host/shared/state";
 import { DEFAULT_ROUTE, RUNTIME_WEBPACK } from "#internal/runtime/constants";
-import { loadRemoteComponent } from "#internal/runtime/loaders/component-loader";
 import { loadStaticRemoteComponent } from "#internal/runtime/loaders/static-loader";
 import { escapeString } from "#internal/utils";
 import { logError } from "#internal/utils/logger";
 import { routerImpl } from "./app-compat";
 import { RemoteComponentLinks } from "./remote-component-links";
+async function resolveHostShared(resolveClientUrl) {
+  const shared = await tryImportShared();
+  if ("__remote_components_missing_shared__" in shared) {
+    await shared.__remote_components_missing_shared__();
+  }
+  return {
+    "next/router": routerImpl,
+    ...shared,
+    ...createImageLoaderSharedEntries({ bound: resolveClientUrl })
+  };
+}
 function ConsumeRemoteComponentClient({
   src,
   serverUrl,
@@ -64,6 +75,7 @@ function ConsumeRemoteComponentClient({
   const keySuffix = `${escapeString(bundle)}_${escapeString(
     url.pathname
   )}_${escapeString(name)}`;
+  const rscName = `__remote_components_rsc_${keySuffix}`;
   const self = globalThis;
   const shadowRootKey = `__remote_components_shadowroot_${keySuffix}`;
   const shadowContainerRef = useRef(
@@ -74,9 +86,7 @@ function ConsumeRemoteComponentClient({
   const shadowRootRef = useRef(
     self[shadowRootKey] ?? shadowContainerRef.current?.shadowRoot ?? null
   );
-  const ssrShadowRootContentRef = useRef(
-    shadowRootRef.current?.querySelectorAll("*") ?? null
-  );
+  const ssrShadowRootContentRef = useRef(null);
   const ssrLinksStylesRef = useRef([]);
   if (self[shadowRootKey] && shadowRootRef.current) {
     self[shadowRootKey] = null;
@@ -100,6 +110,9 @@ function ConsumeRemoteComponentClient({
         shadowRootRef.current = shadowRootElement;
       }
     }
+    if (!ssrShadowRootContentRef.current && shadowRootRef.current && shouldUseChildren) {
+      ssrShadowRootContentRef.current = shadowRootRef.current.querySelectorAll("*");
+    }
     if (shadowRootRef.current && ssrShadowRootContentRef.current && !shouldUseChildren) {
       ssrShadowRootContentRef.current.forEach((node) => {
         if (node.nodeName !== "LINK" && node.nodeName !== "STYLE") {
@@ -157,6 +170,9 @@ function ConsumeRemoteComponentClient({
     startTransition(async () => {
       try {
         if (hostStateRef.current.stage !== "loading" && !component && (isolate === false || shadowRootRef.current) || metadataRef.current.url !== url.href || metadataRef.current.name !== name || metadataRef.current.bundle !== bundle || metadataRef.current.route !== route) {
+          hostStateRef.current.abortController?.abort();
+          const controller = new AbortController();
+          hostStateRef.current.abortController = controller;
           hostStateRef.current.stage = "loading";
           metadataRef.current = {
             name,
@@ -199,33 +215,29 @@ function ConsumeRemoteComponentClient({
             });
             return;
           }
-          const rscName = `__remote_components_rsc_${keySuffix}`;
-          const result = await loadRemoteComponent({
+          const result = await runPipelineFromParsed({
             url,
             name,
-            bundle,
-            route,
-            runtime,
-            rscName,
-            data,
-            nextData,
-            scripts,
-            shared: (async () => {
-              const shared = await tryImportShared();
-              if ("__remote_components_missing_shared__" in shared) {
-                await shared.__remote_components_missing_shared__();
-              }
-              return {
-                "next/router": routerImpl,
-                ...shared,
-                ...createImageLoaderSharedEntries({ bound: resolveClientUrl })
-              };
-            })(),
+            signal: controller.signal,
+            payload: {
+              name,
+              bundle,
+              route,
+              runtime,
+              data,
+              nextData,
+              scripts
+            },
+            shared: resolveHostShared(resolveClientUrl),
             remoteShared,
             container: shadowRootRef.current,
-            resolveClientUrl
+            resolveClientUrl,
+            rscName
           });
-          if (result.error) {
+          if (result.status === "aborted") {
+            return;
+          }
+          if (result.status === "error") {
             hostStateRef.current.stage = "error";
             setComponent(result.error);
           } else {
@@ -238,6 +250,9 @@ function ConsumeRemoteComponentClient({
         setComponent(error);
       }
     });
+    return () => {
+      hostStateRef.current.abortController?.abort();
+    };
   }, [
     component,
     name,
@@ -251,7 +266,7 @@ function ConsumeRemoteComponentClient({
     children,
     isolate,
     type,
-    keySuffix,
+    rscName,
     url,
     resolveClientUrl
   ]);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/nextjs/app-client.tsx"],"sourcesContent":["'use client';\n\nimport {\n  startTransition,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { createImageLoaderSharedEntries } from '#internal/host/nextjs/image-shared';\nimport { tryImportShared } from '#internal/host/nextjs/shared-import';\nimport { useResolveClientUrl } from '#internal/host/react/hooks/use-resolve-client-url';\nimport { getClientOrServerUrl } from '#internal/host/server/get-client-or-server-url';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\nimport type { ConsumeServerData } from '#internal/host/shared/server-handoff';\nimport { createHostState } from '#internal/host/shared/state';\nimport { DEFAULT_ROUTE, RUNTIME_WEBPACK } from '#internal/runtime/constants';\nimport { loadRemoteComponent } from '#internal/runtime/loaders/component-loader';\nimport { loadStaticRemoteComponent } from '#internal/runtime/loaders/static-loader';\nimport type { MountOrUnmountFunction } from '#internal/runtime/types';\nimport { escapeString } from '#internal/utils';\nimport { logError } from '#internal/utils/logger';\nimport { routerImpl } from './app-compat';\nimport { RemoteComponentLinks } from './remote-component-links';\n\n/**\n * Extends the RSC-serializable data with {@link ConsumeClientConfig} fields\n * (like `resolveClientUrl`) that can't cross the server→client boundary\n * but are accepted when this component is used directly as a client import.\n */\ninterface ConsumeRemoteComponentClientProps\n  extends ConsumeServerData,\n    ConsumeClientOnlyConfig {}\n\n/**\n * ConsumeRemoteComponentClient - Main component for rendering remote components\n *\n * This component handles the loading and rendering of remote microfrontends.\n * It supports both RSC (React Server Components) and Next.js Pages Router based components.\n */\nexport function ConsumeRemoteComponentClient({\n  src,\n  serverUrl,\n  name,\n  bundle,\n  route = DEFAULT_ROUTE,\n  runtime = RUNTIME_WEBPACK,\n  data,\n  nextData,\n  scripts = [],\n  links = [],\n  remoteShared = {},\n  isolate,\n  mode = 'open',\n  resolveClientUrl: resolveClientUrlProp,\n  reset,\n  type,\n  children,\n}: ConsumeRemoteComponentClientProps) {\n  const remoteComponentId = useId();\n  const [component, setComponent] = useState<React.ReactNode | Error>(null);\n  const url = getClientOrServerUrl(src, serverUrl);\n  const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);\n  // TODO: prev* fields and abortController are not populated — the App Router\n  // client doesn't support onChange or abort yet. Populate these when adding\n  // onChange lifecycle support to match the HTML and React hosts.\n  const hostStateRef = useRef(createHostState());\n  const metadataRef = useRef<{\n    name: string;\n    bundle: string;\n    route: string;\n    url: string;\n  }>({\n    name,\n    bundle,\n    route,\n    url: url.href,\n  });\n  const startRef = useRef<HTMLTemplateElement | null>(null);\n  const endRef = useRef<HTMLTemplateElement | null>(null);\n  const prevRemoteComponentUnmountRef = useRef<{\n    unmount: Set<MountOrUnmountFunction>;\n    root: ShadowRoot | DocumentFragment | null;\n  } | null>(null);\n\n  // Handle errors by re-throwing them\n  if (component instanceof Error) {\n    throw component;\n  }\n\n  // determine whether to use children or loaded component\n  const shouldUseChildren =\n    (!component ||\n      (component &&\n        !nextData &&\n        type !== 'remote-component' &&\n        typeof (component as unknown as Promise<unknown>).then !==\n          'function')) &&\n    // if the remote Next.js Pages Router application is in development mode\n    // we don't use the provided static HTML\n    // to mitigate layout shift when loading CSS using JavaScript on the client\n    nextData?.buildId !== 'development';\n\n  // The pathname is used so this URL is the same across server and client requests for relative src's\n  const keySuffix = `${escapeString(bundle)}_${escapeString(\n    url.pathname,\n  )}_${escapeString(name)}`;\n\n  const self = globalThis as Record<\n    `__remote_components_shadowroot_${string}`,\n    ShadowRoot | null\n  > &\n    Record<`__remote_components_container_${string}`, HTMLDivElement | null>;\n  const shadowRootKey = `__remote_components_shadowroot_${keySuffix}` as const;\n  const shadowContainerRef = useRef<HTMLDivElement | null>(\n    typeof document === 'undefined'\n      ? null\n      : document.querySelector(\n          `[data-remote-component-id=\"shadowroot_${remoteComponentId}\"]`,\n        ),\n  );\n  const shadowRootRef = useRef<ShadowRoot | null>(\n    self[shadowRootKey] ?? shadowContainerRef.current?.shadowRoot ?? null,\n  );\n  const ssrShadowRootContentRef = useRef<NodeListOf<ChildNode> | null>(\n    shadowRootRef.current?.querySelectorAll('*') ?? null,\n  );\n  const ssrLinksStylesRef = useRef<(HTMLLinkElement | HTMLStyleElement)[]>([]);\n\n  if (self[shadowRootKey] && shadowRootRef.current) {\n    self[shadowRootKey] = null;\n  }\n\n  useLayoutEffect(() => {\n    if (\n      !shadowContainerRef.current ||\n      shadowContainerRef.current !== shadowRootRef.current?.host\n    ) {\n      shadowRootRef.current = null;\n    }\n\n    if (\n      isolate !== false &&\n      typeof document !== 'undefined' &&\n      !shadowRootRef.current\n    ) {\n      let shadowRootElement: ShadowRoot | null = null;\n      const element = shadowContainerRef.current;\n\n      shadowRootElement = self[shadowRootKey] ?? element?.shadowRoot ?? null;\n      self[shadowRootKey] = null;\n\n      if (!shadowRootElement && element) {\n        // create a shadow root if it doesn't exist\n        // this is a fallback for browsers that don't support declarative shadow DOM\n        try {\n          shadowRootElement = element.attachShadow({ mode });\n        } catch {\n          // do nothing if attachShadow fails because of existing shadow root\n        }\n      }\n\n      if (shadowRootElement) {\n        shadowRootRef.current = shadowRootElement;\n      }\n    }\n\n    if (\n      shadowRootRef.current &&\n      ssrShadowRootContentRef.current &&\n      !shouldUseChildren\n    ) {\n      // remove all nodes from the shadow root except links\n      ssrShadowRootContentRef.current.forEach((node) => {\n        if (node.nodeName !== 'LINK' && node.nodeName !== 'STYLE') {\n          node.parentNode?.removeChild(node);\n        } else {\n          ssrLinksStylesRef.current.push(\n            node as HTMLLinkElement | HTMLStyleElement,\n          );\n        }\n      });\n      ssrShadowRootContentRef.current = null;\n    }\n\n    if (ssrLinksStylesRef.current.length > 0 && shadowRootRef.current) {\n      const waitForLoad =\n        shadowRootRef.current.querySelectorAll('link[data-wait]');\n      if (waitForLoad.length > 0) {\n        Promise.all(\n          Array.from(waitForLoad).map(\n            (link) =>\n              new Promise<void>((resolve) => {\n                link.addEventListener('load', () => resolve());\n                link.addEventListener('error', () => resolve());\n              }),\n          ),\n        )\n          .then(() => {\n            waitForLoad.forEach((el) => {\n              el.removeAttribute('data-wait');\n            });\n\n            // remove SSR injected styles and links\n            ssrLinksStylesRef.current.forEach((el) => {\n              el.parentNode?.removeChild(el);\n            });\n            ssrLinksStylesRef.current = [];\n          })\n          .catch((e) => {\n            logError('NextAppRouter', 'Error in cleanup.', e);\n          });\n      }\n    }\n  }, [isolate, mode, self, shadowRootKey, shouldUseChildren]);\n\n  useEffect(() => {\n    // run unmount functions when the component changes or unmounts\n    if (prevRemoteComponentUnmountRef.current && component !== children) {\n      const { unmount, root } = prevRemoteComponentUnmountRef.current;\n      prevRemoteComponentUnmountRef.current = null;\n      Promise.all(\n        Array.from(unmount).map(async (unmountFn) => {\n          try {\n            await unmountFn(root);\n          } catch (e) {\n            logError('NextAppRouter', 'Error in unmount.', e);\n          }\n        }),\n      ).catch((e) => {\n        logError('NextAppRouter', 'Error in unmount cleanup.', e);\n      });\n    }\n  }, [component, children]);\n\n  useEffect(() => {\n    startTransition(async () => {\n      try {\n        // if we have a component, we don't need to load it again\n        if (\n          (hostStateRef.current.stage !== 'loading' &&\n            !component &&\n            (isolate === false || shadowRootRef.current)) ||\n          metadataRef.current.url !== url.href ||\n          metadataRef.current.name !== name ||\n          metadataRef.current.bundle !== bundle ||\n          metadataRef.current.route !== route\n        ) {\n          hostStateRef.current.stage = 'loading';\n          metadataRef.current = {\n            name,\n            bundle,\n            route,\n            url: url.href,\n          };\n\n          // use the children as the component when type is remote-component\n          if (type === 'remote-component') {\n            setComponent(children);\n            // load static scripts and execute mount functions\n            // run this async but don't await it as we render children immediately\n            loadStaticRemoteComponent(\n              scripts as HTMLScriptElement[],\n              url,\n              resolveClientUrl,\n            )\n              .then(({ mount, unmount }) => {\n                if (mount.size > 0) {\n                  let root: ShadowRoot | DocumentFragment | null =\n                    shadowRootRef.current;\n                  try {\n                    if (!root && startRef.current && endRef.current) {\n                      root = document.querySelectorAll(\n                        `#${startRef.current.id} ~ *:not(#${endRef.current.id}):has(~ #${endRef.current.id})`,\n                      ) as unknown as DocumentFragment;\n                    }\n                  } catch (e) {\n                    logError('NextAppRouter', 'Error finding root element.', e);\n                  }\n                  if (unmount.size > 0) {\n                    prevRemoteComponentUnmountRef.current = { unmount, root };\n                  }\n                  return Promise.all(\n                    Array.from(mount).map((mountFn) => mountFn(root)),\n                  );\n                }\n              })\n              .catch((e) => {\n                logError(\n                  'NextAppRouter',\n                  'Error loading static remote component.',\n                  e,\n                );\n                setComponent(e as Error);\n              });\n            return;\n          }\n\n          const rscName = `__remote_components_rsc_${keySuffix}`;\n          const result = await loadRemoteComponent({\n            url,\n            name,\n            bundle,\n            route,\n            runtime,\n            rscName,\n            data,\n            nextData,\n            scripts,\n            shared: (async () => {\n              const shared = await tryImportShared();\n\n              if ('__remote_components_missing_shared__' in shared) {\n                await shared.__remote_components_missing_shared__();\n              }\n              return {\n                'next/router': routerImpl,\n                ...shared,\n                ...createImageLoaderSharedEntries({ bound: resolveClientUrl }),\n              };\n            })(),\n            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n          });\n          if (result.error) {\n            hostStateRef.current.stage = 'error';\n            setComponent(result.error);\n          } else {\n            hostStateRef.current.stage = 'loaded';\n            setComponent(result.component);\n          }\n        }\n      } catch (error: unknown) {\n        hostStateRef.current.stage = 'error';\n        setComponent(error as Error);\n      }\n    });\n  }, [\n    component,\n    name,\n    bundle,\n    route,\n    runtime,\n    scripts,\n    data,\n    nextData,\n    remoteShared,\n    children,\n    isolate,\n    type,\n    keySuffix,\n    url,\n    resolveClientUrl,\n  ]);\n\n  if (\n    nextData?.buildId === 'development' &&\n    shadowRootRef.current &&\n    isolate !== false &&\n    reset &&\n    !shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // inject reset styles into the shadow root\n    const style = document.createElement('style');\n    style.setAttribute('data-remote-components-reset', '');\n    style.textContent = `:host { all: initial; }`;\n    shadowRootRef.current.insertBefore(style, shadowRootRef.current.firstChild);\n  } else if (\n    shadowRootRef.current &&\n    isolate !== false &&\n    !reset &&\n    shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // ensure reset styles are the first child in the shadow root\n    const style = shadowRootRef.current.querySelector(\n      '[data-remote-components-reset]',\n    );\n    if (style && shadowRootRef.current.firstChild !== style) {\n      shadowRootRef.current.removeChild(style);\n    }\n  }\n\n  const linksToRender = (\n    <RemoteComponentLinks\n      links={links}\n      url={url}\n      serverUrl={serverUrl}\n      bundle={bundle}\n      isolate={isolate}\n      reset={reset}\n      isDevelopment={nextData?.buildId === 'development'}\n    />\n  );\n\n  let componentToRender = shouldUseChildren\n    ? children\n    : (component as React.ReactNode);\n\n  if (isolate !== false) {\n    componentToRender = (\n      <div\n        data-remote-component-id={`shadowroot_${remoteComponentId}`}\n        data-remote-component-isolation-root=\"\"\n        id={`shadowroot_${name}`}\n        ref={shadowContainerRef}\n      >\n        {typeof document === 'undefined' ? (\n          // eslint-disable-next-line react/no-unknown-property\n          <template shadowrootmode={mode}>\n            {mode === 'closed' ? (\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: `<img\n      alt=\"\" decoding=\"async\" style=\"display:none\"\n      src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==\"\n      onload=\"(function(el){\n        const root = el.getRootNode();\n        globalThis.${shadowRootKey} = root;\n        el.parentElement.remove();\n      })(this)\"\n    />`,\n                }}\n              />\n            ) : null}\n            {linksToRender}\n            {shouldUseChildren ? children : null}\n          </template>\n        ) : null}\n        {typeof document !== 'undefined' &&\n        shadowRootRef.current &&\n        !shouldUseChildren\n          ? createPortal(\n              <>\n                {linksToRender}\n                {componentToRender}\n              </>,\n              shadowRootRef.current,\n            )\n          : null}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {isolate === false ? (\n        <template id={`${name}_start`} ref={startRef} />\n      ) : null}\n      <script data-remote-component type=\"application/json\">\n        {JSON.stringify({\n          name,\n          bundle,\n          route,\n          runtime,\n        })}\n      </script>\n      {isolate === false ? linksToRender : null}\n      {componentToRender}\n      {nextData ? (\n        <script\n          id={`${bundle}_${route.replace(\n            /[^a-zA-Z0-9]+/g,\n            '_',\n          )}${name}_next_data`}\n          type=\"application/json\"\n        >\n          {JSON.stringify(nextData)}\n        </script>\n      ) : null}\n      {isolate === false ? <template id={`${name}_end`} ref={endRef} /> : null}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/host/nextjs/app-client.tsx"],"sourcesContent":["'use client';\n\nimport {\n  startTransition,\n  useEffect,\n  useId,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { createImageLoaderSharedEntries } from '#internal/host/nextjs/image-shared';\nimport { tryImportShared } from '#internal/host/nextjs/shared-import';\nimport { useResolveClientUrl } from '#internal/host/react/hooks/use-resolve-client-url';\nimport { getClientOrServerUrl } from '#internal/host/server/get-client-or-server-url';\nimport type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ConsumeClientOnlyConfig } from '#internal/host/shared/config';\nimport { runPipelineFromParsed } from '#internal/host/shared/pipeline';\nimport type { ConsumeServerData } from '#internal/host/shared/server-handoff';\nimport { createHostState } from '#internal/host/shared/state';\nimport { DEFAULT_ROUTE, RUNTIME_WEBPACK } from '#internal/runtime/constants';\nimport { loadStaticRemoteComponent } from '#internal/runtime/loaders/static-loader';\nimport type { MountOrUnmountFunction } from '#internal/runtime/types';\nimport { escapeString } from '#internal/utils';\nimport { logError } from '#internal/utils/logger';\nimport { routerImpl } from './app-compat';\nimport { RemoteComponentLinks } from './remote-component-links';\n\n/**\n * Resolves host-side shared modules (React, Next.js router, image loader, etc.)\n * and returns them as a map the loading pipeline can pass to remotes.\n */\nasync function resolveHostShared(\n  resolveClientUrl: InternalResolveClientUrl | undefined,\n): Promise<Record<string, (bundle?: string) => Promise<unknown>>> {\n  const shared = await tryImportShared();\n  if ('__remote_components_missing_shared__' in shared) {\n    await shared.__remote_components_missing_shared__();\n  }\n  return {\n    'next/router': routerImpl,\n    ...shared,\n    ...createImageLoaderSharedEntries({ bound: resolveClientUrl }),\n  };\n}\n\n/**\n * Extends the RSC-serializable data with {@link ConsumeClientConfig} fields\n * (like `resolveClientUrl`) that can't cross the server→client boundary\n * but are accepted when this component is used directly as a client import.\n */\ninterface ConsumeRemoteComponentClientProps\n  extends ConsumeServerData,\n    ConsumeClientOnlyConfig {}\n\n/**\n * ConsumeRemoteComponentClient - Main component for rendering remote components\n *\n * This component handles the loading and rendering of remote microfrontends.\n * It supports both RSC (React Server Components) and Next.js Pages Router based components.\n */\nexport function ConsumeRemoteComponentClient({\n  src,\n  serverUrl,\n  name,\n  bundle,\n  route = DEFAULT_ROUTE,\n  runtime = RUNTIME_WEBPACK,\n  data,\n  nextData,\n  scripts = [],\n  links = [],\n  remoteShared = {},\n  isolate,\n  mode = 'open',\n  resolveClientUrl: resolveClientUrlProp,\n  reset,\n  type,\n  children,\n}: ConsumeRemoteComponentClientProps) {\n  const remoteComponentId = useId();\n  const [component, setComponent] = useState<React.ReactNode | Error>(null);\n  const url = getClientOrServerUrl(src, serverUrl);\n  const resolveClientUrl = useResolveClientUrl(resolveClientUrlProp, url.href);\n  const hostStateRef = useRef(createHostState());\n  const metadataRef = useRef<{\n    name: string;\n    bundle: string;\n    route: string;\n    url: string;\n  }>({\n    name,\n    bundle,\n    route,\n    url: url.href,\n  });\n  const startRef = useRef<HTMLTemplateElement | null>(null);\n  const endRef = useRef<HTMLTemplateElement | null>(null);\n  const prevRemoteComponentUnmountRef = useRef<{\n    unmount: Set<MountOrUnmountFunction>;\n    root: ShadowRoot | DocumentFragment | null;\n  } | null>(null);\n\n  // Handle errors by re-throwing them\n  if (component instanceof Error) {\n    throw component;\n  }\n\n  // determine whether to use children or loaded component\n  const shouldUseChildren =\n    (!component ||\n      (component &&\n        !nextData &&\n        type !== 'remote-component' &&\n        typeof (component as unknown as Promise<unknown>).then !==\n          'function')) &&\n    // if the remote Next.js Pages Router application is in development mode\n    // we don't use the provided static HTML\n    // to mitigate layout shift when loading CSS using JavaScript on the client\n    nextData?.buildId !== 'development';\n\n  // The pathname is used so this URL is the same across server and client requests for relative src's\n  const keySuffix = `${escapeString(bundle)}_${escapeString(\n    url.pathname,\n  )}_${escapeString(name)}`;\n  const rscName = `__remote_components_rsc_${keySuffix}`;\n\n  const self = globalThis as Record<\n    `__remote_components_shadowroot_${string}`,\n    ShadowRoot | null\n  > &\n    Record<`__remote_components_container_${string}`, HTMLDivElement | null>;\n  const shadowRootKey = `__remote_components_shadowroot_${keySuffix}` as const;\n  const shadowContainerRef = useRef<HTMLDivElement | null>(\n    typeof document === 'undefined'\n      ? null\n      : document.querySelector(\n          `[data-remote-component-id=\"shadowroot_${remoteComponentId}\"]`,\n        ),\n  );\n  const shadowRootRef = useRef<ShadowRoot | null>(\n    self[shadowRootKey] ?? shadowContainerRef.current?.shadowRoot ?? null,\n  );\n  const ssrShadowRootContentRef = useRef<NodeListOf<ChildNode> | null>(null);\n  const ssrLinksStylesRef = useRef<(HTMLLinkElement | HTMLStyleElement)[]>([]);\n\n  if (self[shadowRootKey] && shadowRootRef.current) {\n    self[shadowRootKey] = null;\n  }\n\n  useLayoutEffect(() => {\n    if (\n      !shadowContainerRef.current ||\n      shadowContainerRef.current !== shadowRootRef.current?.host\n    ) {\n      shadowRootRef.current = null;\n    }\n\n    if (\n      isolate !== false &&\n      typeof document !== 'undefined' &&\n      !shadowRootRef.current\n    ) {\n      let shadowRootElement: ShadowRoot | null = null;\n      const element = shadowContainerRef.current;\n\n      shadowRootElement = self[shadowRootKey] ?? element?.shadowRoot ?? null;\n      self[shadowRootKey] = null;\n\n      if (!shadowRootElement && element) {\n        // create a shadow root if it doesn't exist\n        // this is a fallback for browsers that don't support declarative shadow DOM\n        try {\n          shadowRootElement = element.attachShadow({ mode });\n        } catch {\n          // do nothing if attachShadow fails because of existing shadow root\n        }\n      }\n\n      if (shadowRootElement) {\n        shadowRootRef.current = shadowRootElement;\n      }\n    }\n\n    // Capture SSR content once the shadow root is available. This runs\n    // while shouldUseChildren is still true (before the portal adds its\n    // own content), so the query captures only server-rendered nodes.\n    if (\n      !ssrShadowRootContentRef.current &&\n      shadowRootRef.current &&\n      shouldUseChildren\n    ) {\n      ssrShadowRootContentRef.current =\n        shadowRootRef.current.querySelectorAll('*');\n    }\n\n    if (\n      shadowRootRef.current &&\n      ssrShadowRootContentRef.current &&\n      !shouldUseChildren\n    ) {\n      // remove all nodes from the shadow root except links\n      ssrShadowRootContentRef.current.forEach((node) => {\n        if (node.nodeName !== 'LINK' && node.nodeName !== 'STYLE') {\n          node.parentNode?.removeChild(node);\n        } else {\n          ssrLinksStylesRef.current.push(\n            node as HTMLLinkElement | HTMLStyleElement,\n          );\n        }\n      });\n      ssrShadowRootContentRef.current = null;\n    }\n\n    if (ssrLinksStylesRef.current.length > 0 && shadowRootRef.current) {\n      const waitForLoad =\n        shadowRootRef.current.querySelectorAll('link[data-wait]');\n      if (waitForLoad.length > 0) {\n        Promise.all(\n          Array.from(waitForLoad).map(\n            (link) =>\n              new Promise<void>((resolve) => {\n                link.addEventListener('load', () => resolve());\n                link.addEventListener('error', () => resolve());\n              }),\n          ),\n        )\n          .then(() => {\n            waitForLoad.forEach((el) => {\n              el.removeAttribute('data-wait');\n            });\n\n            // remove SSR injected styles and links\n            ssrLinksStylesRef.current.forEach((el) => {\n              el.parentNode?.removeChild(el);\n            });\n            ssrLinksStylesRef.current = [];\n          })\n          .catch((e) => {\n            logError('NextAppRouter', 'Error in cleanup.', e);\n          });\n      }\n    }\n  }, [isolate, mode, self, shadowRootKey, shouldUseChildren]);\n\n  useEffect(() => {\n    // run unmount functions when the component changes or unmounts\n    if (prevRemoteComponentUnmountRef.current && component !== children) {\n      const { unmount, root } = prevRemoteComponentUnmountRef.current;\n      prevRemoteComponentUnmountRef.current = null;\n      Promise.all(\n        Array.from(unmount).map(async (unmountFn) => {\n          try {\n            await unmountFn(root);\n          } catch (e) {\n            logError('NextAppRouter', 'Error in unmount.', e);\n          }\n        }),\n      ).catch((e) => {\n        logError('NextAppRouter', 'Error in unmount cleanup.', e);\n      });\n    }\n  }, [component, children]);\n\n  useEffect(() => {\n    startTransition(async () => {\n      try {\n        // if we have a component, we don't need to load it again\n        if (\n          (hostStateRef.current.stage !== 'loading' &&\n            !component &&\n            (isolate === false || shadowRootRef.current)) ||\n          metadataRef.current.url !== url.href ||\n          metadataRef.current.name !== name ||\n          metadataRef.current.bundle !== bundle ||\n          metadataRef.current.route !== route\n        ) {\n          // Abort any in-flight load before starting a new one\n          hostStateRef.current.abortController?.abort();\n          const controller = new AbortController();\n          hostStateRef.current.abortController = controller;\n\n          hostStateRef.current.stage = 'loading';\n          metadataRef.current = {\n            name,\n            bundle,\n            route,\n            url: url.href,\n          };\n\n          // use the children as the component when type is remote-component\n          if (type === 'remote-component') {\n            setComponent(children);\n            // load static scripts and execute mount functions\n            // run this async but don't await it as we render children immediately\n            loadStaticRemoteComponent(\n              scripts as HTMLScriptElement[],\n              url,\n              resolveClientUrl,\n            )\n              .then(({ mount, unmount }) => {\n                if (mount.size > 0) {\n                  let root: ShadowRoot | DocumentFragment | null =\n                    shadowRootRef.current;\n                  try {\n                    if (!root && startRef.current && endRef.current) {\n                      root = document.querySelectorAll(\n                        `#${startRef.current.id} ~ *:not(#${endRef.current.id}):has(~ #${endRef.current.id})`,\n                      ) as unknown as DocumentFragment;\n                    }\n                  } catch (e) {\n                    logError('NextAppRouter', 'Error finding root element.', e);\n                  }\n                  if (unmount.size > 0) {\n                    prevRemoteComponentUnmountRef.current = { unmount, root };\n                  }\n                  return Promise.all(\n                    Array.from(mount).map((mountFn) => mountFn(root)),\n                  );\n                }\n              })\n              .catch((e) => {\n                logError(\n                  'NextAppRouter',\n                  'Error loading static remote component.',\n                  e,\n                );\n                setComponent(e as Error);\n              });\n            return;\n          }\n\n          const result = await runPipelineFromParsed({\n            url,\n            name,\n            signal: controller.signal,\n            payload: {\n              name,\n              bundle,\n              route,\n              runtime,\n              data,\n              nextData,\n              scripts,\n            },\n            shared: resolveHostShared(resolveClientUrl),\n            remoteShared,\n            container: shadowRootRef.current,\n            resolveClientUrl,\n            rscName,\n          });\n\n          if (result.status === 'aborted') {\n            return;\n          }\n          if (result.status === 'error') {\n            hostStateRef.current.stage = 'error';\n            setComponent(result.error);\n          } else {\n            hostStateRef.current.stage = 'loaded';\n            setComponent(result.component);\n          }\n        }\n      } catch (error: unknown) {\n        hostStateRef.current.stage = 'error';\n        setComponent(error as Error);\n      }\n    });\n\n    return () => {\n      hostStateRef.current.abortController?.abort();\n    };\n  }, [\n    component,\n    name,\n    bundle,\n    route,\n    runtime,\n    scripts,\n    data,\n    nextData,\n    remoteShared,\n    children,\n    isolate,\n    type,\n    rscName,\n    url,\n    resolveClientUrl,\n  ]);\n\n  if (\n    nextData?.buildId === 'development' &&\n    shadowRootRef.current &&\n    isolate !== false &&\n    reset &&\n    !shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // inject reset styles into the shadow root\n    const style = document.createElement('style');\n    style.setAttribute('data-remote-components-reset', '');\n    style.textContent = `:host { all: initial; }`;\n    shadowRootRef.current.insertBefore(style, shadowRootRef.current.firstChild);\n  } else if (\n    shadowRootRef.current &&\n    isolate !== false &&\n    !reset &&\n    shadowRootRef.current.querySelector('[data-remote-components-reset]')\n  ) {\n    // ensure reset styles are the first child in the shadow root\n    const style = shadowRootRef.current.querySelector(\n      '[data-remote-components-reset]',\n    );\n    if (style && shadowRootRef.current.firstChild !== style) {\n      shadowRootRef.current.removeChild(style);\n    }\n  }\n\n  const linksToRender = (\n    <RemoteComponentLinks\n      links={links}\n      url={url}\n      serverUrl={serverUrl}\n      bundle={bundle}\n      isolate={isolate}\n      reset={reset}\n      isDevelopment={nextData?.buildId === 'development'}\n    />\n  );\n\n  let componentToRender = shouldUseChildren\n    ? children\n    : (component as React.ReactNode);\n\n  if (isolate !== false) {\n    componentToRender = (\n      <div\n        data-remote-component-id={`shadowroot_${remoteComponentId}`}\n        data-remote-component-isolation-root=\"\"\n        id={`shadowroot_${name}`}\n        ref={shadowContainerRef}\n      >\n        {typeof document === 'undefined' ? (\n          // eslint-disable-next-line react/no-unknown-property\n          <template shadowrootmode={mode}>\n            {mode === 'closed' ? (\n              <div\n                dangerouslySetInnerHTML={{\n                  __html: `<img\n      alt=\"\" decoding=\"async\" style=\"display:none\"\n      src=\"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==\"\n      onload=\"(function(el){\n        const root = el.getRootNode();\n        globalThis.${shadowRootKey} = root;\n        el.parentElement.remove();\n      })(this)\"\n    />`,\n                }}\n              />\n            ) : null}\n            {linksToRender}\n            {shouldUseChildren ? children : null}\n          </template>\n        ) : null}\n        {typeof document !== 'undefined' &&\n        shadowRootRef.current &&\n        !shouldUseChildren\n          ? createPortal(\n              <>\n                {linksToRender}\n                {componentToRender}\n              </>,\n              shadowRootRef.current,\n            )\n          : null}\n      </div>\n    );\n  }\n\n  return (\n    <>\n      {isolate === false ? (\n        <template id={`${name}_start`} ref={startRef} />\n      ) : null}\n      <script data-remote-component type=\"application/json\">\n        {JSON.stringify({\n          name,\n          bundle,\n          route,\n          runtime,\n        })}\n      </script>\n      {isolate === false ? linksToRender : null}\n      {componentToRender}\n      {nextData ? (\n        <script\n          id={`${bundle}_${route.replace(\n            /[^a-zA-Z0-9]+/g,\n            '_',\n          )}${name}_next_data`}\n          type=\"application/json\"\n        >\n          {JSON.stringify(nextData)}\n        </script>\n      ) : null}\n      {isolate === false ? <template id={`${name}_end`} ref={endRef} /> : null}\n    </>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/internal/host/nextjs/dom-flight.cjs

@@ -34,19 +34,11 @@ module.exports = __toCommonJS(dom_flight_exports);
 var import_parse5 = require("parse5");
 var import_react_property = require("react-property");
 var import_style_to_js = __toESM(require("style-to-js"), 1);
+var import_html_spec = require("#internal/runtime/html/html-spec");
+var import_rewrite_srcset = require("#internal/runtime/html/rewrite-srcset");
 import_react_property.possibleStandardNames.fetchpriority = "fetchPriority";
 import_react_property.possibleStandardNames["data-precedence"] = "precedence";
-const applyOriginToNodes = [
-  "img",
-  "source",
-  "video",
-  "audio",
-  "track",
-  "iframe",
-  "embed",
-  "script",
-  "link"
-];
+const applyOriginToNodes = import_html_spec.ORIGIN_REWRITE_TAGS;
 function visit(node, context = {
   url: new URL("http://localhost"),
   active: false
@@ -85,26 +77,14 @@ function visit(node, context = {
     }
     const srcSet = node.attrsObj?.srcset;
     if (srcSet) {
-      const srcSetValue = srcSet.split(",").map((entry) => {
-        const [url, descriptor] = entry.trim().split(/\s+/);
-        if (!url)
-          return entry;
-        const absoluteUrl = new URL(url, origin).href;
-        return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
-      }).join(", ");
+      const srcSetValue = (0, import_rewrite_srcset.rewriteSrcset)(srcSet, origin);
       if (node.attrsObjToArray && "srcset" in node.attrsObjToArray) {
         node.attrsObjToArray.srcset.value = srcSetValue;
       }
     }
     const imageSrcSet = node.attrsObj?.imagesrcset;
     if (imageSrcSet) {
-      const srcSetValue = imageSrcSet.split(",").map((entry) => {
-        const [url, descriptor] = entry.trim().split(/\s+/);
-        if (!url)
-          return entry;
-        const absoluteUrl = new URL(url, origin).href;
-        return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
-      }).join(", ");
+      const srcSetValue = (0, import_rewrite_srcset.rewriteSrcset)(imageSrcSet, origin);
       if (node.attrsObjToArray && "imagesrcset" in node.attrsObjToArray) {
         node.attrsObjToArray.imagesrcset.value = srcSetValue;
       }
@@ -112,12 +92,12 @@ function visit(node, context = {
   }
   if (node.nodeName === "script" || node.nodeName === "link") {
     const nodeId = node.attrsObj?.id;
-    if (nodeId?.endsWith("_shared")) {
+    if (nodeId?.endsWith(import_html_spec.ID_SUFFIX_SHARED)) {
       context.onShared?.(
         JSON.parse(node.childNodes[0].value)
       );
       return null;
-    } else if (nodeId?.endsWith("_rsc") && "childNodes" in node) {
+    } else if (nodeId?.endsWith(import_html_spec.ID_SUFFIX_RSC) && "childNodes" in node) {
       if (!context.visitedRSCNodes) {
         context.visitedRSCNodes = /* @__PURE__ */ new Set();
       }
@@ -125,7 +105,7 @@ function visit(node, context = {
         context.visitedRSCNodes.add(node);
         context.onRSC?.(node.childNodes[0].value);
       }
-    } else if (nodeId === "__NEXT_DATA__" && "childNodes" in node) {
+    } else if (nodeId === import_html_spec.NEXT_DATA_ID && "childNodes" in node) {
       context.onHTML?.(
         `<script id="__REMOTE_NEXT_DATA__" type="application/json">${node.childNodes[0].value}</script>`
       );
@@ -142,7 +122,7 @@ function visit(node, context = {
       }
       context.onNextData?.(nextDataValue);
     } else if (node.childNodes.length === 0) {
-      if (node.nodeName === "script" && node.attrsObj && !("src" in node.attrsObj) && !("data-src" in node.attrsObj)) {
+      if (node.nodeName === "script" && node.attrsObj && !("src" in node.attrsObj) && !(import_html_spec.DATA_SRC in node.attrsObj)) {
         return [
           "$",
           node.nodeName,
@@ -159,7 +139,7 @@ function visit(node, context = {
       if (node.nodeName === "script") {
         context.onScript?.(
           node.attrs.reduce((props, attr) => {
-            if (attr.name === "data-src") {
+            if (attr.name === import_html_spec.DATA_SRC) {
               props.src = attr.value;
             } else {
               props[attr.name] = attr.value || true;
@@ -171,12 +151,12 @@ function visit(node, context = {
         if (src) {
           node.attrs = node.attrs.filter((attr) => attr.name !== "src");
           node.attrs.push({
-            name: "data-src",
+            name: import_html_spec.DATA_SRC,
             value: src
           });
           if (node.attrsObj) {
             delete node.attrsObj.src;
-            node.attrsObj["data-src"] = src;
+            node.attrsObj[import_html_spec.DATA_SRC] = src;
           }
         }
         context.onHTML?.((0, import_parse5.serializeOuter)(node));
@@ -211,7 +191,7 @@ function visit(node, context = {
     if (!context.visitedNonActiveNodes) {
       context.visitedNonActiveNodes = /* @__PURE__ */ new Set();
     }
-    if ("childNodes" in node && !(node.nodeName === "remote-component" && !node.attrsObj?.src && (context.name ? node.attrsObj?.name !== context.name : false))) {
+    if ("childNodes" in node && !(node.nodeName === import_html_spec.TAG_REMOTE_COMPONENT && !node.attrsObj?.src && (context.name ? node.attrsObj?.name !== context.name : false))) {
       if (!context.visitedNonActiveNodes.has(node)) {
         context.visitedNonActiveNodes.add(node);
         node.childNodes.forEach((childNode) => {
@@ -240,13 +220,13 @@ function visit(node, context = {
       return null;
     default: {
       const nodeId = node.attrsObj?.id;
-      if (node.nodeName === "remote-component" && !node.attrsObj?.src && (!context.name || node.attrsObj?.name === context.name) || node.nodeName === "div" && (nodeId === "__next" || (context.name ? nodeId?.startsWith(context.name) : node.attrsObj && "data-bundle" in node.attrsObj && node.attrsObj["data-bundle"] && "data-route" in node.attrsObj && nodeId?.endsWith("_ssr")))) {
+      if (node.nodeName === import_html_spec.TAG_REMOTE_COMPONENT && !node.attrsObj?.src && (!context.name || node.attrsObj?.name === context.name) || node.nodeName === "div" && (nodeId === "__next" || (context.name ? nodeId?.startsWith(context.name) : node.attrsObj && import_html_spec.DATA_BUNDLE in node.attrsObj && node.attrsObj[import_html_spec.DATA_BUNDLE] && import_html_spec.DATA_ROUTE in node.attrsObj && nodeId?.endsWith(import_html_spec.ID_SUFFIX_SSR)))) {
         context.onMetadata?.({
-          bundle: node.attrsObj?.["data-bundle"],
-          route: node.attrsObj?.["data-route"],
-          runtime: node.attrsObj?.["data-runtime"] ?? (node.nodeName === "remote-component" ? "script" : void 0),
-          id: nodeId?.endsWith("_ssr") ? nodeId : void 0,
-          type: node.nodeName === "remote-component" ? "remote-component" : node.attrsObj?.["data-type"]
+          bundle: node.attrsObj?.[import_html_spec.DATA_BUNDLE],
+          route: node.attrsObj?.[import_html_spec.DATA_ROUTE],
+          runtime: node.attrsObj?.[import_html_spec.DATA_RUNTIME] ?? (node.nodeName === import_html_spec.TAG_REMOTE_COMPONENT ? "script" : void 0),
+          id: nodeId?.endsWith(import_html_spec.ID_SUFFIX_SSR) ? nodeId : void 0,
+          type: node.nodeName === import_html_spec.TAG_REMOTE_COMPONENT ? import_html_spec.TAG_REMOTE_COMPONENT : node.attrsObj?.[import_html_spec.DATA_TYPE]
         });
         context.onHTML?.((0, import_parse5.serializeOuter)(node));
         return node.childNodes.reduce((acc, childNode) => {

package/dist/internal/host/nextjs/dom-flight.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/nextjs/dom-flight.ts"],"sourcesContent":["import { serializeOuter } from 'parse5';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport type { RawMetadataAttrs } from '#internal/runtime/metadata';\n\n// add fetch-priority to the possible standard names\npossibleStandardNames.fetchpriority = 'fetchPriority';\npossibleStandardNames['data-precedence'] = 'precedence';\n\nexport interface Context {\n  name?: string;\n  url: URL;\n  origin?: string;\n  defer?: boolean;\n  active?: boolean;\n  visitedRSCNodes?: Set<Node>;\n  visitedNonActiveNodes?: Set<Node>;\n  onMetadata?: (attrs: RawMetadataAttrs) => void;\n  onScript?: (attrs: Record<string, string | boolean>) => void;\n  onLink?: (attrs: Record<string, string | boolean>) => void;\n  onRSC?: (rsc: string) => void;\n  onNextData?: (data: {\n    props: {\n      pageProps: Record<string, unknown>;\n      __REMOTE_COMPONENT__?: {\n        bundle: string;\n        runtime: string;\n      };\n    };\n    page?: string;\n  }) => void;\n  onHTML?: (html: string) => void;\n  onShared?: (shared: Record<string, string>) => void;\n  onError?: (message: string, stack?: string) => void;\n}\n\nexport type RSC =\n  | ['$', string, null, Record<string, unknown>, null, null, number]\n  | (\n      | ['$', string, null, Record<string, unknown>, null, null, number]\n      | string\n      | null\n    )[]\n  | string\n  | null;\n\nconst applyOriginToNodes = [\n  'img',\n  'source',\n  'video',\n  'audio',\n  'track',\n  'iframe',\n  'embed',\n  'script',\n  'link',\n];\n\nexport function visit(\n  node: (Node | ChildNode) & {\n    attrsObj?: Record<string, string>;\n    attrsObjToArray?: Record<string, { name: string; value: string }>;\n  },\n  context: Context = {\n    url: new URL('http://localhost'),\n    active: false,\n  },\n): RSC | RSC[] | string | null {\n  if ('attrs' in node && typeof node.attrsObj === 'undefined') {\n    node.attrsObjToArray = {};\n    node.attrsObj = node.attrs.reduce<Record<string, string>>((acc, attr) => {\n      acc[attr.name] = attr.value;\n      if (node.attrsObjToArray) {\n        node.attrsObjToArray[attr.name] = attr;\n      }\n      return acc;\n    }, {});\n  }\n\n  if (\n    node.nodeName === 'template' &&\n    node.attrsObj?.['data-next-error-message']\n  ) {\n    context.onError?.(\n      node.attrsObj['data-next-error-message'],\n      node.attrsObj['data-next-error-stack'],\n    );\n  }\n\n  // apply origin to src and srcset attributes\n  if (\n    applyOriginToNodes.includes(node.nodeName.toLowerCase()) &&\n    'attrs' in node\n  ) {\n    const origin = context.origin ?? context.url.origin;\n    const src = node.attrsObj?.src;\n    if (src) {\n      const url = new URL(src, origin);\n      if (node.attrsObjToArray && 'src' in node.attrsObjToArray) {\n        node.attrsObjToArray.src.value = url.href;\n      }\n    }\n    const href = node.attrsObj?.href;\n    if (href) {\n      const url = new URL(href, origin);\n      if (node.attrsObjToArray && 'href' in node.attrsObjToArray) {\n        node.attrsObjToArray.href.value = url.href;\n      }\n    }\n\n    const srcSet = node.attrsObj?.srcset;\n    if (srcSet) {\n      const srcSetValue = srcSet\n        .split(',')\n        .map((entry) => {\n          const [url, descriptor] = entry.trim().split(/\\s+/);\n          if (!url) return entry;\n\n          const absoluteUrl = new URL(url, origin).href;\n          return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;\n        })\n        .join(', ');\n      if (node.attrsObjToArray && 'srcset' in node.attrsObjToArray) {\n        node.attrsObjToArray.srcset.value = srcSetValue;\n      }\n    }\n    const imageSrcSet = node.attrsObj?.imagesrcset;\n    if (imageSrcSet) {\n      const srcSetValue = imageSrcSet\n        .split(',')\n        .map((entry) => {\n          const [url, descriptor] = entry.trim().split(/\\s+/);\n          if (!url) return entry;\n\n          const absoluteUrl = new URL(url, origin).href;\n          return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;\n        })\n        .join(', ');\n      if (node.attrsObjToArray && 'imagesrcset' in node.attrsObjToArray) {\n        node.attrsObjToArray.imagesrcset.value = srcSetValue;\n      }\n    }\n  }\n\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    const nodeId = node.attrsObj?.id;\n    if (nodeId?.endsWith('_shared')) {\n      context.onShared?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as Record<\n          string,\n          string\n        >,\n      );\n      return null;\n    } else if (nodeId?.endsWith('_rsc') && 'childNodes' in node) {\n      if (!context.visitedRSCNodes) {\n        context.visitedRSCNodes = new Set();\n      }\n      if (\n        !context.visitedRSCNodes.has(node) &&\n        (context.name ? nodeId.startsWith(context.name) : true)\n      ) {\n        context.visitedRSCNodes.add(node);\n        context.onRSC?.((node.childNodes[0] as TextNode).value);\n      }\n    } else if (nodeId === '__NEXT_DATA__' && 'childNodes' in node) {\n      context.onHTML?.(\n        `<script id=\"__REMOTE_NEXT_DATA__\" type=\"application/json\">${(node.childNodes[0] as TextNode).value}</script>`,\n      );\n      const nextDataValue = JSON.parse(\n        (node.childNodes[0] as TextNode).value,\n      ) as {\n        props: {\n          pageProps: Record<string, unknown>;\n          __REMOTE_COMPONENT__?: { bundle: string; runtime: string };\n        };\n        page?: string;\n      };\n      if (nextDataValue.props.__REMOTE_COMPONENT__) {\n        context.onMetadata?.({\n          bundle: nextDataValue.props.__REMOTE_COMPONENT__.bundle,\n          runtime: nextDataValue.props.__REMOTE_COMPONENT__.runtime,\n          id: '__next',\n          route: nextDataValue.page,\n        });\n      }\n      context.onNextData?.(nextDataValue);\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        node.attrsObj &&\n        !('src' in node.attrsObj) &&\n        !('data-src' in node.attrsObj)\n      ) {\n        return [\n          '$',\n          node.nodeName,\n          null,\n          node.attrs.reduce<Record<string, string>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n            return props;\n          }, {}),\n          null,\n          null,\n          1,\n        ] as RSC;\n      }\n      if (node.nodeName === 'script') {\n        context.onScript?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            if (attr.name === 'data-src') {\n              props.src = attr.value;\n            } else {\n              props[attr.name] = attr.value || true;\n            }\n            return props;\n          }, {}),\n        );\n        const src = node.attrsObj?.src;\n        if (src) {\n          node.attrs = node.attrs.filter((attr) => attr.name !== 'src');\n          node.attrs.push({\n            name: 'data-src',\n            value: src,\n          });\n          if (node.attrsObj) {\n            delete node.attrsObj.src;\n            node.attrsObj['data-src'] = src;\n          }\n        }\n        context.onHTML?.(serializeOuter(node));\n      } else {\n        context.onLink?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            if (attr.name === 'href') {\n              attr.value = new URL(attr.value, context.url.origin).href;\n            }\n            props[possibleStandardNames[attr.name] ?? attr.name] =\n              attr.value || true;\n            return props;\n          }, {}),\n        );\n        context.onHTML?.(serializeOuter(node));\n      }\n      return null;\n    } else if (\n      context.active &&\n      node.nodeName === 'script' &&\n      'childNodes' in node &&\n      node.childNodes.length > 0\n    ) {\n      // inline script\n      context.onScript?.({\n        ...node.attrs.reduce<Record<string, string | boolean>>(\n          (props, attr) => {\n            props[attr.name] = attr.value || true;\n            return props;\n          },\n          {},\n        ),\n        textContent: (node.childNodes[0] as TextNode).value,\n      });\n      return null;\n    }\n  }\n\n  if (!context.active) {\n    if (!context.visitedNonActiveNodes) {\n      context.visitedNonActiveNodes = new Set();\n    }\n\n    if (\n      'childNodes' in node &&\n      !(\n        node.nodeName === 'remote-component' &&\n        !node.attrsObj?.src &&\n        (context.name ? node.attrsObj?.name !== context.name : false)\n      )\n    ) {\n      if (!context.visitedNonActiveNodes.has(node)) {\n        context.visitedNonActiveNodes.add(node);\n        (node as Element).childNodes.forEach((childNode) => {\n          visit(childNode, context);\n        });\n      }\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes.reduce<RSC[]>((acc, childNode) => {\n        const result = visit(childNode, context);\n        if (result !== null) {\n          acc.push(result as unknown as RSC);\n        }\n        return acc;\n      }, []);\n    case '#text':\n      return (node as TextNode).value;\n    case '#comment':\n    case 'head':\n    case 'meta':\n    case 'title':\n    case 'noscript':\n      return null;\n    default: {\n      const nodeId = node.attrsObj?.id;\n\n      if (\n        (node.nodeName === 'remote-component' &&\n          !node.attrsObj?.src &&\n          (!context.name || node.attrsObj?.name === context.name)) ||\n        (node.nodeName === 'div' &&\n          (nodeId === '__next' ||\n            (context.name\n              ? nodeId?.startsWith(context.name)\n              : node.attrsObj &&\n                'data-bundle' in node.attrsObj &&\n                node.attrsObj['data-bundle'] &&\n                'data-route' in node.attrsObj &&\n                nodeId?.endsWith('_ssr'))))\n      ) {\n        context.onMetadata?.({\n          bundle: node.attrsObj?.['data-bundle'],\n          route: node.attrsObj?.['data-route'],\n          runtime:\n            node.attrsObj?.['data-runtime'] ??\n            (node.nodeName === 'remote-component' ? 'script' : undefined),\n          id: nodeId?.endsWith('_ssr') ? nodeId : undefined,\n          type:\n            node.nodeName === 'remote-component'\n              ? 'remote-component'\n              : node.attrsObj?.['data-type'],\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes.reduce<RSC[]>((acc, childNode) => {\n          const result = visit(childNode, {\n            ...context,\n            active: true,\n          });\n          if (result !== null) {\n            acc.push(result as unknown as RSC);\n          }\n          return acc;\n        }, []);\n      }\n      const childNodes = (node as Element).childNodes.reduce<unknown[]>(\n        (acc, childNode) => {\n          const result = visit(childNode, context);\n          if (result !== null) {\n            acc.push(result as unknown);\n          }\n          return acc;\n        },\n        [],\n      );\n      const children = childNodes.length > 1 ? childNodes : childNodes[0];\n      const nodeProps = (node as Element).attrs.reduce<\n        Record<string, string | ReturnType<typeof styleToJs>> & {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          children?: any;\n        }\n      >((props, attr) => {\n        if (attr.name === 'style') {\n          props.style = styleToJs(attr.value, {\n            reactCompat: true,\n          });\n          return props;\n        }\n        if (node.nodeName === 'input' && attr.name === 'value') {\n          props.defaultValue = attr.value;\n          return props;\n        }\n        if (isCustomAttribute(attr.name)) {\n          props[attr.name] = attr.value;\n          return props;\n        }\n        props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n        return props;\n      }, {});\n      if (typeof children !== 'undefined') {\n        if (\n          node.nodeName === 'script' &&\n          typeof children === 'string' &&\n          children.startsWith('$')\n        ) {\n          nodeProps.children = `$${children}`;\n        } else {\n          nodeProps.children = children;\n        }\n      }\n      if (!context.active) {\n        if (childNodes.length > 0) {\n          return childNodes as RSC;\n        }\n        return null;\n      }\n      return ['$', node.nodeName, null, nodeProps, null, null, 1] as RSC;\n    }\n  }\n}\n"],"mappings":"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","names":["styleToJs"]}
+{"version":3,"sources":["../../../../src/host/nextjs/dom-flight.ts"],"sourcesContent":["import { serializeOuter } from 'parse5';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport {\n  DATA_BUNDLE,\n  DATA_ROUTE,\n  DATA_RUNTIME,\n  DATA_SRC,\n  DATA_TYPE,\n  ID_SUFFIX_RSC,\n  ID_SUFFIX_SHARED,\n  ID_SUFFIX_SSR,\n  NEXT_DATA_ID,\n  ORIGIN_REWRITE_TAGS,\n  TAG_REMOTE_COMPONENT,\n} from '#internal/runtime/html/html-spec';\nimport { rewriteSrcset } from '#internal/runtime/html/rewrite-srcset';\nimport type { RawMetadataAttrs } from '#internal/runtime/metadata';\n\n// add fetch-priority to the possible standard names\npossibleStandardNames.fetchpriority = 'fetchPriority';\npossibleStandardNames['data-precedence'] = 'precedence';\n\nexport interface Context {\n  name?: string;\n  url: URL;\n  origin?: string;\n  defer?: boolean;\n  active?: boolean;\n  visitedRSCNodes?: Set<Node>;\n  visitedNonActiveNodes?: Set<Node>;\n  onMetadata?: (attrs: RawMetadataAttrs) => void;\n  onScript?: (attrs: Record<string, string | boolean>) => void;\n  onLink?: (attrs: Record<string, string | boolean>) => void;\n  onRSC?: (rsc: string) => void;\n  onNextData?: (data: {\n    props: {\n      pageProps: Record<string, unknown>;\n      __REMOTE_COMPONENT__?: {\n        bundle: string;\n        runtime: string;\n      };\n    };\n    page?: string;\n  }) => void;\n  onHTML?: (html: string) => void;\n  onShared?: (shared: Record<string, string>) => void;\n  onError?: (message: string, stack?: string) => void;\n}\n\nexport type RSC =\n  | ['$', string, null, Record<string, unknown>, null, null, number]\n  | (\n      | ['$', string, null, Record<string, unknown>, null, null, number]\n      | string\n      | null\n    )[]\n  | string\n  | null;\n\nconst applyOriginToNodes: readonly string[] = ORIGIN_REWRITE_TAGS;\n\nexport function visit(\n  node: (Node | ChildNode) & {\n    attrsObj?: Record<string, string>;\n    attrsObjToArray?: Record<string, { name: string; value: string }>;\n  },\n  context: Context = {\n    url: new URL('http://localhost'),\n    active: false,\n  },\n): RSC | RSC[] | string | null {\n  if ('attrs' in node && typeof node.attrsObj === 'undefined') {\n    node.attrsObjToArray = {};\n    node.attrsObj = node.attrs.reduce<Record<string, string>>((acc, attr) => {\n      acc[attr.name] = attr.value;\n      if (node.attrsObjToArray) {\n        node.attrsObjToArray[attr.name] = attr;\n      }\n      return acc;\n    }, {});\n  }\n\n  if (\n    node.nodeName === 'template' &&\n    node.attrsObj?.['data-next-error-message']\n  ) {\n    context.onError?.(\n      node.attrsObj['data-next-error-message'],\n      node.attrsObj['data-next-error-stack'],\n    );\n  }\n\n  // apply origin to src and srcset attributes\n  if (\n    applyOriginToNodes.includes(node.nodeName.toLowerCase()) &&\n    'attrs' in node\n  ) {\n    const origin = context.origin ?? context.url.origin;\n    const src = node.attrsObj?.src;\n    if (src) {\n      const url = new URL(src, origin);\n      if (node.attrsObjToArray && 'src' in node.attrsObjToArray) {\n        node.attrsObjToArray.src.value = url.href;\n      }\n    }\n    const href = node.attrsObj?.href;\n    if (href) {\n      const url = new URL(href, origin);\n      if (node.attrsObjToArray && 'href' in node.attrsObjToArray) {\n        node.attrsObjToArray.href.value = url.href;\n      }\n    }\n\n    const srcSet = node.attrsObj?.srcset;\n    if (srcSet) {\n      const srcSetValue = rewriteSrcset(srcSet, origin);\n      if (node.attrsObjToArray && 'srcset' in node.attrsObjToArray) {\n        node.attrsObjToArray.srcset.value = srcSetValue;\n      }\n    }\n    const imageSrcSet = node.attrsObj?.imagesrcset;\n    if (imageSrcSet) {\n      const srcSetValue = rewriteSrcset(imageSrcSet, origin);\n      if (node.attrsObjToArray && 'imagesrcset' in node.attrsObjToArray) {\n        node.attrsObjToArray.imagesrcset.value = srcSetValue;\n      }\n    }\n  }\n\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    const nodeId = node.attrsObj?.id;\n    if (nodeId?.endsWith(ID_SUFFIX_SHARED)) {\n      context.onShared?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as Record<\n          string,\n          string\n        >,\n      );\n      return null;\n    } else if (nodeId?.endsWith(ID_SUFFIX_RSC) && 'childNodes' in node) {\n      if (!context.visitedRSCNodes) {\n        context.visitedRSCNodes = new Set();\n      }\n      if (\n        !context.visitedRSCNodes.has(node) &&\n        (context.name ? nodeId.startsWith(context.name) : true)\n      ) {\n        context.visitedRSCNodes.add(node);\n        context.onRSC?.((node.childNodes[0] as TextNode).value);\n      }\n    } else if (nodeId === NEXT_DATA_ID && 'childNodes' in node) {\n      context.onHTML?.(\n        `<script id=\"__REMOTE_NEXT_DATA__\" type=\"application/json\">${(node.childNodes[0] as TextNode).value}</script>`,\n      );\n      const nextDataValue = JSON.parse(\n        (node.childNodes[0] as TextNode).value,\n      ) as {\n        props: {\n          pageProps: Record<string, unknown>;\n          __REMOTE_COMPONENT__?: { bundle: string; runtime: string };\n        };\n        page?: string;\n      };\n      if (nextDataValue.props.__REMOTE_COMPONENT__) {\n        context.onMetadata?.({\n          bundle: nextDataValue.props.__REMOTE_COMPONENT__.bundle,\n          runtime: nextDataValue.props.__REMOTE_COMPONENT__.runtime,\n          id: '__next',\n          route: nextDataValue.page,\n        });\n      }\n      context.onNextData?.(nextDataValue);\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        node.attrsObj &&\n        !('src' in node.attrsObj) &&\n        !(DATA_SRC in node.attrsObj)\n      ) {\n        return [\n          '$',\n          node.nodeName,\n          null,\n          node.attrs.reduce<Record<string, string>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n            return props;\n          }, {}),\n          null,\n          null,\n          1,\n        ] as RSC;\n      }\n      if (node.nodeName === 'script') {\n        context.onScript?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            if (attr.name === DATA_SRC) {\n              props.src = attr.value;\n            } else {\n              props[attr.name] = attr.value || true;\n            }\n            return props;\n          }, {}),\n        );\n        const src = node.attrsObj?.src;\n        if (src) {\n          node.attrs = node.attrs.filter((attr) => attr.name !== 'src');\n          node.attrs.push({\n            name: DATA_SRC,\n            value: src,\n          });\n          if (node.attrsObj) {\n            delete node.attrsObj.src;\n            node.attrsObj[DATA_SRC] = src;\n          }\n        }\n        context.onHTML?.(serializeOuter(node));\n      } else {\n        context.onLink?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            if (attr.name === 'href') {\n              attr.value = new URL(attr.value, context.url.origin).href;\n            }\n            props[possibleStandardNames[attr.name] ?? attr.name] =\n              attr.value || true;\n            return props;\n          }, {}),\n        );\n        context.onHTML?.(serializeOuter(node));\n      }\n      return null;\n    } else if (\n      context.active &&\n      node.nodeName === 'script' &&\n      'childNodes' in node &&\n      node.childNodes.length > 0\n    ) {\n      // inline script\n      context.onScript?.({\n        ...node.attrs.reduce<Record<string, string | boolean>>(\n          (props, attr) => {\n            props[attr.name] = attr.value || true;\n            return props;\n          },\n          {},\n        ),\n        textContent: (node.childNodes[0] as TextNode).value,\n      });\n      return null;\n    }\n  }\n\n  if (!context.active) {\n    if (!context.visitedNonActiveNodes) {\n      context.visitedNonActiveNodes = new Set();\n    }\n\n    if (\n      'childNodes' in node &&\n      !(\n        node.nodeName === TAG_REMOTE_COMPONENT &&\n        !node.attrsObj?.src &&\n        (context.name ? node.attrsObj?.name !== context.name : false)\n      )\n    ) {\n      if (!context.visitedNonActiveNodes.has(node)) {\n        context.visitedNonActiveNodes.add(node);\n        (node as Element).childNodes.forEach((childNode) => {\n          visit(childNode, context);\n        });\n      }\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes.reduce<RSC[]>((acc, childNode) => {\n        const result = visit(childNode, context);\n        if (result !== null) {\n          acc.push(result as unknown as RSC);\n        }\n        return acc;\n      }, []);\n    case '#text':\n      return (node as TextNode).value;\n    case '#comment':\n    case 'head':\n    case 'meta':\n    case 'title':\n    case 'noscript':\n      return null;\n    default: {\n      const nodeId = node.attrsObj?.id;\n\n      if (\n        (node.nodeName === TAG_REMOTE_COMPONENT &&\n          !node.attrsObj?.src &&\n          (!context.name || node.attrsObj?.name === context.name)) ||\n        (node.nodeName === 'div' &&\n          (nodeId === '__next' ||\n            (context.name\n              ? nodeId?.startsWith(context.name)\n              : node.attrsObj &&\n                DATA_BUNDLE in node.attrsObj &&\n                node.attrsObj[DATA_BUNDLE] &&\n                DATA_ROUTE in node.attrsObj &&\n                nodeId?.endsWith(ID_SUFFIX_SSR))))\n      ) {\n        context.onMetadata?.({\n          bundle: node.attrsObj?.[DATA_BUNDLE],\n          route: node.attrsObj?.[DATA_ROUTE],\n          runtime:\n            node.attrsObj?.[DATA_RUNTIME] ??\n            (node.nodeName === TAG_REMOTE_COMPONENT ? 'script' : undefined),\n          id: nodeId?.endsWith(ID_SUFFIX_SSR) ? nodeId : undefined,\n          type:\n            node.nodeName === TAG_REMOTE_COMPONENT\n              ? TAG_REMOTE_COMPONENT\n              : node.attrsObj?.[DATA_TYPE],\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes.reduce<RSC[]>((acc, childNode) => {\n          const result = visit(childNode, {\n            ...context,\n            active: true,\n          });\n          if (result !== null) {\n            acc.push(result as unknown as RSC);\n          }\n          return acc;\n        }, []);\n      }\n      const childNodes = (node as Element).childNodes.reduce<unknown[]>(\n        (acc, childNode) => {\n          const result = visit(childNode, context);\n          if (result !== null) {\n            acc.push(result as unknown);\n          }\n          return acc;\n        },\n        [],\n      );\n      const children = childNodes.length > 1 ? childNodes : childNodes[0];\n      const nodeProps = (node as Element).attrs.reduce<\n        Record<string, string | ReturnType<typeof styleToJs>> & {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          children?: any;\n        }\n      >((props, attr) => {\n        if (attr.name === 'style') {\n          props.style = styleToJs(attr.value, {\n            reactCompat: true,\n          });\n          return props;\n        }\n        if (node.nodeName === 'input' && attr.name === 'value') {\n          props.defaultValue = attr.value;\n          return props;\n        }\n        if (isCustomAttribute(attr.name)) {\n          props[attr.name] = attr.value;\n          return props;\n        }\n        props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n        return props;\n      }, {});\n      if (typeof children !== 'undefined') {\n        if (\n          node.nodeName === 'script' &&\n          typeof children === 'string' &&\n          children.startsWith('$')\n        ) {\n          nodeProps.children = `$${children}`;\n        } else {\n          nodeProps.children = children;\n        }\n      }\n      if (!context.active) {\n        if (childNodes.length > 0) {\n          return childNodes as RSC;\n        }\n        return null;\n      }\n      return ['$', node.nodeName, null, nodeProps, null, null, 1] as RSC;\n    }\n  }\n}\n"],"mappings":"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","names":["styleToJs"]}

package/dist/internal/host/nextjs/dom-flight.js

@@ -1,19 +1,23 @@
 import { serializeOuter } from "parse5";
 import { isCustomAttribute, possibleStandardNames } from "react-property";
 import styleToJs from "style-to-js";
+import {
+  DATA_BUNDLE,
+  DATA_ROUTE,
+  DATA_RUNTIME,
+  DATA_SRC,
+  DATA_TYPE,
+  ID_SUFFIX_RSC,
+  ID_SUFFIX_SHARED,
+  ID_SUFFIX_SSR,
+  NEXT_DATA_ID,
+  ORIGIN_REWRITE_TAGS,
+  TAG_REMOTE_COMPONENT
+} from "#internal/runtime/html/html-spec";
+import { rewriteSrcset } from "#internal/runtime/html/rewrite-srcset";
 possibleStandardNames.fetchpriority = "fetchPriority";
 possibleStandardNames["data-precedence"] = "precedence";
-const applyOriginToNodes = [
-  "img",
-  "source",
-  "video",
-  "audio",
-  "track",
-  "iframe",
-  "embed",
-  "script",
-  "link"
-];
+const applyOriginToNodes = ORIGIN_REWRITE_TAGS;
 function visit(node, context = {
   url: new URL("http://localhost"),
   active: false
@@ -52,26 +56,14 @@ function visit(node, context = {
     }
     const srcSet = node.attrsObj?.srcset;
     if (srcSet) {
-      const srcSetValue = srcSet.split(",").map((entry) => {
-        const [url, descriptor] = entry.trim().split(/\s+/);
-        if (!url)
-          return entry;
-        const absoluteUrl = new URL(url, origin).href;
-        return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
-      }).join(", ");
+      const srcSetValue = rewriteSrcset(srcSet, origin);
       if (node.attrsObjToArray && "srcset" in node.attrsObjToArray) {
         node.attrsObjToArray.srcset.value = srcSetValue;
       }
     }
     const imageSrcSet = node.attrsObj?.imagesrcset;
     if (imageSrcSet) {
-      const srcSetValue = imageSrcSet.split(",").map((entry) => {
-        const [url, descriptor] = entry.trim().split(/\s+/);
-        if (!url)
-          return entry;
-        const absoluteUrl = new URL(url, origin).href;
-        return descriptor ? `${absoluteUrl} ${descriptor}` : absoluteUrl;
-      }).join(", ");
+      const srcSetValue = rewriteSrcset(imageSrcSet, origin);
       if (node.attrsObjToArray && "imagesrcset" in node.attrsObjToArray) {
         node.attrsObjToArray.imagesrcset.value = srcSetValue;
       }
@@ -79,12 +71,12 @@ function visit(node, context = {
   }
   if (node.nodeName === "script" || node.nodeName === "link") {
     const nodeId = node.attrsObj?.id;
-    if (nodeId?.endsWith("_shared")) {
+    if (nodeId?.endsWith(ID_SUFFIX_SHARED)) {
       context.onShared?.(
         JSON.parse(node.childNodes[0].value)
       );
       return null;
-    } else if (nodeId?.endsWith("_rsc") && "childNodes" in node) {
+    } else if (nodeId?.endsWith(ID_SUFFIX_RSC) && "childNodes" in node) {
       if (!context.visitedRSCNodes) {
         context.visitedRSCNodes = /* @__PURE__ */ new Set();
       }
@@ -92,7 +84,7 @@ function visit(node, context = {
         context.visitedRSCNodes.add(node);
         context.onRSC?.(node.childNodes[0].value);
       }
-    } else if (nodeId === "__NEXT_DATA__" && "childNodes" in node) {
+    } else if (nodeId === NEXT_DATA_ID && "childNodes" in node) {
       context.onHTML?.(
         `<script id="__REMOTE_NEXT_DATA__" type="application/json">${node.childNodes[0].value}</script>`
       );
@@ -109,7 +101,7 @@ function visit(node, context = {
       }
       context.onNextData?.(nextDataValue);
     } else if (node.childNodes.length === 0) {
-      if (node.nodeName === "script" && node.attrsObj && !("src" in node.attrsObj) && !("data-src" in node.attrsObj)) {
+      if (node.nodeName === "script" && node.attrsObj && !("src" in node.attrsObj) && !(DATA_SRC in node.attrsObj)) {
         return [
           "$",
           node.nodeName,
@@ -126,7 +118,7 @@ function visit(node, context = {
       if (node.nodeName === "script") {
         context.onScript?.(
           node.attrs.reduce((props, attr) => {
-            if (attr.name === "data-src") {
+            if (attr.name === DATA_SRC) {
               props.src = attr.value;
             } else {
               props[attr.name] = attr.value || true;
@@ -138,12 +130,12 @@ function visit(node, context = {
         if (src) {
           node.attrs = node.attrs.filter((attr) => attr.name !== "src");
           node.attrs.push({
-            name: "data-src",
+            name: DATA_SRC,
             value: src
           });
           if (node.attrsObj) {
             delete node.attrsObj.src;
-            node.attrsObj["data-src"] = src;
+            node.attrsObj[DATA_SRC] = src;
           }
         }
         context.onHTML?.(serializeOuter(node));
@@ -178,7 +170,7 @@ function visit(node, context = {
     if (!context.visitedNonActiveNodes) {
       context.visitedNonActiveNodes = /* @__PURE__ */ new Set();
     }
-    if ("childNodes" in node && !(node.nodeName === "remote-component" && !node.attrsObj?.src && (context.name ? node.attrsObj?.name !== context.name : false))) {
+    if ("childNodes" in node && !(node.nodeName === TAG_REMOTE_COMPONENT && !node.attrsObj?.src && (context.name ? node.attrsObj?.name !== context.name : false))) {
       if (!context.visitedNonActiveNodes.has(node)) {
         context.visitedNonActiveNodes.add(node);
         node.childNodes.forEach((childNode) => {
@@ -207,13 +199,13 @@ function visit(node, context = {
       return null;
     default: {
       const nodeId = node.attrsObj?.id;
-      if (node.nodeName === "remote-component" && !node.attrsObj?.src && (!context.name || node.attrsObj?.name === context.name) || node.nodeName === "div" && (nodeId === "__next" || (context.name ? nodeId?.startsWith(context.name) : node.attrsObj && "data-bundle" in node.attrsObj && node.attrsObj["data-bundle"] && "data-route" in node.attrsObj && nodeId?.endsWith("_ssr")))) {
+      if (node.nodeName === TAG_REMOTE_COMPONENT && !node.attrsObj?.src && (!context.name || node.attrsObj?.name === context.name) || node.nodeName === "div" && (nodeId === "__next" || (context.name ? nodeId?.startsWith(context.name) : node.attrsObj && DATA_BUNDLE in node.attrsObj && node.attrsObj[DATA_BUNDLE] && DATA_ROUTE in node.attrsObj && nodeId?.endsWith(ID_SUFFIX_SSR)))) {
         context.onMetadata?.({
-          bundle: node.attrsObj?.["data-bundle"],
-          route: node.attrsObj?.["data-route"],
-          runtime: node.attrsObj?.["data-runtime"] ?? (node.nodeName === "remote-component" ? "script" : void 0),
-          id: nodeId?.endsWith("_ssr") ? nodeId : void 0,
-          type: node.nodeName === "remote-component" ? "remote-component" : node.attrsObj?.["data-type"]
+          bundle: node.attrsObj?.[DATA_BUNDLE],
+          route: node.attrsObj?.[DATA_ROUTE],
+          runtime: node.attrsObj?.[DATA_RUNTIME] ?? (node.nodeName === TAG_REMOTE_COMPONENT ? "script" : void 0),
+          id: nodeId?.endsWith(ID_SUFFIX_SSR) ? nodeId : void 0,
+          type: node.nodeName === TAG_REMOTE_COMPONENT ? TAG_REMOTE_COMPONENT : node.attrsObj?.[DATA_TYPE]
         });
         context.onHTML?.(serializeOuter(node));
         return node.childNodes.reduce((acc, childNode) => {