remote-components 0.0.13 → 0.0.15

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/shared/ssr/dom-flight.ts"],"sourcesContent":["import { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { serializeOuter } from 'parse5';\nimport type { RemoteComponentMetadata } from './types';\n\n// add fetch-priority to the possible standard names\npossibleStandardNames.fetchpriority = 'fetchPriority';\npossibleStandardNames['data-precedence'] = 'precedence';\n\nexport interface Context {\n  name?: string;\n  url?: URL;\n  origin?: string;\n  defer?: boolean;\n  active?: boolean;\n  onMetadata?: (metadata: RemoteComponentMetadata) => void;\n  onScript?: (attrs: Record<string, string | boolean>) => void;\n  onLink?: (attrs: Record<string, string | boolean>) => void;\n  onRSC?: (rsc: string) => void;\n  onNextData?: (data: {\n    props: {\n      pageProps: Record<string, unknown>;\n      __REMOTE_COMPONENT__?: {\n        bundle: string;\n        runtime: string;\n      };\n    };\n    page?: string;\n  }) => void;\n  onHTML?: (html: string) => void;\n  onShared?: (shared: Record<string, string>) => void;\n}\n\ntype RSC =\n  | ['$', string, null, Record<string, unknown>, null, null, number]\n  | (\n      | ['$', string, null, Record<string, unknown>, null, null, number]\n      | string\n      | null\n    )[]\n  | string\n  | null;\n\nexport function visit(\n  node: Node | ChildNode,\n  context: Context = {\n    active: false,\n  },\n): RSC | RSC[] | string | null {\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    if (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value.endsWith('_shared'),\n      )\n    ) {\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 (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value.endsWith('_rsc'),\n      ) &&\n      'childNodes' in node\n    ) {\n      context.onRSC?.((node.childNodes[0] as TextNode).value);\n    } else if (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value === '__NEXT_DATA__',\n      ) &&\n      'childNodes' in node\n    ) {\n      context.onHTML?.(\n        `<script id=\"__REMOTE_NEXT_DATA__\" type=\"application/json\">${(node.childNodes[0] as TextNode).value}</script>`,\n      );\n      context.onNextData?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as {\n          props: { pageProps: Record<string, unknown> };\n        },\n      );\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        !node.attrs.find((attr) => attr.name === 'src')\n      ) {\n        return [\n          '$',\n          node.nodeName,\n          null,\n          node.attrs.reduce<Record<string, string>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n            return props;\n          }, {}),\n          null,\n          null,\n          1,\n        ] as RSC;\n      }\n      if (node.nodeName === 'script') {\n        context.onScript?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            props[attr.name] = attr.value || true;\n            return props;\n          }, {}),\n        );\n        const src = node.attrs.find((attr) => attr.name === 'src')?.value;\n        if (src) {\n          node.attrs = node.attrs.filter((attr) => attr.name !== 'src');\n          node.attrs.push({\n            name: 'data-src',\n            value: src,\n          });\n        }\n        context.onHTML?.(serializeOuter(node));\n      } else {\n        context.onLink?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] =\n              attr.value || true;\n            return props;\n          }, {}),\n        );\n        context.onHTML?.(serializeOuter(node));\n      }\n      return null;\n    }\n  }\n\n  if (!context.active) {\n    if ('childNodes' in node) {\n      (node as Element).childNodes.forEach((childNode) => {\n        visit(childNode, context);\n      });\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((it) => it !== null) as unknown as RSC;\n    case '#text':\n      return (node as TextNode).value;\n    case '#comment':\n    case 'head':\n    case 'meta':\n    case 'title':\n    case 'noscript':\n      return null;\n    default: {\n      if (\n        node.nodeName === 'div' &&\n        (node.attrs.find((it) => it.name === 'id' && it.value === '__next') ||\n          ((context.name\n            ? node.attrs.find(\n                (it) =>\n                  it.name === 'id' &&\n                  it.value.startsWith(\n                    context.name ?? '__vercel_remote_component',\n                  ),\n              )\n            : node.attrs.find((it) => it.name === 'data-bundle' && it.value)) &&\n            node.attrs.find((it) => it.name === 'data-route') &&\n            node.attrs.find(\n              (it) => it.name === 'id' && it.value.endsWith('_ssr'),\n            )))\n      ) {\n        context.onMetadata?.({\n          bundle:\n            node.attrs.find((it) => it.name === 'data-bundle' && it.value)\n              ?.value ?? '',\n          route:\n            node.attrs.find((it) => it.name === 'data-route')?.value ?? '/',\n          runtime: (node.attrs.find((it) => it.name === 'data-runtime')\n            ?.value ?? 'webpack') as RemoteComponentMetadata['runtime'],\n          id:\n            node.attrs.find(\n              (it) => it.name === 'id' && it.value.endsWith('_ssr'),\n            )?.value ?? '__vercel_remote_component',\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes\n          .map((childNode) => visit(childNode, { ...context, active: true }))\n          .filter((it) => it !== null) as unknown as RSC;\n      }\n      const childNodes = (node as Element).childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((childNode) => childNode !== null);\n      const children = childNodes.length > 1 ? childNodes : childNodes[0];\n      const nodeProps = (node as Element).attrs.reduce<\n        Record<string, string | ReturnType<typeof styleToJs>> & {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          children?: any;\n        }\n      >((props, attr) => {\n        if (attr.name === 'style') {\n          props.style = styleToJs(attr.value, {\n            reactCompat: true,\n          });\n          return props;\n        }\n        if (node.nodeName === 'input' && attr.name === 'value') {\n          props.defaultValue = attr.value;\n          return props;\n        }\n        if (isCustomAttribute(attr.name)) {\n          props[attr.name] = attr.value;\n          return props;\n        }\n        props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n        return props;\n      }, {});\n      if (typeof children !== 'undefined') {\n        if (\n          node.nodeName === 'script' &&\n          typeof children === 'string' &&\n          children.startsWith('$')\n        ) {\n          nodeProps.children = `$${children}`;\n        } else {\n          nodeProps.children = children;\n        }\n      }\n      if (!context.active) {\n        if (childNodes.length > 0) {\n          return childNodes as RSC;\n        }\n        return null;\n      }\n      return ['$', node.nodeName, null, nodeProps, null, null, 1] as RSC;\n    }\n  }\n}\n"],"mappings":"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","names":["styleToJs"]}
+{"version":3,"sources":["../../../src/shared/ssr/dom-flight.ts"],"sourcesContent":["import { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { serializeOuter } from 'parse5';\nimport type { RemoteComponentMetadata } from './types';\n\n// add fetch-priority to the possible standard names\npossibleStandardNames.fetchpriority = 'fetchPriority';\npossibleStandardNames['data-precedence'] = 'precedence';\n\nexport interface Context {\n  name?: string;\n  url?: URL;\n  origin?: string;\n  defer?: boolean;\n  active?: boolean;\n  visitedRSCNodes?: Set<Node>;\n  onMetadata?: (metadata: RemoteComponentMetadata) => void;\n  onScript?: (attrs: Record<string, string | boolean>) => void;\n  onLink?: (attrs: Record<string, string | boolean>) => void;\n  onRSC?: (rsc: string) => void;\n  onNextData?: (data: {\n    props: {\n      pageProps: Record<string, unknown>;\n      __REMOTE_COMPONENT__?: {\n        bundle: string;\n        runtime: string;\n      };\n    };\n    page?: string;\n  }) => void;\n  onHTML?: (html: string) => void;\n  onShared?: (shared: Record<string, string>) => void;\n}\n\ntype RSC =\n  | ['$', string, null, Record<string, unknown>, null, null, number]\n  | (\n      | ['$', string, null, Record<string, unknown>, null, null, number]\n      | string\n      | null\n    )[]\n  | string\n  | null;\n\nexport function visit(\n  node: Node | ChildNode,\n  context: Context = {\n    active: false,\n  },\n): RSC | RSC[] | string | null {\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    if (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value.endsWith('_shared'),\n      )\n    ) {\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 (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value.endsWith('_rsc'),\n      ) &&\n      'childNodes' in node\n    ) {\n      if (!context.visitedRSCNodes) {\n        context.visitedRSCNodes = new Set();\n      }\n      if (!context.visitedRSCNodes.has(node)) {\n        context.visitedRSCNodes.add(node);\n        context.onRSC?.((node.childNodes[0] as TextNode).value);\n      }\n    } else if (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value === '__NEXT_DATA__',\n      ) &&\n      'childNodes' in node\n    ) {\n      context.onHTML?.(\n        `<script id=\"__REMOTE_NEXT_DATA__\" type=\"application/json\">${(node.childNodes[0] as TextNode).value}</script>`,\n      );\n      context.onNextData?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as {\n          props: { pageProps: Record<string, unknown> };\n        },\n      );\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        !node.attrs.find((attr) => attr.name === 'src')\n      ) {\n        return [\n          '$',\n          node.nodeName,\n          null,\n          node.attrs.reduce<Record<string, string>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n            return props;\n          }, {}),\n          null,\n          null,\n          1,\n        ] as RSC;\n      }\n      if (node.nodeName === 'script') {\n        context.onScript?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            props[attr.name] = attr.value || true;\n            return props;\n          }, {}),\n        );\n        const src = node.attrs.find((attr) => attr.name === 'src')?.value;\n        if (src) {\n          node.attrs = node.attrs.filter((attr) => attr.name !== 'src');\n          node.attrs.push({\n            name: 'data-src',\n            value: src,\n          });\n        }\n        context.onHTML?.(serializeOuter(node));\n      } else {\n        context.onLink?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] =\n              attr.value || true;\n            return props;\n          }, {}),\n        );\n        context.onHTML?.(serializeOuter(node));\n      }\n      return null;\n    }\n  }\n\n  if (!context.active) {\n    if ('childNodes' in node) {\n      (node as Element).childNodes.forEach((childNode) => {\n        visit(childNode, context);\n      });\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((it) => it !== null) as unknown as RSC;\n    case '#text':\n      return (node as TextNode).value;\n    case '#comment':\n    case 'head':\n    case 'meta':\n    case 'title':\n    case 'noscript':\n      return null;\n    default: {\n      if (\n        node.nodeName === 'div' &&\n        (node.attrs.find((it) => it.name === 'id' && it.value === '__next') ||\n          ((context.name\n            ? node.attrs.find(\n                (it) =>\n                  it.name === 'id' &&\n                  it.value.startsWith(\n                    context.name ?? '__vercel_remote_component',\n                  ),\n              )\n            : node.attrs.find((it) => it.name === 'data-bundle' && it.value)) &&\n            node.attrs.find((it) => it.name === 'data-route') &&\n            node.attrs.find(\n              (it) => it.name === 'id' && it.value.endsWith('_ssr'),\n            )))\n      ) {\n        context.onMetadata?.({\n          bundle:\n            node.attrs.find((it) => it.name === 'data-bundle' && it.value)\n              ?.value ?? '',\n          route:\n            node.attrs.find((it) => it.name === 'data-route')?.value ?? '/',\n          runtime: (node.attrs.find((it) => it.name === 'data-runtime')\n            ?.value ?? 'webpack') as RemoteComponentMetadata['runtime'],\n          id:\n            node.attrs.find(\n              (it) => it.name === 'id' && it.value.endsWith('_ssr'),\n            )?.value ?? '__vercel_remote_component',\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes\n          .map((childNode) => visit(childNode, { ...context, active: true }))\n          .filter((it) => it !== null) as unknown as RSC;\n      }\n      const childNodes = (node as Element).childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((childNode) => childNode !== null);\n      const children = childNodes.length > 1 ? childNodes : childNodes[0];\n      const nodeProps = (node as Element).attrs.reduce<\n        Record<string, string | ReturnType<typeof styleToJs>> & {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          children?: any;\n        }\n      >((props, attr) => {\n        if (attr.name === 'style') {\n          props.style = styleToJs(attr.value, {\n            reactCompat: true,\n          });\n          return props;\n        }\n        if (node.nodeName === 'input' && attr.name === 'value') {\n          props.defaultValue = attr.value;\n          return props;\n        }\n        if (isCustomAttribute(attr.name)) {\n          props[attr.name] = attr.value;\n          return props;\n        }\n        props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n        return props;\n      }, {});\n      if (typeof children !== 'undefined') {\n        if (\n          node.nodeName === 'script' &&\n          typeof children === 'string' &&\n          children.startsWith('$')\n        ) {\n          nodeProps.children = `$${children}`;\n        } else {\n          nodeProps.children = children;\n        }\n      }\n      if (!context.active) {\n        if (childNodes.length > 0) {\n          return childNodes as RSC;\n        }\n        return null;\n      }\n      return ['$', node.nodeName, null, nodeProps, null, null, 1] as RSC;\n    }\n  }\n}\n"],"mappings":"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","names":["styleToJs"]}

package/dist/shared/ssr/dom-flight.d.ts

@@ -7,6 +7,7 @@ interface Context {
     origin?: string;
     defer?: boolean;
     active?: boolean;
+    visitedRSCNodes?: Set<Node>;
     onMetadata?: (metadata: RemoteComponentMetadata) => void;
     onScript?: (attrs: Record<string, string | boolean>) => void;
     onLink?: (attrs: Record<string, string | boolean>) => void;

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

@@ -17,7 +17,13 @@ function visit(node, context = {
     } else if (node.attrs.find(
       (attr) => attr.name === "id" && attr.value.endsWith("_rsc")
     ) && "childNodes" in node) {
-      context.onRSC?.(node.childNodes[0].value);
+      if (!context.visitedRSCNodes) {
+        context.visitedRSCNodes = /* @__PURE__ */ new Set();
+      }
+      if (!context.visitedRSCNodes.has(node)) {
+        context.visitedRSCNodes.add(node);
+        context.onRSC?.(node.childNodes[0].value);
+      }
     } else if (node.attrs.find(
       (attr) => attr.name === "id" && attr.value === "__NEXT_DATA__"
     ) && "childNodes" in node) {

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/shared/ssr/dom-flight.ts"],"sourcesContent":["import { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { serializeOuter } from 'parse5';\nimport type { RemoteComponentMetadata } from './types';\n\n// add fetch-priority to the possible standard names\npossibleStandardNames.fetchpriority = 'fetchPriority';\npossibleStandardNames['data-precedence'] = 'precedence';\n\nexport interface Context {\n  name?: string;\n  url?: URL;\n  origin?: string;\n  defer?: boolean;\n  active?: boolean;\n  onMetadata?: (metadata: RemoteComponentMetadata) => void;\n  onScript?: (attrs: Record<string, string | boolean>) => void;\n  onLink?: (attrs: Record<string, string | boolean>) => void;\n  onRSC?: (rsc: string) => void;\n  onNextData?: (data: {\n    props: {\n      pageProps: Record<string, unknown>;\n      __REMOTE_COMPONENT__?: {\n        bundle: string;\n        runtime: string;\n      };\n    };\n    page?: string;\n  }) => void;\n  onHTML?: (html: string) => void;\n  onShared?: (shared: Record<string, string>) => void;\n}\n\ntype RSC =\n  | ['$', string, null, Record<string, unknown>, null, null, number]\n  | (\n      | ['$', string, null, Record<string, unknown>, null, null, number]\n      | string\n      | null\n    )[]\n  | string\n  | null;\n\nexport function visit(\n  node: Node | ChildNode,\n  context: Context = {\n    active: false,\n  },\n): RSC | RSC[] | string | null {\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    if (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value.endsWith('_shared'),\n      )\n    ) {\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 (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value.endsWith('_rsc'),\n      ) &&\n      'childNodes' in node\n    ) {\n      context.onRSC?.((node.childNodes[0] as TextNode).value);\n    } else if (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value === '__NEXT_DATA__',\n      ) &&\n      'childNodes' in node\n    ) {\n      context.onHTML?.(\n        `<script id=\"__REMOTE_NEXT_DATA__\" type=\"application/json\">${(node.childNodes[0] as TextNode).value}</script>`,\n      );\n      context.onNextData?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as {\n          props: { pageProps: Record<string, unknown> };\n        },\n      );\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        !node.attrs.find((attr) => attr.name === 'src')\n      ) {\n        return [\n          '$',\n          node.nodeName,\n          null,\n          node.attrs.reduce<Record<string, string>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n            return props;\n          }, {}),\n          null,\n          null,\n          1,\n        ] as RSC;\n      }\n      if (node.nodeName === 'script') {\n        context.onScript?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            props[attr.name] = attr.value || true;\n            return props;\n          }, {}),\n        );\n        const src = node.attrs.find((attr) => attr.name === 'src')?.value;\n        if (src) {\n          node.attrs = node.attrs.filter((attr) => attr.name !== 'src');\n          node.attrs.push({\n            name: 'data-src',\n            value: src,\n          });\n        }\n        context.onHTML?.(serializeOuter(node));\n      } else {\n        context.onLink?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] =\n              attr.value || true;\n            return props;\n          }, {}),\n        );\n        context.onHTML?.(serializeOuter(node));\n      }\n      return null;\n    }\n  }\n\n  if (!context.active) {\n    if ('childNodes' in node) {\n      (node as Element).childNodes.forEach((childNode) => {\n        visit(childNode, context);\n      });\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((it) => it !== null) as unknown as RSC;\n    case '#text':\n      return (node as TextNode).value;\n    case '#comment':\n    case 'head':\n    case 'meta':\n    case 'title':\n    case 'noscript':\n      return null;\n    default: {\n      if (\n        node.nodeName === 'div' &&\n        (node.attrs.find((it) => it.name === 'id' && it.value === '__next') ||\n          ((context.name\n            ? node.attrs.find(\n                (it) =>\n                  it.name === 'id' &&\n                  it.value.startsWith(\n                    context.name ?? '__vercel_remote_component',\n                  ),\n              )\n            : node.attrs.find((it) => it.name === 'data-bundle' && it.value)) &&\n            node.attrs.find((it) => it.name === 'data-route') &&\n            node.attrs.find(\n              (it) => it.name === 'id' && it.value.endsWith('_ssr'),\n            )))\n      ) {\n        context.onMetadata?.({\n          bundle:\n            node.attrs.find((it) => it.name === 'data-bundle' && it.value)\n              ?.value ?? '',\n          route:\n            node.attrs.find((it) => it.name === 'data-route')?.value ?? '/',\n          runtime: (node.attrs.find((it) => it.name === 'data-runtime')\n            ?.value ?? 'webpack') as RemoteComponentMetadata['runtime'],\n          id:\n            node.attrs.find(\n              (it) => it.name === 'id' && it.value.endsWith('_ssr'),\n            )?.value ?? '__vercel_remote_component',\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes\n          .map((childNode) => visit(childNode, { ...context, active: true }))\n          .filter((it) => it !== null) as unknown as RSC;\n      }\n      const childNodes = (node as Element).childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((childNode) => childNode !== null);\n      const children = childNodes.length > 1 ? childNodes : childNodes[0];\n      const nodeProps = (node as Element).attrs.reduce<\n        Record<string, string | ReturnType<typeof styleToJs>> & {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          children?: any;\n        }\n      >((props, attr) => {\n        if (attr.name === 'style') {\n          props.style = styleToJs(attr.value, {\n            reactCompat: true,\n          });\n          return props;\n        }\n        if (node.nodeName === 'input' && attr.name === 'value') {\n          props.defaultValue = attr.value;\n          return props;\n        }\n        if (isCustomAttribute(attr.name)) {\n          props[attr.name] = attr.value;\n          return props;\n        }\n        props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n        return props;\n      }, {});\n      if (typeof children !== 'undefined') {\n        if (\n          node.nodeName === 'script' &&\n          typeof children === 'string' &&\n          children.startsWith('$')\n        ) {\n          nodeProps.children = `$${children}`;\n        } else {\n          nodeProps.children = children;\n        }\n      }\n      if (!context.active) {\n        if (childNodes.length > 0) {\n          return childNodes as RSC;\n        }\n        return null;\n      }\n      return ['$', node.nodeName, null, nodeProps, null, null, 1] as RSC;\n    }\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/shared/ssr/dom-flight.ts"],"sourcesContent":["import { isCustomAttribute, possibleStandardNames } from 'react-property';\nimport styleToJs from 'style-to-js';\nimport type {\n  ChildNode,\n  Element,\n  Node,\n  TextNode,\n} from 'parse5/dist/tree-adapters/default';\nimport { serializeOuter } from 'parse5';\nimport type { RemoteComponentMetadata } from './types';\n\n// add fetch-priority to the possible standard names\npossibleStandardNames.fetchpriority = 'fetchPriority';\npossibleStandardNames['data-precedence'] = 'precedence';\n\nexport interface Context {\n  name?: string;\n  url?: URL;\n  origin?: string;\n  defer?: boolean;\n  active?: boolean;\n  visitedRSCNodes?: Set<Node>;\n  onMetadata?: (metadata: RemoteComponentMetadata) => void;\n  onScript?: (attrs: Record<string, string | boolean>) => void;\n  onLink?: (attrs: Record<string, string | boolean>) => void;\n  onRSC?: (rsc: string) => void;\n  onNextData?: (data: {\n    props: {\n      pageProps: Record<string, unknown>;\n      __REMOTE_COMPONENT__?: {\n        bundle: string;\n        runtime: string;\n      };\n    };\n    page?: string;\n  }) => void;\n  onHTML?: (html: string) => void;\n  onShared?: (shared: Record<string, string>) => void;\n}\n\ntype RSC =\n  | ['$', string, null, Record<string, unknown>, null, null, number]\n  | (\n      | ['$', string, null, Record<string, unknown>, null, null, number]\n      | string\n      | null\n    )[]\n  | string\n  | null;\n\nexport function visit(\n  node: Node | ChildNode,\n  context: Context = {\n    active: false,\n  },\n): RSC | RSC[] | string | null {\n  if (node.nodeName === 'script' || node.nodeName === 'link') {\n    if (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value.endsWith('_shared'),\n      )\n    ) {\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 (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value.endsWith('_rsc'),\n      ) &&\n      'childNodes' in node\n    ) {\n      if (!context.visitedRSCNodes) {\n        context.visitedRSCNodes = new Set();\n      }\n      if (!context.visitedRSCNodes.has(node)) {\n        context.visitedRSCNodes.add(node);\n        context.onRSC?.((node.childNodes[0] as TextNode).value);\n      }\n    } else if (\n      node.attrs.find(\n        (attr) => attr.name === 'id' && attr.value === '__NEXT_DATA__',\n      ) &&\n      'childNodes' in node\n    ) {\n      context.onHTML?.(\n        `<script id=\"__REMOTE_NEXT_DATA__\" type=\"application/json\">${(node.childNodes[0] as TextNode).value}</script>`,\n      );\n      context.onNextData?.(\n        JSON.parse((node.childNodes[0] as TextNode).value) as {\n          props: { pageProps: Record<string, unknown> };\n        },\n      );\n    } else if (node.childNodes.length === 0) {\n      if (\n        node.nodeName === 'script' &&\n        !node.attrs.find((attr) => attr.name === 'src')\n      ) {\n        return [\n          '$',\n          node.nodeName,\n          null,\n          node.attrs.reduce<Record<string, string>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n            return props;\n          }, {}),\n          null,\n          null,\n          1,\n        ] as RSC;\n      }\n      if (node.nodeName === 'script') {\n        context.onScript?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            props[attr.name] = attr.value || true;\n            return props;\n          }, {}),\n        );\n        const src = node.attrs.find((attr) => attr.name === 'src')?.value;\n        if (src) {\n          node.attrs = node.attrs.filter((attr) => attr.name !== 'src');\n          node.attrs.push({\n            name: 'data-src',\n            value: src,\n          });\n        }\n        context.onHTML?.(serializeOuter(node));\n      } else {\n        context.onLink?.(\n          node.attrs.reduce<Record<string, string | boolean>>((props, attr) => {\n            props[possibleStandardNames[attr.name] ?? attr.name] =\n              attr.value || true;\n            return props;\n          }, {}),\n        );\n        context.onHTML?.(serializeOuter(node));\n      }\n      return null;\n    }\n  }\n\n  if (!context.active) {\n    if ('childNodes' in node) {\n      (node as Element).childNodes.forEach((childNode) => {\n        visit(childNode, context);\n      });\n    } else return null;\n  }\n\n  switch (node.nodeName) {\n    case '#document-fragment':\n      return node.childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((it) => it !== null) as unknown as RSC;\n    case '#text':\n      return (node as TextNode).value;\n    case '#comment':\n    case 'head':\n    case 'meta':\n    case 'title':\n    case 'noscript':\n      return null;\n    default: {\n      if (\n        node.nodeName === 'div' &&\n        (node.attrs.find((it) => it.name === 'id' && it.value === '__next') ||\n          ((context.name\n            ? node.attrs.find(\n                (it) =>\n                  it.name === 'id' &&\n                  it.value.startsWith(\n                    context.name ?? '__vercel_remote_component',\n                  ),\n              )\n            : node.attrs.find((it) => it.name === 'data-bundle' && it.value)) &&\n            node.attrs.find((it) => it.name === 'data-route') &&\n            node.attrs.find(\n              (it) => it.name === 'id' && it.value.endsWith('_ssr'),\n            )))\n      ) {\n        context.onMetadata?.({\n          bundle:\n            node.attrs.find((it) => it.name === 'data-bundle' && it.value)\n              ?.value ?? '',\n          route:\n            node.attrs.find((it) => it.name === 'data-route')?.value ?? '/',\n          runtime: (node.attrs.find((it) => it.name === 'data-runtime')\n            ?.value ?? 'webpack') as RemoteComponentMetadata['runtime'],\n          id:\n            node.attrs.find(\n              (it) => it.name === 'id' && it.value.endsWith('_ssr'),\n            )?.value ?? '__vercel_remote_component',\n        });\n        context.onHTML?.(serializeOuter(node));\n        return node.childNodes\n          .map((childNode) => visit(childNode, { ...context, active: true }))\n          .filter((it) => it !== null) as unknown as RSC;\n      }\n      const childNodes = (node as Element).childNodes\n        .map((childNode) => visit(childNode, context))\n        .filter((childNode) => childNode !== null);\n      const children = childNodes.length > 1 ? childNodes : childNodes[0];\n      const nodeProps = (node as Element).attrs.reduce<\n        Record<string, string | ReturnType<typeof styleToJs>> & {\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          children?: any;\n        }\n      >((props, attr) => {\n        if (attr.name === 'style') {\n          props.style = styleToJs(attr.value, {\n            reactCompat: true,\n          });\n          return props;\n        }\n        if (node.nodeName === 'input' && attr.name === 'value') {\n          props.defaultValue = attr.value;\n          return props;\n        }\n        if (isCustomAttribute(attr.name)) {\n          props[attr.name] = attr.value;\n          return props;\n        }\n        props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;\n        return props;\n      }, {});\n      if (typeof children !== 'undefined') {\n        if (\n          node.nodeName === 'script' &&\n          typeof children === 'string' &&\n          children.startsWith('$')\n        ) {\n          nodeProps.children = `$${children}`;\n        } else {\n          nodeProps.children = children;\n        }\n      }\n      if (!context.active) {\n        if (childNodes.length > 0) {\n          return childNodes as RSC;\n        }\n        return null;\n      }\n      return ['$', node.nodeName, null, nodeProps, null, null, 1] as RSC;\n    }\n  }\n}\n"],"mappings":"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","names":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remote-components",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "private": false,
   "description": "Compose remote components at runtime between microfrontends applications.",
   "keywords": [
@@ -119,6 +119,7 @@
     "react-server-dom-webpack": "^19.1.0",
     "style-to-js": "^1.1.16",
     "tsconfig-paths-webpack-plugin": "^4.2.0",
+    "web-streams-polyfill": "^4.2.0",
     "webpack": "5"
   },
   "devDependencies": {