remote-components 0.0.23 → 0.0.24

package/dist/internal/shared/ssr/dom-flight.cjs

@@ -36,10 +36,50 @@ var import_style_to_js = __toESM(require("style-to-js"), 1);
 var import_parse5 = require("parse5");
 import_react_property.possibleStandardNames.fetchpriority = "fetchPriority";
 import_react_property.possibleStandardNames["data-precedence"] = "precedence";
+const applyOriginToNodes = [
+  "img",
+  "source",
+  "video",
+  "audio",
+  "track",
+  "iframe",
+  "embed",
+  "script",
+  "link"
+];
 function visit(node, context = {
   url: new URL("http://localhost"),
   active: false
 }) {
+  if (applyOriginToNodes.includes(node.nodeName.toLowerCase()) && "attrs" in node) {
+    const origin = context.origin ?? context.url.origin;
+    const src = node.attrs.find((attr) => attr.name === "src")?.value;
+    if (src) {
+      const url = new URL(src, origin);
+      node.attrs = node.attrs.map((attr) => {
+        if (attr.name === "src") {
+          attr.value = url.href;
+        }
+        return attr;
+      });
+    }
+    const srcSet = node.attrs.find((attr) => attr.name === "srcset")?.value;
+    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(", ");
+      node.attrs = node.attrs.map((attr) => {
+        if (attr.name === "srcset") {
+          attr.value = srcSetValue;
+        }
+        return attr;
+      });
+    }
+  }
   if (node.nodeName === "script" || node.nodeName === "link") {
     const nodeId = node.attrs.find((attr) => attr.name === "id")?.value;
     if (nodeId?.endsWith("_shared")) {

package/dist/internal/shared/ssr/dom-flight.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/dom-flight.ts"],"sourcesContent":["import { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { serializeOuter } from 'parse5';\nimport type { RemoteComponentMetadata } from './types';\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  onMetadata?: (metadata: RemoteComponentMetadata) => 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}\n\ntype 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\nexport function visit(\n  node: Node | ChildNode,\n  context: Context = {\n    url: new URL('http://localhost'),\n    active: false,\n  },\n): RSC | RSC[] | string | null {\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    const nodeId = node.attrs.find((attr) => attr.name === 'id')?.value;\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      context.onNextData?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as {\n          props: { pageProps: Record<string, unknown> };\n        },\n      );\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        !node.attrs.find((attr) => attr.name === 'src')\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            props[attr.name] = attr.value || true;\n            return props;\n          }, {}),\n        );\n        const src = node.attrs.find((attr) => attr.name === 'src')?.value;\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        }\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    }\n  }\n\n  if (!context.active) {\n    if ('childNodes' in node) {\n      (node as Element).childNodes.forEach((childNode) => {\n        visit(childNode, context);\n      });\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((it) => it !== null) as unknown as RSC;\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 = Array.isArray((node as Element).attrs)\n        ? (node as Element).attrs.find((attr) => attr.name === 'id')?.value\n        : undefined;\n\n      if (\n        node.nodeName === 'div' &&\n        (nodeId === '__next' ||\n          (context.name\n            ? node.attrs.find(\n                (it) =>\n                  it.name === 'id' &&\n                  it.value.startsWith(\n                    context.name ?? '__vercel_remote_component',\n                  ),\n              )\n            : node.attrs.find((it) => it.name === 'data-bundle' && it.value) &&\n              node.attrs.find((it) => it.name === 'data-route') &&\n              nodeId?.endsWith('_ssr')))\n      ) {\n        context.onMetadata?.({\n          bundle:\n            node.attrs.find((it) => it.name === 'data-bundle' && it.value)\n              ?.value ?? '',\n          route:\n            node.attrs.find((it) => it.name === 'data-route')?.value ?? '/',\n          runtime: (node.attrs.find((it) => it.name === 'data-runtime')\n            ?.value ?? 'webpack') as RemoteComponentMetadata['runtime'],\n          id: nodeId?.endsWith('_ssr') ? nodeId : '__vercel_remote_component',\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes\n          .map((childNode) => visit(childNode, { ...context, active: true }))\n          .filter((it) => it !== null) as unknown as RSC;\n      }\n      const childNodes = (node as Element).childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((childNode) => childNode !== null);\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/shared/ssr/dom-flight.ts"],"sourcesContent":["import { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { serializeOuter } from 'parse5';\nimport type { RemoteComponentMetadata } from './types';\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  onMetadata?: (metadata: RemoteComponentMetadata) => 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}\n\ntype 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  context: Context = {\n    url: new URL('http://localhost'),\n    active: false,\n  },\n): RSC | RSC[] | string | null {\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.attrs.find((attr) => attr.name === 'src')?.value;\n    if (src) {\n      const url = new URL(src, origin);\n      node.attrs = node.attrs.map((attr) => {\n        if (attr.name === 'src') {\n          attr.value = url.href;\n        }\n        return attr;\n      });\n    }\n\n    const srcSet = node.attrs.find((attr) => attr.name === 'srcset')?.value;\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      node.attrs = node.attrs.map((attr) => {\n        if (attr.name === 'srcset') {\n          attr.value = srcSetValue;\n        }\n        return attr;\n      });\n    }\n  }\n\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    const nodeId = node.attrs.find((attr) => attr.name === 'id')?.value;\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      context.onNextData?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as {\n          props: { pageProps: Record<string, unknown> };\n        },\n      );\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        !node.attrs.find((attr) => attr.name === 'src')\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            props[attr.name] = attr.value || true;\n            return props;\n          }, {}),\n        );\n        const src = node.attrs.find((attr) => attr.name === 'src')?.value;\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        }\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    }\n  }\n\n  if (!context.active) {\n    if ('childNodes' in node) {\n      (node as Element).childNodes.forEach((childNode) => {\n        visit(childNode, context);\n      });\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((it) => it !== null) as unknown as RSC;\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 = Array.isArray((node as Element).attrs)\n        ? (node as Element).attrs.find((attr) => attr.name === 'id')?.value\n        : undefined;\n\n      if (\n        node.nodeName === 'div' &&\n        (nodeId === '__next' ||\n          (context.name\n            ? node.attrs.find(\n                (it) =>\n                  it.name === 'id' &&\n                  it.value.startsWith(\n                    context.name ?? '__vercel_remote_component',\n                  ),\n              )\n            : node.attrs.find((it) => it.name === 'data-bundle' && it.value) &&\n              node.attrs.find((it) => it.name === 'data-route') &&\n              nodeId?.endsWith('_ssr')))\n      ) {\n        context.onMetadata?.({\n          bundle:\n            node.attrs.find((it) => it.name === 'data-bundle' && it.value)\n              ?.value ?? '',\n          route:\n            node.attrs.find((it) => it.name === 'data-route')?.value ?? '/',\n          runtime: (node.attrs.find((it) => it.name === 'data-runtime')\n            ?.value ?? 'webpack') as RemoteComponentMetadata['runtime'],\n          id: nodeId?.endsWith('_ssr') ? nodeId : '__vercel_remote_component',\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes\n          .map((childNode) => visit(childNode, { ...context, active: true }))\n          .filter((it) => it !== null) as unknown as RSC;\n      }\n      const childNodes = (node as Element).childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((childNode) => childNode !== null);\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/shared/ssr/dom-flight.js

@@ -3,10 +3,50 @@ import styleToJs from "style-to-js";
 import { serializeOuter } from "parse5";
 possibleStandardNames.fetchpriority = "fetchPriority";
 possibleStandardNames["data-precedence"] = "precedence";
+const applyOriginToNodes = [
+  "img",
+  "source",
+  "video",
+  "audio",
+  "track",
+  "iframe",
+  "embed",
+  "script",
+  "link"
+];
 function visit(node, context = {
   url: new URL("http://localhost"),
   active: false
 }) {
+  if (applyOriginToNodes.includes(node.nodeName.toLowerCase()) && "attrs" in node) {
+    const origin = context.origin ?? context.url.origin;
+    const src = node.attrs.find((attr) => attr.name === "src")?.value;
+    if (src) {
+      const url = new URL(src, origin);
+      node.attrs = node.attrs.map((attr) => {
+        if (attr.name === "src") {
+          attr.value = url.href;
+        }
+        return attr;
+      });
+    }
+    const srcSet = node.attrs.find((attr) => attr.name === "srcset")?.value;
+    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(", ");
+      node.attrs = node.attrs.map((attr) => {
+        if (attr.name === "srcset") {
+          attr.value = srcSetValue;
+        }
+        return attr;
+      });
+    }
+  }
   if (node.nodeName === "script" || node.nodeName === "link") {
     const nodeId = node.attrs.find((attr) => attr.name === "id")?.value;
     if (nodeId?.endsWith("_shared")) {

package/dist/internal/shared/ssr/dom-flight.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/dom-flight.ts"],"sourcesContent":["import { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { serializeOuter } from 'parse5';\nimport type { RemoteComponentMetadata } from './types';\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  onMetadata?: (metadata: RemoteComponentMetadata) => 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}\n\ntype 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\nexport function visit(\n  node: Node | ChildNode,\n  context: Context = {\n    url: new URL('http://localhost'),\n    active: false,\n  },\n): RSC | RSC[] | string | null {\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    const nodeId = node.attrs.find((attr) => attr.name === 'id')?.value;\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      context.onNextData?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as {\n          props: { pageProps: Record<string, unknown> };\n        },\n      );\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        !node.attrs.find((attr) => attr.name === 'src')\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            props[attr.name] = attr.value || true;\n            return props;\n          }, {}),\n        );\n        const src = node.attrs.find((attr) => attr.name === 'src')?.value;\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        }\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    }\n  }\n\n  if (!context.active) {\n    if ('childNodes' in node) {\n      (node as Element).childNodes.forEach((childNode) => {\n        visit(childNode, context);\n      });\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((it) => it !== null) as unknown as RSC;\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 = Array.isArray((node as Element).attrs)\n        ? (node as Element).attrs.find((attr) => attr.name === 'id')?.value\n        : undefined;\n\n      if (\n        node.nodeName === 'div' &&\n        (nodeId === '__next' ||\n          (context.name\n            ? node.attrs.find(\n                (it) =>\n                  it.name === 'id' &&\n                  it.value.startsWith(\n                    context.name ?? '__vercel_remote_component',\n                  ),\n              )\n            : node.attrs.find((it) => it.name === 'data-bundle' && it.value) &&\n              node.attrs.find((it) => it.name === 'data-route') &&\n              nodeId?.endsWith('_ssr')))\n      ) {\n        context.onMetadata?.({\n          bundle:\n            node.attrs.find((it) => it.name === 'data-bundle' && it.value)\n              ?.value ?? '',\n          route:\n            node.attrs.find((it) => it.name === 'data-route')?.value ?? '/',\n          runtime: (node.attrs.find((it) => it.name === 'data-runtime')\n            ?.value ?? 'webpack') as RemoteComponentMetadata['runtime'],\n          id: nodeId?.endsWith('_ssr') ? nodeId : '__vercel_remote_component',\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes\n          .map((childNode) => visit(childNode, { ...context, active: true }))\n          .filter((it) => it !== null) as unknown as RSC;\n      }\n      const childNodes = (node as Element).childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((childNode) => childNode !== null);\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":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/dom-flight.ts"],"sourcesContent":["import { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { serializeOuter } from 'parse5';\nimport type { RemoteComponentMetadata } from './types';\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  onMetadata?: (metadata: RemoteComponentMetadata) => 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}\n\ntype 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  context: Context = {\n    url: new URL('http://localhost'),\n    active: false,\n  },\n): RSC | RSC[] | string | null {\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.attrs.find((attr) => attr.name === 'src')?.value;\n    if (src) {\n      const url = new URL(src, origin);\n      node.attrs = node.attrs.map((attr) => {\n        if (attr.name === 'src') {\n          attr.value = url.href;\n        }\n        return attr;\n      });\n    }\n\n    const srcSet = node.attrs.find((attr) => attr.name === 'srcset')?.value;\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      node.attrs = node.attrs.map((attr) => {\n        if (attr.name === 'srcset') {\n          attr.value = srcSetValue;\n        }\n        return attr;\n      });\n    }\n  }\n\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    const nodeId = node.attrs.find((attr) => attr.name === 'id')?.value;\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      context.onNextData?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as {\n          props: { pageProps: Record<string, unknown> };\n        },\n      );\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        !node.attrs.find((attr) => attr.name === 'src')\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            props[attr.name] = attr.value || true;\n            return props;\n          }, {}),\n        );\n        const src = node.attrs.find((attr) => attr.name === 'src')?.value;\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        }\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    }\n  }\n\n  if (!context.active) {\n    if ('childNodes' in node) {\n      (node as Element).childNodes.forEach((childNode) => {\n        visit(childNode, context);\n      });\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((it) => it !== null) as unknown as RSC;\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 = Array.isArray((node as Element).attrs)\n        ? (node as Element).attrs.find((attr) => attr.name === 'id')?.value\n        : undefined;\n\n      if (\n        node.nodeName === 'div' &&\n        (nodeId === '__next' ||\n          (context.name\n            ? node.attrs.find(\n                (it) =>\n                  it.name === 'id' &&\n                  it.value.startsWith(\n                    context.name ?? '__vercel_remote_component',\n                  ),\n              )\n            : node.attrs.find((it) => it.name === 'data-bundle' && it.value) &&\n              node.attrs.find((it) => it.name === 'data-route') &&\n              nodeId?.endsWith('_ssr')))\n      ) {\n        context.onMetadata?.({\n          bundle:\n            node.attrs.find((it) => it.name === 'data-bundle' && it.value)\n              ?.value ?? '',\n          route:\n            node.attrs.find((it) => it.name === 'data-route')?.value ?? '/',\n          runtime: (node.attrs.find((it) => it.name === 'data-runtime')\n            ?.value ?? 'webpack') as RemoteComponentMetadata['runtime'],\n          id: nodeId?.endsWith('_ssr') ? nodeId : '__vercel_remote_component',\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes\n          .map((childNode) => visit(childNode, { ...context, active: true }))\n          .filter((it) => it !== null) as unknown as RSC;\n      }\n      const childNodes = (node as Element).childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((childNode) => childNode !== null);\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":"AAAA,SAAS,mBAAmB,6BAA6B;AACzD,OAAO,eAAe;AAOtB,SAAS,sBAAsB;AAI/B,sBAAsB,gBAAgB;AACtC,sBAAsB,iBAAiB,IAAI;AAqC3C,MAAM,qBAAqB;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,SAAS,MACd,MACA,UAAmB;AAAA,EACjB,KAAK,IAAI,IAAI,kBAAkB;AAAA,EAC/B,QAAQ;AACV,GAC6B;AAE7B,MACE,mBAAmB,SAAS,KAAK,SAAS,YAAY,CAAC,KACvD,WAAW,MACX;AACA,UAAM,SAAS,QAAQ,UAAU,QAAQ,IAAI;AAC7C,UAAM,MAAM,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,KAAK,GAAG;AAC5D,QAAI,KAAK;AACP,YAAM,MAAM,IAAI,IAAI,KAAK,MAAM;AAC/B,WAAK,QAAQ,KAAK,MAAM,IAAI,CAAC,SAAS;AACpC,YAAI,KAAK,SAAS,OAAO;AACvB,eAAK,QAAQ,IAAI;AAAA,QACnB;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAEA,UAAM,SAAS,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,QAAQ,GAAG;AAClE,QAAI,QAAQ;AACV,YAAM,cAAc,OACjB,MAAM,GAAG,EACT,IAAI,CAAC,UAAU;AACd,cAAM,CAAC,KAAK,UAAU,IAAI,MAAM,KAAK,EAAE,MAAM,KAAK;AAClD,YAAI,CAAC;AAAK,iBAAO;AAEjB,cAAM,cAAc,IAAI,IAAI,KAAK,MAAM,EAAE;AACzC,eAAO,aAAa,GAAG,eAAe,eAAe;AAAA,MACvD,CAAC,EACA,KAAK,IAAI;AACZ,WAAK,QAAQ,KAAK,MAAM,IAAI,CAAC,SAAS;AACpC,YAAI,KAAK,SAAS,UAAU;AAC1B,eAAK,QAAQ;AAAA,QACf;AACA,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,EACF;AAEA,MAAI,KAAK,aAAa,YAAY,KAAK,aAAa,QAAQ;AAC1D,UAAM,SAAS,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,GAAG;AAC9D,QAAI,QAAQ,SAAS,SAAS,GAAG;AAC/B,cAAQ;AAAA,QACN,KAAK,MAAO,KAAK,WAAW,CAAC,EAAe,KAAK;AAAA,MAInD;AACA,aAAO;AAAA,IACT,WAAW,QAAQ,SAAS,MAAM,KAAK,gBAAgB,MAAM;AAC3D,UAAI,CAAC,QAAQ,iBAAiB;AAC5B,gBAAQ,kBAAkB,oBAAI,IAAI;AAAA,MACpC;AACA,UACE,CAAC,QAAQ,gBAAgB,IAAI,IAAI,MAChC,QAAQ,OAAO,OAAO,WAAW,QAAQ,IAAI,IAAI,OAClD;AACA,gBAAQ,gBAAgB,IAAI,IAAI;AAChC,gBAAQ,QAAS,KAAK,WAAW,CAAC,EAAe,KAAK;AAAA,MACxD;AAAA,IACF,WAAW,WAAW,mBAAmB,gBAAgB,MAAM;AAC7D,cAAQ;AAAA,QACN,6DAA8D,KAAK,WAAW,CAAC,EAAe;AAAA,MAChG;AACA,cAAQ;AAAA,QACN,KAAK,MAAO,KAAK,WAAW,CAAC,EAAe,KAAK;AAAA,MAGnD;AAAA,IACF,WAAW,KAAK,WAAW,WAAW,GAAG;AACvC,UACE,KAAK,aAAa,YAClB,CAAC,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,KAAK,GAC9C;AACA,eAAO;AAAA,UACL;AAAA,UACA,KAAK;AAAA,UACL;AAAA,UACA,KAAK,MAAM,OAA+B,CAAC,OAAO,SAAS;AACzD,kBAAM,sBAAsB,KAAK,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK;AAC5D,mBAAO;AAAA,UACT,GAAG,CAAC,CAAC;AAAA,UACL;AAAA,UACA;AAAA,UACA;AAAA,QACF;AAAA,MACF;AACA,UAAI,KAAK,aAAa,UAAU;AAC9B,gBAAQ;AAAA,UACN,KAAK,MAAM,OAAyC,CAAC,OAAO,SAAS;AACnE,kBAAM,KAAK,IAAI,IAAI,KAAK,SAAS;AACjC,mBAAO;AAAA,UACT,GAAG,CAAC,CAAC;AAAA,QACP;AACA,cAAM,MAAM,KAAK,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,KAAK,GAAG;AAC5D,YAAI,KAAK;AACP,eAAK,QAAQ,KAAK,MAAM,OAAO,CAAC,SAAS,KAAK,SAAS,KAAK;AAC5D,eAAK,MAAM,KAAK;AAAA,YACd,MAAM;AAAA,YACN,OAAO;AAAA,UACT,CAAC;AAAA,QACH;AACA,gBAAQ,SAAS,eAAe,IAAI,CAAC;AAAA,MACvC,OAAO;AACL,gBAAQ;AAAA,UACN,KAAK,MAAM,OAAyC,CAAC,OAAO,SAAS;AACnE,gBAAI,KAAK,SAAS,QAAQ;AACxB,mBAAK,QAAQ,IAAI,IAAI,KAAK,OAAO,QAAQ,IAAI,MAAM,EAAE;AAAA,YACvD;AACA,kBAAM,sBAAsB,KAAK,IAAI,KAAK,KAAK,IAAI,IACjD,KAAK,SAAS;AAChB,mBAAO;AAAA,UACT,GAAG,CAAC,CAAC;AAAA,QACP;AACA,gBAAQ,SAAS,eAAe,IAAI,CAAC;AAAA,MACvC;AACA,aAAO;AAAA,IACT;AAAA,EACF;AAEA,MAAI,CAAC,QAAQ,QAAQ;AACnB,QAAI,gBAAgB,MAAM;AACxB,MAAC,KAAiB,WAAW,QAAQ,CAAC,cAAc;AAClD,cAAM,WAAW,OAAO;AAAA,MAC1B,CAAC;AAAA,IACH;AAAO,aAAO;AAAA,EAChB;AAEA,UAAQ,KAAK,UAAU;AAAA,IACrB,KAAK;AACH,aAAO,KAAK,WACT,IAAI,CAAC,cAAc,MAAM,WAAW,OAAO,CAAC,EAC5C,OAAO,CAAC,OAAO,OAAO,IAAI;AAAA,IAC/B,KAAK;AACH,aAAQ,KAAkB;AAAA,IAC5B,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,SAAS;AACP,YAAM,SAAS,MAAM,QAAS,KAAiB,KAAK,IAC/C,KAAiB,MAAM,KAAK,CAAC,SAAS,KAAK,SAAS,IAAI,GAAG,QAC5D;AAEJ,UACE,KAAK,aAAa,UACjB,WAAW,aACT,QAAQ,OACL,KAAK,MAAM;AAAA,QACT,CAAC,OACC,GAAG,SAAS,QACZ,GAAG,MAAM;AAAA,UACP,QAAQ,QAAQ;AAAA,QAClB;AAAA,MACJ,IACA,KAAK,MAAM,KAAK,CAAC,OAAO,GAAG,SAAS,iBAAiB,GAAG,KAAK,KAC7D,KAAK,MAAM,KAAK,CAAC,OAAO,GAAG,SAAS,YAAY,KAChD,QAAQ,SAAS,MAAM,KAC7B;AACA,gBAAQ,aAAa;AAAA,UACnB,QACE,KAAK,MAAM,KAAK,CAAC,OAAO,GAAG,SAAS,iBAAiB,GAAG,KAAK,GACzD,SAAS;AAAA,UACf,OACE,KAAK,MAAM,KAAK,CAAC,OAAO,GAAG,SAAS,YAAY,GAAG,SAAS;AAAA,UAC9D,SAAU,KAAK,MAAM,KAAK,CAAC,OAAO,GAAG,SAAS,cAAc,GACxD,SAAS;AAAA,UACb,IAAI,QAAQ,SAAS,MAAM,IAAI,SAAS;AAAA,QAC1C,CAAC;AACD,gBAAQ,SAAS,eAAe,IAAI,CAAC;AACrC,eAAO,KAAK,WACT,IAAI,CAAC,cAAc,MAAM,WAAW,EAAE,GAAG,SAAS,QAAQ,KAAK,CAAC,CAAC,EACjE,OAAO,CAAC,OAAO,OAAO,IAAI;AAAA,MAC/B;AACA,YAAM,aAAc,KAAiB,WAClC,IAAI,CAAC,cAAc,MAAM,WAAW,OAAO,CAAC,EAC5C,OAAO,CAAC,cAAc,cAAc,IAAI;AAC3C,YAAM,WAAW,WAAW,SAAS,IAAI,aAAa,WAAW,CAAC;AAClE,YAAM,YAAa,KAAiB,MAAM,OAKxC,CAAC,OAAO,SAAS;AACjB,YAAI,KAAK,SAAS,SAAS;AACzB,gBAAM,QAAQ,UAAU,KAAK,OAAO;AAAA,YAClC,aAAa;AAAA,UACf,CAAC;AACD,iBAAO;AAAA,QACT;AACA,YAAI,KAAK,aAAa,WAAW,KAAK,SAAS,SAAS;AACtD,gBAAM,eAAe,KAAK;AAC1B,iBAAO;AAAA,QACT;AACA,YAAI,kBAAkB,KAAK,IAAI,GAAG;AAChC,gBAAM,KAAK,IAAI,IAAI,KAAK;AACxB,iBAAO;AAAA,QACT;AACA,cAAM,sBAAsB,KAAK,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK;AAC5D,eAAO;AAAA,MACT,GAAG,CAAC,CAAC;AACL,UAAI,OAAO,aAAa,aAAa;AACnC,YACE,KAAK,aAAa,YAClB,OAAO,aAAa,YACpB,SAAS,WAAW,GAAG,GACvB;AACA,oBAAU,WAAW,IAAI;AAAA,QAC3B,OAAO;AACL,oBAAU,WAAW;AAAA,QACvB;AAAA,MACF;AACA,UAAI,CAAC,QAAQ,QAAQ;AACnB,YAAI,WAAW,SAAS,GAAG;AACzB,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT;AACA,aAAO,CAAC,KAAK,KAAK,UAAU,MAAM,WAAW,MAAM,MAAM,CAAC;AAAA,IAC5D;AAAA,EACF;AACF;","names":[]}

package/dist/internal/shared/ssr/fetch-remote-component.cjs

@@ -171,7 +171,7 @@ async function fetchRemoteComponent(src, headers = new Headers(), options = {
     nextData,
     component,
     html,
-    remoteShared
+    remoteShared: nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared
   };
 }
 // Annotate the CommonJS export names for ESM import in node:

package/dist/internal/shared/ssr/fetch-remote-component.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { visit } from '#internal/shared/ssr/dom-flight';\nimport type { RemoteComponentMetadata } from './types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\n/**\n * Resolves the base URL that should be used to fetch the remote component.\n * This function must support local development, Vercel environments, and SSG\n * and dynamic rendering.\n */\nexport function getBaseUrl(reqHeaders: Headers): string {\n  const host = reqHeaders.get('host');\n  if (host) {\n    return host.startsWith('localhost') ? `http://${host}` : `https://${host}`;\n  }\n  const forwardedHost = reqHeaders.get('x-forwarded-host');\n  if (forwardedHost) {\n    return `https://${forwardedHost}`;\n  }\n  if (process.env.VERCEL_PROJECT_PRODUCTION_URL) {\n    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;\n  }\n  // TODO: Resolve the correct URL in local development when the proxy is not running.\n  return `http://localhost:${process.env.MFE_LOCAL_PROXY_PORT || 3024}`;\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  headers: Headers = new Headers(),\n  options: {\n    name?: string;\n    rsc?: boolean;\n  } = {\n    rsc: false,\n  },\n) {\n  const url = new URL(src, getBaseUrl(headers));\n\n  const fetchInit = {\n    method: 'GET',\n    headers: {\n      // pass all headers to the remote component\n      ...Object.fromEntries(headers.entries()),\n      Accept: 'text/html',\n    },\n    credentials: 'include',\n  } as RequestInit;\n\n  const res = await fetch(url, fetchInit);\n\n  if (!res.ok) {\n    throw new Error(\n      `Failed to fetch remote component \"${url.href}\": ${res.status}`,\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw new Error(`No response body for remote component \"${url.href}\"`);\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  let metadata: RemoteComponentMetadata = {\n    bundle: CURRENT_ZONE ?? '__vercel_remote_component',\n    route: '/',\n    runtime: 'webpack',\n    id: '__vercel_remote_component',\n  };\n  let remoteShared: Record<string, string> = {};\n  const scripts: { src: string }[] = [];\n  const links: Record<string, string | boolean>[] = [];\n  const hydrationData: string[] = [];\n  let nextData:\n    | {\n        props: { pageProps: Record<string, unknown> };\n        buildId?: string;\n      }\n    | undefined;\n  let html = '';\n\n  const remoteName =\n    options.name || url.hash ? url.hash.substring(1) : undefined;\n  // convert the parsed HTML fragment into an RSC flight data\n  // and extract the metadata, scripts, links and remote component RSC flight data\n  const rsc = visit(fragment, {\n    url,\n    name: remoteName,\n    onMetadata(_metadata) {\n      metadata = _metadata;\n    },\n    onScript(attrs) {\n      if (!scripts.find((it) => it.src === attrs.src)) {\n        scripts.push({\n          src: new URL(attrs.src as string, new URL(url).origin).href,\n        });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: new URL(attrs.href as string, new URL(url).origin).href,\n      };\n      if (\n        !links.find(\n          (it) => it.href === relativeAttrs.href && it.rel === attrs.rel,\n        )\n      ) {\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      hydrationData.push(chunk);\n    },\n    onNextData(data) {\n      nextData = data;\n\n      // use the Next.js Pages Router props data to extract remote component metadata\n      if (data.props.__REMOTE_COMPONENT__) {\n        Object.assign(metadata, data.props.__REMOTE_COMPONENT__);\n        // only a singleton remote component is supported per page when using the Next.js Pages Router\n        metadata.id = '__next';\n        metadata.route = data.page ?? '/';\n      }\n    },\n    onHTML(_html) {\n      if (!html.includes(_html)) {\n        html += _html;\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n    },\n  });\n\n  let component: React.ReactNode | undefined;\n\n  // only create a React component if requested\n  if (options.rsc) {\n    // RSC flight data for the static HTML in a single RSC line\n    const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n\n    const { createFromReadableStream } = await import(\n      'next/dist/compiled/react-server-dom-webpack/client.edge'\n    );\n\n    // create a React tree from the RSC flight data\n    component = await createFromReadableStream(\n      new ReadableStream({\n        type: 'bytes',\n        start(controller) {\n          const encoder = new TextEncoder();\n          controller.enqueue(encoder.encode(componentRSC));\n          controller.close();\n        },\n      }),\n      {\n        serverConsumerManifest: {\n          moduleLoading: {\n            prefix: url.origin,\n            crossOrigin: true,\n          },\n          moduleMap: {},\n        },\n      },\n    );\n  }\n\n  const name = metadata.id.replace(/_ssr$/, '');\n  return {\n    name,\n    url,\n    metadata,\n    rsc,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    html,\n    remoteShared,\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { visit } from '#internal/shared/ssr/dom-flight';\nimport type { RemoteComponentMetadata } from './types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\n/**\n * Resolves the base URL that should be used to fetch the remote component.\n * This function must support local development, Vercel environments, and SSG\n * and dynamic rendering.\n */\nexport function getBaseUrl(reqHeaders: Headers): string {\n  const host = reqHeaders.get('host');\n  if (host) {\n    return host.startsWith('localhost') ? `http://${host}` : `https://${host}`;\n  }\n  const forwardedHost = reqHeaders.get('x-forwarded-host');\n  if (forwardedHost) {\n    return `https://${forwardedHost}`;\n  }\n  if (process.env.VERCEL_PROJECT_PRODUCTION_URL) {\n    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;\n  }\n  // TODO: Resolve the correct URL in local development when the proxy is not running.\n  return `http://localhost:${process.env.MFE_LOCAL_PROXY_PORT || 3024}`;\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  headers: Headers = new Headers(),\n  options: {\n    name?: string;\n    rsc?: boolean;\n  } = {\n    rsc: false,\n  },\n) {\n  const url = new URL(src, getBaseUrl(headers));\n\n  const fetchInit = {\n    method: 'GET',\n    headers: {\n      // pass all headers to the remote component\n      ...Object.fromEntries(headers.entries()),\n      Accept: 'text/html',\n    },\n    credentials: 'include',\n  } as RequestInit;\n\n  const res = await fetch(url, fetchInit);\n\n  if (!res.ok) {\n    throw new Error(\n      `Failed to fetch remote component \"${url.href}\": ${res.status}`,\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw new Error(`No response body for remote component \"${url.href}\"`);\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  let metadata: RemoteComponentMetadata = {\n    bundle: CURRENT_ZONE ?? '__vercel_remote_component',\n    route: '/',\n    runtime: 'webpack',\n    id: '__vercel_remote_component',\n  };\n  let remoteShared: Record<string, string> = {};\n  const scripts: { src: string }[] = [];\n  const links: Record<string, string | boolean>[] = [];\n  const hydrationData: string[] = [];\n  let nextData:\n    | {\n        props: {\n          pageProps: Record<string, unknown>;\n          __REMOTE_COMPONENT__?: {\n            bundle: string;\n            runtime: string;\n            shared?: Record<string, string>;\n          };\n        };\n        page?: string;\n        buildId?: string;\n      }\n    | undefined;\n  let html = '';\n\n  const remoteName =\n    options.name || url.hash ? url.hash.substring(1) : undefined;\n  // convert the parsed HTML fragment into an RSC flight data\n  // and extract the metadata, scripts, links and remote component RSC flight data\n  const rsc = visit(fragment, {\n    url,\n    name: remoteName,\n    onMetadata(_metadata) {\n      metadata = _metadata;\n    },\n    onScript(attrs) {\n      if (!scripts.find((it) => it.src === attrs.src)) {\n        scripts.push({\n          src: new URL(attrs.src as string, new URL(url).origin).href,\n        });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: new URL(attrs.href as string, new URL(url).origin).href,\n      };\n      if (\n        !links.find(\n          (it) => it.href === relativeAttrs.href && it.rel === attrs.rel,\n        )\n      ) {\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      hydrationData.push(chunk);\n    },\n    onNextData(data) {\n      nextData = data;\n\n      // use the Next.js Pages Router props data to extract remote component metadata\n      if (data.props.__REMOTE_COMPONENT__) {\n        Object.assign(metadata, data.props.__REMOTE_COMPONENT__);\n        // only a singleton remote component is supported per page when using the Next.js Pages Router\n        metadata.id = '__next';\n        metadata.route = data.page ?? '/';\n      }\n    },\n    onHTML(_html) {\n      if (!html.includes(_html)) {\n        html += _html;\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n    },\n  });\n\n  let component: React.ReactNode | undefined;\n\n  // only create a React component if requested\n  if (options.rsc) {\n    // RSC flight data for the static HTML in a single RSC line\n    const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n\n    const { createFromReadableStream } = await import(\n      'next/dist/compiled/react-server-dom-webpack/client.edge'\n    );\n\n    // create a React tree from the RSC flight data\n    component = await createFromReadableStream(\n      new ReadableStream({\n        type: 'bytes',\n        start(controller) {\n          const encoder = new TextEncoder();\n          controller.enqueue(encoder.encode(componentRSC));\n          controller.close();\n        },\n      }),\n      {\n        serverConsumerManifest: {\n          moduleLoading: {\n            prefix: url.origin,\n            crossOrigin: true,\n          },\n          moduleMap: {},\n        },\n      },\n    );\n  }\n\n  const name = metadata.id.replace(/_ssr$/, '');\n  return {\n    name,\n    url,\n    metadata,\n    rsc,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    html,\n    remoteShared: nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/internal/shared/ssr/fetch-remote-component.d.ts

@@ -23,7 +23,13 @@ declare function fetchRemoteComponent(src: string | URL, headers?: Headers, opti
     nextData: {
         props: {
             pageProps: Record<string, unknown>;
+            __REMOTE_COMPONENT__?: {
+                bundle: string;
+                runtime: string;
+                shared?: Record<string, string>;
+            };
         };
+        page?: string;
         buildId?: string;
     } | undefined;
     component: react.ReactNode;

package/dist/internal/shared/ssr/fetch-remote-component.js

@@ -137,7 +137,7 @@ async function fetchRemoteComponent(src, headers = new Headers(), options = {
     nextData,
     component,
     html,
-    remoteShared
+    remoteShared: nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared
   };
 }
 export {

package/dist/internal/shared/ssr/fetch-remote-component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { visit } from '#internal/shared/ssr/dom-flight';\nimport type { RemoteComponentMetadata } from './types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\n/**\n * Resolves the base URL that should be used to fetch the remote component.\n * This function must support local development, Vercel environments, and SSG\n * and dynamic rendering.\n */\nexport function getBaseUrl(reqHeaders: Headers): string {\n  const host = reqHeaders.get('host');\n  if (host) {\n    return host.startsWith('localhost') ? `http://${host}` : `https://${host}`;\n  }\n  const forwardedHost = reqHeaders.get('x-forwarded-host');\n  if (forwardedHost) {\n    return `https://${forwardedHost}`;\n  }\n  if (process.env.VERCEL_PROJECT_PRODUCTION_URL) {\n    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;\n  }\n  // TODO: Resolve the correct URL in local development when the proxy is not running.\n  return `http://localhost:${process.env.MFE_LOCAL_PROXY_PORT || 3024}`;\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  headers: Headers = new Headers(),\n  options: {\n    name?: string;\n    rsc?: boolean;\n  } = {\n    rsc: false,\n  },\n) {\n  const url = new URL(src, getBaseUrl(headers));\n\n  const fetchInit = {\n    method: 'GET',\n    headers: {\n      // pass all headers to the remote component\n      ...Object.fromEntries(headers.entries()),\n      Accept: 'text/html',\n    },\n    credentials: 'include',\n  } as RequestInit;\n\n  const res = await fetch(url, fetchInit);\n\n  if (!res.ok) {\n    throw new Error(\n      `Failed to fetch remote component \"${url.href}\": ${res.status}`,\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw new Error(`No response body for remote component \"${url.href}\"`);\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  let metadata: RemoteComponentMetadata = {\n    bundle: CURRENT_ZONE ?? '__vercel_remote_component',\n    route: '/',\n    runtime: 'webpack',\n    id: '__vercel_remote_component',\n  };\n  let remoteShared: Record<string, string> = {};\n  const scripts: { src: string }[] = [];\n  const links: Record<string, string | boolean>[] = [];\n  const hydrationData: string[] = [];\n  let nextData:\n    | {\n        props: { pageProps: Record<string, unknown> };\n        buildId?: string;\n      }\n    | undefined;\n  let html = '';\n\n  const remoteName =\n    options.name || url.hash ? url.hash.substring(1) : undefined;\n  // convert the parsed HTML fragment into an RSC flight data\n  // and extract the metadata, scripts, links and remote component RSC flight data\n  const rsc = visit(fragment, {\n    url,\n    name: remoteName,\n    onMetadata(_metadata) {\n      metadata = _metadata;\n    },\n    onScript(attrs) {\n      if (!scripts.find((it) => it.src === attrs.src)) {\n        scripts.push({\n          src: new URL(attrs.src as string, new URL(url).origin).href,\n        });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: new URL(attrs.href as string, new URL(url).origin).href,\n      };\n      if (\n        !links.find(\n          (it) => it.href === relativeAttrs.href && it.rel === attrs.rel,\n        )\n      ) {\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      hydrationData.push(chunk);\n    },\n    onNextData(data) {\n      nextData = data;\n\n      // use the Next.js Pages Router props data to extract remote component metadata\n      if (data.props.__REMOTE_COMPONENT__) {\n        Object.assign(metadata, data.props.__REMOTE_COMPONENT__);\n        // only a singleton remote component is supported per page when using the Next.js Pages Router\n        metadata.id = '__next';\n        metadata.route = data.page ?? '/';\n      }\n    },\n    onHTML(_html) {\n      if (!html.includes(_html)) {\n        html += _html;\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n    },\n  });\n\n  let component: React.ReactNode | undefined;\n\n  // only create a React component if requested\n  if (options.rsc) {\n    // RSC flight data for the static HTML in a single RSC line\n    const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n\n    const { createFromReadableStream } = await import(\n      'next/dist/compiled/react-server-dom-webpack/client.edge'\n    );\n\n    // create a React tree from the RSC flight data\n    component = await createFromReadableStream(\n      new ReadableStream({\n        type: 'bytes',\n        start(controller) {\n          const encoder = new TextEncoder();\n          controller.enqueue(encoder.encode(componentRSC));\n          controller.close();\n        },\n      }),\n      {\n        serverConsumerManifest: {\n          moduleLoading: {\n            prefix: url.origin,\n            crossOrigin: true,\n          },\n          moduleMap: {},\n        },\n      },\n    );\n  }\n\n  const name = metadata.id.replace(/_ssr$/, '');\n  return {\n    name,\n    url,\n    metadata,\n    rsc,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    html,\n    remoteShared,\n  };\n}\n"],"mappings":"AAAA,SAAqC,cAAc;AACnD,SAAS,aAAa;AAGtB,MAAM,eAAe,QAAQ,IAAI;AAO1B,SAAS,WAAW,YAA6B;AACtD,QAAM,OAAO,WAAW,IAAI,MAAM;AAClC,MAAI,MAAM;AACR,WAAO,KAAK,WAAW,WAAW,IAAI,UAAU,SAAS,WAAW;AAAA,EACtE;AACA,QAAM,gBAAgB,WAAW,IAAI,kBAAkB;AACvD,MAAI,eAAe;AACjB,WAAO,WAAW;AAAA,EACpB;AACA,MAAI,QAAQ,IAAI,+BAA+B;AAC7C,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAEA,SAAO,oBAAoB,QAAQ,IAAI,wBAAwB;AACjE;AAEA,eAAsB,qBACpB,KACA,UAAmB,IAAI,QAAQ,GAC/B,UAGI;AAAA,EACF,KAAK;AACP,GACA;AACA,QAAM,MAAM,IAAI,IAAI,KAAK,WAAW,OAAO,CAAC;AAE5C,QAAM,YAAY;AAAA,IAChB,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,MAEP,GAAG,OAAO,YAAY,QAAQ,QAAQ,CAAC;AAAA,MACvC,QAAQ;AAAA,IACV;AAAA,IACA,aAAa;AAAA,EACf;AAEA,QAAM,MAAM,MAAM,MAAM,KAAK,SAAS;AAEtC,MAAI,CAAC,IAAI,IAAI;AACX,UAAM,IAAI;AAAA,MACR,qCAAqC,IAAI,UAAU,IAAI;AAAA,IACzD;AAAA,EACF;AAGA,QAAM,SAAS,OAAO,kBAAyC;AAE/D,MAAI,CAAC,IAAI,MAAM;AACb,UAAM,IAAI,MAAM,0CAA0C,IAAI,OAAO;AAAA,EACvE;AAEA,QAAM,UAAU,IAAI,YAAY;AAEhC,mBAAiB,SAAS,IAAI,MAA8C;AAC1E,WAAO,UAAU,MAAM,QAAQ,OAAO,KAAK,GAAG,KAAK;AAAA,EACrD;AACA,QAAM,WAAW,OAAO,YAAY;AAEpC,MAAI,WAAoC;AAAA,IACtC,QAAQ,gBAAgB;AAAA,IACxB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,IAAI;AAAA,EACN;AACA,MAAI,eAAuC,CAAC;AAC5C,QAAM,UAA6B,CAAC;AACpC,QAAM,QAA4C,CAAC;AACnD,QAAM,gBAA0B,CAAC;AACjC,MAAI;AAMJ,MAAI,OAAO;AAEX,QAAM,aACJ,QAAQ,QAAQ,IAAI,OAAO,IAAI,KAAK,UAAU,CAAC,IAAI;AAGrD,QAAM,MAAM,MAAM,UAAU;AAAA,IAC1B;AAAA,IACA,MAAM;AAAA,IACN,WAAW,WAAW;AACpB,iBAAW;AAAA,IACb;AAAA,IACA,SAAS,OAAO;AACd,UAAI,CAAC,QAAQ,KAAK,CAAC,OAAO,GAAG,QAAQ,MAAM,GAAG,GAAG;AAC/C,gBAAQ,KAAK;AAAA,UACX,KAAK,IAAI,IAAI,MAAM,KAAe,IAAI,IAAI,GAAG,EAAE,MAAM,EAAE;AAAA,QACzD,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,OAAO,OAAO;AACZ,YAAM,gBAAgB;AAAA,QACpB,GAAG;AAAA,QACH,MAAM,IAAI,IAAI,MAAM,MAAgB,IAAI,IAAI,GAAG,EAAE,MAAM,EAAE;AAAA,MAC3D;AACA,UACE,CAAC,MAAM;AAAA,QACL,CAAC,OAAO,GAAG,SAAS,cAAc,QAAQ,GAAG,QAAQ,MAAM;AAAA,MAC7D,GACA;AACA,cAAM,KAAK,aAAa;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,MAAM,OAAO;AACX,oBAAc,KAAK,KAAK;AAAA,IAC1B;AAAA,IACA,WAAW,MAAM;AACf,iBAAW;AAGX,UAAI,KAAK,MAAM,sBAAsB;AACnC,eAAO,OAAO,UAAU,KAAK,MAAM,oBAAoB;AAEvD,iBAAS,KAAK;AACd,iBAAS,QAAQ,KAAK,QAAQ;AAAA,MAChC;AAAA,IACF;AAAA,IACA,OAAO,OAAO;AACZ,UAAI,CAAC,KAAK,SAAS,KAAK,GAAG;AACzB,gBAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,SAAS,SAAS;AAChB,qBAAe;AAAA,IACjB;AAAA,EACF,CAAC;AAED,MAAI;AAGJ,MAAI,QAAQ,KAAK;AAEf,UAAM,eAAe,KAAK,KAAK,UAAU,GAAG;AAAA;AAE5C,UAAM,EAAE,yBAAyB,IAAI,MAAM,OACzC,yDACF;AAGA,gBAAY,MAAM;AAAA,MAChB,IAAI,eAAe;AAAA,QACjB,MAAM;AAAA,QACN,MAAM,YAAY;AAChB,gBAAM,UAAU,IAAI,YAAY;AAChC,qBAAW,QAAQ,QAAQ,OAAO,YAAY,CAAC;AAC/C,qBAAW,MAAM;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,MACD;AAAA,QACE,wBAAwB;AAAA,UACtB,eAAe;AAAA,YACb,QAAQ,IAAI;AAAA,YACZ,aAAa;AAAA,UACf;AAAA,UACA,WAAW,CAAC;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,OAAO,SAAS,GAAG,QAAQ,SAAS,EAAE;AAC5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { visit } from '#internal/shared/ssr/dom-flight';\nimport type { RemoteComponentMetadata } from './types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\n/**\n * Resolves the base URL that should be used to fetch the remote component.\n * This function must support local development, Vercel environments, and SSG\n * and dynamic rendering.\n */\nexport function getBaseUrl(reqHeaders: Headers): string {\n  const host = reqHeaders.get('host');\n  if (host) {\n    return host.startsWith('localhost') ? `http://${host}` : `https://${host}`;\n  }\n  const forwardedHost = reqHeaders.get('x-forwarded-host');\n  if (forwardedHost) {\n    return `https://${forwardedHost}`;\n  }\n  if (process.env.VERCEL_PROJECT_PRODUCTION_URL) {\n    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;\n  }\n  // TODO: Resolve the correct URL in local development when the proxy is not running.\n  return `http://localhost:${process.env.MFE_LOCAL_PROXY_PORT || 3024}`;\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  headers: Headers = new Headers(),\n  options: {\n    name?: string;\n    rsc?: boolean;\n  } = {\n    rsc: false,\n  },\n) {\n  const url = new URL(src, getBaseUrl(headers));\n\n  const fetchInit = {\n    method: 'GET',\n    headers: {\n      // pass all headers to the remote component\n      ...Object.fromEntries(headers.entries()),\n      Accept: 'text/html',\n    },\n    credentials: 'include',\n  } as RequestInit;\n\n  const res = await fetch(url, fetchInit);\n\n  if (!res.ok) {\n    throw new Error(\n      `Failed to fetch remote component \"${url.href}\": ${res.status}`,\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw new Error(`No response body for remote component \"${url.href}\"`);\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  let metadata: RemoteComponentMetadata = {\n    bundle: CURRENT_ZONE ?? '__vercel_remote_component',\n    route: '/',\n    runtime: 'webpack',\n    id: '__vercel_remote_component',\n  };\n  let remoteShared: Record<string, string> = {};\n  const scripts: { src: string }[] = [];\n  const links: Record<string, string | boolean>[] = [];\n  const hydrationData: string[] = [];\n  let nextData:\n    | {\n        props: {\n          pageProps: Record<string, unknown>;\n          __REMOTE_COMPONENT__?: {\n            bundle: string;\n            runtime: string;\n            shared?: Record<string, string>;\n          };\n        };\n        page?: string;\n        buildId?: string;\n      }\n    | undefined;\n  let html = '';\n\n  const remoteName =\n    options.name || url.hash ? url.hash.substring(1) : undefined;\n  // convert the parsed HTML fragment into an RSC flight data\n  // and extract the metadata, scripts, links and remote component RSC flight data\n  const rsc = visit(fragment, {\n    url,\n    name: remoteName,\n    onMetadata(_metadata) {\n      metadata = _metadata;\n    },\n    onScript(attrs) {\n      if (!scripts.find((it) => it.src === attrs.src)) {\n        scripts.push({\n          src: new URL(attrs.src as string, new URL(url).origin).href,\n        });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: new URL(attrs.href as string, new URL(url).origin).href,\n      };\n      if (\n        !links.find(\n          (it) => it.href === relativeAttrs.href && it.rel === attrs.rel,\n        )\n      ) {\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      hydrationData.push(chunk);\n    },\n    onNextData(data) {\n      nextData = data;\n\n      // use the Next.js Pages Router props data to extract remote component metadata\n      if (data.props.__REMOTE_COMPONENT__) {\n        Object.assign(metadata, data.props.__REMOTE_COMPONENT__);\n        // only a singleton remote component is supported per page when using the Next.js Pages Router\n        metadata.id = '__next';\n        metadata.route = data.page ?? '/';\n      }\n    },\n    onHTML(_html) {\n      if (!html.includes(_html)) {\n        html += _html;\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n    },\n  });\n\n  let component: React.ReactNode | undefined;\n\n  // only create a React component if requested\n  if (options.rsc) {\n    // RSC flight data for the static HTML in a single RSC line\n    const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n\n    const { createFromReadableStream } = await import(\n      'next/dist/compiled/react-server-dom-webpack/client.edge'\n    );\n\n    // create a React tree from the RSC flight data\n    component = await createFromReadableStream(\n      new ReadableStream({\n        type: 'bytes',\n        start(controller) {\n          const encoder = new TextEncoder();\n          controller.enqueue(encoder.encode(componentRSC));\n          controller.close();\n        },\n      }),\n      {\n        serverConsumerManifest: {\n          moduleLoading: {\n            prefix: url.origin,\n            crossOrigin: true,\n          },\n          moduleMap: {},\n        },\n      },\n    );\n  }\n\n  const name = metadata.id.replace(/_ssr$/, '');\n  return {\n    name,\n    url,\n    metadata,\n    rsc,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    html,\n    remoteShared: nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared,\n  };\n}\n"],"mappings":"AAAA,SAAqC,cAAc;AACnD,SAAS,aAAa;AAGtB,MAAM,eAAe,QAAQ,IAAI;AAO1B,SAAS,WAAW,YAA6B;AACtD,QAAM,OAAO,WAAW,IAAI,MAAM;AAClC,MAAI,MAAM;AACR,WAAO,KAAK,WAAW,WAAW,IAAI,UAAU,SAAS,WAAW;AAAA,EACtE;AACA,QAAM,gBAAgB,WAAW,IAAI,kBAAkB;AACvD,MAAI,eAAe;AACjB,WAAO,WAAW;AAAA,EACpB;AACA,MAAI,QAAQ,IAAI,+BAA+B;AAC7C,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAEA,SAAO,oBAAoB,QAAQ,IAAI,wBAAwB;AACjE;AAEA,eAAsB,qBACpB,KACA,UAAmB,IAAI,QAAQ,GAC/B,UAGI;AAAA,EACF,KAAK;AACP,GACA;AACA,QAAM,MAAM,IAAI,IAAI,KAAK,WAAW,OAAO,CAAC;AAE5C,QAAM,YAAY;AAAA,IAChB,QAAQ;AAAA,IACR,SAAS;AAAA;AAAA,MAEP,GAAG,OAAO,YAAY,QAAQ,QAAQ,CAAC;AAAA,MACvC,QAAQ;AAAA,IACV;AAAA,IACA,aAAa;AAAA,EACf;AAEA,QAAM,MAAM,MAAM,MAAM,KAAK,SAAS;AAEtC,MAAI,CAAC,IAAI,IAAI;AACX,UAAM,IAAI;AAAA,MACR,qCAAqC,IAAI,UAAU,IAAI;AAAA,IACzD;AAAA,EACF;AAGA,QAAM,SAAS,OAAO,kBAAyC;AAE/D,MAAI,CAAC,IAAI,MAAM;AACb,UAAM,IAAI,MAAM,0CAA0C,IAAI,OAAO;AAAA,EACvE;AAEA,QAAM,UAAU,IAAI,YAAY;AAEhC,mBAAiB,SAAS,IAAI,MAA8C;AAC1E,WAAO,UAAU,MAAM,QAAQ,OAAO,KAAK,GAAG,KAAK;AAAA,EACrD;AACA,QAAM,WAAW,OAAO,YAAY;AAEpC,MAAI,WAAoC;AAAA,IACtC,QAAQ,gBAAgB;AAAA,IACxB,OAAO;AAAA,IACP,SAAS;AAAA,IACT,IAAI;AAAA,EACN;AACA,MAAI,eAAuC,CAAC;AAC5C,QAAM,UAA6B,CAAC;AACpC,QAAM,QAA4C,CAAC;AACnD,QAAM,gBAA0B,CAAC;AACjC,MAAI;AAcJ,MAAI,OAAO;AAEX,QAAM,aACJ,QAAQ,QAAQ,IAAI,OAAO,IAAI,KAAK,UAAU,CAAC,IAAI;AAGrD,QAAM,MAAM,MAAM,UAAU;AAAA,IAC1B;AAAA,IACA,MAAM;AAAA,IACN,WAAW,WAAW;AACpB,iBAAW;AAAA,IACb;AAAA,IACA,SAAS,OAAO;AACd,UAAI,CAAC,QAAQ,KAAK,CAAC,OAAO,GAAG,QAAQ,MAAM,GAAG,GAAG;AAC/C,gBAAQ,KAAK;AAAA,UACX,KAAK,IAAI,IAAI,MAAM,KAAe,IAAI,IAAI,GAAG,EAAE,MAAM,EAAE;AAAA,QACzD,CAAC;AAAA,MACH;AAAA,IACF;AAAA,IACA,OAAO,OAAO;AACZ,YAAM,gBAAgB;AAAA,QACpB,GAAG;AAAA,QACH,MAAM,IAAI,IAAI,MAAM,MAAgB,IAAI,IAAI,GAAG,EAAE,MAAM,EAAE;AAAA,MAC3D;AACA,UACE,CAAC,MAAM;AAAA,QACL,CAAC,OAAO,GAAG,SAAS,cAAc,QAAQ,GAAG,QAAQ,MAAM;AAAA,MAC7D,GACA;AACA,cAAM,KAAK,aAAa;AAAA,MAC1B;AAAA,IACF;AAAA,IACA,MAAM,OAAO;AACX,oBAAc,KAAK,KAAK;AAAA,IAC1B;AAAA,IACA,WAAW,MAAM;AACf,iBAAW;AAGX,UAAI,KAAK,MAAM,sBAAsB;AACnC,eAAO,OAAO,UAAU,KAAK,MAAM,oBAAoB;AAEvD,iBAAS,KAAK;AACd,iBAAS,QAAQ,KAAK,QAAQ;AAAA,MAChC;AAAA,IACF;AAAA,IACA,OAAO,OAAO;AACZ,UAAI,CAAC,KAAK,SAAS,KAAK,GAAG;AACzB,gBAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,SAAS,SAAS;AAChB,qBAAe;AAAA,IACjB;AAAA,EACF,CAAC;AAED,MAAI;AAGJ,MAAI,QAAQ,KAAK;AAEf,UAAM,eAAe,KAAK,KAAK,UAAU,GAAG;AAAA;AAE5C,UAAM,EAAE,yBAAyB,IAAI,MAAM,OACzC,yDACF;AAGA,gBAAY,MAAM;AAAA,MAChB,IAAI,eAAe;AAAA,QACjB,MAAM;AAAA,QACN,MAAM,YAAY;AAChB,gBAAM,UAAU,IAAI,YAAY;AAChC,qBAAW,QAAQ,QAAQ,OAAO,YAAY,CAAC;AAC/C,qBAAW,MAAM;AAAA,QACnB;AAAA,MACF,CAAC;AAAA,MACD;AAAA,QACE,wBAAwB;AAAA,UACtB,eAAe;AAAA,YACb,QAAQ,IAAI;AAAA,YACZ,aAAa;AAAA,UACf;AAAA,UACA,WAAW,CAAC;AAAA,QACd;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,QAAM,OAAO,SAAS,GAAG,QAAQ,SAAS,EAAE;AAC5C,SAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,cAAc,UAAU,MAAM,sBAAsB,UAAU;AAAA,EAChE;AACF;","names":[]}

package/dist/next/config.cjs

@@ -188,6 +188,9 @@ var ConditionalExecPlugin = class {
 
 // src/next/config/webpack/plugins/patch-require.ts
 var PatchRequirePlugin = class {
+  constructor(appName) {
+    this.appName = appName;
+  }
   apply(compiler) {
     const { sources } = compiler.webpack;
     compiler.hooks.thisCompilation.tap("PatchRequirePlugin", (compilation) => {
@@ -217,7 +220,7 @@ __webpack_require__.l = function __remote_webpack_require_l__(url, done, key, ch
     const bundle = match?.groups?.bundle;
     const id = match?.groups?.id;
     if (!(id && bundle)) {
-        return __webpack_require_l__(url, done, key, chunkId);
+        return __webpack_require_l__(new URL(url, globalThis.__remote_bundle_url__?.["${this.appName}"] ?? location.origin).href, done, key, chunkId);
     }
     return done();
 };
@@ -262,7 +265,7 @@ function transform(nextConfig, {
       new RemoteWebpackRequirePlugin(app.name),
       new ModuleIdEmbedPlugin(app.name),
       new ConditionalExecPlugin(app.name),
-      new PatchRequirePlugin()
+      new PatchRequirePlugin(app.name)
     );
     if (!webpackContext.isServer) {
       config.output.chunkLoadingGlobal = `__remote_chunk_loading_global_${app.name}__`;
@@ -287,10 +290,15 @@ function transform(nextConfig, {
 
 // src/next/config/index.ts
 function withRemoteComponents(nextConfig, options) {
-  const virtualRemoteComponentSharedRemote = (0, import_node_path3.join)(
+  const virtualRemoteComponentAppSharedRemote = (0, import_node_path3.join)(
+    process.cwd(),
+    nextConfig.distDir ?? ".next",
+    "remote-components/shared/app-remote.tsx"
+  );
+  const virtualRemoteComponentPagesSharedRemote = (0, import_node_path3.join)(
     process.cwd(),
     nextConfig.distDir ?? ".next",
-    "remote-components/shared/remote.tsx"
+    "remote-components/shared/pages-remote.tsx"
   );
   const virtualRemoteComponentAppSharedHost = (0, import_node_path3.join)(
     process.cwd(),
@@ -329,7 +337,12 @@ function withRemoteComponents(nextConfig, options) {
       "react/jsx-dev-runtime",
       "react/jsx-runtime",
       "react-dom",
-      "react-dom/client"
+      "react-dom/client",
+      "next/router",
+      "next/link",
+      "next/image",
+      "next/script",
+      "next/form"
     ],
     ...options?.shared ?? []
   ]);
@@ -350,10 +363,8 @@ function withRemoteComponents(nextConfig, options) {
       ]
     } : {}
   });
-  const sharedRemote = `'use client';
-module.exports = { shared: { ${Array.from(
-    appShared
-  ).reduce((acc, curr) => {
+  const generateSharedRemote = (sharedRemote) => `'use client';
+module.exports = { shared: { ${Array.from(sharedRemote).reduce((acc, curr) => {
     let path;
     try {
       path = resolve(process.cwd(), curr);
@@ -368,31 +379,36 @@ module.exports = { shared: { ${Array.from(
     acc.push(
       `[${vendorShared[curr] ?? (path ? `'${path}'` : `require.resolve('${curr}')`)}]: '${curr}',`
     );
-    acc.push(`['__remote_shared_module_${curr}']: () => import('${curr}'),`);
-    return acc;
-  }, []).join("\n")} } };
-`;
-  const appSharedHost = `'use client';
-module.exports = { shared: { ${Array.from(
-    appShared
-  ).reduce((acc, curr) => {
-    acc.push(`['${curr}']: () => import('${curr}'),`);
+    acc.push(
+      `['__remote_shared_module_${curr}']: () => import('${curr}'),`
+    );
     return acc;
   }, []).join("\n")} } };
 `;
-  const pagesSharedHost = `'use client';
-module.exports = { shared: { ${Array.from(
-    pagesShared
-  ).reduce((acc, curr) => {
+  const generateSharedHost = (sharedHost) => `'use client';
+module.exports = { shared: { ${Array.from(sharedHost).reduce((acc, curr) => {
     acc.push(`['${curr}']: () => import('${curr}'),`);
     return acc;
   }, []).join("\n")} } };
 `;
+  const appSharedRemote = generateSharedRemote(appShared);
+  const pagesSharedRemote = generateSharedRemote(pagesShared);
+  const appSharedHost = generateSharedHost(appShared);
+  const pagesSharedHost = generateSharedHost(pagesShared);
   const emitSharedFiles = () => {
-    (0, import_node_fs.mkdirSync)((0, import_node_path3.dirname)(virtualRemoteComponentSharedRemote), {
+    (0, import_node_fs.mkdirSync)((0, import_node_path3.dirname)(virtualRemoteComponentAppSharedRemote), {
       recursive: true
     });
-    (0, import_node_fs.writeFileSync)(virtualRemoteComponentSharedRemote, sharedRemote, "utf-8");
+    (0, import_node_fs.writeFileSync)(
+      virtualRemoteComponentAppSharedRemote,
+      appSharedRemote,
+      "utf-8"
+    );
+    (0, import_node_fs.writeFileSync)(
+      virtualRemoteComponentPagesSharedRemote,
+      pagesSharedRemote,
+      "utf-8"
+    );
     (0, import_node_fs.writeFileSync)(virtualRemoteComponentAppSharedHost, appSharedHost, "utf-8");
     (0, import_node_fs.writeFileSync)(
       virtualRemoteComponentPagesSharedHost,
@@ -407,13 +423,19 @@ module.exports = { shared: { ${Array.from(
     "remote-components/next/host",
     "remote-components/next/host/pages-router",
     "remote-components/next/host/client",
-    "@remote-components/shared/remote",
-    "@remote-components/shared/host"
+    "@remote-components/shared/remote/app",
+    "@remote-components/shared/remote/pages",
+    "@remote-components/shared/host/app",
+    "@remote-components/shared/host/pages"
   ];
   const alias = {
-    "@remote-components/shared/remote": `./${(0, import_node_path3.relative)(
+    "@remote-components/shared/remote/app": `./${(0, import_node_path3.relative)(
+      process.cwd(),
+      virtualRemoteComponentAppSharedRemote
+    )}`,
+    "@remote-components/shared/remote/pages": `./${(0, import_node_path3.relative)(
       process.cwd(),
-      virtualRemoteComponentSharedRemote
+      virtualRemoteComponentPagesSharedRemote
     )}`,
     "@remote-components/shared/host/app": `./${(0, import_node_path3.relative)(
       process.cwd(),