remote-components 0.0.44 → 0.0.45

package/README.md

@@ -8,4 +8,4 @@
 
 > This is a work in progress feature and not yet ready for production use. We are actively working on it and will provide updates as we make progress.
 
-📚 [Documentation](https://vercel.com/docs/microfrontends)
+📚 [Documentation](https://remote-components-docs.vercel.sh/)

package/dist/internal/next/host/app-router-client.d.ts

@@ -1,6 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { R as RemoteComponentMetadata } from '../../../types-2ab78f67.js';
+import * as React$1 from 'react';
+import { R as RemoteComponentMetadata } from '../../../types-6e4ba234.js';
+import 'parse5/dist/tree-adapters/default';
 
 interface RemoteComponentProps {
     /** The src provided to the `<RemoteComponent>` component. May be relative or absolute URL. */
@@ -27,7 +28,7 @@ interface RemoteComponentProps {
     mode?: 'open' | 'closed';
     reset?: boolean;
     type?: RemoteComponentMetadata['type'];
-    children: react.ReactNode;
+    children: React$1.ReactNode;
 }
 
 declare module 'react/jsx-runtime' {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/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 { 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  visitedNonActiveNodes?: 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  onError?: (message: string, stack?: 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    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      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.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'] ?? 'default',\n          route: node.attrsObj?.['data-route'] ?? context.url.pathname,\n          runtime: (node.attrsObj?.['data-runtime'] ??\n            (node.nodeName === 'remote-component'\n              ? 'script'\n              : 'webpack')) as RemoteComponentMetadata['runtime'],\n          id: nodeId?.endsWith('_ssr') ? nodeId : '__vercel_remote_component',\n          type: (node.nodeName === 'remote-component'\n            ? 'remote-component'\n            : node.attrsObj?.['data-type'] ||\n              'unknown') as RemoteComponentMetadata['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/shared/ssr/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 { 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  visitedNonActiveNodes?: 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  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      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.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'] ?? 'default',\n          route: node.attrsObj?.['data-route'] ?? context.url.pathname,\n          runtime: (node.attrsObj?.['data-runtime'] ??\n            (node.nodeName === 'remote-component'\n              ? 'script'\n              : 'webpack')) as RemoteComponentMetadata['runtime'],\n          id: nodeId?.endsWith('_ssr') ? nodeId : '__vercel_remote_component',\n          type: (node.nodeName === 'remote-component'\n            ? 'remote-component'\n            : node.attrsObj?.['data-type'] ||\n              'unknown') as RemoteComponentMetadata['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/shared/ssr/dom-flight.d.ts

@@ -1,39 +1,2 @@
-import { Node, ChildNode } from 'parse5/dist/tree-adapters/default';
-import { R as RemoteComponentMetadata } from '../../../types-2ab78f67.js';
-
-interface Context {
-    name?: string;
-    url: URL;
-    origin?: string;
-    defer?: boolean;
-    active?: boolean;
-    visitedRSCNodes?: Set<Node>;
-    visitedNonActiveNodes?: Set<Node>;
-    onMetadata?: (metadata: RemoteComponentMetadata) => void;
-    onScript?: (attrs: Record<string, string | boolean>) => void;
-    onLink?: (attrs: Record<string, string | boolean>) => void;
-    onRSC?: (rsc: string) => void;
-    onNextData?: (data: {
-        props: {
-            pageProps: Record<string, unknown>;
-            __REMOTE_COMPONENT__?: {
-                bundle: string;
-                runtime: string;
-            };
-        };
-        page?: string;
-    }) => void;
-    onHTML?: (html: string) => void;
-    onShared?: (shared: Record<string, string>) => void;
-    onError?: (message: string, stack?: string) => void;
-}
-type RSC = ['$', string, null, Record<string, unknown>, null, null, number] | (['$', string, null, Record<string, unknown>, null, null, number] | string | null)[] | string | null;
-declare function visit(node: (Node | ChildNode) & {
-    attrsObj?: Record<string, string>;
-    attrsObjToArray?: Record<string, {
-        name: string;
-        value: string;
-    }>;
-}, context?: Context): RSC | RSC[] | string | null;
-
-export { Context, visit };
+import 'parse5/dist/tree-adapters/default';
+export { C as Context, b as RSC, v as visit } from '../../../types-6e4ba234.js';

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/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 { 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  visitedNonActiveNodes?: 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  onError?: (message: string, stack?: 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    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      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.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'] ?? 'default',\n          route: node.attrsObj?.['data-route'] ?? context.url.pathname,\n          runtime: (node.attrsObj?.['data-runtime'] ??\n            (node.nodeName === 'remote-component'\n              ? 'script'\n              : 'webpack')) as RemoteComponentMetadata['runtime'],\n          id: nodeId?.endsWith('_ssr') ? nodeId : '__vercel_remote_component',\n          type: (node.nodeName === 'remote-component'\n            ? 'remote-component'\n            : node.attrsObj?.['data-type'] ||\n              'unknown') as RemoteComponentMetadata['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":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/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 { 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  visitedNonActiveNodes?: 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  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      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.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'] ?? 'default',\n          route: node.attrsObj?.['data-route'] ?? context.url.pathname,\n          runtime: (node.attrsObj?.['data-runtime'] ??\n            (node.nodeName === 'remote-component'\n              ? 'script'\n              : 'webpack')) as RemoteComponentMetadata['runtime'],\n          id: nodeId?.endsWith('_ssr') ? nodeId : '__vercel_remote_component',\n          type: (node.nodeName === 'remote-component'\n            ? 'remote-component'\n            : node.attrsObj?.['data-type'] ||\n              'unknown') as RemoteComponentMetadata['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":[]}

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

@@ -38,16 +38,29 @@ var import_dom_flight = require("#internal/shared/ssr/dom-flight");
 var import_fetch_headers = require("#internal/shared/ssr/fetch-headers");
 var import_fetch_with_hooks = require("#internal/shared/ssr/fetch-with-hooks");
 var import_get_ssr_relative_path_base_url = require("#internal/shared/ssr/get-ssr-relative-path-base-url");
+var import_skeleton = require("#internal/shared/ssr/skeleton");
 const CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;
 async function fetchRemoteComponent(src, options = {
   rsc: false
 }) {
-  const serverUrl = new URL(src, (0, import_get_ssr_relative_path_base_url.getSSRRelativePathBaseUrl)());
+  const ssrRelativePathBaseUrl = (0, import_get_ssr_relative_path_base_url.getSSRRelativePathBaseUrl)();
+  const serverUrl = new URL(src, ssrRelativePathBaseUrl);
+  const tags = [
+    "_vc_rc:fetch-remote-component",
+    // the max size of a next cache tag is 256 characters
+    (typeof src === "string" ? src : src.href).slice(-256)
+  ];
+  if (options.name) {
+    tags.push(options.name.slice(-256));
+  }
   const fetchInit = {
     method: "GET",
     // pass all headers to the remote component
     headers: (0, import_fetch_headers.remoteFetchHeaders)(),
-    credentials: "include"
+    credentials: "include",
+    next: {
+      tags
+    }
   };
   const res = await (0, import_fetch_with_hooks.fetchWithHooks)(serverUrl, fetchInit, {
     onRequest: options.onRequest,
@@ -170,6 +183,36 @@ async function fetchRemoteComponent(src, options = {
     throw error;
   }
   if (!hasRemoteComponent) {
+    const isSSGBuild = process.env.NEXT_PHASE === "phase-production-build";
+    const isSSRRelativePathBase = serverUrl.host === new URL(ssrRelativePathBaseUrl).host;
+    const isPreview = process.env.VERCEL_TARGET_ENV === "preview";
+    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {
+      const skeletonMessage = (0, import_skeleton.getSkeletonMessage)();
+      const skeletonHtml = (0, import_skeleton.getSkeletonHtml)(serverUrl.href);
+      let skeletonComponent;
+      if (options.rsc) {
+        const { createElement } = await import("react");
+        skeletonComponent = createElement("div", {
+          dangerouslySetInnerHTML: { __html: skeletonHtml }
+        });
+      }
+      return {
+        name: "remote-component-skeleton",
+        serverUrl,
+        metadata: {
+          ...metadata,
+          type: "remote-component"
+        },
+        rsc: skeletonMessage,
+        scripts: [],
+        links: [],
+        hydrationData: [],
+        nextData: void 0,
+        component: skeletonComponent,
+        html: skeletonHtml,
+        remoteShared: {}
+      };
+    }
     throw (0, import_error.failedToFetchRemoteComponentError)(
       serverUrl.href,
       res,

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 { getClientSrc } from '#internal/shared/client/get-client-src';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/shared/error';\nimport { visit } from '#internal/shared/ssr/dom-flight';\nimport { remoteFetchHeaders } from '#internal/shared/ssr/fetch-headers';\nimport { fetchWithHooks } from '#internal/shared/ssr/fetch-with-hooks';\nimport { getSSRRelativePathBaseUrl } from '#internal/shared/ssr/get-ssr-relative-path-base-url';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n  RemoteComponentMetadata,\n} from './types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {\n    rsc: false,\n  },\n) {\n  const serverUrl = new URL(src, getSSRRelativePathBaseUrl());\n\n  const fetchInit = {\n    method: 'GET',\n    // pass all headers to the remote component\n    headers: remoteFetchHeaders(),\n    credentials: 'include',\n  } as RequestInit;\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\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    type: 'unknown',\n  };\n  let remoteShared: Record<string, string> = {};\n  const scripts: { src: string; textContent?: 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 || (serverUrl.hash ? serverUrl.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  let hasRemoteComponent = false;\n  let hasRSC = false;\n  let hasShared = false;\n  let hasMultipleRemoteComponents = false;\n  let error: RemoteComponentsError | undefined;\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(_metadata) {\n      // Skip multiple component detection for Pages Router (__next) since it only supports one remote component per page\n      if (\n        hasRemoteComponent &&\n        metadata.id !== _metadata.id &&\n        _metadata.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        hasMultipleRemoteComponents = true;\n      }\n      metadata = _metadata;\n      hasRemoteComponent = true;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      if (\n        !scripts.find(\n          (it) =>\n            it.src === clientSrc ||\n            (attrs.textContent && it.textContent === attrs.textContent),\n        )\n      ) {\n        scripts.push(\n          typeof attrs.textContent === 'string'\n            ? {\n                src: '',\n                textContent: attrs.textContent,\n              }\n            : {\n                src: clientSrc,\n              },\n        );\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.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      hasRSC = true;\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      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  if (error) {\n    throw error;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!hasRemoteComponent) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (hasMultipleRemoteComponents && !remoteName) {\n    throw multipleRemoteComponentsError(serverUrl.href);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n    throw new RemoteComponentsError(\n      `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  if (\n    metadata.type === 'nextjs' &&\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    !hasShared &&\n    !nextData?.props.__REMOTE_COMPONENT__?.shared\n  ) {\n    throw new RemoteComponentsError(\n      `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\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: serverUrl.origin,\n            crossOrigin: true,\n          },\n          moduleMap: {},\n        },\n      },\n    );\n  }\n\n  const name = metadata.id.replace(/_ssr$/, '');\n  return {\n    name,\n    serverUrl,\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":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { getClientSrc } from '#internal/shared/client/get-client-src';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/shared/error';\nimport { visit } from '#internal/shared/ssr/dom-flight';\nimport { remoteFetchHeaders } from '#internal/shared/ssr/fetch-headers';\nimport { fetchWithHooks } from '#internal/shared/ssr/fetch-with-hooks';\nimport { getSSRRelativePathBaseUrl } from '#internal/shared/ssr/get-ssr-relative-path-base-url';\nimport {\n  getSkeletonHtml,\n  getSkeletonMessage,\n} from '#internal/shared/ssr/skeleton';\nimport type {\n  FetchRemoteComponentResponse,\n  NextData,\n  OnRequestHook,\n  OnResponseHook,\n  RemoteComponentMetadata,\n} from './types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    /** Whether this is being called from Next.js App Router. Used to enable skeleton fallback during SSG builds. */\n    appRouter?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {\n    rsc: false,\n  },\n): Promise<FetchRemoteComponentResponse> {\n  const ssrRelativePathBaseUrl = getSSRRelativePathBaseUrl();\n  const serverUrl = new URL(src, ssrRelativePathBaseUrl);\n\n  const tags = [\n    '_vc_rc:fetch-remote-component',\n    // the max size of a next cache tag is 256 characters\n    (typeof src === 'string' ? src : src.href).slice(-256),\n  ];\n  if (options.name) {\n    tags.push(options.name.slice(-256));\n  }\n\n  const fetchInit = {\n    method: 'GET',\n    // pass all headers to the remote component\n    headers: remoteFetchHeaders(),\n    credentials: 'include',\n    next: {\n      tags,\n    },\n  } as const;\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\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    type: 'unknown',\n  };\n  let remoteShared: Record<string, string> = {};\n  const scripts: { src: string; textContent?: string }[] = [];\n  const links: Record<string, string | boolean>[] = [];\n  const hydrationData: string[] = [];\n  let nextData: NextData | undefined;\n  let html = '';\n\n  const remoteName =\n    options.name || (serverUrl.hash ? serverUrl.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  let hasRemoteComponent = false;\n  let hasRSC = false;\n  let hasShared = false;\n  let hasMultipleRemoteComponents = false;\n  let error: RemoteComponentsError | undefined;\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(_metadata) {\n      // Skip multiple component detection for Pages Router (__next) since it only supports one remote component per page\n      if (\n        hasRemoteComponent &&\n        metadata.id !== _metadata.id &&\n        _metadata.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        hasMultipleRemoteComponents = true;\n      }\n      metadata = _metadata;\n      hasRemoteComponent = true;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      if (\n        !scripts.find(\n          (it) =>\n            it.src === clientSrc ||\n            (attrs.textContent && it.textContent === attrs.textContent),\n        )\n      ) {\n        scripts.push(\n          typeof attrs.textContent === 'string'\n            ? {\n                src: '',\n                textContent: attrs.textContent,\n              }\n            : {\n                src: clientSrc,\n              },\n        );\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.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      hasRSC = true;\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      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  if (error) {\n    throw error;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!hasRemoteComponent) {\n    // For microfrontend builds during run time, the host and remote build\n    // may be happening concurrently. In this case, the request will 404.\n    // We want to allow the build to continue with a placeholder remote\n    // component. Once the build completes, vercel will automatically revalidate\n    // ISR and fetch the built remote component.\n    const isSSGBuild = process.env.NEXT_PHASE === 'phase-production-build';\n    // If the remote component is part of a microfrontend, the src provided\n    // will be relative.\n    const isSSRRelativePathBase =\n      serverUrl.host === new URL(ssrRelativePathBaseUrl).host;\n    // Only want this skeleton behaviour in previews to unblock development.\n    // For production, the remote component should already be built.\n    const isPreview = process.env.VERCEL_TARGET_ENV === 'preview';\n\n    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {\n      const skeletonMessage = getSkeletonMessage();\n      const skeletonHtml = getSkeletonHtml(serverUrl.href);\n\n      let skeletonComponent: React.ReactNode | undefined;\n      if (options.rsc) {\n        const { createElement } = await import('react');\n        skeletonComponent = createElement('div', {\n          dangerouslySetInnerHTML: { __html: skeletonHtml },\n        });\n      }\n\n      return {\n        name: 'remote-component-skeleton',\n        serverUrl,\n        metadata: {\n          ...metadata,\n          type: 'remote-component',\n        },\n        rsc: skeletonMessage,\n        scripts: [],\n        links: [],\n        hydrationData: [],\n        nextData: undefined,\n        component: skeletonComponent,\n        html: skeletonHtml,\n        remoteShared: {},\n      };\n    }\n\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (hasMultipleRemoteComponents && !remoteName) {\n    throw multipleRemoteComponentsError(serverUrl.href);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n    throw new RemoteComponentsError(\n      `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  if (\n    metadata.type === 'nextjs' &&\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    !hasShared &&\n    !nextData?.props.__REMOTE_COMPONENT__?.shared\n  ) {\n    throw new RemoteComponentsError(\n      `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\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: serverUrl.origin,\n            crossOrigin: true,\n          },\n          moduleMap: {},\n        },\n      },\n    );\n  }\n\n  const name = metadata.id.replace(/_ssr$/, '');\n  return {\n    name,\n    serverUrl,\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

@@ -1,37 +1,13 @@
-import * as react from 'react';
-import { O as OnRequestHook, a as OnResponseHook, R as RemoteComponentMetadata } from '../../../types-2ab78f67.js';
+import { O as OnRequestHook, a as OnResponseHook, F as FetchRemoteComponentResponse } from '../../../types-6e4ba234.js';
+import 'parse5/dist/tree-adapters/default';
 
 declare function fetchRemoteComponent(src: string | URL, options?: {
     name?: string;
     rsc?: boolean;
+    /** Whether this is being called from Next.js App Router. Used to enable skeleton fallback during SSG builds. */
+    appRouter?: boolean;
     onRequest?: OnRequestHook;
     onResponse?: OnResponseHook;
-}): Promise<{
-    name: string;
-    serverUrl: URL;
-    metadata: RemoteComponentMetadata;
-    rsc: (string | ["$", string, null, Record<string, unknown>, null, null, number] | (string | ["$", string, null, Record<string, unknown>, null, null, number] | null)[] | null) | (string | ["$", string, null, Record<string, unknown>, null, null, number] | (string | ["$", string, null, Record<string, unknown>, null, null, number] | null)[] | null)[];
-    scripts: {
-        src: string;
-        textContent?: string;
-    }[];
-    links: Record<string, string | boolean>[];
-    hydrationData: string[];
-    nextData: {
-        props: {
-            pageProps: Record<string, unknown>;
-            __REMOTE_COMPONENT__?: {
-                bundle: string;
-                runtime: string;
-                shared?: Record<string, string>;
-            };
-        };
-        page?: string;
-        buildId?: string;
-    } | undefined;
-    component: react.ReactNode;
-    html: string;
-    remoteShared: Record<string, string>;
-}>;
+}): Promise<FetchRemoteComponentResponse>;
 
 export { fetchRemoteComponent };

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

@@ -9,16 +9,32 @@ import { visit } from "#internal/shared/ssr/dom-flight";
 import { remoteFetchHeaders } from "#internal/shared/ssr/fetch-headers";
 import { fetchWithHooks } from "#internal/shared/ssr/fetch-with-hooks";
 import { getSSRRelativePathBaseUrl } from "#internal/shared/ssr/get-ssr-relative-path-base-url";
+import {
+  getSkeletonHtml,
+  getSkeletonMessage
+} from "#internal/shared/ssr/skeleton";
 const CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;
 async function fetchRemoteComponent(src, options = {
   rsc: false
 }) {
-  const serverUrl = new URL(src, getSSRRelativePathBaseUrl());
+  const ssrRelativePathBaseUrl = getSSRRelativePathBaseUrl();
+  const serverUrl = new URL(src, ssrRelativePathBaseUrl);
+  const tags = [
+    "_vc_rc:fetch-remote-component",
+    // the max size of a next cache tag is 256 characters
+    (typeof src === "string" ? src : src.href).slice(-256)
+  ];
+  if (options.name) {
+    tags.push(options.name.slice(-256));
+  }
   const fetchInit = {
     method: "GET",
     // pass all headers to the remote component
     headers: remoteFetchHeaders(),
-    credentials: "include"
+    credentials: "include",
+    next: {
+      tags
+    }
   };
   const res = await fetchWithHooks(serverUrl, fetchInit, {
     onRequest: options.onRequest,
@@ -141,6 +157,36 @@ async function fetchRemoteComponent(src, options = {
     throw error;
   }
   if (!hasRemoteComponent) {
+    const isSSGBuild = process.env.NEXT_PHASE === "phase-production-build";
+    const isSSRRelativePathBase = serverUrl.host === new URL(ssrRelativePathBaseUrl).host;
+    const isPreview = process.env.VERCEL_TARGET_ENV === "preview";
+    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {
+      const skeletonMessage = getSkeletonMessage();
+      const skeletonHtml = getSkeletonHtml(serverUrl.href);
+      let skeletonComponent;
+      if (options.rsc) {
+        const { createElement } = await import("react");
+        skeletonComponent = createElement("div", {
+          dangerouslySetInnerHTML: { __html: skeletonHtml }
+        });
+      }
+      return {
+        name: "remote-component-skeleton",
+        serverUrl,
+        metadata: {
+          ...metadata,
+          type: "remote-component"
+        },
+        rsc: skeletonMessage,
+        scripts: [],
+        links: [],
+        hydrationData: [],
+        nextData: void 0,
+        component: skeletonComponent,
+        html: skeletonHtml,
+        remoteShared: {}
+      };
+    }
     throw failedToFetchRemoteComponentError(
       serverUrl.href,
       res,

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 { getClientSrc } from '#internal/shared/client/get-client-src';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/shared/error';\nimport { visit } from '#internal/shared/ssr/dom-flight';\nimport { remoteFetchHeaders } from '#internal/shared/ssr/fetch-headers';\nimport { fetchWithHooks } from '#internal/shared/ssr/fetch-with-hooks';\nimport { getSSRRelativePathBaseUrl } from '#internal/shared/ssr/get-ssr-relative-path-base-url';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n  RemoteComponentMetadata,\n} from './types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {\n    rsc: false,\n  },\n) {\n  const serverUrl = new URL(src, getSSRRelativePathBaseUrl());\n\n  const fetchInit = {\n    method: 'GET',\n    // pass all headers to the remote component\n    headers: remoteFetchHeaders(),\n    credentials: 'include',\n  } as RequestInit;\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\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    type: 'unknown',\n  };\n  let remoteShared: Record<string, string> = {};\n  const scripts: { src: string; textContent?: 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 || (serverUrl.hash ? serverUrl.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  let hasRemoteComponent = false;\n  let hasRSC = false;\n  let hasShared = false;\n  let hasMultipleRemoteComponents = false;\n  let error: RemoteComponentsError | undefined;\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(_metadata) {\n      // Skip multiple component detection for Pages Router (__next) since it only supports one remote component per page\n      if (\n        hasRemoteComponent &&\n        metadata.id !== _metadata.id &&\n        _metadata.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        hasMultipleRemoteComponents = true;\n      }\n      metadata = _metadata;\n      hasRemoteComponent = true;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      if (\n        !scripts.find(\n          (it) =>\n            it.src === clientSrc ||\n            (attrs.textContent && it.textContent === attrs.textContent),\n        )\n      ) {\n        scripts.push(\n          typeof attrs.textContent === 'string'\n            ? {\n                src: '',\n                textContent: attrs.textContent,\n              }\n            : {\n                src: clientSrc,\n              },\n        );\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.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      hasRSC = true;\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      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  if (error) {\n    throw error;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!hasRemoteComponent) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (hasMultipleRemoteComponents && !remoteName) {\n    throw multipleRemoteComponentsError(serverUrl.href);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n    throw new RemoteComponentsError(\n      `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  if (\n    metadata.type === 'nextjs' &&\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    !hasShared &&\n    !nextData?.props.__REMOTE_COMPONENT__?.shared\n  ) {\n    throw new RemoteComponentsError(\n      `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\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: serverUrl.origin,\n            crossOrigin: true,\n          },\n          moduleMap: {},\n        },\n      },\n    );\n  }\n\n  const name = metadata.id.replace(/_ssr$/, '');\n  return {\n    name,\n    serverUrl,\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":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { getClientSrc } from '#internal/shared/client/get-client-src';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/shared/error';\nimport { visit } from '#internal/shared/ssr/dom-flight';\nimport { remoteFetchHeaders } from '#internal/shared/ssr/fetch-headers';\nimport { fetchWithHooks } from '#internal/shared/ssr/fetch-with-hooks';\nimport { getSSRRelativePathBaseUrl } from '#internal/shared/ssr/get-ssr-relative-path-base-url';\nimport {\n  getSkeletonHtml,\n  getSkeletonMessage,\n} from '#internal/shared/ssr/skeleton';\nimport type {\n  FetchRemoteComponentResponse,\n  NextData,\n  OnRequestHook,\n  OnResponseHook,\n  RemoteComponentMetadata,\n} from './types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    /** Whether this is being called from Next.js App Router. Used to enable skeleton fallback during SSG builds. */\n    appRouter?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {\n    rsc: false,\n  },\n): Promise<FetchRemoteComponentResponse> {\n  const ssrRelativePathBaseUrl = getSSRRelativePathBaseUrl();\n  const serverUrl = new URL(src, ssrRelativePathBaseUrl);\n\n  const tags = [\n    '_vc_rc:fetch-remote-component',\n    // the max size of a next cache tag is 256 characters\n    (typeof src === 'string' ? src : src.href).slice(-256),\n  ];\n  if (options.name) {\n    tags.push(options.name.slice(-256));\n  }\n\n  const fetchInit = {\n    method: 'GET',\n    // pass all headers to the remote component\n    headers: remoteFetchHeaders(),\n    credentials: 'include',\n    next: {\n      tags,\n    },\n  } as const;\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\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    type: 'unknown',\n  };\n  let remoteShared: Record<string, string> = {};\n  const scripts: { src: string; textContent?: string }[] = [];\n  const links: Record<string, string | boolean>[] = [];\n  const hydrationData: string[] = [];\n  let nextData: NextData | undefined;\n  let html = '';\n\n  const remoteName =\n    options.name || (serverUrl.hash ? serverUrl.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  let hasRemoteComponent = false;\n  let hasRSC = false;\n  let hasShared = false;\n  let hasMultipleRemoteComponents = false;\n  let error: RemoteComponentsError | undefined;\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(_metadata) {\n      // Skip multiple component detection for Pages Router (__next) since it only supports one remote component per page\n      if (\n        hasRemoteComponent &&\n        metadata.id !== _metadata.id &&\n        _metadata.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        hasMultipleRemoteComponents = true;\n      }\n      metadata = _metadata;\n      hasRemoteComponent = true;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      if (\n        !scripts.find(\n          (it) =>\n            it.src === clientSrc ||\n            (attrs.textContent && it.textContent === attrs.textContent),\n        )\n      ) {\n        scripts.push(\n          typeof attrs.textContent === 'string'\n            ? {\n                src: '',\n                textContent: attrs.textContent,\n              }\n            : {\n                src: clientSrc,\n              },\n        );\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.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      hasRSC = true;\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      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  if (error) {\n    throw error;\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!hasRemoteComponent) {\n    // For microfrontend builds during run time, the host and remote build\n    // may be happening concurrently. In this case, the request will 404.\n    // We want to allow the build to continue with a placeholder remote\n    // component. Once the build completes, vercel will automatically revalidate\n    // ISR and fetch the built remote component.\n    const isSSGBuild = process.env.NEXT_PHASE === 'phase-production-build';\n    // If the remote component is part of a microfrontend, the src provided\n    // will be relative.\n    const isSSRRelativePathBase =\n      serverUrl.host === new URL(ssrRelativePathBaseUrl).host;\n    // Only want this skeleton behaviour in previews to unblock development.\n    // For production, the remote component should already be built.\n    const isPreview = process.env.VERCEL_TARGET_ENV === 'preview';\n\n    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {\n      const skeletonMessage = getSkeletonMessage();\n      const skeletonHtml = getSkeletonHtml(serverUrl.href);\n\n      let skeletonComponent: React.ReactNode | undefined;\n      if (options.rsc) {\n        const { createElement } = await import('react');\n        skeletonComponent = createElement('div', {\n          dangerouslySetInnerHTML: { __html: skeletonHtml },\n        });\n      }\n\n      return {\n        name: 'remote-component-skeleton',\n        serverUrl,\n        metadata: {\n          ...metadata,\n          type: 'remote-component',\n        },\n        rsc: skeletonMessage,\n        scripts: [],\n        links: [],\n        hydrationData: [],\n        nextData: undefined,\n        component: skeletonComponent,\n        html: skeletonHtml,\n        remoteShared: {},\n      };\n    }\n\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (hasMultipleRemoteComponents && !remoteName) {\n    throw multipleRemoteComponentsError(serverUrl.href);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n  if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n    throw new RemoteComponentsError(\n      `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  if (\n    metadata.type === 'nextjs' &&\n    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n    !hasShared &&\n    !nextData?.props.__REMOTE_COMPONENT__?.shared\n  ) {\n    throw new RemoteComponentsError(\n      `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\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: serverUrl.origin,\n            crossOrigin: true,\n          },\n          moduleMap: {},\n        },\n      },\n    );\n  }\n\n  const name = metadata.id.replace(/_ssr$/, '');\n  return {\n    name,\n    serverUrl,\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-with-hooks.d.ts

@@ -1,4 +1,5 @@
-import { O as OnRequestHook, a as OnResponseHook } from '../../../types-2ab78f67.js';
+import { O as OnRequestHook, a as OnResponseHook } from '../../../types-6e4ba234.js';
+import 'parse5/dist/tree-adapters/default';
 
 /**
  * Options for fetching with request/response hooks.

package/dist/internal/shared/ssr/get-ssr-relative-path-base-url.cjs

@@ -22,6 +22,12 @@ __export(get_ssr_relative_path_base_url_exports, {
 });
 module.exports = __toCommonJS(get_ssr_relative_path_base_url_exports);
 function getSSRRelativePathBaseUrl() {
+  if (process.env.VERCEL_TARGET_ENV === "production" && process.env.VERCEL_PROJECT_PRODUCTION_URL) {
+    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;
+  }
+  if (process.env.VERCEL_BRANCH_URL) {
+    return `https://${process.env.VERCEL_BRANCH_URL}`;
+  }
   if (process.env.VERCEL_URL) {
     return `https://${process.env.VERCEL_URL}`;
   }

package/dist/internal/shared/ssr/get-ssr-relative-path-base-url.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/get-ssr-relative-path-base-url.ts"],"sourcesContent":["/**\n * When fetching a remote component using a relative path with SSR, a base URL is required.\n * This is not used on the client.\n *\n * Can add support in the future with a custom env var for prop for when not building with Vercel\n * and Vercel URL is not available.\n */\nexport function getSSRRelativePathBaseUrl(): string {\n  // This is the deployment URL.\n  if (process.env.VERCEL_URL) {\n    return `https://${process.env.VERCEL_URL}`;\n  }\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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAOO,SAAS,4BAAoC;AAElD,MAAI,QAAQ,IAAI,YAAY;AAC1B,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAGA,SAAO,oBAAoB,QAAQ,IAAI,wBAAwB;AACjE;","names":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/get-ssr-relative-path-base-url.ts"],"sourcesContent":["/**\n * When fetching a remote component using a relative path with SSR, a base URL is required.\n * This is not used on the client.\n *\n * For microfrontends setups, the remote component may be accessed on the same host as the host app.\n * In this case, prefix relative paths with the deployment URL.\n *\n * Can add support in the future with a custom env var for prop for when not building with Vercel\n * and Vercel URL is not available.\n */\nexport function getSSRRelativePathBaseUrl(): string {\n  // Uses the most up to date version of production. Note that the production branch URL does not account\n  // for deployments from non main branches being manually promoted to production.\n  // This ensures ISR fetches the latest version of the production for microfrontends on revalidate.\n  if (\n    process.env.VERCEL_TARGET_ENV === 'production' &&\n    process.env.VERCEL_PROJECT_PRODUCTION_URL\n  ) {\n    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;\n  }\n\n  // Uses the most up to date version of the remote component for the branch.\n  // This ensures ISR fetches the latest version of the branch for microfrontends on revalidate.\n  if (process.env.VERCEL_BRANCH_URL) {\n    return `https://${process.env.VERCEL_BRANCH_URL}`;\n  }\n\n  // If there is no branch, use the vercel deployment URL.\n  if (process.env.VERCEL_URL) {\n    return `https://${process.env.VERCEL_URL}`;\n  }\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"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,SAAS,4BAAoC;AAIlD,MACE,QAAQ,IAAI,sBAAsB,gBAClC,QAAQ,IAAI,+BACZ;AACA,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAIA,MAAI,QAAQ,IAAI,mBAAmB;AACjC,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAGA,MAAI,QAAQ,IAAI,YAAY;AAC1B,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAGA,SAAO,oBAAoB,QAAQ,IAAI,wBAAwB;AACjE;","names":[]}

package/dist/internal/shared/ssr/get-ssr-relative-path-base-url.d.ts

@@ -2,6 +2,9 @@
  * When fetching a remote component using a relative path with SSR, a base URL is required.
  * This is not used on the client.
  *
+ * For microfrontends setups, the remote component may be accessed on the same host as the host app.
+ * In this case, prefix relative paths with the deployment URL.
+ *
  * Can add support in the future with a custom env var for prop for when not building with Vercel
  * and Vercel URL is not available.
  */

package/dist/internal/shared/ssr/get-ssr-relative-path-base-url.js

@@ -1,4 +1,10 @@
 function getSSRRelativePathBaseUrl() {
+  if (process.env.VERCEL_TARGET_ENV === "production" && process.env.VERCEL_PROJECT_PRODUCTION_URL) {
+    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;
+  }
+  if (process.env.VERCEL_BRANCH_URL) {
+    return `https://${process.env.VERCEL_BRANCH_URL}`;
+  }
   if (process.env.VERCEL_URL) {
     return `https://${process.env.VERCEL_URL}`;
   }

package/dist/internal/shared/ssr/get-ssr-relative-path-base-url.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/get-ssr-relative-path-base-url.ts"],"sourcesContent":["/**\n * When fetching a remote component using a relative path with SSR, a base URL is required.\n * This is not used on the client.\n *\n * Can add support in the future with a custom env var for prop for when not building with Vercel\n * and Vercel URL is not available.\n */\nexport function getSSRRelativePathBaseUrl(): string {\n  // This is the deployment URL.\n  if (process.env.VERCEL_URL) {\n    return `https://${process.env.VERCEL_URL}`;\n  }\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"],"mappings":"AAOO,SAAS,4BAAoC;AAElD,MAAI,QAAQ,IAAI,YAAY;AAC1B,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAGA,SAAO,oBAAoB,QAAQ,IAAI,wBAAwB;AACjE;","names":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/get-ssr-relative-path-base-url.ts"],"sourcesContent":["/**\n * When fetching a remote component using a relative path with SSR, a base URL is required.\n * This is not used on the client.\n *\n * For microfrontends setups, the remote component may be accessed on the same host as the host app.\n * In this case, prefix relative paths with the deployment URL.\n *\n * Can add support in the future with a custom env var for prop for when not building with Vercel\n * and Vercel URL is not available.\n */\nexport function getSSRRelativePathBaseUrl(): string {\n  // Uses the most up to date version of production. Note that the production branch URL does not account\n  // for deployments from non main branches being manually promoted to production.\n  // This ensures ISR fetches the latest version of the production for microfrontends on revalidate.\n  if (\n    process.env.VERCEL_TARGET_ENV === 'production' &&\n    process.env.VERCEL_PROJECT_PRODUCTION_URL\n  ) {\n    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;\n  }\n\n  // Uses the most up to date version of the remote component for the branch.\n  // This ensures ISR fetches the latest version of the branch for microfrontends on revalidate.\n  if (process.env.VERCEL_BRANCH_URL) {\n    return `https://${process.env.VERCEL_BRANCH_URL}`;\n  }\n\n  // If there is no branch, use the vercel deployment URL.\n  if (process.env.VERCEL_URL) {\n    return `https://${process.env.VERCEL_URL}`;\n  }\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"],"mappings":"AAUO,SAAS,4BAAoC;AAIlD,MACE,QAAQ,IAAI,sBAAsB,gBAClC,QAAQ,IAAI,+BACZ;AACA,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAIA,MAAI,QAAQ,IAAI,mBAAmB;AACjC,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAGA,MAAI,QAAQ,IAAI,YAAY;AAC1B,WAAO,WAAW,QAAQ,IAAI;AAAA,EAChC;AAGA,SAAO,oBAAoB,QAAQ,IAAI,wBAAwB;AACjE;","names":[]}

package/dist/internal/shared/ssr/skeleton.cjs

@@ -0,0 +1,97 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var skeleton_exports = {};
+__export(skeleton_exports, {
+  getSkeletonHtml: () => getSkeletonHtml,
+  getSkeletonMessage: () => getSkeletonMessage
+});
+module.exports = __toCommonJS(skeleton_exports);
+function getSkeletonHtml(serverUrl) {
+  return `<div style="
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 24px;
+    min-height: 120px;
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    border: 1px solid #dee2e6;
+    border-radius: 8px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  ">
+    <div style="
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      max-width: 480px;
+    ">
+      <div style="
+        width: 24px;
+        height: 24px;
+        border: 2px solid #adb5bd;
+        border-top-color: #495057;
+        border-radius: 50%;
+        animation: skeleton-spin 1s linear infinite;
+        flex-shrink: 0;
+      "></div>
+      <div style="
+        color: #495057;
+        font-size: 14px;
+        line-height: 1.5;
+      ">
+        <span style="color: #212529; font-weight: 500;">Waiting for the remote component to finish building.</span>
+        <span>Once ready, this component will be automatically revalidated with ISR. <a href="javascript:location.reload()" style="color: #495057; font-weight: 500; text-decoration: underline;">Refresh</a> to see the updated component.</span>
+        <a href="https://remote-components-docs.vercel.sh/docs" target="_blank" rel="noopener noreferrer" style="color: #495057; text-decoration: underline;">Learn more</a>
+      </div>
+    </div>
+    <div style="
+      margin-top: 12px;
+      padding: 8px 12px;
+      background: rgba(0, 0, 0, 0.05);
+      border-radius: 4px;
+      font-size: 12px;
+      color: #6c757d;
+      word-break: break-all;
+      max-width: 100%;
+    ">
+      <span style="color: #868e96;">Inspect:</span> <a href="${serverUrl}" target="_blank" rel="noopener noreferrer" style="color: #495057; text-decoration: underline;">${serverUrl}</a>
+    </div>
+    <div style="
+      margin-top: 8px;
+      font-size: 11px;
+      color: #868e96;
+    ">
+      <span>If this skeleton is not updating, verify that the remote URL contains a remote component.</span>
+    </div>
+    <style>
+      @keyframes skeleton-spin {
+        to { transform: rotate(360deg); }
+      }
+    </style>
+  </div>`;
+}
+function getSkeletonMessage() {
+  return "Waiting for the remote component to finish building. Once built, ISR will revalidate this component automatically.";
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getSkeletonHtml,
+  getSkeletonMessage
+});
+//# sourceMappingURL=skeleton.cjs.map

package/dist/internal/shared/ssr/skeleton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/ssr/skeleton.ts"],"sourcesContent":["/**\n * Skeleton placeholder displayed when a remote component's deployment is still building.\n * This allows the host build to complete while the remote deployment finishes.\n * ISR will automatically revalidate once the remote component is available.\n */\n\n/**\n * Generates styled HTML for the skeleton placeholder.\n * Uses inline styles to ensure consistent rendering without external dependencies.\n * Includes the serverUrl to help users debug when the skeleton is unexpected.\n */\nexport function getSkeletonHtml(serverUrl: string): string {\n  return `<div style=\"\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    min-height: 120px;\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    border: 1px solid #dee2e6;\n    border-radius: 8px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  \">\n    <div style=\"\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      max-width: 480px;\n    \">\n      <div style=\"\n        width: 24px;\n        height: 24px;\n        border: 2px solid #adb5bd;\n        border-top-color: #495057;\n        border-radius: 50%;\n        animation: skeleton-spin 1s linear infinite;\n        flex-shrink: 0;\n      \"></div>\n      <div style=\"\n        color: #495057;\n        font-size: 14px;\n        line-height: 1.5;\n      \">\n        <span style=\"color: #212529; font-weight: 500;\">Waiting for the remote component to finish building.</span>\n        <span>Once ready, this component will be automatically revalidated with ISR. <a href=\"javascript:location.reload()\" style=\"color: #495057; font-weight: 500; text-decoration: underline;\">Refresh</a> to see the updated component.</span>\n        <a href=\"https://remote-components-docs.vercel.sh/docs\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #495057; text-decoration: underline;\">Learn more</a>\n      </div>\n    </div>\n    <div style=\"\n      margin-top: 12px;\n      padding: 8px 12px;\n      background: rgba(0, 0, 0, 0.05);\n      border-radius: 4px;\n      font-size: 12px;\n      color: #6c757d;\n      word-break: break-all;\n      max-width: 100%;\n    \">\n      <span style=\"color: #868e96;\">Inspect:</span> <a href=\"${serverUrl}\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #495057; text-decoration: underline;\">${serverUrl}</a>\n    </div>\n    <div style=\"\n      margin-top: 8px;\n      font-size: 11px;\n      color: #868e96;\n    \">\n      <span>If this skeleton is not updating, verify that the remote URL contains a remote component.</span>\n    </div>\n    <style>\n      @keyframes skeleton-spin {\n        to { transform: rotate(360deg); }\n      }\n    </style>\n  </div>`;\n}\n\n/**\n * Returns the skeleton message for RSC and non-HTML contexts.\n */\nexport function getSkeletonMessage(): string {\n  return 'Waiting for the remote component to finish building. Once built, ISR will revalidate this component automatically.';\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWO,SAAS,gBAAgB,WAA2B;AACzD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+DA+CsD,4GAA4G;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3K;AAKO,SAAS,qBAA6B;AAC3C,SAAO;AACT;","names":[]}

package/dist/internal/shared/ssr/skeleton.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Skeleton placeholder displayed when a remote component's deployment is still building.
+ * This allows the host build to complete while the remote deployment finishes.
+ * ISR will automatically revalidate once the remote component is available.
+ */
+/**
+ * Generates styled HTML for the skeleton placeholder.
+ * Uses inline styles to ensure consistent rendering without external dependencies.
+ * Includes the serverUrl to help users debug when the skeleton is unexpected.
+ */
+declare function getSkeletonHtml(serverUrl: string): string;
+/**
+ * Returns the skeleton message for RSC and non-HTML contexts.
+ */
+declare function getSkeletonMessage(): string;
+
+export { getSkeletonHtml, getSkeletonMessage };

package/dist/internal/shared/ssr/skeleton.js

@@ -0,0 +1,72 @@
+function getSkeletonHtml(serverUrl) {
+  return `<div style="
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    padding: 24px;
+    min-height: 120px;
+    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+    border: 1px solid #dee2e6;
+    border-radius: 8px;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
+  ">
+    <div style="
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      max-width: 480px;
+    ">
+      <div style="
+        width: 24px;
+        height: 24px;
+        border: 2px solid #adb5bd;
+        border-top-color: #495057;
+        border-radius: 50%;
+        animation: skeleton-spin 1s linear infinite;
+        flex-shrink: 0;
+      "></div>
+      <div style="
+        color: #495057;
+        font-size: 14px;
+        line-height: 1.5;
+      ">
+        <span style="color: #212529; font-weight: 500;">Waiting for the remote component to finish building.</span>
+        <span>Once ready, this component will be automatically revalidated with ISR. <a href="javascript:location.reload()" style="color: #495057; font-weight: 500; text-decoration: underline;">Refresh</a> to see the updated component.</span>
+        <a href="https://remote-components-docs.vercel.sh/docs" target="_blank" rel="noopener noreferrer" style="color: #495057; text-decoration: underline;">Learn more</a>
+      </div>
+    </div>
+    <div style="
+      margin-top: 12px;
+      padding: 8px 12px;
+      background: rgba(0, 0, 0, 0.05);
+      border-radius: 4px;
+      font-size: 12px;
+      color: #6c757d;
+      word-break: break-all;
+      max-width: 100%;
+    ">
+      <span style="color: #868e96;">Inspect:</span> <a href="${serverUrl}" target="_blank" rel="noopener noreferrer" style="color: #495057; text-decoration: underline;">${serverUrl}</a>
+    </div>
+    <div style="
+      margin-top: 8px;
+      font-size: 11px;
+      color: #868e96;
+    ">
+      <span>If this skeleton is not updating, verify that the remote URL contains a remote component.</span>
+    </div>
+    <style>
+      @keyframes skeleton-spin {
+        to { transform: rotate(360deg); }
+      }
+    </style>
+  </div>`;
+}
+function getSkeletonMessage() {
+  return "Waiting for the remote component to finish building. Once built, ISR will revalidate this component automatically.";
+}
+export {
+  getSkeletonHtml,
+  getSkeletonMessage
+};
+//# sourceMappingURL=skeleton.js.map

package/dist/internal/shared/ssr/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/ssr/skeleton.ts"],"sourcesContent":["/**\n * Skeleton placeholder displayed when a remote component's deployment is still building.\n * This allows the host build to complete while the remote deployment finishes.\n * ISR will automatically revalidate once the remote component is available.\n */\n\n/**\n * Generates styled HTML for the skeleton placeholder.\n * Uses inline styles to ensure consistent rendering without external dependencies.\n * Includes the serverUrl to help users debug when the skeleton is unexpected.\n */\nexport function getSkeletonHtml(serverUrl: string): string {\n  return `<div style=\"\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    padding: 24px;\n    min-height: 120px;\n    background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);\n    border: 1px solid #dee2e6;\n    border-radius: 8px;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n  \">\n    <div style=\"\n      display: flex;\n      align-items: center;\n      gap: 16px;\n      max-width: 480px;\n    \">\n      <div style=\"\n        width: 24px;\n        height: 24px;\n        border: 2px solid #adb5bd;\n        border-top-color: #495057;\n        border-radius: 50%;\n        animation: skeleton-spin 1s linear infinite;\n        flex-shrink: 0;\n      \"></div>\n      <div style=\"\n        color: #495057;\n        font-size: 14px;\n        line-height: 1.5;\n      \">\n        <span style=\"color: #212529; font-weight: 500;\">Waiting for the remote component to finish building.</span>\n        <span>Once ready, this component will be automatically revalidated with ISR. <a href=\"javascript:location.reload()\" style=\"color: #495057; font-weight: 500; text-decoration: underline;\">Refresh</a> to see the updated component.</span>\n        <a href=\"https://remote-components-docs.vercel.sh/docs\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #495057; text-decoration: underline;\">Learn more</a>\n      </div>\n    </div>\n    <div style=\"\n      margin-top: 12px;\n      padding: 8px 12px;\n      background: rgba(0, 0, 0, 0.05);\n      border-radius: 4px;\n      font-size: 12px;\n      color: #6c757d;\n      word-break: break-all;\n      max-width: 100%;\n    \">\n      <span style=\"color: #868e96;\">Inspect:</span> <a href=\"${serverUrl}\" target=\"_blank\" rel=\"noopener noreferrer\" style=\"color: #495057; text-decoration: underline;\">${serverUrl}</a>\n    </div>\n    <div style=\"\n      margin-top: 8px;\n      font-size: 11px;\n      color: #868e96;\n    \">\n      <span>If this skeleton is not updating, verify that the remote URL contains a remote component.</span>\n    </div>\n    <style>\n      @keyframes skeleton-spin {\n        to { transform: rotate(360deg); }\n      }\n    </style>\n  </div>`;\n}\n\n/**\n * Returns the skeleton message for RSC and non-HTML contexts.\n */\nexport function getSkeletonMessage(): string {\n  return 'Waiting for the remote component to finish building. Once built, ISR will revalidate this component automatically.';\n}\n"],"mappings":"AAWO,SAAS,gBAAgB,WAA2B;AACzD,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+DA+CsD,4GAA4G;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3K;AAKO,SAAS,qBAA6B;AAC3C,SAAO;AACT;","names":[]}

package/dist/internal/webpack/next-client-pages-loader.d.ts

@@ -1,8 +1,8 @@
-import * as react from 'react';
+import * as React$1 from 'react';
 
 declare function nextClientPagesLoader(bundle: string, route: string, styleContainer?: HTMLHeadElement | ShadowRoot | null): {
-    Component: react.ComponentType<Record<string, unknown>> | null | undefined;
-    App: react.ComponentType<{
+    Component: React$1.ComponentType<Record<string, unknown>> | null | undefined;
+    App: React$1.ComponentType<{
         Component: React.ComponentType<Record<string, unknown>>;
     } & Record<string, unknown>> | null | undefined;
 };

package/dist/next/host/app-router-server.cjs

@@ -48,6 +48,7 @@ async function RemoteComponent({
   } = await (0, import_fetch_remote_component.fetchRemoteComponent)(src, {
     name: nameProp,
     rsc: true,
+    appRouter: true,
     onRequest,
     onResponse
   });

package/dist/next/host/app-router-server.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/host/app-router-server.tsx"],"sourcesContent":["import { Children, Suspense } from 'react';\nimport { RemoteComponentClient } from '#internal/next/host/app-router-client';\nimport { fetchRemoteComponent } from '#internal/shared/ssr/fetch-remote-component';\nimport type { OnRequestHook, OnResponseHook } from '#internal/shared/ssr/types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport interface RemoteComponentProps {\n  /** The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported. */\n  src: string | URL;\n  /** The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page. */\n  name?: string;\n  /** Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation. */\n  isolate?: boolean;\n  /** The mode of the Shadow DOM. Defaults to `open`. */\n  mode?: 'open' | 'closed';\n  /** Whether to include a CSS reset style in the shadow DOM. Defaults to `false`. */\n  reset?: boolean;\n  /** Loading fallback content to display while the remote component is being fetched. */\n  children?: React.ReactNode;\n  /**\n   * Called when a fetch request is made to retrieve the remote component payload.\n   * Can be used to intercept requests, modify headers, or provide a custom response.\n   */\n  onRequest?: OnRequestHook;\n  /**\n   * Called after a fetch completes to retrieve the remote component payload.\n   * Can be used to inspect the response (e.g., check for redirects) or transform it.\n   */\n  onResponse?: OnResponseHook;\n}\n\n/**\n * RemoteComponent is a Next.js component that fetches and renders a remote component.\n * It supports SSR and can isolate the remote component in a shadow DOM.\n *\n * @param src - The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported.\n * @param name - The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page.\n * @param isolate - Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation.\n * @param mode - The mode of the Shadow DOM. Defaults to `open`.\n * @param reset - Whether to include a CSS reset style in the shadow DOM. Defaults to `false`.\n * @param children - Loading fallback content to display while the remote component is being fetched.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to consume a remote component from a remote application:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next/host';\n *\n * export default function MyPage() {\n *  return (\n *    <>\n *      <h1>Welcome to My Page</h1>\n *      <p>This page consumes a remote component from another application.</p>\n *      <RemoteComponent src=\"/nextjs-app-remote/components/header\" />\n *    </>\n *  );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  src,\n  name: nameProp,\n  isolate,\n  mode,\n  reset,\n  children,\n  onRequest,\n  onResponse,\n}: RemoteComponentProps): Promise<React.ReactElement> {\n  const {\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    remoteShared,\n    serverUrl,\n  } = await fetchRemoteComponent(src, {\n    name: nameProp,\n    rsc: true,\n    onRequest,\n    onResponse,\n  });\n\n  // pass all remote component data to the SSR/client layer\n  // render remote component static HTML as children\n  // remote _ssr suffix from remote component id\n  const name = metadata.id.replace(/_ssr$/, '');\n  const remoteComponentClient = (\n    <RemoteComponentClient\n      bundle={metadata.bundle || (CURRENT_ZONE ?? name)}\n      data={hydrationData}\n      isolate={isolate}\n      links={links}\n      mode={mode}\n      name={name}\n      nextData={nextData}\n      remoteShared={remoteShared}\n      reset={reset}\n      route={metadata.route}\n      runtime={metadata.runtime}\n      scripts={scripts}\n      type={metadata.type}\n      src={typeof src === 'string' ? src : src.href}\n      serverUrl={serverUrl.href}\n    >\n      {component}\n    </RemoteComponentClient>\n  );\n\n  if (Children.count(children) > 0) {\n    // if there are children, render them inside the remote component\n    return <Suspense fallback={children}>{remoteComponentClient}</Suspense>;\n  }\n\n  return remoteComponentClient;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA6FI;AA7FJ,mBAAmC;AACnC,+BAAsC;AACtC,oCAAqC;AAGrC,MAAM,eAAe,QAAQ,IAAI;AAyDjC,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAM,oDAAqB,KAAK;AAAA,IAClC,MAAM;AAAA,IACN,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EACF,CAAC;AAKD,QAAM,OAAO,SAAS,GAAG,QAAQ,SAAS,EAAE;AAC5C,QAAM,wBACJ;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,WAAW,gBAAgB;AAAA,MAC5C,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,SAAS,SAAS;AAAA,MAClB;AAAA,MACA,MAAM,SAAS;AAAA,MACf,KAAK,OAAO,QAAQ,WAAW,MAAM,IAAI;AAAA,MACzC,WAAW,UAAU;AAAA,MAEpB;AAAA;AAAA,EACH;AAGF,MAAI,sBAAS,MAAM,QAAQ,IAAI,GAAG;AAEhC,WAAO,4CAAC,yBAAS,UAAU,UAAW,iCAAsB;AAAA,EAC9D;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/next/host/app-router-server.tsx"],"sourcesContent":["import { Children, Suspense } from 'react';\nimport { RemoteComponentClient } from '#internal/next/host/app-router-client';\nimport { fetchRemoteComponent } from '#internal/shared/ssr/fetch-remote-component';\nimport type { OnRequestHook, OnResponseHook } from '#internal/shared/ssr/types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport interface RemoteComponentProps {\n  /** The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported. */\n  src: string | URL;\n  /** The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page. */\n  name?: string;\n  /** Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation. */\n  isolate?: boolean;\n  /** The mode of the Shadow DOM. Defaults to `open`. */\n  mode?: 'open' | 'closed';\n  /** Whether to include a CSS reset style in the shadow DOM. Defaults to `false`. */\n  reset?: boolean;\n  /** Loading fallback content to display while the remote component is being fetched. */\n  children?: React.ReactNode;\n  /**\n   * Called when a fetch request is made to retrieve the remote component payload.\n   * Can be used to intercept requests, modify headers, or provide a custom response.\n   */\n  onRequest?: OnRequestHook;\n  /**\n   * Called after a fetch completes to retrieve the remote component payload.\n   * Can be used to inspect the response (e.g., check for redirects) or transform it.\n   */\n  onResponse?: OnResponseHook;\n}\n\n/**\n * RemoteComponent is a Next.js component that fetches and renders a remote component.\n * It supports SSR and can isolate the remote component in a shadow DOM.\n *\n * @param src - The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported.\n * @param name - The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page.\n * @param isolate - Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation.\n * @param mode - The mode of the Shadow DOM. Defaults to `open`.\n * @param reset - Whether to include a CSS reset style in the shadow DOM. Defaults to `false`.\n * @param children - Loading fallback content to display while the remote component is being fetched.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to consume a remote component from a remote application:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next/host';\n *\n * export default function MyPage() {\n *  return (\n *    <>\n *      <h1>Welcome to My Page</h1>\n *      <p>This page consumes a remote component from another application.</p>\n *      <RemoteComponent src=\"/nextjs-app-remote/components/header\" />\n *    </>\n *  );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  src,\n  name: nameProp,\n  isolate,\n  mode,\n  reset,\n  children,\n  onRequest,\n  onResponse,\n}: RemoteComponentProps): Promise<React.ReactElement> {\n  const {\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    remoteShared,\n    serverUrl,\n  } = await fetchRemoteComponent(src, {\n    name: nameProp,\n    rsc: true,\n    appRouter: true,\n    onRequest,\n    onResponse,\n  });\n\n  // pass all remote component data to the SSR/client layer\n  // render remote component static HTML as children\n  // remote _ssr suffix from remote component id\n  const name = metadata.id.replace(/_ssr$/, '');\n  const remoteComponentClient = (\n    <RemoteComponentClient\n      bundle={metadata.bundle || (CURRENT_ZONE ?? name)}\n      data={hydrationData}\n      isolate={isolate}\n      links={links}\n      mode={mode}\n      name={name}\n      nextData={nextData}\n      remoteShared={remoteShared}\n      reset={reset}\n      route={metadata.route}\n      runtime={metadata.runtime}\n      scripts={scripts}\n      type={metadata.type}\n      src={typeof src === 'string' ? src : src.href}\n      serverUrl={serverUrl.href}\n    >\n      {component}\n    </RemoteComponentClient>\n  );\n\n  if (Children.count(children) > 0) {\n    // if there are children, render them inside the remote component\n    return <Suspense fallback={children}>{remoteComponentClient}</Suspense>;\n  }\n\n  return remoteComponentClient;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AA8FI;AA9FJ,mBAAmC;AACnC,+BAAsC;AACtC,oCAAqC;AAGrC,MAAM,eAAe,QAAQ,IAAI;AAyDjC,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAM,oDAAqB,KAAK;AAAA,IAClC,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACF,CAAC;AAKD,QAAM,OAAO,SAAS,GAAG,QAAQ,SAAS,EAAE;AAC5C,QAAM,wBACJ;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,WAAW,gBAAgB;AAAA,MAC5C,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,SAAS,SAAS;AAAA,MAClB;AAAA,MACA,MAAM,SAAS;AAAA,MACf,KAAK,OAAO,QAAQ,WAAW,MAAM,IAAI;AAAA,MACzC,WAAW,UAAU;AAAA,MAEpB;AAAA;AAAA,EACH;AAGF,MAAI,sBAAS,MAAM,QAAQ,IAAI,GAAG;AAEhC,WAAO,4CAAC,yBAAS,UAAU,UAAW,iCAAsB;AAAA,EAC9D;AAEA,SAAO;AACT;","names":[]}

package/dist/next/host/app-router-server.d.ts

@@ -1,4 +1,5 @@
-import { O as OnRequestHook, a as OnResponseHook } from '../../types-2ab78f67.js';
+import { O as OnRequestHook, a as OnResponseHook } from '../../types-6e4ba234.js';
+import 'parse5/dist/tree-adapters/default';
 
 interface RemoteComponentProps {
     /** The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported. */

package/dist/next/host/app-router-server.js

@@ -25,6 +25,7 @@ async function RemoteComponent({
   } = await fetchRemoteComponent(src, {
     name: nameProp,
     rsc: true,
+    appRouter: true,
     onRequest,
     onResponse
   });

package/dist/next/host/app-router-server.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/host/app-router-server.tsx"],"sourcesContent":["import { Children, Suspense } from 'react';\nimport { RemoteComponentClient } from '#internal/next/host/app-router-client';\nimport { fetchRemoteComponent } from '#internal/shared/ssr/fetch-remote-component';\nimport type { OnRequestHook, OnResponseHook } from '#internal/shared/ssr/types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport interface RemoteComponentProps {\n  /** The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported. */\n  src: string | URL;\n  /** The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page. */\n  name?: string;\n  /** Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation. */\n  isolate?: boolean;\n  /** The mode of the Shadow DOM. Defaults to `open`. */\n  mode?: 'open' | 'closed';\n  /** Whether to include a CSS reset style in the shadow DOM. Defaults to `false`. */\n  reset?: boolean;\n  /** Loading fallback content to display while the remote component is being fetched. */\n  children?: React.ReactNode;\n  /**\n   * Called when a fetch request is made to retrieve the remote component payload.\n   * Can be used to intercept requests, modify headers, or provide a custom response.\n   */\n  onRequest?: OnRequestHook;\n  /**\n   * Called after a fetch completes to retrieve the remote component payload.\n   * Can be used to inspect the response (e.g., check for redirects) or transform it.\n   */\n  onResponse?: OnResponseHook;\n}\n\n/**\n * RemoteComponent is a Next.js component that fetches and renders a remote component.\n * It supports SSR and can isolate the remote component in a shadow DOM.\n *\n * @param src - The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported.\n * @param name - The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page.\n * @param isolate - Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation.\n * @param mode - The mode of the Shadow DOM. Defaults to `open`.\n * @param reset - Whether to include a CSS reset style in the shadow DOM. Defaults to `false`.\n * @param children - Loading fallback content to display while the remote component is being fetched.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to consume a remote component from a remote application:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next/host';\n *\n * export default function MyPage() {\n *  return (\n *    <>\n *      <h1>Welcome to My Page</h1>\n *      <p>This page consumes a remote component from another application.</p>\n *      <RemoteComponent src=\"/nextjs-app-remote/components/header\" />\n *    </>\n *  );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  src,\n  name: nameProp,\n  isolate,\n  mode,\n  reset,\n  children,\n  onRequest,\n  onResponse,\n}: RemoteComponentProps): Promise<React.ReactElement> {\n  const {\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    remoteShared,\n    serverUrl,\n  } = await fetchRemoteComponent(src, {\n    name: nameProp,\n    rsc: true,\n    onRequest,\n    onResponse,\n  });\n\n  // pass all remote component data to the SSR/client layer\n  // render remote component static HTML as children\n  // remote _ssr suffix from remote component id\n  const name = metadata.id.replace(/_ssr$/, '');\n  const remoteComponentClient = (\n    <RemoteComponentClient\n      bundle={metadata.bundle || (CURRENT_ZONE ?? name)}\n      data={hydrationData}\n      isolate={isolate}\n      links={links}\n      mode={mode}\n      name={name}\n      nextData={nextData}\n      remoteShared={remoteShared}\n      reset={reset}\n      route={metadata.route}\n      runtime={metadata.runtime}\n      scripts={scripts}\n      type={metadata.type}\n      src={typeof src === 'string' ? src : src.href}\n      serverUrl={serverUrl.href}\n    >\n      {component}\n    </RemoteComponentClient>\n  );\n\n  if (Children.count(children) > 0) {\n    // if there are children, render them inside the remote component\n    return <Suspense fallback={children}>{remoteComponentClient}</Suspense>;\n  }\n\n  return remoteComponentClient;\n}\n"],"mappings":"AA6FI;AA7FJ,SAAS,UAAU,gBAAgB;AACnC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AAGrC,MAAM,eAAe,QAAQ,IAAI;AAyDjC,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,MAAM,qBAAqB,KAAK;AAAA,IAClC,MAAM;AAAA,IACN,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EACF,CAAC;AAKD,QAAM,OAAO,SAAS,GAAG,QAAQ,SAAS,EAAE;AAC5C,QAAM,wBACJ;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,WAAW,gBAAgB;AAAA,MAC5C,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,SAAS,SAAS;AAAA,MAClB;AAAA,MACA,MAAM,SAAS;AAAA,MACf,KAAK,OAAO,QAAQ,WAAW,MAAM,IAAI;AAAA,MACzC,WAAW,UAAU;AAAA,MAEpB;AAAA;AAAA,EACH;AAGF,MAAI,SAAS,MAAM,QAAQ,IAAI,GAAG;AAEhC,WAAO,oBAAC,YAAS,UAAU,UAAW,iCAAsB;AAAA,EAC9D;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/next/host/app-router-server.tsx"],"sourcesContent":["import { Children, Suspense } from 'react';\nimport { RemoteComponentClient } from '#internal/next/host/app-router-client';\nimport { fetchRemoteComponent } from '#internal/shared/ssr/fetch-remote-component';\nimport type { OnRequestHook, OnResponseHook } from '#internal/shared/ssr/types';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport interface RemoteComponentProps {\n  /** The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported. */\n  src: string | URL;\n  /** The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page. */\n  name?: string;\n  /** Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation. */\n  isolate?: boolean;\n  /** The mode of the Shadow DOM. Defaults to `open`. */\n  mode?: 'open' | 'closed';\n  /** Whether to include a CSS reset style in the shadow DOM. Defaults to `false`. */\n  reset?: boolean;\n  /** Loading fallback content to display while the remote component is being fetched. */\n  children?: React.ReactNode;\n  /**\n   * Called when a fetch request is made to retrieve the remote component payload.\n   * Can be used to intercept requests, modify headers, or provide a custom response.\n   */\n  onRequest?: OnRequestHook;\n  /**\n   * Called after a fetch completes to retrieve the remote component payload.\n   * Can be used to inspect the response (e.g., check for redirects) or transform it.\n   */\n  onResponse?: OnResponseHook;\n}\n\n/**\n * RemoteComponent is a Next.js component that fetches and renders a remote component.\n * It supports SSR and can isolate the remote component in a shadow DOM.\n *\n * @param src - The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported.\n * @param name - The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page.\n * @param isolate - Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation.\n * @param mode - The mode of the Shadow DOM. Defaults to `open`.\n * @param reset - Whether to include a CSS reset style in the shadow DOM. Defaults to `false`.\n * @param children - Loading fallback content to display while the remote component is being fetched.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to consume a remote component from a remote application:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next/host';\n *\n * export default function MyPage() {\n *  return (\n *    <>\n *      <h1>Welcome to My Page</h1>\n *      <p>This page consumes a remote component from another application.</p>\n *      <RemoteComponent src=\"/nextjs-app-remote/components/header\" />\n *    </>\n *  );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  src,\n  name: nameProp,\n  isolate,\n  mode,\n  reset,\n  children,\n  onRequest,\n  onResponse,\n}: RemoteComponentProps): Promise<React.ReactElement> {\n  const {\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    remoteShared,\n    serverUrl,\n  } = await fetchRemoteComponent(src, {\n    name: nameProp,\n    rsc: true,\n    appRouter: true,\n    onRequest,\n    onResponse,\n  });\n\n  // pass all remote component data to the SSR/client layer\n  // render remote component static HTML as children\n  // remote _ssr suffix from remote component id\n  const name = metadata.id.replace(/_ssr$/, '');\n  const remoteComponentClient = (\n    <RemoteComponentClient\n      bundle={metadata.bundle || (CURRENT_ZONE ?? name)}\n      data={hydrationData}\n      isolate={isolate}\n      links={links}\n      mode={mode}\n      name={name}\n      nextData={nextData}\n      remoteShared={remoteShared}\n      reset={reset}\n      route={metadata.route}\n      runtime={metadata.runtime}\n      scripts={scripts}\n      type={metadata.type}\n      src={typeof src === 'string' ? src : src.href}\n      serverUrl={serverUrl.href}\n    >\n      {component}\n    </RemoteComponentClient>\n  );\n\n  if (Children.count(children) > 0) {\n    // if there are children, render them inside the remote component\n    return <Suspense fallback={children}>{remoteComponentClient}</Suspense>;\n  }\n\n  return remoteComponentClient;\n}\n"],"mappings":"AA8FI;AA9FJ,SAAS,UAAU,gBAAgB;AACnC,SAAS,6BAA6B;AACtC,SAAS,4BAA4B;AAGrC,MAAM,eAAe,QAAQ,IAAI;AAyDjC,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,MAAM,qBAAqB,KAAK;AAAA,IAClC,MAAM;AAAA,IACN,KAAK;AAAA,IACL,WAAW;AAAA,IACX;AAAA,IACA;AAAA,EACF,CAAC;AAKD,QAAM,OAAO,SAAS,GAAG,QAAQ,SAAS,EAAE;AAC5C,QAAM,wBACJ;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,WAAW,gBAAgB;AAAA,MAC5C,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,SAAS,SAAS;AAAA,MAClB;AAAA,MACA,MAAM,SAAS;AAAA,MACf,KAAK,OAAO,QAAQ,WAAW,MAAM,IAAI;AAAA,MACzC,WAAW,UAAU;AAAA,MAEpB;AAAA;AAAA,EACH;AAGF,MAAI,SAAS,MAAM,QAAQ,IAAI,GAAG;AAEhC,WAAO,oBAAC,YAAS,UAAU,UAAW,iCAAsB;AAAA,EAC9D;AAEA,SAAO;AACT;","names":[]}

package/dist/next/host/pages-router-client.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { O as OnRequestHook, a as OnResponseHook } from '../../types-2ab78f67.js';
+import { O as OnRequestHook, a as OnResponseHook } from '../../types-6e4ba234.js';
+import 'parse5/dist/tree-adapters/default';
 
 declare module 'react/jsx-runtime' {
     namespace JSX {

package/dist/next/host/pages-router-server.d.ts

@@ -1,5 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { O as OnRequestHook, a as OnResponseHook } from '../../types-2ab78f67.js';
+import { O as OnRequestHook, a as OnResponseHook } from '../../types-6e4ba234.js';
+import 'parse5/dist/tree-adapters/default';
 
 declare const REMOTE_COMPONENT_KEY = "__REMOTE_COMPONENT_KEY__";
 interface RemoteComponentProps {

package/dist/next/index.d.ts

@@ -1,6 +1,7 @@
 import { RemoteComponent as RemoteComponent$2 } from '../internal/next/remote/render-server.js';
 import { RemoteComponent as RemoteComponent$1 } from './host/app-router-server.js';
-import '../types-2ab78f67.js';
+import '../types-6e4ba234.js';
+import 'parse5/dist/tree-adapters/default';
 
 type RemoteComponentAppServerProps = Parameters<typeof RemoteComponent$1>[0];
 type RemoteComponentRenderProps = Parameters<typeof RemoteComponent$2>[0];

package/dist/{types-2ab78f67.d.ts → types-6e4ba234.d.ts}

@@ -1,3 +1,40 @@
+import { Node, ChildNode } from 'parse5/dist/tree-adapters/default';
+
+interface Context {
+    name?: string;
+    url: URL;
+    origin?: string;
+    defer?: boolean;
+    active?: boolean;
+    visitedRSCNodes?: Set<Node>;
+    visitedNonActiveNodes?: Set<Node>;
+    onMetadata?: (metadata: RemoteComponentMetadata) => void;
+    onScript?: (attrs: Record<string, string | boolean>) => void;
+    onLink?: (attrs: Record<string, string | boolean>) => void;
+    onRSC?: (rsc: string) => void;
+    onNextData?: (data: {
+        props: {
+            pageProps: Record<string, unknown>;
+            __REMOTE_COMPONENT__?: {
+                bundle: string;
+                runtime: string;
+            };
+        };
+        page?: string;
+    }) => void;
+    onHTML?: (html: string) => void;
+    onShared?: (shared: Record<string, string>) => void;
+    onError?: (message: string, stack?: string) => void;
+}
+type RSC = ['$', string, null, Record<string, unknown>, null, null, number] | (['$', string, null, Record<string, unknown>, null, null, number] | string | null)[] | string | null;
+declare function visit(node: (Node | ChildNode) & {
+    attrsObj?: Record<string, string>;
+    attrsObjToArray?: Record<string, {
+        name: string;
+        value: string;
+    }>;
+}, context?: Context): RSC | RSC[] | string | null;
+
 interface RemoteComponentMetadata {
     bundle: string;
     route: string;
@@ -67,5 +104,33 @@ type OnRequestHook = (url: URL, init: RequestInit) => Promise<Response | undefin
  * };
  */
 type OnResponseHook = (url: URL, response: Response) => Promise<Response | undefined> | Response | undefined;
+interface NextData {
+    props: {
+        pageProps: Record<string, unknown>;
+        __REMOTE_COMPONENT__?: {
+            bundle: string;
+            runtime: string;
+            shared?: Record<string, string>;
+        };
+    };
+    page?: string;
+    buildId?: string;
+}
+interface FetchRemoteComponentResponse {
+    name: string;
+    serverUrl: URL;
+    metadata: RemoteComponentMetadata;
+    rsc: RSC | RSC[] | string | null;
+    scripts: {
+        src: string;
+        textContent?: string;
+    }[];
+    links: Record<string, string | boolean>[];
+    hydrationData: string[];
+    nextData: NextData | undefined;
+    component: React.ReactNode | undefined;
+    html: string;
+    remoteShared: Record<string, string>;
+}
 
-export { OnRequestHook as O, RemoteComponentMetadata as R, OnResponseHook as a };
+export { Context as C, FetchRemoteComponentResponse as F, OnRequestHook as O, RemoteComponentMetadata as R, OnResponseHook as a, RSC as b, visit as v };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-components",
-  "version": "0.0.44",
+  "version": "0.0.45",
   "private": false,
   "description": "Compose remote components at runtime between microfrontends applications.",
   "keywords": [