remote-components 0.0.1

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

@@ -0,0 +1,185 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dom_flight_exports = {};
+__export(dom_flight_exports, {
+  visit: () => visit
+});
+module.exports = __toCommonJS(dom_flight_exports);
+var import_react_property = require("react-property");
+var import_style_to_js = __toESM(require("style-to-js"), 1);
+var import_parse5 = require("parse5");
+import_react_property.possibleStandardNames.fetchpriority = "fetchPriority";
+import_react_property.possibleStandardNames["data-precedence"] = "precedence";
+function visit(node, context = {
+  active: false
+}) {
+  if (node.nodeName === "script" || node.nodeName === "link") {
+    if (node.attrs.find(
+      (attr) => attr.name === "id" && attr.value.endsWith("_shared")
+    )) {
+      context.onShared?.(
+        JSON.parse(node.childNodes[0].value)
+      );
+      return null;
+    } else if (node.attrs.find(
+      (attr) => attr.name === "id" && attr.value.endsWith("_rsc")
+    ) && "childNodes" in node) {
+      context.onRSC?.(node.childNodes[0].value);
+    } else if (node.attrs.find(
+      (attr) => attr.name === "id" && attr.value === "__NEXT_DATA__"
+    ) && "childNodes" in node) {
+      context.onHTML?.(
+        `<script id="__REMOTE_NEXT_DATA__" type="application/json">${node.childNodes[0].value}</script>`
+      );
+      context.onNextData?.(
+        JSON.parse(node.childNodes[0].value)
+      );
+    } else if (node.childNodes.length === 0) {
+      if (node.nodeName === "script" && !node.attrs.find((attr) => attr.name === "src")) {
+        return [
+          "$",
+          node.nodeName,
+          null,
+          node.attrs.reduce((props, attr) => {
+            props[import_react_property.possibleStandardNames[attr.name] ?? attr.name] = attr.value;
+            return props;
+          }, {}),
+          null,
+          null,
+          1
+        ];
+      }
+      if (node.nodeName === "script") {
+        context.onScript?.(
+          node.attrs.reduce((props, attr) => {
+            props[attr.name] = attr.value || true;
+            return props;
+          }, {})
+        );
+        const src = node.attrs.find((attr) => attr.name === "src")?.value;
+        if (src) {
+          node.attrs = node.attrs.filter((attr) => attr.name !== "src");
+          node.attrs.push({
+            name: "data-src",
+            value: src
+          });
+        }
+        context.onHTML?.((0, import_parse5.serializeOuter)(node));
+      } else {
+        context.onLink?.(
+          node.attrs.reduce((props, attr) => {
+            props[import_react_property.possibleStandardNames[attr.name] ?? attr.name] = attr.value || true;
+            return props;
+          }, {})
+        );
+        context.onHTML?.((0, import_parse5.serializeOuter)(node));
+      }
+      return null;
+    }
+  }
+  if (!context.active) {
+    if ("childNodes" in node) {
+      node.childNodes.forEach((childNode) => {
+        visit(childNode, context);
+      });
+    } else
+      return null;
+  }
+  switch (node.nodeName) {
+    case "#document-fragment":
+      return node.childNodes.map((childNode) => visit(childNode, context)).filter((it) => it !== null);
+    case "#text":
+      return node.value;
+    case "#comment":
+    case "head":
+    case "meta":
+    case "title":
+    case "noscript":
+      return null;
+    default: {
+      if (node.nodeName === "div" && (node.attrs.find((it) => it.name === "id" && it.value === "__next") || (context.name ? node.attrs.find(
+        (it) => it.name === "id" && it.value.startsWith(
+          context.name ?? "__vercel_remote_component"
+        )
+      ) : node.attrs.find((it) => it.name === "data-bundle" && it.value)) && node.attrs.find((it) => it.name === "data-route") && node.attrs.find(
+        (it) => it.name === "id" && it.value.endsWith("_ssr")
+      ))) {
+        context.onMetadata?.({
+          bundle: node.attrs.find((it) => it.name === "data-bundle" && it.value)?.value ?? "",
+          route: node.attrs.find((it) => it.name === "data-route")?.value ?? "/",
+          runtime: node.attrs.find((it) => it.name === "data-runtime")?.value ?? "webpack",
+          id: node.attrs.find(
+            (it) => it.name === "id" && it.value.endsWith("_ssr")
+          )?.value ?? "__vercel_remote_component"
+        });
+        context.onHTML?.((0, import_parse5.serializeOuter)(node));
+        return node.childNodes.map((childNode) => visit(childNode, { ...context, active: true })).filter((it) => it !== null);
+      }
+      const childNodes = node.childNodes.map((childNode) => visit(childNode, context)).filter((childNode) => childNode !== null);
+      const children = childNodes.length > 1 ? childNodes : childNodes[0];
+      const nodeProps = node.attrs.reduce((props, attr) => {
+        if (attr.name === "style") {
+          props.style = (0, import_style_to_js.default)(attr.value, {
+            reactCompat: true
+          });
+          return props;
+        }
+        if (node.nodeName === "input" && attr.name === "value") {
+          props.defaultValue = attr.value;
+          return props;
+        }
+        if ((0, import_react_property.isCustomAttribute)(attr.name)) {
+          props[attr.name] = attr.value;
+          return props;
+        }
+        props[import_react_property.possibleStandardNames[attr.name] ?? attr.name] = attr.value;
+        return props;
+      }, {});
+      if (typeof children !== "undefined") {
+        if (node.nodeName === "script" && typeof children === "string" && children.startsWith("$")) {
+          nodeProps.children = `$${children}`;
+        } else {
+          nodeProps.children = children;
+        }
+      }
+      if (!context.active) {
+        if (childNodes.length > 0) {
+          return childNodes;
+        }
+        return null;
+      }
+      return ["$", node.nodeName, null, nodeProps, null, null, 1];
+    }
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  visit
+});
+//# sourceMappingURL=dom-flight.cjs.map

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

