remote-components 0.3.3 → 0.3.5

package/dist/internal/host/server/fetch-remote-component.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/host/server/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { type RSC, visit } from '#internal/host/nextjs/dom-flight';\nimport {\n  getSkeletonHtml,\n  getSkeletonMessage,\n} from '#internal/host/nextjs/skeleton';\nimport { fetchWithHooks } from '#internal/host/server/fetch-with-hooks';\nimport { getClientSrc } from '#internal/host/server/get-client-src';\nimport { getSSRRelativePathBaseUrl } from '#internal/host/server/get-ssr-relative-path-base-url';\nimport type {\n  LinkDescriptor,\n  ScriptDescriptor,\n} from '#internal/host/shared/asset-descriptors';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport {\n  buildMetadata,\n  type RawMetadataAttrs,\n  type RemoteComponentMetadata,\n} from '#internal/runtime/metadata';\nimport { computeScopedName } from '#internal/utils';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport type { FetchRemoteComponentResponse, NextData } from './types';\n\n/**\n * Converts RSC flight data into a React element tree using the edge streaming\n * runtime. The manifest tells React how to resolve module references back to\n * the remote origin.\n */\nasync function buildRscComponent(\n  rsc: RSC | RSC[] | string | null,\n  serverUrl: URL,\n): Promise<React.ReactNode> {\n  const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n  const { createFromReadableStream } = await import(\n    'next/dist/compiled/react-server-dom-webpack/client.edge'\n  );\n  return createFromReadableStream(\n    new ReadableStream({\n      type: 'bytes',\n      start(controller) {\n        const encoder = new TextEncoder();\n        controller.enqueue(encoder.encode(componentRSC));\n        controller.close();\n      },\n    }),\n    {\n      serverConsumerManifest: {\n        moduleLoading: {\n          prefix: serverUrl.origin,\n          crossOrigin: true,\n        },\n        moduleMap: {},\n      },\n    },\n  );\n}\n\nfunction buildSkeletonResponse(\n  serverUrl: URL,\n  metadata: RemoteComponentMetadata,\n  skeletonComponent: React.ReactNode | undefined,\n): FetchRemoteComponentResponse {\n  return {\n    name: 'remote-component-skeleton',\n    serverUrl,\n    metadata: {\n      ...metadata,\n      type: 'remote-component',\n    },\n    rsc: getSkeletonMessage(),\n    scripts: [],\n    links: [],\n    hydrationData: [],\n    nextData: undefined,\n    component: skeletonComponent,\n    html: getSkeletonHtml(serverUrl.href),\n    remoteShared: {},\n  };\n}\n\n/**\n * Rewrites the bundle identifier in RSC flight data from the plain bundle\n * name to the origin-qualified scoped name. When multiple remotes share the\n * same bundle name (e.g. production and preview of the same app), this\n * makes each one unique so the client can look up the correct RemoteScope\n * by name alone.\n *\n * `[bundle] /path` → `[scopedName] /path`\n * `[bundle] 12345` → `[scopedName] 12345`\n *\n * Only applied for cross-origin remotes — same-origin chunks keep the\n * plain bundle name since there's no ambiguity.\n */\nfunction scopeChunkReferences(\n  chunk: string,\n  bundle: string,\n  scopedName: string,\n): string {\n  return chunk.replaceAll(`[${bundle}]`, `[${scopedName}]`);\n}\n\n/**\n * Walks the parsed HTML fragment and extracts all remote component data:\n * metadata, scripts, links, hydration data, Next.js data, shared deps, and HTML.\n */\nfunction visitFragment(\n  fragment: DefaultTreeAdapterMap['documentFragment'],\n  serverUrl: URL,\n  remoteName: string | undefined,\n) {\n  const scriptSrcSet = new Set<string>();\n  const scriptTextSet = new Set<string>();\n  const scripts: ScriptDescriptor[] = [];\n\n  const linkKeySet = new Set<string>();\n  const links: LinkDescriptor[] = [];\n\n  const hydrationData: string[] = [];\n  const htmlChunks = new Set<string>();\n\n  let metadata: RemoteComponentMetadata | undefined;\n  let nextData: NextData | undefined;\n  let remoteShared: Record<string, string> = {};\n  let hasRSC = false;\n  let hasShared = false;\n  let error: RemoteComponentsError | undefined;\n\n  // For cross-origin remotes, rewrite bundle identifiers in RSC chunks to\n  // the scoped name so the client dispatchers resolve the correct scope.\n  // Chunks are collected raw during visit() and rewritten afterwards because\n  // RSC script tags appear before the metadata element in the HTML.\n  const isCrossOrigin = serverUrl.origin !== getSSRRelativePathBaseUrl();\n\n  const rawRscChunks: string[] = [];\n\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(attrs: RawMetadataAttrs) {\n      const incoming = buildMetadata(attrs, serverUrl);\n      // Skip multiple component detection for Pages Router (__next) since\n      // it only supports one remote component per page\n      if (\n        !remoteName &&\n        metadata &&\n        metadata.id !== incoming.id &&\n        incoming.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        throw multipleRemoteComponentsError(serverUrl.href);\n      }\n      metadata = incoming;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      const textContent =\n        typeof attrs.textContent === 'string' ? attrs.textContent : undefined;\n\n      if (textContent) {\n        if (!scriptTextSet.has(textContent)) {\n          scriptTextSet.add(textContent);\n          scripts.push({ src: '', textContent });\n        }\n      } else if (!scriptSrcSet.has(clientSrc)) {\n        scriptSrcSet.add(clientSrc);\n        scripts.push({ src: clientSrc });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.href),\n      };\n      const linkKey = `${relativeAttrs.href}::${attrs.rel}`;\n      if (!linkKeySet.has(linkKey)) {\n        linkKeySet.add(linkKey);\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      rawRscChunks.push(chunk);\n      hasRSC = true;\n    },\n    onNextData(data) {\n      nextData = data;\n    },\n    onHTML(chunk) {\n      if (!htmlChunks.has(chunk)) {\n        htmlChunks.add(chunk);\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  // Rewrite bundle identifiers in RSC chunk references to use the scoped name\n  // so the client dispatchers can resolve the correct scope with a direct lookup.\n  // This must happen after visit() because RSC script tags appear before the\n  // metadata element in the HTML.\n  if (isCrossOrigin && metadata?.bundle) {\n    const scopedName = computeScopedName(metadata.bundle, {\n      remoteHost: serverUrl.host,\n      isCrossOrigin: true,\n    });\n    for (const chunk of rawRscChunks) {\n      hydrationData.push(\n        scopeChunkReferences(chunk, metadata.bundle, scopedName),\n      );\n    }\n  } else {\n    hydrationData.push(...rawRscChunks);\n  }\n\n  if (error) {\n    throw error;\n  }\n\n  if (metadata) {\n    if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n      throw new RemoteComponentsError(\n        `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n      );\n    }\n\n    if (\n      metadata.type === 'nextjs' &&\n      !hasShared &&\n      !nextData?.props.__REMOTE_COMPONENT__?.shared\n    ) {\n      throw new RemoteComponentsError(\n        `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\n      );\n    }\n  }\n\n  const resolvedShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared;\n\n  return {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared: resolvedShared,\n    html: Array.from(htmlChunks).join(''),\n  };\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    /** Whether this is being called from Next.js App Router. Used to enable skeleton fallback during SSG builds. */\n    appRouter?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {},\n): Promise<FetchRemoteComponentResponse> {\n  const ssrRelativePathBaseUrl = getSSRRelativePathBaseUrl();\n  const serverUrl = new URL(src, ssrRelativePathBaseUrl);\n\n  const tags = [\n    '_vc_rc:fetch-remote-component',\n    // the max size of a next cache tag is 256 characters\n    serverUrl.host.slice(0, 256),\n    // use the suffix so this tag is unique if multiple remote\n    // components have the same host, but unique pathnames / query params\n    (typeof src === 'string' ? src : src.href).slice(-256),\n  ];\n  if (options.name) {\n    tags.push(options.name.slice(-256));\n  }\n\n  const fetchInit = {\n    next: {\n      tags,\n    },\n  };\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote. See https://remote-components-docs.vercel.sh/docs/concepts/cors-external-urls#deployment-protection for details.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  const remoteName =\n    options.name || (serverUrl.hash ? serverUrl.hash.substring(1) : undefined);\n\n  const {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared,\n    html,\n  } = visitFragment(fragment, serverUrl, remoteName);\n\n  if (!metadata) {\n    // For microfrontend builds during run time, the host and remote build\n    // may be happening concurrently. In this case, the request will 404.\n    // We want to allow the build to continue with a placeholder remote\n    // component. Once the build completes, vercel will automatically revalidate\n    // ISR and fetch the built remote component.\n    const isSSGBuild = process.env.NEXT_PHASE === 'phase-production-build';\n    // If the remote component is part of a microfrontend, the src provided\n    // will be relative.\n    const isSSRRelativePathBase =\n      serverUrl.host === new URL(ssrRelativePathBaseUrl).host;\n    // Only want this skeleton behaviour in previews to unblock development.\n    // For production, the remote component should already be built.\n    const isPreview = process.env.VERCEL_TARGET_ENV === 'preview';\n\n    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {\n      let skeletonComponent: React.ReactNode | undefined;\n      if (options.rsc) {\n        const { createElement } = await import('react');\n        skeletonComponent = createElement('div', {\n          dangerouslySetInnerHTML: {\n            __html: getSkeletonHtml(serverUrl.href),\n          },\n        });\n      }\n\n      return buildSkeletonResponse(\n        serverUrl,\n        buildMetadata({}, serverUrl),\n        skeletonComponent,\n      );\n    }\n\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  const name = remoteName || metadata.name;\n  const component = options.rsc\n    ? await buildRscComponent(rsc, serverUrl)\n    : undefined;\n\n  return {\n    name,\n    serverUrl,\n    metadata,\n    rsc,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    html,\n    remoteShared,\n  };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/host/server/fetch-remote-component.ts"],"sourcesContent":["import { type DefaultTreeAdapterMap, Parser } from 'parse5';\nimport { type RSC, visit } from '#internal/host/nextjs/dom-flight';\nimport {\n  getSkeletonHtml,\n  getSkeletonMessage,\n} from '#internal/host/nextjs/skeleton';\nimport { fetchWithHooks } from '#internal/host/server/fetch-with-hooks';\nimport { getClientSrc } from '#internal/host/server/get-client-src';\nimport { getSSRRelativePathBaseUrl } from '#internal/host/server/get-ssr-relative-path-base-url';\nimport type {\n  LinkDescriptor,\n  ScriptDescriptor,\n} from '#internal/host/shared/asset-descriptors';\nimport type {\n  OnRequestHook,\n  OnResponseHook,\n} from '#internal/host/shared/fetch-interceptors';\nimport {\n  buildMetadata,\n  type RawMetadataAttrs,\n  type RemoteComponentMetadata,\n} from '#internal/runtime/metadata';\nimport { importRSCClientEdge } from '#internal/runtime/rsc-imports';\nimport { computeScopedName } from '#internal/utils';\nimport {\n  failedToFetchRemoteComponentError,\n  multipleRemoteComponentsError,\n  RemoteComponentsError,\n} from '#internal/utils/error';\nimport type { FetchRemoteComponentResponse, NextData } from './types';\n\n/**\n * Converts RSC flight data into a React element tree using the edge streaming\n * runtime. The manifest tells React how to resolve module references back to\n * the remote origin.\n */\nasync function buildRscComponent(\n  rsc: RSC | RSC[] | string | null,\n  serverUrl: URL,\n): Promise<React.ReactNode> {\n  const componentRSC = `0:${JSON.stringify(rsc)}\\n`;\n  const { createFromReadableStream } = await importRSCClientEdge();\n  return createFromReadableStream(\n    new ReadableStream({\n      type: 'bytes',\n      start(controller) {\n        const encoder = new TextEncoder();\n        controller.enqueue(encoder.encode(componentRSC));\n        controller.close();\n      },\n    }),\n    {\n      serverConsumerManifest: {\n        moduleLoading: {\n          prefix: serverUrl.origin,\n          crossOrigin: true,\n        },\n        moduleMap: {},\n      },\n    },\n  );\n}\n\nfunction buildSkeletonResponse(\n  serverUrl: URL,\n  metadata: RemoteComponentMetadata,\n  skeletonComponent: React.ReactNode | undefined,\n): FetchRemoteComponentResponse {\n  return {\n    name: 'remote-component-skeleton',\n    serverUrl,\n    metadata: {\n      ...metadata,\n      type: 'remote-component',\n    },\n    rsc: getSkeletonMessage(),\n    scripts: [],\n    links: [],\n    hydrationData: [],\n    nextData: undefined,\n    component: skeletonComponent,\n    html: getSkeletonHtml(serverUrl.href),\n    remoteShared: {},\n  };\n}\n\n/**\n * Rewrites the bundle identifier in RSC flight data from the plain bundle\n * name to the origin-qualified scoped name. When multiple remotes share the\n * same bundle name (e.g. production and preview of the same app), this\n * makes each one unique so the client can look up the correct RemoteScope\n * by name alone.\n *\n * `[bundle] /path` → `[scopedName] /path`\n * `[bundle] 12345` → `[scopedName] 12345`\n *\n * Only applied for cross-origin remotes — same-origin chunks keep the\n * plain bundle name since there's no ambiguity.\n */\nfunction scopeChunkReferences(\n  chunk: string,\n  bundle: string,\n  scopedName: string,\n): string {\n  return chunk.replaceAll(`[${bundle}]`, `[${scopedName}]`);\n}\n\n/**\n * Walks the parsed HTML fragment and extracts all remote component data:\n * metadata, scripts, links, hydration data, Next.js data, shared deps, and HTML.\n */\nfunction visitFragment(\n  fragment: DefaultTreeAdapterMap['documentFragment'],\n  serverUrl: URL,\n  remoteName: string | undefined,\n) {\n  const scriptSrcSet = new Set<string>();\n  const scriptTextSet = new Set<string>();\n  const scripts: ScriptDescriptor[] = [];\n\n  const linkKeySet = new Set<string>();\n  const links: LinkDescriptor[] = [];\n\n  const hydrationData: string[] = [];\n  const htmlChunks = new Set<string>();\n\n  let metadata: RemoteComponentMetadata | undefined;\n  let nextData: NextData | undefined;\n  let remoteShared: Record<string, string> = {};\n  let hasRSC = false;\n  let hasShared = false;\n  let error: RemoteComponentsError | undefined;\n\n  // For cross-origin remotes, rewrite bundle identifiers in RSC chunks to\n  // the scoped name so the client dispatchers resolve the correct scope.\n  // Chunks are collected raw during visit() and rewritten afterwards because\n  // RSC script tags appear before the metadata element in the HTML.\n  const isCrossOrigin = serverUrl.origin !== getSSRRelativePathBaseUrl();\n\n  const rawRscChunks: string[] = [];\n\n  const rsc = visit(fragment, {\n    url: serverUrl,\n    name: remoteName,\n    onMetadata(attrs: RawMetadataAttrs) {\n      const incoming = buildMetadata(attrs, serverUrl);\n      // Skip multiple component detection for Pages Router (__next) since\n      // it only supports one remote component per page\n      if (\n        !remoteName &&\n        metadata &&\n        metadata.id !== incoming.id &&\n        incoming.id !== '__next' &&\n        metadata.id !== '__next' &&\n        !nextData\n      ) {\n        throw multipleRemoteComponentsError(serverUrl.href);\n      }\n      metadata = incoming;\n    },\n    onScript(attrs) {\n      const clientSrc = getClientSrc(attrs.src, serverUrl.href);\n      const textContent =\n        typeof attrs.textContent === 'string' ? attrs.textContent : undefined;\n\n      if (textContent) {\n        if (!scriptTextSet.has(textContent)) {\n          scriptTextSet.add(textContent);\n          scripts.push({ src: '', textContent });\n        }\n      } else if (!scriptSrcSet.has(clientSrc)) {\n        scriptSrcSet.add(clientSrc);\n        scripts.push({ src: clientSrc });\n      }\n    },\n    onLink(attrs) {\n      const relativeAttrs = {\n        ...attrs,\n        href: getClientSrc(attrs.href, serverUrl.href),\n      };\n      const linkKey = `${relativeAttrs.href}::${attrs.rel}`;\n      if (!linkKeySet.has(linkKey)) {\n        linkKeySet.add(linkKey);\n        links.push(relativeAttrs);\n      }\n    },\n    onRSC(chunk) {\n      rawRscChunks.push(chunk);\n      hasRSC = true;\n    },\n    onNextData(data) {\n      nextData = data;\n    },\n    onHTML(chunk) {\n      if (!htmlChunks.has(chunk)) {\n        htmlChunks.add(chunk);\n      }\n    },\n    onShared(_shared) {\n      remoteShared = _shared;\n      hasShared = true;\n    },\n    onError(message, stack) {\n      error = new RemoteComponentsError(message);\n      if (stack) {\n        error.stack = stack;\n      }\n    },\n  });\n\n  // Rewrite bundle identifiers in RSC chunk references to use the scoped name\n  // so the client dispatchers can resolve the correct scope with a direct lookup.\n  // This must happen after visit() because RSC script tags appear before the\n  // metadata element in the HTML.\n  if (isCrossOrigin && metadata?.bundle) {\n    const scopedName = computeScopedName(metadata.bundle, {\n      remoteHost: serverUrl.host,\n      isCrossOrigin: true,\n    });\n    for (const chunk of rawRscChunks) {\n      hydrationData.push(\n        scopeChunkReferences(chunk, metadata.bundle, scopedName),\n      );\n    }\n  } else {\n    hydrationData.push(...rawRscChunks);\n  }\n\n  if (error) {\n    throw error;\n  }\n\n  if (metadata) {\n    if (!hasRSC && !nextData && metadata.type === 'nextjs') {\n      throw new RemoteComponentsError(\n        `The Remote Component at \"${serverUrl.href}\" seems to be a Next.js component but it does not contain any RSC flight data or Next.js props data. Make sure the remote URL is correct and contains a Remote Component.`,\n      );\n    }\n\n    if (\n      metadata.type === 'nextjs' &&\n      !hasShared &&\n      !nextData?.props.__REMOTE_COMPONENT__?.shared\n    ) {\n      throw new RemoteComponentsError(\n        `No shared dependencies found for Remote Component at \"${serverUrl.href}\". Make sure the remote URL is correct and contains a Remote Component with shared dependencies.`,\n      );\n    }\n  }\n\n  const resolvedShared =\n    nextData?.props.__REMOTE_COMPONENT__?.shared ?? remoteShared;\n\n  return {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared: resolvedShared,\n    html: Array.from(htmlChunks).join(''),\n  };\n}\n\nexport async function fetchRemoteComponent(\n  src: string | URL,\n  options: {\n    name?: string;\n    rsc?: boolean;\n    /** Whether this is being called from Next.js App Router. Used to enable skeleton fallback during SSG builds. */\n    appRouter?: boolean;\n    onRequest?: OnRequestHook;\n    onResponse?: OnResponseHook;\n  } = {},\n): Promise<FetchRemoteComponentResponse> {\n  const ssrRelativePathBaseUrl = getSSRRelativePathBaseUrl();\n  const serverUrl = new URL(src, ssrRelativePathBaseUrl);\n\n  const tags = [\n    '_vc_rc:fetch-remote-component',\n    // the max size of a next cache tag is 256 characters\n    serverUrl.host.slice(0, 256),\n    // use the suffix so this tag is unique if multiple remote\n    // components have the same host, but unique pathnames / query params\n    (typeof src === 'string' ? src : src.href).slice(-256),\n  ];\n  if (options.name) {\n    tags.push(options.name.slice(-256));\n  }\n\n  const fetchInit = {\n    next: {\n      tags,\n    },\n  };\n\n  const res = await fetchWithHooks(serverUrl, fetchInit, {\n    onRequest: options.onRequest,\n    onResponse: options.onResponse,\n  });\n\n  // If there is an error in the remote, parse and extract the remote error (except 404 and 401).\n  if (!res.ok && !res.body) {\n    throw failedToFetchRemoteComponentError(serverUrl.href, res);\n  }\n\n  if (res.status === 401) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote. See https://remote-components-docs.vercel.sh/docs/concepts/cors-external-urls#deployment-protection for details.',\n    );\n  }\n\n  if (res.status === 404) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      'Check if you can open it in the browser.',\n    );\n  }\n\n  // create a parser for the HTML response\n  const parser = Parser.getFragmentParser<DefaultTreeAdapterMap>();\n\n  if (!res.body) {\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `Response body is empty. Check if you can open it in the browser and you see the Remote Component content.`,\n    );\n  }\n\n  const decoder = new TextDecoder();\n  // read the response body as a stream and parse it using the parse5 fragment parser\n  for await (const chunk of res.body as unknown as AsyncIterable<Uint8Array>) {\n    parser.tokenizer.write(decoder.decode(chunk), false);\n  }\n  const fragment = parser.getFragment();\n\n  const remoteName =\n    options.name || (serverUrl.hash ? serverUrl.hash.substring(1) : undefined);\n\n  const {\n    rsc,\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    remoteShared,\n    html,\n  } = visitFragment(fragment, serverUrl, remoteName);\n\n  if (!metadata) {\n    // For microfrontend builds during run time, the host and remote build\n    // may be happening concurrently. In this case, the request will 404.\n    // We want to allow the build to continue with a placeholder remote\n    // component. Once the build completes, vercel will automatically revalidate\n    // ISR and fetch the built remote component.\n    const isSSGBuild = process.env.NEXT_PHASE === 'phase-production-build';\n    // If the remote component is part of a microfrontend, the src provided\n    // will be relative.\n    const isSSRRelativePathBase =\n      serverUrl.host === new URL(ssrRelativePathBaseUrl).host;\n    // Only want this skeleton behaviour in previews to unblock development.\n    // For production, the remote component should already be built.\n    const isPreview = process.env.VERCEL_TARGET_ENV === 'preview';\n\n    if (isSSGBuild && isSSRRelativePathBase && isPreview && options.appRouter) {\n      let skeletonComponent: React.ReactNode | undefined;\n      if (options.rsc) {\n        const { createElement } = await import('react');\n        skeletonComponent = createElement('div', {\n          dangerouslySetInnerHTML: {\n            __html: getSkeletonHtml(serverUrl.href),\n          },\n        });\n      }\n\n      return buildSkeletonResponse(\n        serverUrl,\n        buildMetadata({}, serverUrl),\n        skeletonComponent,\n      );\n    }\n\n    throw failedToFetchRemoteComponentError(\n      serverUrl.href,\n      res,\n      `No Remote Component found. Make sure the remote URL is correct and contains a Remote Component.`,\n    );\n  }\n\n  const name = remoteName || metadata.name;\n  const component = options.rsc\n    ? await buildRscComponent(rsc, serverUrl)\n    : undefined;\n\n  return {\n    name,\n    serverUrl,\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/internal/host/shared/lifecycle.cjs

@@ -0,0 +1,69 @@
+"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 lifecycle_exports = {};
+__export(lifecycle_exports, {
+  makeEventEmitter: () => makeEventEmitter,
+  makeReactEmitter: () => makeReactEmitter
+});
+module.exports = __toCommonJS(lifecycle_exports);
+function makeReactEmitter(callbacks) {
+  return {
+    beforeLoad(src) {
+      callbacks.onBeforeLoad?.(src);
+    },
+    load(src) {
+      callbacks.onLoad?.(src);
+    },
+    error(error, _src) {
+      callbacks.onError?.(error);
+    },
+    change(info) {
+      callbacks.onChange?.(info);
+    }
+  };
+}
+function makeEventEmitter(element) {
+  function dispatch(type, detail) {
+    const event = new Event(type, { bubbles: true, composed: true });
+    if (detail) {
+      Object.assign(event, detail);
+    }
+    element.dispatchEvent(event);
+  }
+  return {
+    beforeLoad(src) {
+      dispatch("beforeload", { src });
+    },
+    load(src) {
+      dispatch("load", { src });
+    },
+    error(error, src) {
+      dispatch("error", src != null ? { error, src } : { error });
+    },
+    change(info) {
+      dispatch("change", info);
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  makeEventEmitter,
+  makeReactEmitter
+});
+//# sourceMappingURL=lifecycle.cjs.map

package/dist/internal/host/shared/lifecycle.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/lifecycle.ts"],"sourcesContent":["import type { ChangeInfo, ConsumeLifecycleCallbacks } from './config';\n\n/**\n * Unified lifecycle event emitter used by the host loading pipeline.\n *\n * Hosts create an emitter that matches their eventing model — React hosts\n * wrap callback props via {@link makeReactEmitter}, while the HTML custom\n * element dispatches DOM events via {@link makeEventEmitter}. The pipeline\n * calls emitter methods at the appropriate phases without knowing which\n * host is driving the load.\n */\nexport interface LifecycleEmitter {\n  beforeLoad(src: string | URL): void;\n  load(src: string | URL): void;\n  error(error: unknown, src?: string | URL): void;\n  change(info: ChangeInfo): void;\n}\n\n/**\n * Wraps React-style callback props into a {@link LifecycleEmitter}.\n *\n * Missing callbacks are silently ignored — this is the normal case for\n * hosts that only subscribe to a subset of events.\n */\nexport function makeReactEmitter(\n  callbacks: ConsumeLifecycleCallbacks,\n): LifecycleEmitter {\n  return {\n    beforeLoad(src) {\n      callbacks.onBeforeLoad?.(src);\n    },\n    load(src) {\n      callbacks.onLoad?.(src);\n    },\n    error(error, _src?) {\n      callbacks.onError?.(error);\n    },\n    change(info) {\n      callbacks.onChange?.(info);\n    },\n  };\n}\n\n/**\n * Wraps a DOM element into a {@link LifecycleEmitter} by dispatching\n * `CustomEvent`s with `bubbles: true` and `composed: true` (crosses\n * Shadow DOM boundaries).\n */\nexport function makeEventEmitter(element: HTMLElement): LifecycleEmitter {\n  function dispatch(\n    type: 'beforeload' | 'load' | 'error' | 'change',\n    detail?: Record<string, unknown>,\n  ) {\n    const event = new Event(type, { bubbles: true, composed: true });\n    if (detail) {\n      Object.assign(event, detail);\n    }\n    element.dispatchEvent(event);\n  }\n\n  return {\n    beforeLoad(src) {\n      dispatch('beforeload', { src });\n    },\n    load(src) {\n      dispatch('load', { src });\n    },\n    error(error, src?) {\n      dispatch('error', src != null ? { error, src } : { error });\n    },\n    change(info) {\n      dispatch('change', info as unknown as Record<string, unknown>);\n    },\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAwBO,SAAS,iBACd,WACkB;AAClB,SAAO;AAAA,IACL,WAAW,KAAK;AACd,gBAAU,eAAe,GAAG;AAAA,IAC9B;AAAA,IACA,KAAK,KAAK;AACR,gBAAU,SAAS,GAAG;AAAA,IACxB;AAAA,IACA,MAAM,OAAO,MAAO;AAClB,gBAAU,UAAU,KAAK;AAAA,IAC3B;AAAA,IACA,OAAO,MAAM;AACX,gBAAU,WAAW,IAAI;AAAA,IAC3B;AAAA,EACF;AACF;AAOO,SAAS,iBAAiB,SAAwC;AACvE,WAAS,SACP,MACA,QACA;AACA,UAAM,QAAQ,IAAI,MAAM,MAAM,EAAE,SAAS,MAAM,UAAU,KAAK,CAAC;AAC/D,QAAI,QAAQ;AACV,aAAO,OAAO,OAAO,MAAM;AAAA,IAC7B;AACA,YAAQ,cAAc,KAAK;AAAA,EAC7B;AAEA,SAAO;AAAA,IACL,WAAW,KAAK;AACd,eAAS,cAAc,EAAE,IAAI,CAAC;AAAA,IAChC;AAAA,IACA,KAAK,KAAK;AACR,eAAS,QAAQ,EAAE,IAAI,CAAC;AAAA,IAC1B;AAAA,IACA,MAAM,OAAO,KAAM;AACjB,eAAS,SAAS,OAAO,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,CAAC;AAAA,IAC5D;AAAA,IACA,OAAO,MAAM;AACX,eAAS,UAAU,IAA0C;AAAA,IAC/D;AAAA,EACF;AACF;","names":[]}

package/dist/internal/host/shared/lifecycle.d.ts

@@ -0,0 +1,34 @@
+import { ChangeInfo, ConsumeLifecycleCallbacks } from './config.js';
+import '../../runtime/url/resolve-client-url.js';
+import './fetch-interceptors.js';
+
+/**
+ * Unified lifecycle event emitter used by the host loading pipeline.
+ *
+ * Hosts create an emitter that matches their eventing model — React hosts
+ * wrap callback props via {@link makeReactEmitter}, while the HTML custom
+ * element dispatches DOM events via {@link makeEventEmitter}. The pipeline
+ * calls emitter methods at the appropriate phases without knowing which
+ * host is driving the load.
+ */
+interface LifecycleEmitter {
+    beforeLoad(src: string | URL): void;
+    load(src: string | URL): void;
+    error(error: unknown, src?: string | URL): void;
+    change(info: ChangeInfo): void;
+}
+/**
+ * Wraps React-style callback props into a {@link LifecycleEmitter}.
+ *
+ * Missing callbacks are silently ignored — this is the normal case for
+ * hosts that only subscribe to a subset of events.
+ */
+declare function makeReactEmitter(callbacks: ConsumeLifecycleCallbacks): LifecycleEmitter;
+/**
+ * Wraps a DOM element into a {@link LifecycleEmitter} by dispatching
+ * `CustomEvent`s with `bubbles: true` and `composed: true` (crosses
+ * Shadow DOM boundaries).
+ */
+declare function makeEventEmitter(element: HTMLElement): LifecycleEmitter;
+
+export { LifecycleEmitter, makeEventEmitter, makeReactEmitter };

package/dist/internal/host/shared/lifecycle.js

@@ -0,0 +1,44 @@
+function makeReactEmitter(callbacks) {
+  return {
+    beforeLoad(src) {
+      callbacks.onBeforeLoad?.(src);
+    },
+    load(src) {
+      callbacks.onLoad?.(src);
+    },
+    error(error, _src) {
+      callbacks.onError?.(error);
+    },
+    change(info) {
+      callbacks.onChange?.(info);
+    }
+  };
+}
+function makeEventEmitter(element) {
+  function dispatch(type, detail) {
+    const event = new Event(type, { bubbles: true, composed: true });
+    if (detail) {
+      Object.assign(event, detail);
+    }
+    element.dispatchEvent(event);
+  }
+  return {
+    beforeLoad(src) {
+      dispatch("beforeload", { src });
+    },
+    load(src) {
+      dispatch("load", { src });
+    },
+    error(error, src) {
+      dispatch("error", src != null ? { error, src } : { error });
+    },
+    change(info) {
+      dispatch("change", info);
+    }
+  };
+}
+export {
+  makeEventEmitter,
+  makeReactEmitter
+};
+//# sourceMappingURL=lifecycle.js.map

package/dist/internal/host/shared/lifecycle.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/lifecycle.ts"],"sourcesContent":["import type { ChangeInfo, ConsumeLifecycleCallbacks } from './config';\n\n/**\n * Unified lifecycle event emitter used by the host loading pipeline.\n *\n * Hosts create an emitter that matches their eventing model — React hosts\n * wrap callback props via {@link makeReactEmitter}, while the HTML custom\n * element dispatches DOM events via {@link makeEventEmitter}. The pipeline\n * calls emitter methods at the appropriate phases without knowing which\n * host is driving the load.\n */\nexport interface LifecycleEmitter {\n  beforeLoad(src: string | URL): void;\n  load(src: string | URL): void;\n  error(error: unknown, src?: string | URL): void;\n  change(info: ChangeInfo): void;\n}\n\n/**\n * Wraps React-style callback props into a {@link LifecycleEmitter}.\n *\n * Missing callbacks are silently ignored — this is the normal case for\n * hosts that only subscribe to a subset of events.\n */\nexport function makeReactEmitter(\n  callbacks: ConsumeLifecycleCallbacks,\n): LifecycleEmitter {\n  return {\n    beforeLoad(src) {\n      callbacks.onBeforeLoad?.(src);\n    },\n    load(src) {\n      callbacks.onLoad?.(src);\n    },\n    error(error, _src?) {\n      callbacks.onError?.(error);\n    },\n    change(info) {\n      callbacks.onChange?.(info);\n    },\n  };\n}\n\n/**\n * Wraps a DOM element into a {@link LifecycleEmitter} by dispatching\n * `CustomEvent`s with `bubbles: true` and `composed: true` (crosses\n * Shadow DOM boundaries).\n */\nexport function makeEventEmitter(element: HTMLElement): LifecycleEmitter {\n  function dispatch(\n    type: 'beforeload' | 'load' | 'error' | 'change',\n    detail?: Record<string, unknown>,\n  ) {\n    const event = new Event(type, { bubbles: true, composed: true });\n    if (detail) {\n      Object.assign(event, detail);\n    }\n    element.dispatchEvent(event);\n  }\n\n  return {\n    beforeLoad(src) {\n      dispatch('beforeload', { src });\n    },\n    load(src) {\n      dispatch('load', { src });\n    },\n    error(error, src?) {\n      dispatch('error', src != null ? { error, src } : { error });\n    },\n    change(info) {\n      dispatch('change', info as unknown as Record<string, unknown>);\n    },\n  };\n}\n"],"mappings":"AAwBO,SAAS,iBACd,WACkB;AAClB,SAAO;AAAA,IACL,WAAW,KAAK;AACd,gBAAU,eAAe,GAAG;AAAA,IAC9B;AAAA,IACA,KAAK,KAAK;AACR,gBAAU,SAAS,GAAG;AAAA,IACxB;AAAA,IACA,MAAM,OAAO,MAAO;AAClB,gBAAU,UAAU,KAAK;AAAA,IAC3B;AAAA,IACA,OAAO,MAAM;AACX,gBAAU,WAAW,IAAI;AAAA,IAC3B;AAAA,EACF;AACF;AAOO,SAAS,iBAAiB,SAAwC;AACvE,WAAS,SACP,MACA,QACA;AACA,UAAM,QAAQ,IAAI,MAAM,MAAM,EAAE,SAAS,MAAM,UAAU,KAAK,CAAC;AAC/D,QAAI,QAAQ;AACV,aAAO,OAAO,OAAO,MAAM;AAAA,IAC7B;AACA,YAAQ,cAAc,KAAK;AAAA,EAC7B;AAEA,SAAO;AAAA,IACL,WAAW,KAAK;AACd,eAAS,cAAc,EAAE,IAAI,CAAC;AAAA,IAChC;AAAA,IACA,KAAK,KAAK;AACR,eAAS,QAAQ,EAAE,IAAI,CAAC;AAAA,IAC1B;AAAA,IACA,MAAM,OAAO,KAAM;AACjB,eAAS,SAAS,OAAO,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,CAAC;AAAA,IAC5D;AAAA,IACA,OAAO,MAAM;AACX,eAAS,UAAU,IAA0C;AAAA,IAC/D;AAAA,EACF;AACF;","names":[]}

package/dist/internal/host/shared/pipeline.cjs

@@ -0,0 +1,222 @@
+"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 pipeline_exports = {};
+__export(pipeline_exports, {
+  loadPrepared: () => loadPrepared,
+  preparePipeline: () => preparePipeline,
+  runPipeline: () => runPipeline,
+  runPipelineFromParsed: () => runPipelineFromParsed
+});
+module.exports = __toCommonJS(pipeline_exports);
+var import_shared_module_resolver = require("#internal/host/shared/shared-module-resolver");
+var import_apply_origin = require("#internal/runtime/html/apply-origin");
+var import_parse_remote_html = require("#internal/runtime/html/parse-remote-html");
+var import_component_loader = require("#internal/runtime/loaders/component-loader");
+var import_static_loader = require("#internal/runtime/loaders/static-loader");
+var import_patterns = require("#internal/runtime/patterns");
+var import_utils = require("#internal/utils");
+var import_error = require("#internal/utils/error");
+function preparePipeline(input) {
+  const parser = new DOMParser();
+  const doc = parser.parseFromString(input.html, "text/html");
+  const parsed = (0, import_parse_remote_html.parseRemoteComponentDocument)(doc, input.name, input.url);
+  const remoteShared = input.remoteShared ?? parsed.remoteShared;
+  if ("__remote_components_missing_shared__" in remoteShared) {
+    throw new import_error.RemoteComponentsError(
+      remoteShared.__remote_components_missing_shared__
+    );
+  }
+  (0, import_apply_origin.applyOriginToNodes)(doc, input.url, input.resolveClientUrl);
+  const scriptDescriptors = buildScriptDescriptors(parsed.scripts, input.url);
+  return { doc, parsed, scriptDescriptors };
+}
+async function loadPrepared(input) {
+  const { prepared, url, signal, resolveClientUrl, container, rscName } = input;
+  const { doc, parsed, scriptDescriptors } = prepared;
+  if (signal.aborted) {
+    return { status: "aborted" };
+  }
+  const userShared = await input.shared;
+  if (signal.aborted) {
+    return { status: "aborted" };
+  }
+  if (parsed.isRemoteComponent) {
+    return loadStaticPath({
+      parsed,
+      doc,
+      url,
+      resolveClientUrl
+    });
+  }
+  return loadDynamicPath({
+    parsed,
+    doc,
+    url,
+    scriptDescriptors,
+    shared: userShared,
+    resolveClientUrl,
+    container,
+    rscName
+  });
+}
+async function runPipeline(input) {
+  try {
+    const userShared = await input.shared;
+    if (input.signal.aborted) {
+      return { status: "aborted" };
+    }
+    const prepared = preparePipeline({
+      html: input.html,
+      name: input.name,
+      url: input.url,
+      shared: userShared,
+      resolveClientUrl: input.resolveClientUrl
+    });
+    return await loadPrepared({
+      prepared,
+      url: input.url,
+      signal: input.signal,
+      shared: userShared,
+      resolveClientUrl: input.resolveClientUrl,
+      container: input.container
+    });
+  } catch (error) {
+    return {
+      status: "error",
+      error: error instanceof Error ? error : new import_error.RemoteComponentsError(String(error))
+    };
+  }
+}
+async function runPipelineFromParsed(input) {
+  try {
+    if (input.signal.aborted) {
+      return { status: "aborted" };
+    }
+    const remoteShared = input.remoteShared ?? input.payload.remoteShared ?? {};
+    if ("__remote_components_missing_shared__" in remoteShared) {
+      throw new import_error.RemoteComponentsError(
+        remoteShared.__remote_components_missing_shared__
+      );
+    }
+    const result = await (0, import_component_loader.loadRemoteComponent)({
+      url: input.url,
+      name: input.name,
+      rscName: input.rscName,
+      bundle: input.payload.bundle,
+      route: input.payload.route,
+      runtime: input.payload.runtime,
+      data: input.payload.data,
+      nextData: input.payload.nextData,
+      scripts: input.payload.scripts,
+      shared: input.shared,
+      remoteShared,
+      container: input.container,
+      resolveClientUrl: input.resolveClientUrl
+    });
+    if (input.signal.aborted) {
+      return { status: "aborted" };
+    }
+    if (result.error) {
+      return { status: "error", error: result.error };
+    }
+    return { status: "loaded", component: result.component };
+  } catch (error) {
+    return {
+      status: "error",
+      error: error instanceof Error ? error : new import_error.RemoteComponentsError(String(error))
+    };
+  }
+}
+function buildScriptDescriptors(scripts, url) {
+  return scripts.map((script) => {
+    const scriptSrc = script.getAttribute("data-src") || script.getAttribute("src") || script.src;
+    const { prefix, id: path } = import_patterns.REMOTE_COMPONENT_REGEX.exec(scriptSrc)?.groups ?? {
+      prefix: void 0,
+      id: scriptSrc
+    };
+    return {
+      src: new URL((0, import_patterns.collapseDoubleSlashes)(`${prefix ?? ""}${path}`), url).href
+    };
+  });
+}
+async function loadStaticPath(input) {
+  const { parsed, doc, url, resolveClientUrl } = input;
+  const scripts = Array.from(
+    parsed.component.querySelectorAll("script")
+  );
+  const { mount, unmount } = await (0, import_static_loader.loadStaticRemoteComponent)(
+    scripts,
+    url,
+    resolveClientUrl
+  );
+  return {
+    status: "static",
+    mount,
+    unmount,
+    metadata: parsed.metadata,
+    parsed,
+    doc
+  };
+}
+async function loadDynamicPath(input) {
+  const {
+    parsed,
+    doc,
+    url,
+    scriptDescriptors,
+    shared,
+    resolveClientUrl,
+    container
+  } = input;
+  const rscName = input.rscName ?? (parsed.rsc ? `__remote_component_rsc_${(0, import_utils.escapeString)(url.href)}_${(0, import_utils.escapeString)(parsed.name)}` : void 0);
+  const rscData = parsed.rsc ? (parsed.rsc.textContent || "").split("\n").filter(Boolean) : [];
+  const result = await (0, import_component_loader.loadRemoteComponent)({
+    url,
+    name: parsed.name,
+    rscName,
+    bundle: parsed.metadata.bundle,
+    route: parsed.metadata.route,
+    runtime: parsed.metadata.runtime,
+    data: rscData,
+    nextData: parsed.nextData,
+    scripts: scriptDescriptors,
+    shared: (0, import_shared_module_resolver.buildHostShared)(shared, resolveClientUrl),
+    remoteShared: parsed.remoteShared,
+    container,
+    resolveClientUrl
+  });
+  if (result.error) {
+    return { status: "error", error: result.error };
+  }
+  return {
+    status: "loaded",
+    component: result.component,
+    metadata: parsed.metadata,
+    parsed,
+    doc
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  loadPrepared,
+  preparePipeline,
+  runPipeline,
+  runPipelineFromParsed
+});
+//# sourceMappingURL=pipeline.cjs.map

package/dist/internal/host/shared/pipeline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/host/shared/pipeline.ts"],"sourcesContent":["import type { InternalResolveClientUrl } from '#internal/host/server/types';\nimport type { ScriptDescriptor } from '#internal/host/shared/asset-descriptors';\nimport type { ConsumeLoaderPayload } from '#internal/host/shared/server-handoff';\nimport { buildHostShared } from '#internal/host/shared/shared-module-resolver';\nimport { applyOriginToNodes } from '#internal/runtime/html/apply-origin';\nimport {\n  type ParsedRemoteComponent,\n  parseRemoteComponentDocument,\n} from '#internal/runtime/html/parse-remote-html';\nimport { loadRemoteComponent } from '#internal/runtime/loaders/component-loader';\nimport { loadStaticRemoteComponent } from '#internal/runtime/loaders/static-loader';\nimport type { RemoteComponentMetadata } from '#internal/runtime/metadata';\nimport {\n  collapseDoubleSlashes,\n  REMOTE_COMPONENT_REGEX,\n} from '#internal/runtime/patterns';\nimport type { MountOrUnmountFunction } from '#internal/runtime/types';\nimport { escapeString } from '#internal/utils';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\ntype SharedModuleMap = Record<string, (bundle?: string) => Promise<unknown>>;\n\n/**\n * Input for {@link runPipeline} — the full post-fetch pipeline that starts\n * from raw HTML.\n */\nexport interface PipelineInput {\n  /** Resolved URL of the remote component. */\n  url: URL;\n  /** Raw HTML string returned by the remote. */\n  html: string;\n  /** Component name hint (may be refined during parsing). */\n  name: string;\n  /** Abort signal — the pipeline checks this between async steps. */\n  signal: AbortSignal;\n  /** Host-provided shared module factories (resolved or promise). */\n  shared: Promise<SharedModuleMap> | SharedModuleMap;\n  /** URL rewriter for client-side asset URLs. */\n  resolveClientUrl?: InternalResolveClientUrl;\n  /** Shadow root or element to mount into (for script-based components). */\n  container?: ShadowRoot | HTMLElement | null;\n}\n\n/**\n * Input for {@link runPipelineFromParsed} — the pipeline entry point for\n * hosts that receive pre-parsed SSR data (e.g. the App Router client).\n */\nexport interface ParsedPipelineInput {\n  /** Resolved URL of the remote component. */\n  url: URL;\n  /** Component name. */\n  name: string;\n  /** Abort signal. */\n  signal: AbortSignal;\n  /** Pre-resolved loader payload from the server component. */\n  payload: ConsumeLoaderPayload;\n  /** Host-provided shared module factories (resolved or promise). */\n  shared: Promise<SharedModuleMap> | SharedModuleMap;\n  /** Remote-requested shared modules. */\n  remoteShared?: Record<string, string>;\n  /** URL rewriter for client-side asset URLs. */\n  resolveClientUrl?: InternalResolveClientUrl;\n  /** Shadow root or element to mount into. */\n  container?: ShadowRoot | HTMLElement | null;\n  /** Optional RSC name override (used by App Router for scoped RSC data). */\n  rscName?: string;\n}\n\n/**\n * Successful dynamic component load — the component is a React element tree\n * ready to render.\n */\nexport interface PipelineLoaded {\n  status: 'loaded';\n  component: React.ReactNode;\n  metadata: RemoteComponentMetadata;\n  parsed: ParsedRemoteComponent;\n  doc: Document;\n}\n\n/**\n * Successful static component load — mount/unmount functions are returned\n * for the host to call.\n */\nexport interface PipelineStatic {\n  status: 'static';\n  mount: Set<MountOrUnmountFunction>;\n  unmount: Set<MountOrUnmountFunction>;\n  metadata: RemoteComponentMetadata;\n  parsed: ParsedRemoteComponent;\n  doc: Document;\n}\n\n/** The load was aborted before it could complete. */\nexport interface PipelineAborted {\n  status: 'aborted';\n}\n\n/** The load failed with an error. */\nexport interface PipelineError {\n  status: 'error';\n  error: Error;\n}\n\nexport type PipelineResult =\n  | PipelineLoaded\n  | PipelineStatic\n  | PipelineAborted\n  | PipelineError;\n\n/**\n * Intermediate result from {@link preparePipeline}. Hosts that need to run\n * framework-specific logic between parse and load (e.g. inline script\n * execution in the React host) use this to split the pipeline into two\n * phases.\n */\nexport interface PreparedPipeline {\n  doc: Document;\n  parsed: ParsedRemoteComponent;\n  /** Script descriptors ready to pass to `loadRemoteComponent`. */\n  scriptDescriptors: ScriptDescriptor[];\n}\n\n// ---------------------------------------------------------------------------\n// Pipeline phases\n// ---------------------------------------------------------------------------\n\n/**\n * Phase 1: Parse HTML, validate shared modules, and normalize URLs.\n *\n * This is the synchronous/cheap portion of the pipeline. Hosts that need to\n * inject logic between parse and load (e.g. executing inline scripts) call\n * this directly, then call {@link loadPrepared} when ready.\n */\nexport function preparePipeline(input: {\n  html: string;\n  name: string;\n  url: URL;\n  shared: SharedModuleMap;\n  remoteShared?: Record<string, string>;\n  resolveClientUrl?: InternalResolveClientUrl;\n}): PreparedPipeline {\n  const parser = new DOMParser();\n  const doc = parser.parseFromString(input.html, 'text/html');\n\n  const parsed = parseRemoteComponentDocument(doc, input.name, input.url);\n\n  // Validate shared modules — surface errors early before any script loading.\n  // Only check *remote* shared modules here. The host-side marker\n  // (`__remote_components_missing_shared__` in `input.shared`) is a callable\n  // error signal that the host may intentionally leave in place when\n  // `withRemoteComponentsConfig` is not used — blocking on it would break\n  // framework-agnostic hosts that don't configure shared modules.\n  const remoteShared = input.remoteShared ?? parsed.remoteShared;\n  if ('__remote_components_missing_shared__' in remoteShared) {\n    throw new RemoteComponentsError(\n      remoteShared.__remote_components_missing_shared__,\n    );\n  }\n\n  applyOriginToNodes(doc, input.url, input.resolveClientUrl);\n\n  const scriptDescriptors = buildScriptDescriptors(parsed.scripts, input.url);\n\n  return { doc, parsed, scriptDescriptors };\n}\n\n/**\n * Phase 2: Load the component from a prepared pipeline result.\n *\n * For dynamic components, delegates to `loadRemoteComponent`. For static\n * components (`isRemoteComponent`), delegates to `loadStaticRemoteComponent`.\n */\nexport async function loadPrepared(input: {\n  prepared: PreparedPipeline;\n  url: URL;\n  signal: AbortSignal;\n  shared: Promise<SharedModuleMap> | SharedModuleMap;\n  resolveClientUrl?: InternalResolveClientUrl;\n  container?: ShadowRoot | HTMLElement | null;\n  rscName?: string;\n}): Promise<PipelineResult> {\n  const { prepared, url, signal, resolveClientUrl, container, rscName } = input;\n  const { doc, parsed, scriptDescriptors } = prepared;\n\n  if (signal.aborted) {\n    return { status: 'aborted' };\n  }\n\n  const userShared = await input.shared;\n  if (signal.aborted) {\n    return { status: 'aborted' };\n  }\n\n  if (parsed.isRemoteComponent) {\n    return loadStaticPath({\n      parsed,\n      doc,\n      url,\n      resolveClientUrl,\n    });\n  }\n\n  return loadDynamicPath({\n    parsed,\n    doc,\n    url,\n    scriptDescriptors,\n    shared: userShared,\n    resolveClientUrl,\n    container,\n    rscName,\n  });\n}\n\n// ---------------------------------------------------------------------------\n// Full pipeline entry points\n// ---------------------------------------------------------------------------\n\n/**\n * Full post-fetch pipeline: parse → validate → normalize → load.\n *\n * Use this when starting from a raw HTML string (React host, HTML host).\n */\nexport async function runPipeline(\n  input: PipelineInput,\n): Promise<PipelineResult> {\n  try {\n    const userShared = await input.shared;\n    if (input.signal.aborted) {\n      return { status: 'aborted' };\n    }\n\n    const prepared = preparePipeline({\n      html: input.html,\n      name: input.name,\n      url: input.url,\n      shared: userShared,\n      resolveClientUrl: input.resolveClientUrl,\n    });\n\n    return await loadPrepared({\n      prepared,\n      url: input.url,\n      signal: input.signal,\n      shared: userShared,\n      resolveClientUrl: input.resolveClientUrl,\n      container: input.container,\n    });\n  } catch (error) {\n    return {\n      status: 'error',\n      error:\n        error instanceof Error\n          ? error\n          : new RemoteComponentsError(String(error)),\n    };\n  }\n}\n\n/**\n * Pipeline entry point for pre-parsed SSR data (App Router client).\n *\n * Skips HTML parsing and goes straight to `loadRemoteComponent` with the\n * pre-resolved payload from the server component.\n */\nexport async function runPipelineFromParsed(\n  input: ParsedPipelineInput,\n): Promise<\n  | { status: 'loaded'; component: React.ReactNode }\n  | PipelineAborted\n  | PipelineError\n> {\n  try {\n    if (input.signal.aborted) {\n      return { status: 'aborted' };\n    }\n\n    const remoteShared = input.remoteShared ?? input.payload.remoteShared ?? {};\n\n    if ('__remote_components_missing_shared__' in remoteShared) {\n      throw new RemoteComponentsError(\n        remoteShared.__remote_components_missing_shared__,\n      );\n    }\n\n    const result = await loadRemoteComponent({\n      url: input.url,\n      name: input.name,\n      rscName: input.rscName,\n      bundle: input.payload.bundle,\n      route: input.payload.route,\n      runtime: input.payload.runtime,\n      data: input.payload.data,\n      nextData: input.payload.nextData,\n      scripts: input.payload.scripts,\n      shared: input.shared,\n      remoteShared,\n      container: input.container,\n      resolveClientUrl: input.resolveClientUrl,\n    });\n\n    if (input.signal.aborted) {\n      return { status: 'aborted' };\n    }\n\n    if (result.error) {\n      return { status: 'error', error: result.error };\n    }\n    return { status: 'loaded', component: result.component };\n  } catch (error) {\n    return {\n      status: 'error',\n      error:\n        error instanceof Error\n          ? error\n          : new RemoteComponentsError(String(error)),\n    };\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Internal helpers\n// ---------------------------------------------------------------------------\n\n/**\n * Converts parsed `<script>` elements into the `ScriptDescriptor[]` format\n * expected by `loadRemoteComponent`. Handles the `[bundle] id` URL format\n * and collapses double slashes.\n */\nfunction buildScriptDescriptors(\n  scripts: HTMLScriptElement[],\n  url: URL,\n): ScriptDescriptor[] {\n  return scripts.map((script) => {\n    const scriptSrc =\n      script.getAttribute('data-src') ||\n      script.getAttribute('src') ||\n      script.src;\n    const { prefix, id: path } = REMOTE_COMPONENT_REGEX.exec(scriptSrc)\n      ?.groups ?? {\n      prefix: undefined,\n      id: scriptSrc,\n    };\n    return {\n      src: new URL(collapseDoubleSlashes(`${prefix ?? ''}${path}`), url).href,\n    };\n  });\n}\n\nasync function loadStaticPath(input: {\n  parsed: ParsedRemoteComponent;\n  doc: Document;\n  url: URL;\n  resolveClientUrl?: InternalResolveClientUrl;\n}): Promise<PipelineStatic> {\n  const { parsed, doc, url, resolveClientUrl } = input;\n  const scripts = Array.from(\n    parsed.component.querySelectorAll<HTMLScriptElement>('script'),\n  );\n  const { mount, unmount } = await loadStaticRemoteComponent(\n    scripts,\n    url,\n    resolveClientUrl,\n  );\n  return {\n    status: 'static',\n    mount,\n    unmount,\n    metadata: parsed.metadata,\n    parsed,\n    doc,\n  };\n}\n\nasync function loadDynamicPath(input: {\n  parsed: ParsedRemoteComponent;\n  doc: Document;\n  url: URL;\n  scriptDescriptors: ScriptDescriptor[];\n  shared: SharedModuleMap;\n  resolveClientUrl?: InternalResolveClientUrl;\n  container?: ShadowRoot | HTMLElement | null;\n  rscName?: string;\n}): Promise<PipelineLoaded | PipelineError> {\n  const {\n    parsed,\n    doc,\n    url,\n    scriptDescriptors,\n    shared,\n    resolveClientUrl,\n    container,\n  } = input;\n\n  const rscName =\n    input.rscName ??\n    (parsed.rsc\n      ? `__remote_component_rsc_${escapeString(url.href)}_${escapeString(parsed.name)}`\n      : undefined);\n\n  const rscData = parsed.rsc\n    ? (parsed.rsc.textContent || '').split('\\n').filter(Boolean)\n    : [];\n\n  const result = await loadRemoteComponent({\n    url,\n    name: parsed.name,\n    rscName,\n    bundle: parsed.metadata.bundle,\n    route: parsed.metadata.route,\n    runtime: parsed.metadata.runtime,\n    data: rscData,\n    nextData: parsed.nextData,\n    scripts: scriptDescriptors,\n    shared: buildHostShared(shared, resolveClientUrl),\n    remoteShared: parsed.remoteShared,\n    container,\n    resolveClientUrl,\n  });\n\n  if (result.error) {\n    return { status: 'error', error: result.error };\n  }\n  return {\n    status: 'loaded',\n    component: result.component,\n    metadata: parsed.metadata,\n    parsed,\n    doc,\n  };\n}\n"],"mappings":"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","names":[]}