remote-components 0.3.0 → 0.3.1

package/dist/internal/runtime/html/parse-remote-html.cjs

@@ -18,7 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var parse_remote_html_exports = {};
 __export(parse_remote_html_exports, {
-  extractComponentMetadata: () => extractComponentMetadata,
   extractLinks: () => extractLinks,
   extractRemoteShared: () => extractRemoteShared,
   extractScripts: () => extractScripts,
@@ -31,6 +30,7 @@ __export(parse_remote_html_exports, {
 });
 module.exports = __toCommonJS(parse_remote_html_exports);
 var import_constants = require("#internal/runtime/constants");
+var import_metadata = require("#internal/runtime/metadata");
 var import_error = require("#internal/utils/error");
 function validateSingleComponent(doc, name, url) {
   if (doc.querySelectorAll("div[data-bundle][data-route]").length > 1 && !doc.querySelector(`div[data-bundle][data-route][id^="${name}"]`) || doc.querySelectorAll("remote-component:not([src])").length > 1 && !doc.querySelector(`remote-component[name="${name}"]`)) {
@@ -50,14 +50,6 @@ function resolveComponentName(component, nextData, fallbackName) {
   const name = component?.getAttribute("id")?.replace(/_ssr$/, "") || isRemoteComponent && component?.getAttribute("name") || (nextData ? "__next" : fallbackName);
   return { name, isRemoteComponent };
 }
-function extractComponentMetadata(component, nextData, name, url) {
-  return {
-    name,
-    bundle: component?.getAttribute("data-bundle") || nextData?.props.__REMOTE_COMPONENT__?.bundle || "default",
-    route: component?.getAttribute("data-route") ?? nextData?.page ?? (url.pathname || import_constants.DEFAULT_ROUTE),
-    runtime: component?.getAttribute("data-runtime") ?? (nextData?.props.__REMOTE_COMPONENT__?.runtime || import_constants.RUNTIME_SCRIPT)
-  };
-}
 function extractRemoteShared(doc, name, nextData) {
   const remoteSharedEl = doc.querySelector(
     `#${name}_shared[data-remote-components-shared]`
@@ -69,7 +61,7 @@ function extractRemoteShared(doc, name, nextData) {
 function validateComponentFound(component, rsc, nextData, isRemoteComponent, url, name) {
   if (!component || !(rsc || nextData || isRemoteComponent)) {
     throw new import_error.RemoteComponentsError(
-      `Remote Component not found on ${url}.${name !== "__vercel_remote_component" ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
+      `Remote Component not found on ${url}.${name !== import_constants.DEFAULT_COMPONENT_NAME ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
     );
   }
 }
@@ -95,10 +87,15 @@ function parseRemoteComponentDocument(doc, name, url) {
     name
   );
   const rsc = doc.querySelector(`#${resolvedName}_rsc`);
-  const metadata = extractComponentMetadata(
-    component,
-    nextData,
-    resolvedName,
+  const metadata = (0, import_metadata.buildMetadata)(
+    {
+      name: resolvedName,
+      bundle: component?.getAttribute("data-bundle") || nextData?.props.__REMOTE_COMPONENT__?.bundle,
+      route: component?.getAttribute("data-route") ?? nextData?.page,
+      runtime: component?.getAttribute("data-runtime") ?? nextData?.props.__REMOTE_COMPONENT__?.runtime ?? import_constants.RUNTIME_SCRIPT,
+      id: component?.getAttribute("id"),
+      type: component?.getAttribute("data-type")
+    },
     url
   );
   const remoteShared = extractRemoteShared(doc, resolvedName, nextData);
@@ -126,7 +123,6 @@ function parseRemoteComponentDocument(doc, name, url) {
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  extractComponentMetadata,
   extractLinks,
   extractRemoteShared,
   extractScripts,

package/dist/internal/runtime/html/parse-remote-html.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/html/parse-remote-html.ts"],"sourcesContent":["import type { NextData } from '#internal/host/server/types';\nimport { DEFAULT_ROUTE, RUNTIME_SCRIPT } from '#internal/runtime/constants';\nimport type { RemoteComponentMetadata } from '#internal/runtime/metadata';\nimport {\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\n\nexport interface ParsedRemoteComponent {\n  /** The DOM element representing the remote component content. */\n  component: Element;\n  /** Resolved name of the remote component (with _ssr suffix stripped). */\n  name: string;\n  /** Whether the component is a <remote-component> custom element. */\n  isRemoteComponent: boolean;\n  /** Component metadata: bundle, route, runtime. */\n  metadata: {\n    name: string;\n    bundle: string;\n    route: string;\n    runtime: RemoteComponentMetadata['runtime'];\n  };\n  /** Parsed __NEXT_DATA__ or __REMOTE_NEXT_DATA__, or null. */\n  nextData: NextData | null;\n  /** The RSC flight data script element, or null. */\n  rsc: Element | null;\n  /** Shared module map extracted from the component's shared data script. */\n  remoteShared: Record<string, string>;\n  /** Link elements extracted from the document (outside the component). */\n  links: HTMLLinkElement[];\n  /** Script elements extracted from the component or document. */\n  scripts: HTMLScriptElement[];\n}\n\n/**\n * Validates that the document does not contain multiple unnamed remote components.\n * When multiple components exist, the consumer must specify a name to select one.\n */\nexport function validateSingleComponent(\n  doc: Document,\n  name: string,\n  url: string,\n): void {\n  if (\n    (doc.querySelectorAll('div[data-bundle][data-route]').length > 1 &&\n      !doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`)) ||\n    (doc.querySelectorAll('remote-component:not([src])').length > 1 &&\n      !doc.querySelector(`remote-component[name=\"${name}\"]`))\n  ) {\n    throw multipleRemoteComponentsError(url);\n  }\n}\n\n/**\n * Finds the remote component element in the parsed HTML document using the\n * standard querySelector chain. Returns null if no component is found.\n */\nexport function findComponentElement(\n  doc: Document,\n  name: string,\n): Element | null {\n  return (\n    doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`) ??\n    doc.querySelector('div[data-bundle][data-route]') ??\n    doc.querySelector('div#__next') ??\n    doc.querySelector(`remote-component[name=\"${name}\"]:not([src])`) ??\n    doc.querySelector('remote-component:not([src])')\n  );\n}\n\n/**\n * Parses the __NEXT_DATA__ or __REMOTE_NEXT_DATA__ script element from the document.\n */\nexport function parseNextData(doc: Document): NextData | null {\n  return JSON.parse(\n    (\n      doc.querySelector('#__NEXT_DATA__') ??\n      doc.querySelector('#__REMOTE_NEXT_DATA__')\n    )?.textContent ?? 'null',\n  ) as NextData | null;\n}\n\n/**\n * Resolves the component name from the element's id attribute, the name attribute\n * (for <remote-component> elements), nextData, or a fallback value.\n * Strips the _ssr suffix from the id if present.\n */\nexport function resolveComponentName(\n  component: Element | null,\n  nextData: NextData | null,\n  fallbackName: string,\n): { name: string; isRemoteComponent: boolean } {\n  const isRemoteComponent =\n    component?.tagName.toLowerCase() === 'remote-component';\n\n  const name =\n    component?.getAttribute('id')?.replace(/_ssr$/, '') ||\n    (isRemoteComponent && component?.getAttribute('name')) ||\n    (nextData ? '__next' : fallbackName);\n\n  return { name, isRemoteComponent };\n}\n\n/**\n * Extracts component metadata (bundle, route, runtime) from the component element\n * and Next.js data.\n */\nexport function extractComponentMetadata(\n  component: Element | null,\n  nextData: NextData | null,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent['metadata'] {\n  return {\n    name,\n    bundle:\n      component?.getAttribute('data-bundle') ||\n      nextData?.props.__REMOTE_COMPONENT__?.bundle ||\n      'default',\n    route:\n      component?.getAttribute('data-route') ??\n      nextData?.page ??\n      (url.pathname || DEFAULT_ROUTE),\n    runtime: (component?.getAttribute('data-runtime') ??\n      (nextData?.props.__REMOTE_COMPONENT__?.runtime ||\n        RUNTIME_SCRIPT)) as RemoteComponentMetadata['runtime'],\n  };\n}\n\n/**\n * Extracts the shared module map from the document and removes the element.\n * Falls back to nextData's shared modules if available.\n */\nexport function extractRemoteShared(\n  doc: Document,\n  name: string,\n  nextData: NextData | null,\n): Record<string, string> {\n  const remoteSharedEl = doc.querySelector(\n    `#${name}_shared[data-remote-components-shared]`,\n  );\n  const remoteShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ??\n    ((JSON.parse(remoteSharedEl?.textContent ?? '{}') ?? {}) as Record<\n      string,\n      string\n    >);\n  remoteSharedEl?.remove();\n  return remoteShared;\n}\n\n/**\n * Validates that a remote component was found in the document and that it has\n * RSC data, Next.js data, or is a <remote-component> element.\n * Acts as a type assertion - narrows component to non-null on success.\n */\nexport function validateComponentFound(\n  component: Element | null,\n  rsc: Element | null,\n  nextData: NextData | null,\n  isRemoteComponent: boolean,\n  url: string,\n  name: string,\n): asserts component is Element {\n  if (!component || !(rsc || nextData || isRemoteComponent)) {\n    throw new RemoteComponentsError(\n      `Remote Component not found on ${url}.${\n        name !== '__vercel_remote_component'\n          ? ` The name for the <RemoteComponent> is \"${name}\". Check <RemoteComponent> usage.`\n          : ''\n      } Did you forget to wrap the content in <RemoteComponent>?`,\n    );\n  }\n}\n\n/**\n * Extracts link elements from the document that are not inside the component.\n */\nexport function extractLinks(\n  doc: Document,\n  component: Element,\n): HTMLLinkElement[] {\n  return Array.from(doc.querySelectorAll<HTMLLinkElement>('link[href]')).filter(\n    (link) => !component.contains(link),\n  );\n}\n\n/**\n * Extracts script elements from the component or document, depending on whether\n * the component is a <remote-component> custom element.\n */\nexport function extractScripts(\n  doc: Document,\n  component: Element,\n  isRemoteComponent: boolean,\n): HTMLScriptElement[] {\n  return Array.from(\n    (isRemoteComponent ? component : doc).querySelectorAll<HTMLScriptElement>(\n      'script[src],script[data-src]',\n    ),\n  );\n}\n\n/**\n * Parses a remote component HTML document and extracts all data needed for\n * loading and hydrating the component. This is the main orchestrator that\n * calls the individual extraction functions.\n */\nexport function parseRemoteComponentDocument(\n  doc: Document,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent {\n  validateSingleComponent(doc, name, url.href);\n\n  const component = findComponentElement(doc, name);\n  const nextData = parseNextData(doc);\n\n  const { name: resolvedName, isRemoteComponent } = resolveComponentName(\n    component,\n    nextData,\n    name,\n  );\n\n  const rsc = doc.querySelector(`#${resolvedName}_rsc`);\n  const metadata = extractComponentMetadata(\n    component,\n    nextData,\n    resolvedName,\n    url,\n  );\n  const remoteShared = extractRemoteShared(doc, resolvedName, nextData);\n\n  validateComponentFound(\n    component,\n    rsc,\n    nextData,\n    isRemoteComponent,\n    url.href,\n    resolvedName,\n  );\n\n  const links = extractLinks(doc, component);\n  const scripts = extractScripts(doc, component, isRemoteComponent);\n\n  return {\n    component,\n    name: resolvedName,\n    isRemoteComponent,\n    metadata,\n    nextData,\n    rsc,\n    remoteShared,\n    links,\n    scripts,\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/runtime/html/parse-remote-html.ts"],"sourcesContent":["import type { NextData } from '#internal/host/server/types';\nimport {\n  DEFAULT_COMPONENT_NAME,\n  RUNTIME_SCRIPT,\n} from '#internal/runtime/constants';\nimport {\n  buildMetadata,\n  type RemoteComponentMetadata,\n} from '#internal/runtime/metadata';\nimport {\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\n\nexport interface ParsedRemoteComponent {\n  /** The DOM element representing the remote component content. */\n  component: Element;\n  /** Resolved name of the remote component (with _ssr suffix stripped). */\n  name: string;\n  /** Whether the component is a <remote-component> custom element. */\n  isRemoteComponent: boolean;\n  /** Component metadata: bundle, route, runtime. */\n  metadata: RemoteComponentMetadata;\n  /** Parsed __NEXT_DATA__ or __REMOTE_NEXT_DATA__, or null. */\n  nextData: NextData | null;\n  /** The RSC flight data script element, or null. */\n  rsc: Element | null;\n  /** Shared module map extracted from the component's shared data script. */\n  remoteShared: Record<string, string>;\n  /** Link elements extracted from the document (outside the component). */\n  links: HTMLLinkElement[];\n  /** Script elements extracted from the component or document. */\n  scripts: HTMLScriptElement[];\n}\n\n/**\n * Validates that the document does not contain multiple unnamed remote components.\n * When multiple components exist, the consumer must specify a name to select one.\n */\nexport function validateSingleComponent(\n  doc: Document,\n  name: string,\n  url: string,\n): void {\n  if (\n    (doc.querySelectorAll('div[data-bundle][data-route]').length > 1 &&\n      !doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`)) ||\n    (doc.querySelectorAll('remote-component:not([src])').length > 1 &&\n      !doc.querySelector(`remote-component[name=\"${name}\"]`))\n  ) {\n    throw multipleRemoteComponentsError(url);\n  }\n}\n\n/**\n * Finds the remote component element in the parsed HTML document using the\n * standard querySelector chain. Returns null if no component is found.\n */\nexport function findComponentElement(\n  doc: Document,\n  name: string,\n): Element | null {\n  return (\n    doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`) ??\n    doc.querySelector('div[data-bundle][data-route]') ??\n    doc.querySelector('div#__next') ??\n    doc.querySelector(`remote-component[name=\"${name}\"]:not([src])`) ??\n    doc.querySelector('remote-component:not([src])')\n  );\n}\n\n/**\n * Parses the __NEXT_DATA__ or __REMOTE_NEXT_DATA__ script element from the document.\n */\nexport function parseNextData(doc: Document): NextData | null {\n  return JSON.parse(\n    (\n      doc.querySelector('#__NEXT_DATA__') ??\n      doc.querySelector('#__REMOTE_NEXT_DATA__')\n    )?.textContent ?? 'null',\n  ) as NextData | null;\n}\n\n/**\n * Resolves the component name from the element's id attribute, the name attribute\n * (for <remote-component> elements), nextData, or a fallback value.\n * Strips the _ssr suffix from the id if present.\n */\nexport function resolveComponentName(\n  component: Element | null,\n  nextData: NextData | null,\n  fallbackName: string,\n): { name: string; isRemoteComponent: boolean } {\n  const isRemoteComponent =\n    component?.tagName.toLowerCase() === 'remote-component';\n\n  const name =\n    component?.getAttribute('id')?.replace(/_ssr$/, '') ||\n    (isRemoteComponent && component?.getAttribute('name')) ||\n    (nextData ? '__next' : fallbackName);\n\n  return { name, isRemoteComponent };\n}\n\n/**\n * Extracts the shared module map from the document and removes the element.\n * Falls back to nextData's shared modules if available.\n */\nexport function extractRemoteShared(\n  doc: Document,\n  name: string,\n  nextData: NextData | null,\n): Record<string, string> {\n  const remoteSharedEl = doc.querySelector(\n    `#${name}_shared[data-remote-components-shared]`,\n  );\n  const remoteShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ??\n    ((JSON.parse(remoteSharedEl?.textContent ?? '{}') ?? {}) as Record<\n      string,\n      string\n    >);\n  remoteSharedEl?.remove();\n  return remoteShared;\n}\n\n/**\n * Validates that a remote component was found in the document and that it has\n * RSC data, Next.js data, or is a <remote-component> element.\n * Acts as a type assertion - narrows component to non-null on success.\n */\nexport function validateComponentFound(\n  component: Element | null,\n  rsc: Element | null,\n  nextData: NextData | null,\n  isRemoteComponent: boolean,\n  url: string,\n  name: string,\n): asserts component is Element {\n  if (!component || !(rsc || nextData || isRemoteComponent)) {\n    throw new RemoteComponentsError(\n      `Remote Component not found on ${url}.${\n        name !== DEFAULT_COMPONENT_NAME\n          ? ` The name for the <RemoteComponent> is \"${name}\". Check <RemoteComponent> usage.`\n          : ''\n      } Did you forget to wrap the content in <RemoteComponent>?`,\n    );\n  }\n}\n\n/**\n * Extracts link elements from the document that are not inside the component.\n */\nexport function extractLinks(\n  doc: Document,\n  component: Element,\n): HTMLLinkElement[] {\n  return Array.from(doc.querySelectorAll<HTMLLinkElement>('link[href]')).filter(\n    (link) => !component.contains(link),\n  );\n}\n\n/**\n * Extracts script elements from the component or document, depending on whether\n * the component is a <remote-component> custom element.\n */\nexport function extractScripts(\n  doc: Document,\n  component: Element,\n  isRemoteComponent: boolean,\n): HTMLScriptElement[] {\n  return Array.from(\n    (isRemoteComponent ? component : doc).querySelectorAll<HTMLScriptElement>(\n      'script[src],script[data-src]',\n    ),\n  );\n}\n\n/**\n * Parses a remote component HTML document and extracts all data needed for\n * loading and hydrating the component. This is the main orchestrator that\n * calls the individual extraction functions.\n */\nexport function parseRemoteComponentDocument(\n  doc: Document,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent {\n  validateSingleComponent(doc, name, url.href);\n\n  const component = findComponentElement(doc, name);\n  const nextData = parseNextData(doc);\n\n  const { name: resolvedName, isRemoteComponent } = resolveComponentName(\n    component,\n    nextData,\n    name,\n  );\n\n  const rsc = doc.querySelector(`#${resolvedName}_rsc`);\n  const metadata = buildMetadata(\n    {\n      name: resolvedName,\n      bundle:\n        component?.getAttribute('data-bundle') ||\n        nextData?.props.__REMOTE_COMPONENT__?.bundle,\n      route: component?.getAttribute('data-route') ?? nextData?.page,\n      runtime:\n        component?.getAttribute('data-runtime') ??\n        nextData?.props.__REMOTE_COMPONENT__?.runtime ??\n        RUNTIME_SCRIPT,\n      id: component?.getAttribute('id'),\n      type: component?.getAttribute('data-type'),\n    },\n    url,\n  );\n  const remoteShared = extractRemoteShared(doc, resolvedName, nextData);\n\n  validateComponentFound(\n    component,\n    rsc,\n    nextData,\n    isRemoteComponent,\n    url.href,\n    resolvedName,\n  );\n\n  const links = extractLinks(doc, component);\n  const scripts = extractScripts(doc, component, isRemoteComponent);\n\n  return {\n    component,\n    name: resolvedName,\n    isRemoteComponent,\n    metadata,\n    nextData,\n    rsc,\n    remoteShared,\n    links,\n    scripts,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/internal/runtime/html/parse-remote-html.d.ts

@@ -13,12 +13,7 @@ interface ParsedRemoteComponent {
     /** Whether the component is a <remote-component> custom element. */
     isRemoteComponent: boolean;
     /** Component metadata: bundle, route, runtime. */
-    metadata: {
-        name: string;
-        bundle: string;
-        route: string;
-        runtime: RemoteComponentMetadata['runtime'];
-    };
+    metadata: RemoteComponentMetadata;
     /** Parsed __NEXT_DATA__ or __REMOTE_NEXT_DATA__, or null. */
     nextData: NextData | null;
     /** The RSC flight data script element, or null. */
@@ -53,11 +48,6 @@ declare function resolveComponentName(component: Element | null, nextData: NextD
     name: string;
     isRemoteComponent: boolean;
 };
-/**
- * Extracts component metadata (bundle, route, runtime) from the component element
- * and Next.js data.
- */
-declare function extractComponentMetadata(component: Element | null, nextData: NextData | null, name: string, url: URL): ParsedRemoteComponent['metadata'];
 /**
  * Extracts the shared module map from the document and removes the element.
  * Falls back to nextData's shared modules if available.
@@ -85,4 +75,4 @@ declare function extractScripts(doc: Document, component: Element, isRemoteCompo
  */
 declare function parseRemoteComponentDocument(doc: Document, name: string, url: URL): ParsedRemoteComponent;
 
-export { ParsedRemoteComponent, extractComponentMetadata, extractLinks, extractRemoteShared, extractScripts, findComponentElement, parseNextData, parseRemoteComponentDocument, resolveComponentName, validateComponentFound, validateSingleComponent };
+export { ParsedRemoteComponent, extractLinks, extractRemoteShared, extractScripts, findComponentElement, parseNextData, parseRemoteComponentDocument, resolveComponentName, validateComponentFound, validateSingleComponent };

package/dist/internal/runtime/html/parse-remote-html.js

@@ -1,4 +1,10 @@
-import { DEFAULT_ROUTE, RUNTIME_SCRIPT } from "#internal/runtime/constants";
+import {
+  DEFAULT_COMPONENT_NAME,
+  RUNTIME_SCRIPT
+} from "#internal/runtime/constants";
+import {
+  buildMetadata
+} from "#internal/runtime/metadata";
 import {
   multipleRemoteComponentsError,
   RemoteComponentsError
@@ -21,14 +27,6 @@ function resolveComponentName(component, nextData, fallbackName) {
   const name = component?.getAttribute("id")?.replace(/_ssr$/, "") || isRemoteComponent && component?.getAttribute("name") || (nextData ? "__next" : fallbackName);
   return { name, isRemoteComponent };
 }
-function extractComponentMetadata(component, nextData, name, url) {
-  return {
-    name,
-    bundle: component?.getAttribute("data-bundle") || nextData?.props.__REMOTE_COMPONENT__?.bundle || "default",
-    route: component?.getAttribute("data-route") ?? nextData?.page ?? (url.pathname || DEFAULT_ROUTE),
-    runtime: component?.getAttribute("data-runtime") ?? (nextData?.props.__REMOTE_COMPONENT__?.runtime || RUNTIME_SCRIPT)
-  };
-}
 function extractRemoteShared(doc, name, nextData) {
   const remoteSharedEl = doc.querySelector(
     `#${name}_shared[data-remote-components-shared]`
@@ -40,7 +38,7 @@ function extractRemoteShared(doc, name, nextData) {
 function validateComponentFound(component, rsc, nextData, isRemoteComponent, url, name) {
   if (!component || !(rsc || nextData || isRemoteComponent)) {
     throw new RemoteComponentsError(
-      `Remote Component not found on ${url}.${name !== "__vercel_remote_component" ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
+      `Remote Component not found on ${url}.${name !== DEFAULT_COMPONENT_NAME ? ` The name for the <RemoteComponent> is "${name}". Check <RemoteComponent> usage.` : ""} Did you forget to wrap the content in <RemoteComponent>?`
     );
   }
 }
@@ -66,10 +64,15 @@ function parseRemoteComponentDocument(doc, name, url) {
     name
   );
   const rsc = doc.querySelector(`#${resolvedName}_rsc`);
-  const metadata = extractComponentMetadata(
-    component,
-    nextData,
-    resolvedName,
+  const metadata = buildMetadata(
+    {
+      name: resolvedName,
+      bundle: component?.getAttribute("data-bundle") || nextData?.props.__REMOTE_COMPONENT__?.bundle,
+      route: component?.getAttribute("data-route") ?? nextData?.page,
+      runtime: component?.getAttribute("data-runtime") ?? nextData?.props.__REMOTE_COMPONENT__?.runtime ?? RUNTIME_SCRIPT,
+      id: component?.getAttribute("id"),
+      type: component?.getAttribute("data-type")
+    },
     url
   );
   const remoteShared = extractRemoteShared(doc, resolvedName, nextData);
@@ -96,7 +99,6 @@ function parseRemoteComponentDocument(doc, name, url) {
   };
 }
 export {
-  extractComponentMetadata,
   extractLinks,
   extractRemoteShared,
   extractScripts,

package/dist/internal/runtime/html/parse-remote-html.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/html/parse-remote-html.ts"],"sourcesContent":["import type { NextData } from '#internal/host/server/types';\nimport { DEFAULT_ROUTE, RUNTIME_SCRIPT } from '#internal/runtime/constants';\nimport type { RemoteComponentMetadata } from '#internal/runtime/metadata';\nimport {\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\n\nexport interface ParsedRemoteComponent {\n  /** The DOM element representing the remote component content. */\n  component: Element;\n  /** Resolved name of the remote component (with _ssr suffix stripped). */\n  name: string;\n  /** Whether the component is a <remote-component> custom element. */\n  isRemoteComponent: boolean;\n  /** Component metadata: bundle, route, runtime. */\n  metadata: {\n    name: string;\n    bundle: string;\n    route: string;\n    runtime: RemoteComponentMetadata['runtime'];\n  };\n  /** Parsed __NEXT_DATA__ or __REMOTE_NEXT_DATA__, or null. */\n  nextData: NextData | null;\n  /** The RSC flight data script element, or null. */\n  rsc: Element | null;\n  /** Shared module map extracted from the component's shared data script. */\n  remoteShared: Record<string, string>;\n  /** Link elements extracted from the document (outside the component). */\n  links: HTMLLinkElement[];\n  /** Script elements extracted from the component or document. */\n  scripts: HTMLScriptElement[];\n}\n\n/**\n * Validates that the document does not contain multiple unnamed remote components.\n * When multiple components exist, the consumer must specify a name to select one.\n */\nexport function validateSingleComponent(\n  doc: Document,\n  name: string,\n  url: string,\n): void {\n  if (\n    (doc.querySelectorAll('div[data-bundle][data-route]').length > 1 &&\n      !doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`)) ||\n    (doc.querySelectorAll('remote-component:not([src])').length > 1 &&\n      !doc.querySelector(`remote-component[name=\"${name}\"]`))\n  ) {\n    throw multipleRemoteComponentsError(url);\n  }\n}\n\n/**\n * Finds the remote component element in the parsed HTML document using the\n * standard querySelector chain. Returns null if no component is found.\n */\nexport function findComponentElement(\n  doc: Document,\n  name: string,\n): Element | null {\n  return (\n    doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`) ??\n    doc.querySelector('div[data-bundle][data-route]') ??\n    doc.querySelector('div#__next') ??\n    doc.querySelector(`remote-component[name=\"${name}\"]:not([src])`) ??\n    doc.querySelector('remote-component:not([src])')\n  );\n}\n\n/**\n * Parses the __NEXT_DATA__ or __REMOTE_NEXT_DATA__ script element from the document.\n */\nexport function parseNextData(doc: Document): NextData | null {\n  return JSON.parse(\n    (\n      doc.querySelector('#__NEXT_DATA__') ??\n      doc.querySelector('#__REMOTE_NEXT_DATA__')\n    )?.textContent ?? 'null',\n  ) as NextData | null;\n}\n\n/**\n * Resolves the component name from the element's id attribute, the name attribute\n * (for <remote-component> elements), nextData, or a fallback value.\n * Strips the _ssr suffix from the id if present.\n */\nexport function resolveComponentName(\n  component: Element | null,\n  nextData: NextData | null,\n  fallbackName: string,\n): { name: string; isRemoteComponent: boolean } {\n  const isRemoteComponent =\n    component?.tagName.toLowerCase() === 'remote-component';\n\n  const name =\n    component?.getAttribute('id')?.replace(/_ssr$/, '') ||\n    (isRemoteComponent && component?.getAttribute('name')) ||\n    (nextData ? '__next' : fallbackName);\n\n  return { name, isRemoteComponent };\n}\n\n/**\n * Extracts component metadata (bundle, route, runtime) from the component element\n * and Next.js data.\n */\nexport function extractComponentMetadata(\n  component: Element | null,\n  nextData: NextData | null,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent['metadata'] {\n  return {\n    name,\n    bundle:\n      component?.getAttribute('data-bundle') ||\n      nextData?.props.__REMOTE_COMPONENT__?.bundle ||\n      'default',\n    route:\n      component?.getAttribute('data-route') ??\n      nextData?.page ??\n      (url.pathname || DEFAULT_ROUTE),\n    runtime: (component?.getAttribute('data-runtime') ??\n      (nextData?.props.__REMOTE_COMPONENT__?.runtime ||\n        RUNTIME_SCRIPT)) as RemoteComponentMetadata['runtime'],\n  };\n}\n\n/**\n * Extracts the shared module map from the document and removes the element.\n * Falls back to nextData's shared modules if available.\n */\nexport function extractRemoteShared(\n  doc: Document,\n  name: string,\n  nextData: NextData | null,\n): Record<string, string> {\n  const remoteSharedEl = doc.querySelector(\n    `#${name}_shared[data-remote-components-shared]`,\n  );\n  const remoteShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ??\n    ((JSON.parse(remoteSharedEl?.textContent ?? '{}') ?? {}) as Record<\n      string,\n      string\n    >);\n  remoteSharedEl?.remove();\n  return remoteShared;\n}\n\n/**\n * Validates that a remote component was found in the document and that it has\n * RSC data, Next.js data, or is a <remote-component> element.\n * Acts as a type assertion - narrows component to non-null on success.\n */\nexport function validateComponentFound(\n  component: Element | null,\n  rsc: Element | null,\n  nextData: NextData | null,\n  isRemoteComponent: boolean,\n  url: string,\n  name: string,\n): asserts component is Element {\n  if (!component || !(rsc || nextData || isRemoteComponent)) {\n    throw new RemoteComponentsError(\n      `Remote Component not found on ${url}.${\n        name !== '__vercel_remote_component'\n          ? ` The name for the <RemoteComponent> is \"${name}\". Check <RemoteComponent> usage.`\n          : ''\n      } Did you forget to wrap the content in <RemoteComponent>?`,\n    );\n  }\n}\n\n/**\n * Extracts link elements from the document that are not inside the component.\n */\nexport function extractLinks(\n  doc: Document,\n  component: Element,\n): HTMLLinkElement[] {\n  return Array.from(doc.querySelectorAll<HTMLLinkElement>('link[href]')).filter(\n    (link) => !component.contains(link),\n  );\n}\n\n/**\n * Extracts script elements from the component or document, depending on whether\n * the component is a <remote-component> custom element.\n */\nexport function extractScripts(\n  doc: Document,\n  component: Element,\n  isRemoteComponent: boolean,\n): HTMLScriptElement[] {\n  return Array.from(\n    (isRemoteComponent ? component : doc).querySelectorAll<HTMLScriptElement>(\n      'script[src],script[data-src]',\n    ),\n  );\n}\n\n/**\n * Parses a remote component HTML document and extracts all data needed for\n * loading and hydrating the component. This is the main orchestrator that\n * calls the individual extraction functions.\n */\nexport function parseRemoteComponentDocument(\n  doc: Document,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent {\n  validateSingleComponent(doc, name, url.href);\n\n  const component = findComponentElement(doc, name);\n  const nextData = parseNextData(doc);\n\n  const { name: resolvedName, isRemoteComponent } = resolveComponentName(\n    component,\n    nextData,\n    name,\n  );\n\n  const rsc = doc.querySelector(`#${resolvedName}_rsc`);\n  const metadata = extractComponentMetadata(\n    component,\n    nextData,\n    resolvedName,\n    url,\n  );\n  const remoteShared = extractRemoteShared(doc, resolvedName, nextData);\n\n  validateComponentFound(\n    component,\n    rsc,\n    nextData,\n    isRemoteComponent,\n    url.href,\n    resolvedName,\n  );\n\n  const links = extractLinks(doc, component);\n  const scripts = extractScripts(doc, component, isRemoteComponent);\n\n  return {\n    component,\n    name: resolvedName,\n    isRemoteComponent,\n    metadata,\n    nextData,\n    rsc,\n    remoteShared,\n    links,\n    scripts,\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/runtime/html/parse-remote-html.ts"],"sourcesContent":["import type { NextData } from '#internal/host/server/types';\nimport {\n  DEFAULT_COMPONENT_NAME,\n  RUNTIME_SCRIPT,\n} from '#internal/runtime/constants';\nimport {\n  buildMetadata,\n  type RemoteComponentMetadata,\n} from '#internal/runtime/metadata';\nimport {\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\n\nexport interface ParsedRemoteComponent {\n  /** The DOM element representing the remote component content. */\n  component: Element;\n  /** Resolved name of the remote component (with _ssr suffix stripped). */\n  name: string;\n  /** Whether the component is a <remote-component> custom element. */\n  isRemoteComponent: boolean;\n  /** Component metadata: bundle, route, runtime. */\n  metadata: RemoteComponentMetadata;\n  /** Parsed __NEXT_DATA__ or __REMOTE_NEXT_DATA__, or null. */\n  nextData: NextData | null;\n  /** The RSC flight data script element, or null. */\n  rsc: Element | null;\n  /** Shared module map extracted from the component's shared data script. */\n  remoteShared: Record<string, string>;\n  /** Link elements extracted from the document (outside the component). */\n  links: HTMLLinkElement[];\n  /** Script elements extracted from the component or document. */\n  scripts: HTMLScriptElement[];\n}\n\n/**\n * Validates that the document does not contain multiple unnamed remote components.\n * When multiple components exist, the consumer must specify a name to select one.\n */\nexport function validateSingleComponent(\n  doc: Document,\n  name: string,\n  url: string,\n): void {\n  if (\n    (doc.querySelectorAll('div[data-bundle][data-route]').length > 1 &&\n      !doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`)) ||\n    (doc.querySelectorAll('remote-component:not([src])').length > 1 &&\n      !doc.querySelector(`remote-component[name=\"${name}\"]`))\n  ) {\n    throw multipleRemoteComponentsError(url);\n  }\n}\n\n/**\n * Finds the remote component element in the parsed HTML document using the\n * standard querySelector chain. Returns null if no component is found.\n */\nexport function findComponentElement(\n  doc: Document,\n  name: string,\n): Element | null {\n  return (\n    doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`) ??\n    doc.querySelector('div[data-bundle][data-route]') ??\n    doc.querySelector('div#__next') ??\n    doc.querySelector(`remote-component[name=\"${name}\"]:not([src])`) ??\n    doc.querySelector('remote-component:not([src])')\n  );\n}\n\n/**\n * Parses the __NEXT_DATA__ or __REMOTE_NEXT_DATA__ script element from the document.\n */\nexport function parseNextData(doc: Document): NextData | null {\n  return JSON.parse(\n    (\n      doc.querySelector('#__NEXT_DATA__') ??\n      doc.querySelector('#__REMOTE_NEXT_DATA__')\n    )?.textContent ?? 'null',\n  ) as NextData | null;\n}\n\n/**\n * Resolves the component name from the element's id attribute, the name attribute\n * (for <remote-component> elements), nextData, or a fallback value.\n * Strips the _ssr suffix from the id if present.\n */\nexport function resolveComponentName(\n  component: Element | null,\n  nextData: NextData | null,\n  fallbackName: string,\n): { name: string; isRemoteComponent: boolean } {\n  const isRemoteComponent =\n    component?.tagName.toLowerCase() === 'remote-component';\n\n  const name =\n    component?.getAttribute('id')?.replace(/_ssr$/, '') ||\n    (isRemoteComponent && component?.getAttribute('name')) ||\n    (nextData ? '__next' : fallbackName);\n\n  return { name, isRemoteComponent };\n}\n\n/**\n * Extracts the shared module map from the document and removes the element.\n * Falls back to nextData's shared modules if available.\n */\nexport function extractRemoteShared(\n  doc: Document,\n  name: string,\n  nextData: NextData | null,\n): Record<string, string> {\n  const remoteSharedEl = doc.querySelector(\n    `#${name}_shared[data-remote-components-shared]`,\n  );\n  const remoteShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ??\n    ((JSON.parse(remoteSharedEl?.textContent ?? '{}') ?? {}) as Record<\n      string,\n      string\n    >);\n  remoteSharedEl?.remove();\n  return remoteShared;\n}\n\n/**\n * Validates that a remote component was found in the document and that it has\n * RSC data, Next.js data, or is a <remote-component> element.\n * Acts as a type assertion - narrows component to non-null on success.\n */\nexport function validateComponentFound(\n  component: Element | null,\n  rsc: Element | null,\n  nextData: NextData | null,\n  isRemoteComponent: boolean,\n  url: string,\n  name: string,\n): asserts component is Element {\n  if (!component || !(rsc || nextData || isRemoteComponent)) {\n    throw new RemoteComponentsError(\n      `Remote Component not found on ${url}.${\n        name !== DEFAULT_COMPONENT_NAME\n          ? ` The name for the <RemoteComponent> is \"${name}\". Check <RemoteComponent> usage.`\n          : ''\n      } Did you forget to wrap the content in <RemoteComponent>?`,\n    );\n  }\n}\n\n/**\n * Extracts link elements from the document that are not inside the component.\n */\nexport function extractLinks(\n  doc: Document,\n  component: Element,\n): HTMLLinkElement[] {\n  return Array.from(doc.querySelectorAll<HTMLLinkElement>('link[href]')).filter(\n    (link) => !component.contains(link),\n  );\n}\n\n/**\n * Extracts script elements from the component or document, depending on whether\n * the component is a <remote-component> custom element.\n */\nexport function extractScripts(\n  doc: Document,\n  component: Element,\n  isRemoteComponent: boolean,\n): HTMLScriptElement[] {\n  return Array.from(\n    (isRemoteComponent ? component : doc).querySelectorAll<HTMLScriptElement>(\n      'script[src],script[data-src]',\n    ),\n  );\n}\n\n/**\n * Parses a remote component HTML document and extracts all data needed for\n * loading and hydrating the component. This is the main orchestrator that\n * calls the individual extraction functions.\n */\nexport function parseRemoteComponentDocument(\n  doc: Document,\n  name: string,\n  url: URL,\n): ParsedRemoteComponent {\n  validateSingleComponent(doc, name, url.href);\n\n  const component = findComponentElement(doc, name);\n  const nextData = parseNextData(doc);\n\n  const { name: resolvedName, isRemoteComponent } = resolveComponentName(\n    component,\n    nextData,\n    name,\n  );\n\n  const rsc = doc.querySelector(`#${resolvedName}_rsc`);\n  const metadata = buildMetadata(\n    {\n      name: resolvedName,\n      bundle:\n        component?.getAttribute('data-bundle') ||\n        nextData?.props.__REMOTE_COMPONENT__?.bundle,\n      route: component?.getAttribute('data-route') ?? nextData?.page,\n      runtime:\n        component?.getAttribute('data-runtime') ??\n        nextData?.props.__REMOTE_COMPONENT__?.runtime ??\n        RUNTIME_SCRIPT,\n      id: component?.getAttribute('id'),\n      type: component?.getAttribute('data-type'),\n    },\n    url,\n  );\n  const remoteShared = extractRemoteShared(doc, resolvedName, nextData);\n\n  validateComponentFound(\n    component,\n    rsc,\n    nextData,\n    isRemoteComponent,\n    url.href,\n    resolvedName,\n  );\n\n  const links = extractLinks(doc, component);\n  const scripts = extractScripts(doc, component, isRemoteComponent);\n\n  return {\n    component,\n    name: resolvedName,\n    isRemoteComponent,\n    metadata,\n    nextData,\n    rsc,\n    remoteShared,\n    links,\n    scripts,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/internal/runtime/loaders/script-loader.cjs

@@ -21,7 +21,7 @@ __export(script_loader_exports, {
   loadScripts: () => loadScripts
 });
 module.exports = __toCommonJS(script_loader_exports);
-var import_constants = require("#internal/runtime/constants");
+var import_patterns = require("#internal/runtime/patterns");
 var import_protected_rc_fallback = require("#internal/runtime/url/protected-rc-fallback");
 var import_error = require("#internal/utils/error");
 var import_logger = require("#internal/utils/logger");
@@ -31,7 +31,7 @@ async function loadScripts(scripts, resolveClientUrl) {
       return new Promise((resolve, reject) => {
         const newSrc = new URL(
           // remove the remote component bundle name identifier from the script src
-          script.src.replace(import_constants.NEXT_BUNDLE_PATH_RE, "/_next/"),
+          script.src.replace(import_patterns.NEXT_BUNDLE_PATH_RE, "/_next/"),
           location.origin
         ).href;
         const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;

package/dist/internal/runtime/loaders/script-loader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/loaders/script-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/constants';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { warnCrossOriginFetchError } from '#internal/utils/logger';\n\n/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(\n  scripts: { src: string }[],\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(NEXT_BUNDLE_PATH_RE, '/_next/'),\n          location.origin,\n        ).href;\n\n        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;\n\n        const newScript = document.createElement('script');\n        newScript.onload = () => resolve();\n        newScript.onerror = () => {\n          const isProxied = isProxiedUrl(resolvedSrc);\n          if (isProxied) {\n            reject(failedProxiedAssetError('script', newSrc, resolvedSrc));\n          } else {\n            warnCrossOriginFetchError('ScriptLoader', newSrc);\n            reject(\n              new RemoteComponentsError(\n                `Failed to load <script src=\"${newSrc}\"> for Remote Component. Check the URL is correct.`,\n              ),\n            );\n          }\n        };\n        newScript.src = resolvedSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,uBAAoC;AACpC,mCAA6B;AAC7B,mBAGO;AACP,oBAA0C;AAK1C,eAAsB,YACpB,SACA,kBACe;AACf,QAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,CAAC,WAAW;AACtB,aAAO,IAAI,QAAc,CAAC,SAAS,WAAW;AAC5C,cAAM,SAAS,IAAI;AAAA;AAAA,UAEjB,OAAO,IAAI,QAAQ,sCAAqB,SAAS;AAAA,UACjD,SAAS;AAAA,QACX,EAAE;AAEF,cAAM,cAAc,mBAAmB,MAAM,KAAK;AAElD,cAAM,YAAY,SAAS,cAAc,QAAQ;AACjD,kBAAU,SAAS,MAAM,QAAQ;AACjC,kBAAU,UAAU,MAAM;AACxB,gBAAM,gBAAY,2CAAa,WAAW;AAC1C,cAAI,WAAW;AACb,uBAAO,sCAAwB,UAAU,QAAQ,WAAW,CAAC;AAAA,UAC/D,OAAO;AACL,yDAA0B,gBAAgB,MAAM;AAChD;AAAA,cACE,IAAI;AAAA,gBACF,+BAA+B;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,kBAAU,MAAM;AAChB,kBAAU,QAAQ;AAClB,iBAAS,KAAK,YAAY,SAAS;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtime/loaders/script-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/patterns';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { warnCrossOriginFetchError } from '#internal/utils/logger';\n\n/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(\n  scripts: { src: string }[],\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(NEXT_BUNDLE_PATH_RE, '/_next/'),\n          location.origin,\n        ).href;\n\n        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;\n\n        const newScript = document.createElement('script');\n        newScript.onload = () => resolve();\n        newScript.onerror = () => {\n          const isProxied = isProxiedUrl(resolvedSrc);\n          if (isProxied) {\n            reject(failedProxiedAssetError('script', newSrc, resolvedSrc));\n          } else {\n            warnCrossOriginFetchError('ScriptLoader', newSrc);\n            reject(\n              new RemoteComponentsError(\n                `Failed to load <script src=\"${newSrc}\"> for Remote Component. Check the URL is correct.`,\n              ),\n            );\n          }\n        };\n        newScript.src = resolvedSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAAoC;AACpC,mCAA6B;AAC7B,mBAGO;AACP,oBAA0C;AAK1C,eAAsB,YACpB,SACA,kBACe;AACf,QAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,CAAC,WAAW;AACtB,aAAO,IAAI,QAAc,CAAC,SAAS,WAAW;AAC5C,cAAM,SAAS,IAAI;AAAA;AAAA,UAEjB,OAAO,IAAI,QAAQ,qCAAqB,SAAS;AAAA,UACjD,SAAS;AAAA,QACX,EAAE;AAEF,cAAM,cAAc,mBAAmB,MAAM,KAAK;AAElD,cAAM,YAAY,SAAS,cAAc,QAAQ;AACjD,kBAAU,SAAS,MAAM,QAAQ;AACjC,kBAAU,UAAU,MAAM;AACxB,gBAAM,gBAAY,2CAAa,WAAW;AAC1C,cAAI,WAAW;AACb,uBAAO,sCAAwB,UAAU,QAAQ,WAAW,CAAC;AAAA,UAC/D,OAAO;AACL,yDAA0B,gBAAgB,MAAM;AAChD;AAAA,cACE,IAAI;AAAA,gBACF,+BAA+B;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,kBAAU,MAAM;AAChB,kBAAU,QAAQ;AAClB,iBAAS,KAAK,YAAY,SAAS;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/internal/runtime/loaders/script-loader.js

@@ -1,4 +1,4 @@
-import { NEXT_BUNDLE_PATH_RE } from "#internal/runtime/constants";
+import { NEXT_BUNDLE_PATH_RE } from "#internal/runtime/patterns";
 import { isProxiedUrl } from "#internal/runtime/url/protected-rc-fallback";
 import {
   failedProxiedAssetError,

package/dist/internal/runtime/loaders/script-loader.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtime/loaders/script-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/constants';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { warnCrossOriginFetchError } from '#internal/utils/logger';\n\n/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(\n  scripts: { src: string }[],\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(NEXT_BUNDLE_PATH_RE, '/_next/'),\n          location.origin,\n        ).href;\n\n        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;\n\n        const newScript = document.createElement('script');\n        newScript.onload = () => resolve();\n        newScript.onerror = () => {\n          const isProxied = isProxiedUrl(resolvedSrc);\n          if (isProxied) {\n            reject(failedProxiedAssetError('script', newSrc, resolvedSrc));\n          } else {\n            warnCrossOriginFetchError('ScriptLoader', newSrc);\n            reject(\n              new RemoteComponentsError(\n                `Failed to load <script src=\"${newSrc}\"> for Remote Component. Check the URL is correct.`,\n              ),\n            );\n          }\n        };\n        newScript.src = resolvedSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n"],"mappings":"AACA,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;AAK1C,eAAsB,YACpB,SACA,kBACe;AACf,QAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,CAAC,WAAW;AACtB,aAAO,IAAI,QAAc,CAAC,SAAS,WAAW;AAC5C,cAAM,SAAS,IAAI;AAAA;AAAA,UAEjB,OAAO,IAAI,QAAQ,qBAAqB,SAAS;AAAA,UACjD,SAAS;AAAA,QACX,EAAE;AAEF,cAAM,cAAc,mBAAmB,MAAM,KAAK;AAElD,cAAM,YAAY,SAAS,cAAc,QAAQ;AACjD,kBAAU,SAAS,MAAM,QAAQ;AACjC,kBAAU,UAAU,MAAM;AACxB,gBAAM,YAAY,aAAa,WAAW;AAC1C,cAAI,WAAW;AACb,mBAAO,wBAAwB,UAAU,QAAQ,WAAW,CAAC;AAAA,UAC/D,OAAO;AACL,sCAA0B,gBAAgB,MAAM;AAChD;AAAA,cACE,IAAI;AAAA,gBACF,+BAA+B;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,kBAAU,MAAM;AAChB,kBAAU,QAAQ;AAClB,iBAAS,KAAK,YAAY,SAAS;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/runtime/loaders/script-loader.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport { NEXT_BUNDLE_PATH_RE } from '#internal/runtime/patterns';\nimport { isProxiedUrl } from '#internal/runtime/url/protected-rc-fallback';\nimport {\n  failedProxiedAssetError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport { warnCrossOriginFetchError } from '#internal/utils/logger';\n\n/**\n * Loads external scripts for remote components\n */\nexport async function loadScripts(\n  scripts: { src: string }[],\n  resolveClientUrl?: InternalResolveClientUrl,\n): Promise<void> {\n  await Promise.all(\n    scripts.map((script) => {\n      return new Promise<void>((resolve, reject) => {\n        const newSrc = new URL(\n          // remove the remote component bundle name identifier from the script src\n          script.src.replace(NEXT_BUNDLE_PATH_RE, '/_next/'),\n          location.origin,\n        ).href;\n\n        const resolvedSrc = resolveClientUrl?.(newSrc) ?? newSrc;\n\n        const newScript = document.createElement('script');\n        newScript.onload = () => resolve();\n        newScript.onerror = () => {\n          const isProxied = isProxiedUrl(resolvedSrc);\n          if (isProxied) {\n            reject(failedProxiedAssetError('script', newSrc, resolvedSrc));\n          } else {\n            warnCrossOriginFetchError('ScriptLoader', newSrc);\n            reject(\n              new RemoteComponentsError(\n                `Failed to load <script src=\"${newSrc}\"> for Remote Component. Check the URL is correct.`,\n              ),\n            );\n          }\n        };\n        newScript.src = resolvedSrc;\n        newScript.async = true;\n        document.head.appendChild(newScript);\n      });\n    }),\n  );\n}\n"],"mappings":"AACA,SAAS,2BAA2B;AACpC,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,OACK;AACP,SAAS,iCAAiC;AAK1C,eAAsB,YACpB,SACA,kBACe;AACf,QAAM,QAAQ;AAAA,IACZ,QAAQ,IAAI,CAAC,WAAW;AACtB,aAAO,IAAI,QAAc,CAAC,SAAS,WAAW;AAC5C,cAAM,SAAS,IAAI;AAAA;AAAA,UAEjB,OAAO,IAAI,QAAQ,qBAAqB,SAAS;AAAA,UACjD,SAAS;AAAA,QACX,EAAE;AAEF,cAAM,cAAc,mBAAmB,MAAM,KAAK;AAElD,cAAM,YAAY,SAAS,cAAc,QAAQ;AACjD,kBAAU,SAAS,MAAM,QAAQ;AACjC,kBAAU,UAAU,MAAM;AACxB,gBAAM,YAAY,aAAa,WAAW;AAC1C,cAAI,WAAW;AACb,mBAAO,wBAAwB,UAAU,QAAQ,WAAW,CAAC;AAAA,UAC/D,OAAO;AACL,sCAA0B,gBAAgB,MAAM;AAChD;AAAA,cACE,IAAI;AAAA,gBACF,+BAA+B;AAAA,cACjC;AAAA,YACF;AAAA,UACF;AAAA,QACF;AACA,kBAAU,MAAM;AAChB,kBAAU,QAAQ;AAClB,iBAAS,KAAK,YAAY,SAAS;AAAA,MACrC,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/internal/runtime/metadata.cjs

@@ -3,6 +3,10 @@ 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))
@@ -13,5 +17,43 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var metadata_exports = {};
+__export(metadata_exports, {
+  buildMetadata: () => buildMetadata
+});
 module.exports = __toCommonJS(metadata_exports);
+var import_constants = require("#internal/runtime/constants");
+const VALID_RUNTIMES = /* @__PURE__ */ new Set(["webpack", "turbopack", "script"]);
+const VALID_TYPES = /* @__PURE__ */ new Set([
+  "nextjs",
+  "remote-component",
+  "unknown"
+]);
+function isRuntime(value) {
+  return VALID_RUNTIMES.has(value);
+}
+function isComponentType(value) {
+  return VALID_TYPES.has(value);
+}
+function toRuntime(value) {
+  return value && isRuntime(value) ? value : "webpack";
+}
+function toComponentType(value) {
+  return value && isComponentType(value) ? value : "unknown";
+}
+function buildMetadata(attrs, url) {
+  const id = attrs.id || import_constants.DEFAULT_COMPONENT_NAME;
+  const bundle = attrs.bundle || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || import_constants.DEFAULT_BUNDLE_NAME;
+  return {
+    name: attrs.name || id.replace(/_ssr$/, ""),
+    bundle,
+    route: attrs.route || url.pathname || import_constants.DEFAULT_ROUTE,
+    runtime: toRuntime(attrs.runtime),
+    id,
+    type: toComponentType(attrs.type)
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  buildMetadata
+});
 //# sourceMappingURL=metadata.cjs.map

package/dist/internal/runtime/metadata.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/runtime/metadata.ts"],"sourcesContent":["/**\n * Metadata embedded in the HTML response by a remote application.\n *\n * Extracted from a `<script type=\"application/json\" data-remote-component>`\n * element during both SSR parsing ({@link fetchRemoteComponent}) and\n * client-side parsing ({@link parseRemoteComponentDocument}).\n */\nexport interface RemoteComponentMetadata {\n  bundle: string;\n  route: string;\n  runtime: 'webpack' | 'turbopack' | 'script';\n  id: string;\n  type: 'nextjs' | 'remote-component' | 'unknown';\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../../src/runtime/metadata.ts"],"sourcesContent":["import {\n  DEFAULT_BUNDLE_NAME,\n  DEFAULT_COMPONENT_NAME,\n  DEFAULT_ROUTE,\n} from '#internal/runtime/constants';\n\n/**\n * Metadata embedded in the HTML response by a remote application.\n *\n * Extracted from a `<script type=\"application/json\" data-remote-component>`\n * element during both SSR parsing ({@link fetchRemoteComponent}) and\n * client-side parsing ({@link parseRemoteComponentDocument}).\n */\nexport interface RemoteComponentMetadata {\n  name: string;\n  bundle: string;\n  route: string;\n  runtime: 'webpack' | 'turbopack' | 'script';\n  id: string;\n  type: 'nextjs' | 'remote-component' | 'unknown';\n}\n\n/**\n * Raw attribute values before defaults are applied. Accepts nullable strings\n * so callers can pass DOM attributes or parsed JSON directly.\n */\nexport interface RawMetadataAttrs {\n  name?: string | null;\n  bundle?: string | null;\n  route?: string | null;\n  runtime?: string | null;\n  id?: string | null;\n  type?: string | null;\n}\n\nconst VALID_RUNTIMES: Set<string> = new Set(['webpack', 'turbopack', 'script']);\nconst VALID_TYPES: Set<string> = new Set([\n  'nextjs',\n  'remote-component',\n  'unknown',\n]);\n\nfunction isRuntime(value: string): value is RemoteComponentMetadata['runtime'] {\n  return VALID_RUNTIMES.has(value);\n}\n\nfunction isComponentType(\n  value: string,\n): value is RemoteComponentMetadata['type'] {\n  return VALID_TYPES.has(value);\n}\n\nfunction toRuntime(\n  value: string | null | undefined,\n): RemoteComponentMetadata['runtime'] {\n  return value && isRuntime(value) ? value : 'webpack';\n}\n\nfunction toComponentType(\n  value: string | null | undefined,\n): RemoteComponentMetadata['type'] {\n  return value && isComponentType(value) ? value : 'unknown';\n}\n\n/**\n * Applies default values to raw metadata attributes and returns a fully\n * resolved {@link RemoteComponentMetadata}. When no bundle is provided, falls\n * back to the `NEXT_PUBLIC_MFE_CURRENT_APPLICATION` env var (the host's\n * application name), then `DEFAULT_BUNDLE_NAME`.\n */\nexport function buildMetadata(\n  attrs: RawMetadataAttrs,\n  url: URL,\n): RemoteComponentMetadata {\n  const id = attrs.id || DEFAULT_COMPONENT_NAME;\n  const bundle =\n    attrs.bundle ||\n    process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n    DEFAULT_BUNDLE_NAME;\n  return {\n    name: attrs.name || id.replace(/_ssr$/, ''),\n    bundle,\n    route: attrs.route || url.pathname || DEFAULT_ROUTE,\n    runtime: toRuntime(attrs.runtime),\n    id,\n    type: toComponentType(attrs.type),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAIO;AA+BP,MAAM,iBAA8B,oBAAI,IAAI,CAAC,WAAW,aAAa,QAAQ,CAAC;AAC9E,MAAM,cAA2B,oBAAI,IAAI;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,SAAS,UAAU,OAA4D;AAC7E,SAAO,eAAe,IAAI,KAAK;AACjC;AAEA,SAAS,gBACP,OAC0C;AAC1C,SAAO,YAAY,IAAI,KAAK;AAC9B;AAEA,SAAS,UACP,OACoC;AACpC,SAAO,SAAS,UAAU,KAAK,IAAI,QAAQ;AAC7C;AAEA,SAAS,gBACP,OACiC;AACjC,SAAO,SAAS,gBAAgB,KAAK,IAAI,QAAQ;AACnD;AAQO,SAAS,cACd,OACA,KACyB;AACzB,QAAM,KAAK,MAAM,MAAM;AACvB,QAAM,SACJ,MAAM,UACN,QAAQ,IAAI,uCACZ;AACF,SAAO;AAAA,IACL,MAAM,MAAM,QAAQ,GAAG,QAAQ,SAAS,EAAE;AAAA,IAC1C;AAAA,IACA,OAAO,MAAM,SAAS,IAAI,YAAY;AAAA,IACtC,SAAS,UAAU,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,MAAM,gBAAgB,MAAM,IAAI;AAAA,EAClC;AACF;","names":[]}

package/dist/internal/runtime/metadata.d.ts

@@ -6,11 +6,31 @@
  * client-side parsing ({@link parseRemoteComponentDocument}).
  */
 interface RemoteComponentMetadata {
+    name: string;
     bundle: string;
     route: string;
     runtime: 'webpack' | 'turbopack' | 'script';
     id: string;
     type: 'nextjs' | 'remote-component' | 'unknown';
 }
+/**
+ * Raw attribute values before defaults are applied. Accepts nullable strings
+ * so callers can pass DOM attributes or parsed JSON directly.
+ */
+interface RawMetadataAttrs {
+    name?: string | null;
+    bundle?: string | null;
+    route?: string | null;
+    runtime?: string | null;
+    id?: string | null;
+    type?: string | null;
+}
+/**
+ * Applies default values to raw metadata attributes and returns a fully
+ * resolved {@link RemoteComponentMetadata}. When no bundle is provided, falls
+ * back to the `NEXT_PUBLIC_MFE_CURRENT_APPLICATION` env var (the host's
+ * application name), then `DEFAULT_BUNDLE_NAME`.
+ */
+declare function buildMetadata(attrs: RawMetadataAttrs, url: URL): RemoteComponentMetadata;
 
-export { RemoteComponentMetadata };
+export { RawMetadataAttrs, RemoteComponentMetadata, buildMetadata };

package/dist/internal/runtime/metadata.js

@@ -1 +1,39 @@
+import {
+  DEFAULT_BUNDLE_NAME,
+  DEFAULT_COMPONENT_NAME,
+  DEFAULT_ROUTE
+} from "#internal/runtime/constants";
+const VALID_RUNTIMES = /* @__PURE__ */ new Set(["webpack", "turbopack", "script"]);
+const VALID_TYPES = /* @__PURE__ */ new Set([
+  "nextjs",
+  "remote-component",
+  "unknown"
+]);
+function isRuntime(value) {
+  return VALID_RUNTIMES.has(value);
+}
+function isComponentType(value) {
+  return VALID_TYPES.has(value);
+}
+function toRuntime(value) {
+  return value && isRuntime(value) ? value : "webpack";
+}
+function toComponentType(value) {
+  return value && isComponentType(value) ? value : "unknown";
+}
+function buildMetadata(attrs, url) {
+  const id = attrs.id || DEFAULT_COMPONENT_NAME;
+  const bundle = attrs.bundle || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || DEFAULT_BUNDLE_NAME;
+  return {
+    name: attrs.name || id.replace(/_ssr$/, ""),
+    bundle,
+    route: attrs.route || url.pathname || DEFAULT_ROUTE,
+    runtime: toRuntime(attrs.runtime),
+    id,
+    type: toComponentType(attrs.type)
+  };
+}
+export {
+  buildMetadata
+};
 //# sourceMappingURL=metadata.js.map

package/dist/internal/runtime/metadata.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"sources":["../../../src/runtime/metadata.ts"],"sourcesContent":["import {\n  DEFAULT_BUNDLE_NAME,\n  DEFAULT_COMPONENT_NAME,\n  DEFAULT_ROUTE,\n} from '#internal/runtime/constants';\n\n/**\n * Metadata embedded in the HTML response by a remote application.\n *\n * Extracted from a `<script type=\"application/json\" data-remote-component>`\n * element during both SSR parsing ({@link fetchRemoteComponent}) and\n * client-side parsing ({@link parseRemoteComponentDocument}).\n */\nexport interface RemoteComponentMetadata {\n  name: string;\n  bundle: string;\n  route: string;\n  runtime: 'webpack' | 'turbopack' | 'script';\n  id: string;\n  type: 'nextjs' | 'remote-component' | 'unknown';\n}\n\n/**\n * Raw attribute values before defaults are applied. Accepts nullable strings\n * so callers can pass DOM attributes or parsed JSON directly.\n */\nexport interface RawMetadataAttrs {\n  name?: string | null;\n  bundle?: string | null;\n  route?: string | null;\n  runtime?: string | null;\n  id?: string | null;\n  type?: string | null;\n}\n\nconst VALID_RUNTIMES: Set<string> = new Set(['webpack', 'turbopack', 'script']);\nconst VALID_TYPES: Set<string> = new Set([\n  'nextjs',\n  'remote-component',\n  'unknown',\n]);\n\nfunction isRuntime(value: string): value is RemoteComponentMetadata['runtime'] {\n  return VALID_RUNTIMES.has(value);\n}\n\nfunction isComponentType(\n  value: string,\n): value is RemoteComponentMetadata['type'] {\n  return VALID_TYPES.has(value);\n}\n\nfunction toRuntime(\n  value: string | null | undefined,\n): RemoteComponentMetadata['runtime'] {\n  return value && isRuntime(value) ? value : 'webpack';\n}\n\nfunction toComponentType(\n  value: string | null | undefined,\n): RemoteComponentMetadata['type'] {\n  return value && isComponentType(value) ? value : 'unknown';\n}\n\n/**\n * Applies default values to raw metadata attributes and returns a fully\n * resolved {@link RemoteComponentMetadata}. When no bundle is provided, falls\n * back to the `NEXT_PUBLIC_MFE_CURRENT_APPLICATION` env var (the host's\n * application name), then `DEFAULT_BUNDLE_NAME`.\n */\nexport function buildMetadata(\n  attrs: RawMetadataAttrs,\n  url: URL,\n): RemoteComponentMetadata {\n  const id = attrs.id || DEFAULT_COMPONENT_NAME;\n  const bundle =\n    attrs.bundle ||\n    process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n    DEFAULT_BUNDLE_NAME;\n  return {\n    name: attrs.name || id.replace(/_ssr$/, ''),\n    bundle,\n    route: attrs.route || url.pathname || DEFAULT_ROUTE,\n    runtime: toRuntime(attrs.runtime),\n    id,\n    type: toComponentType(attrs.type),\n  };\n}\n"],"mappings":"AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AA+BP,MAAM,iBAA8B,oBAAI,IAAI,CAAC,WAAW,aAAa,QAAQ,CAAC;AAC9E,MAAM,cAA2B,oBAAI,IAAI;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAED,SAAS,UAAU,OAA4D;AAC7E,SAAO,eAAe,IAAI,KAAK;AACjC;AAEA,SAAS,gBACP,OAC0C;AAC1C,SAAO,YAAY,IAAI,KAAK;AAC9B;AAEA,SAAS,UACP,OACoC;AACpC,SAAO,SAAS,UAAU,KAAK,IAAI,QAAQ;AAC7C;AAEA,SAAS,gBACP,OACiC;AACjC,SAAO,SAAS,gBAAgB,KAAK,IAAI,QAAQ;AACnD;AAQO,SAAS,cACd,OACA,KACyB;AACzB,QAAM,KAAK,MAAM,MAAM;AACvB,QAAM,SACJ,MAAM,UACN,QAAQ,IAAI,uCACZ;AACF,SAAO;AAAA,IACL,MAAM,MAAM,QAAQ,GAAG,QAAQ,SAAS,EAAE;AAAA,IAC1C;AAAA,IACA,OAAO,MAAM,SAAS,IAAI,YAAY;AAAA,IACtC,SAAS,UAAU,MAAM,OAAO;AAAA,IAChC;AAAA,IACA,MAAM,gBAAgB,MAAM,IAAI;AAAA,EAClC;AACF;","names":[]}

package/dist/internal/runtime/patterns.cjs

@@ -0,0 +1,38 @@
+"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 patterns_exports = {};
+__export(patterns_exports, {
+  NEXT_BUNDLE_PATH_RE: () => NEXT_BUNDLE_PATH_RE,
+  REMOTE_COMPONENT_REGEX: () => REMOTE_COMPONENT_REGEX,
+  collapseDoubleSlashes: () => collapseDoubleSlashes
+});
+module.exports = __toCommonJS(patterns_exports);
+const REMOTE_COMPONENT_REGEX = /(?<prefix>.*?)\[(?<bundle>[^\]]+)\](?:%20| )(?<id>.+)/;
+const NEXT_BUNDLE_PATH_RE = /\/_next\/\[.+\](?:%20| )/;
+const DOUBLE_SLASH_RE = /(?<!:)\/\//g;
+function collapseDoubleSlashes(path) {
+  return path.replace(DOUBLE_SLASH_RE, "/");
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  NEXT_BUNDLE_PATH_RE,
+  REMOTE_COMPONENT_REGEX,
+  collapseDoubleSlashes
+});
+//# sourceMappingURL=patterns.cjs.map

package/dist/internal/runtime/patterns.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/runtime/patterns.ts"],"sourcesContent":["export const REMOTE_COMPONENT_REGEX =\n  /(?<prefix>.*?)\\[(?<bundle>[^\\]]+)\\](?:%20| )(?<id>.+)/;\n\n// Matches Next.js bundle-prefixed paths like /_next/[bundle-name] /static/...\n// Used to strip the bundle identifier before loading scripts via the standard /_next/ path.\nexport const NEXT_BUNDLE_PATH_RE = /\\/_next\\/\\[.+\\](?:%20| )/;\n\n/** Collapse duplicate path separators (`//`) while preserving protocol (`://`). */\nconst DOUBLE_SLASH_RE = /(?<!:)\\/\\//g;\nexport function collapseDoubleSlashes(path: string): string {\n  return path.replace(DOUBLE_SLASH_RE, '/');\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,MAAM,yBACX;AAIK,MAAM,sBAAsB;AAGnC,MAAM,kBAAkB;AACjB,SAAS,sBAAsB,MAAsB;AAC1D,SAAO,KAAK,QAAQ,iBAAiB,GAAG;AAC1C;","names":[]}

package/dist/internal/runtime/patterns.d.ts

@@ -0,0 +1,5 @@
+declare const REMOTE_COMPONENT_REGEX: RegExp;
+declare const NEXT_BUNDLE_PATH_RE: RegExp;
+declare function collapseDoubleSlashes(path: string): string;
+
+export { NEXT_BUNDLE_PATH_RE, REMOTE_COMPONENT_REGEX, collapseDoubleSlashes };

package/dist/internal/runtime/patterns.js

@@ -0,0 +1,12 @@
+const REMOTE_COMPONENT_REGEX = /(?<prefix>.*?)\[(?<bundle>[^\]]+)\](?:%20| )(?<id>.+)/;
+const NEXT_BUNDLE_PATH_RE = /\/_next\/\[.+\](?:%20| )/;
+const DOUBLE_SLASH_RE = /(?<!:)\/\//g;
+function collapseDoubleSlashes(path) {
+  return path.replace(DOUBLE_SLASH_RE, "/");
+}
+export {
+  NEXT_BUNDLE_PATH_RE,
+  REMOTE_COMPONENT_REGEX,
+  collapseDoubleSlashes
+};
+//# sourceMappingURL=patterns.js.map

package/dist/internal/runtime/patterns.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/runtime/patterns.ts"],"sourcesContent":["export const REMOTE_COMPONENT_REGEX =\n  /(?<prefix>.*?)\\[(?<bundle>[^\\]]+)\\](?:%20| )(?<id>.+)/;\n\n// Matches Next.js bundle-prefixed paths like /_next/[bundle-name] /static/...\n// Used to strip the bundle identifier before loading scripts via the standard /_next/ path.\nexport const NEXT_BUNDLE_PATH_RE = /\\/_next\\/\\[.+\\](?:%20| )/;\n\n/** Collapse duplicate path separators (`//`) while preserving protocol (`://`). */\nconst DOUBLE_SLASH_RE = /(?<!:)\\/\\//g;\nexport function collapseDoubleSlashes(path: string): string {\n  return path.replace(DOUBLE_SLASH_RE, '/');\n}\n"],"mappings":"AAAO,MAAM,yBACX;AAIK,MAAM,sBAAsB;AAGnC,MAAM,kBAAkB;AACjB,SAAS,sBAAsB,MAAsB;AAC1D,SAAO,KAAK,QAAQ,iBAAiB,GAAG;AAC1C;","names":[]}

package/dist/internal/runtime/turbopack/chunk-loader.cjs

@@ -22,10 +22,11 @@ __export(chunk_loader_exports, {
 });
 module.exports = __toCommonJS(chunk_loader_exports);
 var import_constants = require("#internal/runtime/constants");
+var import_patterns = require("#internal/runtime/patterns");
 var import_protected_rc_fallback = require("#internal/runtime/url/protected-rc-fallback");
 var import_error = require("#internal/utils/error");
 var import_logger = require("#internal/utils/logger");
-var import_patterns = require("./patterns");
+var import_patterns2 = require("./patterns");
 function createChunkLoader(runtime, resolveClientUrl) {
   return function __turbopack_chunk_load__(chunkId, scriptBundle) {
     (0, import_logger.logDebug)("ChunkLoader", `Loading chunk: "${chunkId}"`);
@@ -34,7 +35,7 @@ function createChunkLoader(runtime, resolveClientUrl) {
       bundle,
       id: path,
       prefix
-    } = import_constants.REMOTE_COMPONENT_REGEX.exec(chunkId)?.groups ?? {
+    } = import_patterns.REMOTE_COMPONENT_REGEX.exec(chunkId)?.groups ?? {
       bundle: scriptBundle ?? "",
       id: chunkId
     };
@@ -70,7 +71,7 @@ function createChunkLoader(runtime, resolveClientUrl) {
     (0, import_logger.logDebug)("ChunkLoader", `Fetching chunk from: "${resolvedUrl}"`);
     self.__remote_components_turbopack_chunk_loader_promise__[url] = new Promise((resolve, reject) => {
       fetch(resolvedUrl).then((res) => res.text()).then((code) => {
-        const hasTurbopack = import_patterns.TURBOPACK_GLOBAL_RE.test(code);
+        const hasTurbopack = import_patterns2.TURBOPACK_GLOBAL_RE.test(code);
         if (hasTurbopack) {
           return handleTurbopackChunk(code, bundle ?? "", url);
         }