@@ -0,0 +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"]}

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

@@ -0,0 +1,30 @@
+import { Node, ChildNode } from 'parse5/dist/tree-adapters/default';
+import { R as RemoteComponentMetadata } from '../../types-280a3640.js';
+
+interface Context {
+    name?: string;
+    url?: URL;
+    origin?: string;
+    defer?: boolean;
+    active?: boolean;
+    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;
+}
+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, context?: Context): RSC | RSC[] | string | null;
+
+export { Context, visit };

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

@@ -0,0 +1,151 @@
+import { isCustomAttribute, possibleStandardNames } from "react-property";
+import styleToJs from "style-to-js";
+import { serializeOuter } from "parse5";
+possibleStandardNames.fetchpriority = "fetchPriority";
+possibleStandardNames["data-precedence"] = "precedence";
+function visit(node, context = {
+  active: false
+}) {
+  if (node.nodeName === "script" || node.nodeName === "link") {
+    if (node.attrs.find(
+      (attr) => attr.name === "id" && attr.value.endsWith("_shared")
+    )) {
+      context.onShared?.(
+        JSON.parse(node.childNodes[0].value)
+      );
+      return null;
+    } else if (node.attrs.find(
+      (attr) => attr.name === "id" && attr.value.endsWith("_rsc")
+    ) && "childNodes" in node) {
+      context.onRSC?.(node.childNodes[0].value);
+    } else if (node.attrs.find(
+      (attr) => attr.name === "id" && attr.value === "__NEXT_DATA__"
+    ) && "childNodes" in node) {
+      context.onHTML?.(
+        `<script id="__REMOTE_NEXT_DATA__" type="application/json">${node.childNodes[0].value}</script>`
+      );
+      context.onNextData?.(
+        JSON.parse(node.childNodes[0].value)
+      );
+    } else if (node.childNodes.length === 0) {
+      if (node.nodeName === "script" && !node.attrs.find((attr) => attr.name === "src")) {
+        return [
+          "$",
+          node.nodeName,
+          null,
+          node.attrs.reduce((props, attr) => {
+            props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;
+            return props;
+          }, {}),
+          null,
+          null,
+          1
+        ];
+      }
+      if (node.nodeName === "script") {
+        context.onScript?.(
+          node.attrs.reduce((props, attr) => {
+            props[attr.name] = attr.value || true;
+            return props;
+          }, {})
+        );
+        const src = node.attrs.find((attr) => attr.name === "src")?.value;
+        if (src) {
+          node.attrs = node.attrs.filter((attr) => attr.name !== "src");
+          node.attrs.push({
+            name: "data-src",
+            value: src
+          });
+        }
+        context.onHTML?.(serializeOuter(node));
+      } else {
+        context.onLink?.(
+          node.attrs.reduce((props, attr) => {
+            props[possibleStandardNames[attr.name] ?? attr.name] = attr.value || true;
+            return props;
+          }, {})
+        );
+        context.onHTML?.(serializeOuter(node));
+      }
+      return null;
+    }
+  }
+  if (!context.active) {
+    if ("childNodes" in node) {
+      node.childNodes.forEach((childNode) => {
+        visit(childNode, context);
+      });
+    } else
+      return null;
+  }
+  switch (node.nodeName) {
+    case "#document-fragment":
+      return node.childNodes.map((childNode) => visit(childNode, context)).filter((it) => it !== null);
+    case "#text":
+      return node.value;
+    case "#comment":
+    case "head":
+    case "meta":
+    case "title":
+    case "noscript":
+      return null;
+    default: {
+      if (node.nodeName === "div" && (node.attrs.find((it) => it.name === "id" && it.value === "__next") || (context.name ? node.attrs.find(
+        (it) => it.name === "id" && it.value.startsWith(
+          context.name ?? "__vercel_remote_component"
+        )
+      ) : node.attrs.find((it) => it.name === "data-bundle" && it.value)) && node.attrs.find((it) => it.name === "data-route") && node.attrs.find(
+        (it) => it.name === "id" && it.value.endsWith("_ssr")
+      ))) {
+        context.onMetadata?.({
+          bundle: node.attrs.find((it) => it.name === "data-bundle" && it.value)?.value ?? "",
+          route: node.attrs.find((it) => it.name === "data-route")?.value ?? "/",
+          runtime: node.attrs.find((it) => it.name === "data-runtime")?.value ?? "webpack",
+          id: node.attrs.find(
+            (it) => it.name === "id" && it.value.endsWith("_ssr")
+          )?.value ?? "__vercel_remote_component"
+        });
+        context.onHTML?.(serializeOuter(node));
+        return node.childNodes.map((childNode) => visit(childNode, { ...context, active: true })).filter((it) => it !== null);
+      }
+      const childNodes = node.childNodes.map((childNode) => visit(childNode, context)).filter((childNode) => childNode !== null);
+      const children = childNodes.length > 1 ? childNodes : childNodes[0];
+      const nodeProps = node.attrs.reduce((props, attr) => {
+        if (attr.name === "style") {
+          props.style = styleToJs(attr.value, {
+            reactCompat: true
+          });
+          return props;
+        }
+        if (node.nodeName === "input" && attr.name === "value") {
+          props.defaultValue = attr.value;
+          return props;
+        }
+        if (isCustomAttribute(attr.name)) {
+          props[attr.name] = attr.value;
+          return props;
+        }
+        props[possibleStandardNames[attr.name] ?? attr.name] = attr.value;
+        return props;
+      }, {});
+      if (typeof children !== "undefined") {
+        if (node.nodeName === "script" && typeof children === "string" && children.startsWith("$")) {
+          nodeProps.children = `$${children}`;
+        } else {
+          nodeProps.children = children;
+        }
+      }
+      if (!context.active) {
+        if (childNodes.length > 0) {
+          return childNodes;
+        }
+        return null;
+      }
+      return ["$", node.nodeName, null, nodeProps, null, null, 1];
+    }
+  }
+}
+export {
+  visit
+};
+//# sourceMappingURL=dom-flight.js.map

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

@@ -0,0 +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":[]}

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

@@ -0,0 +1,162 @@
+"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 fetch_remote_component_exports = {};
+__export(fetch_remote_component_exports, {
+  fetchRemoteComponent: () => fetchRemoteComponent,
+  getBaseUrl: () => getBaseUrl
+});
+module.exports = __toCommonJS(fetch_remote_component_exports);
+var import_client = require("next/dist/compiled/react-server-dom-webpack/client.edge");
+var import_parse5 = require("parse5");
+var import_dom_flight = require("./dom-flight");
+const CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;
+function getBaseUrl(reqHeaders) {
+  const host = reqHeaders.get("host");
+  if (host) {
+    return host.startsWith("localhost") ? `http://${host}` : `https://${host}`;
+  }
+  const forwardedHost = reqHeaders.get("x-forwarded-host");
+  if (forwardedHost) {
+    return `https://${forwardedHost}`;
+  }
+  if (process.env.VERCEL_PROJECT_PRODUCTION_URL) {
+    return `https://${process.env.VERCEL_PROJECT_PRODUCTION_URL}`;
+  }
+  return `http://localhost:${process.env.MFE_LOCAL_PROXY_PORT || 3024}`;
+}
+async function fetchRemoteComponent(src, headers, createComponent = false) {
+  const url = new URL(src, getBaseUrl(headers));
+  const fetchInit = {
+    method: "GET",
+    headers: {
+      // pass all headers to the remote component
+      ...Object.fromEntries(headers.entries()),
+      Accept: "text/html",
+      // pass the public address of the remote component to the server used for module map mutation
+      "Vercel-Remote-Component-Url": url.href
+    },
+    credentials: "include"
+  };
+  const res = await fetch(url, fetchInit);
+  if (!res.ok) {
+    throw new Error(
+      `Failed to fetch remote component "${url.href}": ${res.status}`
+    );
+  }
+  const parser = import_parse5.Parser.getFragmentParser();
+  if (!res.body) {
+    throw new Error(`No response body for remote component "${url.href}"`);
+  }
+  const decoder = new TextDecoder();
+  for await (const chunk of res.body) {
+    parser.tokenizer.write(decoder.decode(chunk), false);
+  }
+  const fragment = parser.getFragment();
+  let metadata = {
+    bundle: CURRENT_ZONE ?? "__vercel_remote_component",
+    route: "/",
+    runtime: "webpack",
+    id: "__vercel_remote_component"
+  };
+  let remoteShared = {};
+  const scripts = [];
+  const links = [];
+  const hydrationData = [];
+  let nextData;
+  let html = "";
+  const rsc = (0, import_dom_flight.visit)(fragment, {
+    url,
+    onMetadata(_metadata) {
+      metadata = _metadata;
+    },
+    onScript(attrs) {
+      if (!scripts.find((it) => it.src === attrs.src)) {
+        scripts.push({ src: attrs.src });
+      }
+    },
+    onLink(attrs) {
+      if (!links.find((it) => it.href === attrs.href && it.rel === attrs.rel)) {
+        links.push(attrs);
+      }
+    },
+    onRSC(chunk) {
+      hydrationData.push(chunk);
+    },
+    onNextData(data) {
+      nextData = data;
+      if (data.props.__REMOTE_COMPONENT__) {
+        Object.assign(metadata, data.props.__REMOTE_COMPONENT__);
+        metadata.id = "__next";
+        metadata.route = data.page ?? "/";
+      }
+    },
+    onHTML(_html) {
+      if (!html.includes(_html)) {
+        html += _html;
+      }
+    },
+    onShared(_shared) {
+      remoteShared = _shared;
+    }
+  });
+  let component;
+  if (createComponent) {
+    const componentRSC = `0:${JSON.stringify(rsc)}
+`;
+    component = await (0, import_client.createFromReadableStream)(
+      new ReadableStream({
+        type: "bytes",
+        start(controller) {
+          const encoder = new TextEncoder();
+          controller.enqueue(encoder.encode(componentRSC));
+          controller.close();
+        }
+      }),
+      {
+        serverConsumerManifest: {
+          moduleLoading: {
+            prefix: url.origin,
+            crossOrigin: true
+          },
+          moduleMap: {}
+        }
+      }
+    );
+  }
+  const name = metadata.id.replace(/_ssr$/, "");
+  return {
+    name,
+    url,
+    metadata,
+    rsc,
+    scripts,
+    links,
+    hydrationData,
+    nextData,
+    component,
+    html,
+    remoteShared
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  fetchRemoteComponent,
+  getBaseUrl
+});
+//# sourceMappingURL=fetch-remote-component.cjs.map

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

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

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

@@ -0,0 +1,31 @@
+import * as react from 'react';
+import { R as RemoteComponentMetadata } from '../../types-280a3640.js';
+
+/**
+ * Resolves the base URL that should be used to fetch the remote component.
+ * This function must support local development, Vercel environments, and SSG
+ * and dynamic rendering.
+ */
+declare function getBaseUrl(reqHeaders: Headers): string;
+declare function fetchRemoteComponent(src: string | URL, headers: Headers, createComponent?: boolean): Promise<{
+    name: string;
+    url: 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;
+    }[];
+    links: Record<string, string | boolean>[];
+    hydrationData: string[];
+    nextData: {
+        props: {
+            pageProps: Record<string, unknown>;
+        };
+        buildId?: string;
+    } | undefined;
+    component: react.ReactNode;
+    html: string;
+    remoteShared: Record<string, string>;
+}>;
+
+export { fetchRemoteComponent, getBaseUrl };