remote-components 0.0.46 → 0.0.47

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

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

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

@@ -6,7 +6,6 @@ import {
   RemoteComponentsError
 } from "#internal/shared/error";
 import { visit } from "#internal/shared/ssr/dom-flight";
-import { remoteFetchHeaders } from "#internal/shared/ssr/fetch-headers";
 import { fetchWithHooks } from "#internal/shared/ssr/fetch-with-hooks";
 import { getSSRRelativePathBaseUrl } from "#internal/shared/ssr/get-ssr-relative-path-base-url";
 import {
@@ -31,10 +30,6 @@ async function fetchRemoteComponent(src, options = {
     tags.push(options.name.slice(-256));
   }
   const fetchInit = {
-    method: "GET",
-    // pass all headers to the remote component
-    headers: remoteFetchHeaders(),
-    credentials: "include",
     next: {
       tags
     }
@@ -50,7 +45,7 @@ async function fetchRemoteComponent(src, options = {
     throw failedToFetchRemoteComponentError(
       serverUrl.href,
       res,
-      "If you are using Deployment Protection, ensure the automation bypass environment variable secret in the host matches an automation bypass value in the remote."
+      "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."
     );
   }
   if (res.status === 404) {

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

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

package/dist/internal/shared/ssr/fetch-with-hooks.cjs

@@ -21,11 +21,18 @@ __export(fetch_with_hooks_exports, {
   fetchWithHooks: () => fetchWithHooks
 });
 module.exports = __toCommonJS(fetch_with_hooks_exports);
-async function fetchWithHooks(url, init, options = {}) {
+var import_fetch_headers = require("./fetch-headers");
+var import_fetch_with_protected_rc_fallback = require("./fetch-with-protected-rc-fallback");
+async function fetchWithHooks(url, additionalInit, options = {}) {
   const { onRequest, onResponse } = options;
+  const init = {
+    method: "GET",
+    headers: (0, import_fetch_headers.remoteFetchHeaders)(),
+    ...additionalInit
+  };
   let res = await onRequest?.(url, init);
   if (!res) {
-    res = await fetch(url, init);
+    res = await (0, import_fetch_with_protected_rc_fallback.fetchWithProtectedRcFallback)(url, init);
   }
   const transformedRes = await onResponse?.(url, res);
   if (transformedRes) {

package/dist/internal/shared/ssr/fetch-with-hooks.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/fetch-with-hooks.ts"],"sourcesContent":["import type { OnRequestHook, OnResponseHook } from './types';\n\n/**\n * Options for fetching with request/response hooks.\n */\nexport interface FetchWithHooksOptions {\n  /** Hook to intercept the request before fetching */\n  onRequest?: OnRequestHook;\n  /** Hook to process the response after fetching */\n  onResponse?: OnResponseHook;\n}\n\n/**\n * Performs a fetch with optional request and response lifecycle hooks.\n *\n * This utility centralizes the logic for:\n * 1. Calling onRequest hook - if it returns a Response, use it instead of fetching\n * 2. Performing the actual fetch if onRequest didn't provide a response\n * 3. Calling onResponse hook - if it returns a Response, use that transformed response\n *\n * @param url - The URL to fetch\n * @param init - The fetch init options\n * @param options - Optional hooks for request/response interception\n * @returns The final Response (either from onRequest, fetch, or transformed by onResponse)\n *\n * @example\n * const response = await fetchWithHooks(url, fetchInit, {\n *   onRequest: async (url, init) => {\n *     console.log('Fetching:', url.href);\n *   },\n *   onResponse: async (url, response) => {\n *     if (response.redirected) {\n *       console.log('Redirected to:', response.url);\n *     }\n *   },\n * });\n */\nexport async function fetchWithHooks(\n  url: URL,\n  init: RequestInit,\n  options: FetchWithHooksOptions = {},\n): Promise<Response> {\n  const { onRequest, onResponse } = options;\n\n  // Call onRequest hook if provided - may return a Response to skip fetching\n  let res = await onRequest?.(url, init);\n  if (!res) {\n    res = await fetch(url, init);\n  }\n\n  // Call onResponse hook if provided - may return a transformed Response\n  const transformedRes = await onResponse?.(url, res);\n  if (transformedRes) {\n    res = transformedRes;\n  }\n\n  return res;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAqCA,eAAsB,eACpB,KACA,MACA,UAAiC,CAAC,GACf;AACnB,QAAM,EAAE,WAAW,WAAW,IAAI;AAGlC,MAAI,MAAM,MAAM,YAAY,KAAK,IAAI;AACrC,MAAI,CAAC,KAAK;AACR,UAAM,MAAM,MAAM,KAAK,IAAI;AAAA,EAC7B;AAGA,QAAM,iBAAiB,MAAM,aAAa,KAAK,GAAG;AAClD,MAAI,gBAAgB;AAClB,UAAM;AAAA,EACR;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/fetch-with-hooks.ts"],"sourcesContent":["import { remoteFetchHeaders } from './fetch-headers';\nimport { fetchWithProtectedRcFallback } from './fetch-with-protected-rc-fallback';\nimport type { OnRequestHook, OnResponseHook } from './types';\n\n/**\n * Options for fetching with request/response hooks.\n */\nexport interface FetchWithHooksOptions {\n  /** Hook to intercept the request before fetching */\n  onRequest?: OnRequestHook;\n  /** Hook to process the response after fetching */\n  onResponse?: OnResponseHook;\n}\n\n/**\n * Performs a fetch with optional request and response lifecycle hooks.\n *\n * This utility centralizes the logic for:\n * 1. Calling onRequest hook - if it returns a Response, use it instead of fetching\n * 2. Performing the actual fetch if onRequest didn't provide a response\n * 3. Calling onResponse hook - if it returns a Response, use that transformed response\n *\n * @param url - The URL to fetch\n * @param init - The fetch init options\n * @param options - Optional hooks for request/response interception\n * @returns The final Response (either from onRequest, fetch, or transformed by onResponse)\n *\n * @example\n * const response = await fetchWithHooks(url, fetchInit, {\n *   onRequest: async (url, init) => {\n *     console.log('Fetching:', url.href);\n *   },\n *   onResponse: async (url, response) => {\n *     if (response.redirected) {\n *       console.log('Redirected to:', response.url);\n *     }\n *   },\n * });\n */\nexport async function fetchWithHooks(\n  url: URL,\n  additionalInit: {\n    credentials?: RequestCredentials;\n    next?: {\n      tags?: string[];\n    };\n  },\n  options: FetchWithHooksOptions = {},\n): Promise<Response> {\n  const { onRequest, onResponse } = options;\n\n  // fetch the remote component\n  const init = {\n    method: 'GET',\n    headers: remoteFetchHeaders(),\n    ...additionalInit,\n  };\n\n  // Call onRequest hook if provided - may return a Response to skip fetching\n  let res = await onRequest?.(url, init);\n  if (!res) {\n    res = await fetchWithProtectedRcFallback(url, init);\n  }\n\n  // Call onResponse hook if provided - may return a transformed Response\n  const transformedRes = await onResponse?.(url, res);\n  if (transformedRes) {\n    res = transformedRes;\n  }\n\n  return res;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAmC;AACnC,8CAA6C;AAsC7C,eAAsB,eACpB,KACA,gBAMA,UAAiC,CAAC,GACf;AACnB,QAAM,EAAE,WAAW,WAAW,IAAI;AAGlC,QAAM,OAAO;AAAA,IACX,QAAQ;AAAA,IACR,aAAS,yCAAmB;AAAA,IAC5B,GAAG;AAAA,EACL;AAGA,MAAI,MAAM,MAAM,YAAY,KAAK,IAAI;AACrC,MAAI,CAAC,KAAK;AACR,UAAM,UAAM,sEAA6B,KAAK,IAAI;AAAA,EACpD;AAGA,QAAM,iBAAiB,MAAM,aAAa,KAAK,GAAG;AAClD,MAAI,gBAAgB;AAClB,UAAM;AAAA,EACR;AAEA,SAAO;AACT;","names":[]}

package/dist/internal/shared/ssr/fetch-with-hooks.d.ts

@@ -35,6 +35,11 @@ interface FetchWithHooksOptions {
  *   },
  * });
  */
-declare function fetchWithHooks(url: URL, init: RequestInit, options?: FetchWithHooksOptions): Promise<Response>;
+declare function fetchWithHooks(url: URL, additionalInit: {
+    credentials?: RequestCredentials;
+    next?: {
+        tags?: string[];
+    };
+}, options?: FetchWithHooksOptions): Promise<Response>;
 
 export { FetchWithHooksOptions, fetchWithHooks };

package/dist/internal/shared/ssr/fetch-with-hooks.js

@@ -1,8 +1,15 @@
-async function fetchWithHooks(url, init, options = {}) {
+import { remoteFetchHeaders } from "./fetch-headers";
+import { fetchWithProtectedRcFallback } from "./fetch-with-protected-rc-fallback";
+async function fetchWithHooks(url, additionalInit, options = {}) {
   const { onRequest, onResponse } = options;
+  const init = {
+    method: "GET",
+    headers: remoteFetchHeaders(),
+    ...additionalInit
+  };
   let res = await onRequest?.(url, init);
   if (!res) {
-    res = await fetch(url, init);
+    res = await fetchWithProtectedRcFallback(url, init);
   }
   const transformedRes = await onResponse?.(url, res);
   if (transformedRes) {

package/dist/internal/shared/ssr/fetch-with-hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/shared/ssr/fetch-with-hooks.ts"],"sourcesContent":["import type { OnRequestHook, OnResponseHook } from './types';\n\n/**\n * Options for fetching with request/response hooks.\n */\nexport interface FetchWithHooksOptions {\n  /** Hook to intercept the request before fetching */\n  onRequest?: OnRequestHook;\n  /** Hook to process the response after fetching */\n  onResponse?: OnResponseHook;\n}\n\n/**\n * Performs a fetch with optional request and response lifecycle hooks.\n *\n * This utility centralizes the logic for:\n * 1. Calling onRequest hook - if it returns a Response, use it instead of fetching\n * 2. Performing the actual fetch if onRequest didn't provide a response\n * 3. Calling onResponse hook - if it returns a Response, use that transformed response\n *\n * @param url - The URL to fetch\n * @param init - The fetch init options\n * @param options - Optional hooks for request/response interception\n * @returns The final Response (either from onRequest, fetch, or transformed by onResponse)\n *\n * @example\n * const response = await fetchWithHooks(url, fetchInit, {\n *   onRequest: async (url, init) => {\n *     console.log('Fetching:', url.href);\n *   },\n *   onResponse: async (url, response) => {\n *     if (response.redirected) {\n *       console.log('Redirected to:', response.url);\n *     }\n *   },\n * });\n */\nexport async function fetchWithHooks(\n  url: URL,\n  init: RequestInit,\n  options: FetchWithHooksOptions = {},\n): Promise<Response> {\n  const { onRequest, onResponse } = options;\n\n  // Call onRequest hook if provided - may return a Response to skip fetching\n  let res = await onRequest?.(url, init);\n  if (!res) {\n    res = await fetch(url, init);\n  }\n\n  // Call onResponse hook if provided - may return a transformed Response\n  const transformedRes = await onResponse?.(url, res);\n  if (transformedRes) {\n    res = transformedRes;\n  }\n\n  return res;\n}\n"],"mappings":"AAqCA,eAAsB,eACpB,KACA,MACA,UAAiC,CAAC,GACf;AACnB,QAAM,EAAE,WAAW,WAAW,IAAI;AAGlC,MAAI,MAAM,MAAM,YAAY,KAAK,IAAI;AACrC,MAAI,CAAC,KAAK;AACR,UAAM,MAAM,MAAM,KAAK,IAAI;AAAA,EAC7B;AAGA,QAAM,iBAAiB,MAAM,aAAa,KAAK,GAAG;AAClD,MAAI,gBAAgB;AAClB,UAAM;AAAA,EACR;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../../src/shared/ssr/fetch-with-hooks.ts"],"sourcesContent":["import { remoteFetchHeaders } from './fetch-headers';\nimport { fetchWithProtectedRcFallback } from './fetch-with-protected-rc-fallback';\nimport type { OnRequestHook, OnResponseHook } from './types';\n\n/**\n * Options for fetching with request/response hooks.\n */\nexport interface FetchWithHooksOptions {\n  /** Hook to intercept the request before fetching */\n  onRequest?: OnRequestHook;\n  /** Hook to process the response after fetching */\n  onResponse?: OnResponseHook;\n}\n\n/**\n * Performs a fetch with optional request and response lifecycle hooks.\n *\n * This utility centralizes the logic for:\n * 1. Calling onRequest hook - if it returns a Response, use it instead of fetching\n * 2. Performing the actual fetch if onRequest didn't provide a response\n * 3. Calling onResponse hook - if it returns a Response, use that transformed response\n *\n * @param url - The URL to fetch\n * @param init - The fetch init options\n * @param options - Optional hooks for request/response interception\n * @returns The final Response (either from onRequest, fetch, or transformed by onResponse)\n *\n * @example\n * const response = await fetchWithHooks(url, fetchInit, {\n *   onRequest: async (url, init) => {\n *     console.log('Fetching:', url.href);\n *   },\n *   onResponse: async (url, response) => {\n *     if (response.redirected) {\n *       console.log('Redirected to:', response.url);\n *     }\n *   },\n * });\n */\nexport async function fetchWithHooks(\n  url: URL,\n  additionalInit: {\n    credentials?: RequestCredentials;\n    next?: {\n      tags?: string[];\n    };\n  },\n  options: FetchWithHooksOptions = {},\n): Promise<Response> {\n  const { onRequest, onResponse } = options;\n\n  // fetch the remote component\n  const init = {\n    method: 'GET',\n    headers: remoteFetchHeaders(),\n    ...additionalInit,\n  };\n\n  // Call onRequest hook if provided - may return a Response to skip fetching\n  let res = await onRequest?.(url, init);\n  if (!res) {\n    res = await fetchWithProtectedRcFallback(url, init);\n  }\n\n  // Call onResponse hook if provided - may return a transformed Response\n  const transformedRes = await onResponse?.(url, res);\n  if (transformedRes) {\n    res = transformedRes;\n  }\n\n  return res;\n}\n"],"mappings":"AAAA,SAAS,0BAA0B;AACnC,SAAS,oCAAoC;AAsC7C,eAAsB,eACpB,KACA,gBAMA,UAAiC,CAAC,GACf;AACnB,QAAM,EAAE,WAAW,WAAW,IAAI;AAGlC,QAAM,OAAO;AAAA,IACX,QAAQ;AAAA,IACR,SAAS,mBAAmB;AAAA,IAC5B,GAAG;AAAA,EACL;AAGA,MAAI,MAAM,MAAM,YAAY,KAAK,IAAI;AACrC,MAAI,CAAC,KAAK;AACR,UAAM,MAAM,6BAA6B,KAAK,IAAI;AAAA,EACpD;AAGA,QAAM,iBAAiB,MAAM,aAAa,KAAK,GAAG;AAClD,MAAI,gBAAgB;AAClB,UAAM;AAAA,EACR;AAEA,SAAO;AACT;","names":[]}

package/dist/internal/shared/ssr/fetch-with-protected-rc-fallback.cjs

@@ -0,0 +1,57 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var fetch_with_protected_rc_fallback_exports = {};
+__export(fetch_with_protected_rc_fallback_exports, {
+  RC_PROTECTED_REMOTE_FETCH_PATHNAME: () => RC_PROTECTED_REMOTE_FETCH_PATHNAME,
+  fetchWithProtectedRcFallback: () => fetchWithProtectedRcFallback
+});
+module.exports = __toCommonJS(fetch_with_protected_rc_fallback_exports);
+var import_logger = require("#internal/shared/utils/logger");
+const RC_PROTECTED_REMOTE_FETCH_PATHNAME = "/rc-fetch-protected-remote";
+async function fetchWithProtectedRcFallback(url, init) {
+  try {
+    const res = await fetch(url, init);
+    return res;
+  } catch (error) {
+    if (typeof document === "object" && typeof document.location === "object" && document.location.origin !== new URL(url).origin) {
+      (0, import_logger.logInfo)(
+        "FetchRemoteComponent",
+        "Request failed due to CORS, attempting to fetch it via the withRemoteComponentsHost proxy."
+      );
+      const proxiedRes = await fetch(
+        `${RC_PROTECTED_REMOTE_FETCH_PATHNAME}?url=${url}`
+      );
+      if (proxiedRes.status === 200) {
+        return proxiedRes;
+      } else {
+        (0, import_logger.logError)(
+          "FetchRemoteComponent",
+          `Could not proxy remote: [response status ${proxiedRes.status}] ${await proxiedRes.text()}`
+        );
+      }
+    }
+    throw error;
+  }
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RC_PROTECTED_REMOTE_FETCH_PATHNAME,
+  fetchWithProtectedRcFallback
+});
+//# sourceMappingURL=fetch-with-protected-rc-fallback.cjs.map

package/dist/internal/shared/ssr/fetch-with-protected-rc-fallback.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/ssr/fetch-with-protected-rc-fallback.ts"],"sourcesContent":["import { logError, logInfo } from '#internal/shared/utils/logger';\n\nexport const RC_PROTECTED_REMOTE_FETCH_PATHNAME = '/rc-fetch-protected-remote';\n\n/**\n * When a vercel host preview fetches a vercel protected remote preview on the\n * client, the request will reject as it's not possible to authenticate for the\n * protected deployment in a client side fetch - cookies cannot be shared across\n * domains. To enable previews, this request is proxied via the host where the\n * process.env.VERCEL_AUTOMATION_BYPASS_SECRET will be added.\n */\nexport async function fetchWithProtectedRcFallback(\n  url: URL | string,\n  init?: RequestInit,\n): Promise<Response> {\n  try {\n    const res = await fetch(url, init);\n    return res;\n  } catch (error) {\n    if (\n      typeof document === 'object' &&\n      typeof document.location === 'object' &&\n      document.location.origin !== new URL(url).origin\n    ) {\n      logInfo(\n        'FetchRemoteComponent',\n        'Request failed due to CORS, attempting to fetch it via the withRemoteComponentsHost proxy.',\n      );\n      const proxiedRes = await fetch(\n        `${RC_PROTECTED_REMOTE_FETCH_PATHNAME}?url=${url}`,\n      );\n      if (proxiedRes.status === 200) {\n        return proxiedRes;\n      } else {\n        logError(\n          'FetchRemoteComponent',\n          `Could not proxy remote: [response status ${\n            proxiedRes.status\n          }] ${await proxiedRes.text()}`,\n        );\n      }\n    }\n\n    throw error;\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAAkC;AAE3B,MAAM,qCAAqC;AASlD,eAAsB,6BACpB,KACA,MACmB;AACnB,MAAI;AACF,UAAM,MAAM,MAAM,MAAM,KAAK,IAAI;AACjC,WAAO;AAAA,EACT,SAAS,OAAP;AACA,QACE,OAAO,aAAa,YACpB,OAAO,SAAS,aAAa,YAC7B,SAAS,SAAS,WAAW,IAAI,IAAI,GAAG,EAAE,QAC1C;AACA;AAAA,QACE;AAAA,QACA;AAAA,MACF;AACA,YAAM,aAAa,MAAM;AAAA,QACvB,GAAG,0CAA0C;AAAA,MAC/C;AACA,UAAI,WAAW,WAAW,KAAK;AAC7B,eAAO;AAAA,MACT,OAAO;AACL;AAAA,UACE;AAAA,UACA,4CACE,WAAW,WACR,MAAM,WAAW,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAEA,UAAM;AAAA,EACR;AACF;","names":[]}

package/dist/internal/shared/ssr/fetch-with-protected-rc-fallback.d.ts

@@ -0,0 +1,11 @@
+declare const RC_PROTECTED_REMOTE_FETCH_PATHNAME = "/rc-fetch-protected-remote";
+/**
+ * When a vercel host preview fetches a vercel protected remote preview on the
+ * client, the request will reject as it's not possible to authenticate for the
+ * protected deployment in a client side fetch - cookies cannot be shared across
+ * domains. To enable previews, this request is proxied via the host where the
+ * process.env.VERCEL_AUTOMATION_BYPASS_SECRET will be added.
+ */
+declare function fetchWithProtectedRcFallback(url: URL | string, init?: RequestInit): Promise<Response>;
+
+export { RC_PROTECTED_REMOTE_FETCH_PATHNAME, fetchWithProtectedRcFallback };

package/dist/internal/shared/ssr/fetch-with-protected-rc-fallback.js

@@ -0,0 +1,32 @@
+import { logError, logInfo } from "#internal/shared/utils/logger";
+const RC_PROTECTED_REMOTE_FETCH_PATHNAME = "/rc-fetch-protected-remote";
+async function fetchWithProtectedRcFallback(url, init) {
+  try {
+    const res = await fetch(url, init);
+    return res;
+  } catch (error) {
+    if (typeof document === "object" && typeof document.location === "object" && document.location.origin !== new URL(url).origin) {
+      logInfo(
+        "FetchRemoteComponent",
+        "Request failed due to CORS, attempting to fetch it via the withRemoteComponentsHost proxy."
+      );
+      const proxiedRes = await fetch(
+        `${RC_PROTECTED_REMOTE_FETCH_PATHNAME}?url=${url}`
+      );
+      if (proxiedRes.status === 200) {
+        return proxiedRes;
+      } else {
+        logError(
+          "FetchRemoteComponent",
+          `Could not proxy remote: [response status ${proxiedRes.status}] ${await proxiedRes.text()}`
+        );
+      }
+    }
+    throw error;
+  }
+}
+export {
+  RC_PROTECTED_REMOTE_FETCH_PATHNAME,
+  fetchWithProtectedRcFallback
+};
+//# sourceMappingURL=fetch-with-protected-rc-fallback.js.map

package/dist/internal/shared/ssr/fetch-with-protected-rc-fallback.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/ssr/fetch-with-protected-rc-fallback.ts"],"sourcesContent":["import { logError, logInfo } from '#internal/shared/utils/logger';\n\nexport const RC_PROTECTED_REMOTE_FETCH_PATHNAME = '/rc-fetch-protected-remote';\n\n/**\n * When a vercel host preview fetches a vercel protected remote preview on the\n * client, the request will reject as it's not possible to authenticate for the\n * protected deployment in a client side fetch - cookies cannot be shared across\n * domains. To enable previews, this request is proxied via the host where the\n * process.env.VERCEL_AUTOMATION_BYPASS_SECRET will be added.\n */\nexport async function fetchWithProtectedRcFallback(\n  url: URL | string,\n  init?: RequestInit,\n): Promise<Response> {\n  try {\n    const res = await fetch(url, init);\n    return res;\n  } catch (error) {\n    if (\n      typeof document === 'object' &&\n      typeof document.location === 'object' &&\n      document.location.origin !== new URL(url).origin\n    ) {\n      logInfo(\n        'FetchRemoteComponent',\n        'Request failed due to CORS, attempting to fetch it via the withRemoteComponentsHost proxy.',\n      );\n      const proxiedRes = await fetch(\n        `${RC_PROTECTED_REMOTE_FETCH_PATHNAME}?url=${url}`,\n      );\n      if (proxiedRes.status === 200) {\n        return proxiedRes;\n      } else {\n        logError(\n          'FetchRemoteComponent',\n          `Could not proxy remote: [response status ${\n            proxiedRes.status\n          }] ${await proxiedRes.text()}`,\n        );\n      }\n    }\n\n    throw error;\n  }\n}\n"],"mappings":"AAAA,SAAS,UAAU,eAAe;AAE3B,MAAM,qCAAqC;AASlD,eAAsB,6BACpB,KACA,MACmB;AACnB,MAAI;AACF,UAAM,MAAM,MAAM,MAAM,KAAK,IAAI;AACjC,WAAO;AAAA,EACT,SAAS,OAAP;AACA,QACE,OAAO,aAAa,YACpB,OAAO,SAAS,aAAa,YAC7B,SAAS,SAAS,WAAW,IAAI,IAAI,GAAG,EAAE,QAC1C;AACA;AAAA,QACE;AAAA,QACA;AAAA,MACF;AACA,YAAM,aAAa,MAAM;AAAA,QACvB,GAAG,0CAA0C;AAAA,MAC/C;AACA,UAAI,WAAW,WAAW,KAAK;AAC7B,eAAO;AAAA,MACT,OAAO;AACL;AAAA,UACE;AAAA,UACA,4CACE,WAAW,WACR,MAAM,WAAW,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;AAEA,UAAM;AAAA,EACR;AACF;","names":[]}

package/dist/internal/shared/{logger.cjs → utils/logger.cjs}

@@ -20,6 +20,7 @@ var logger_exports = {};
 __export(logger_exports, {
   logDebug: () => logDebug,
   logError: () => logError,
+  logInfo: () => logInfo,
   logWarn: () => logWarn
 });
 module.exports = __toCommonJS(logger_exports);
@@ -31,6 +32,9 @@ function logDebug(location, message) {
     console.debug(`[${PREFIX}:${location}]: ${message}`);
   }
 }
+function logInfo(location, message) {
+  console.info(`[${PREFIX}:${location}]: ${message}`);
+}
 function logWarn(location, message) {
   console.warn(`[${PREFIX}:${location}]: ${message}`);
 }
@@ -45,6 +49,7 @@ function logError(location, message, cause) {
 0 && (module.exports = {
   logDebug,
   logError,
+  logInfo,
   logWarn
 });
 //# sourceMappingURL=logger.cjs.map

package/dist/internal/shared/utils/logger.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/utils/logger.ts"],"sourcesContent":["import { RemoteComponentsError } from '#internal/shared/error';\n\ntype LogLocation =\n  | 'ChunkLoader'\n  | 'ComponentLoader'\n  | 'SharedModules'\n  | 'WebpackAdapter'\n  | 'TurbopackModule'\n  | 'StaticLoader'\n  | 'Polyfill'\n  | 'HtmlRemote'\n  | 'HtmlHost'\n  | 'Config'\n  | 'NextAppRouter'\n  | 'NextAppRouterCompat'\n  | 'FetchRemoteComponent';\n\nconst PREFIX = 'remote-components';\nconst DEBUG =\n  typeof window !== 'undefined' && localStorage.getItem('RC_DEBUG') === 'true';\n\nexport function logDebug(location: LogLocation, message: string) {\n  if (DEBUG) {\n    // eslint-disable-next-line no-console\n    console.debug(`[${PREFIX}:${location}]: ${message}`);\n  }\n}\n\nexport function logInfo(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.info(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logWarn(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.warn(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logError(\n  location: LogLocation,\n  message: string,\n  cause?: unknown,\n) {\n  // eslint-disable-next-line no-console\n  console.error(\n    new RemoteComponentsError(`[${PREFIX}:${location}]: ${message}`, {\n      cause,\n    }),\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAsC;AAiBtC,MAAM,SAAS;AACf,MAAM,QACJ,OAAO,WAAW,eAAe,aAAa,QAAQ,UAAU,MAAM;AAEjE,SAAS,SAAS,UAAuB,SAAiB;AAC/D,MAAI,OAAO;AAET,YAAQ,MAAM,IAAI,UAAU,cAAc,SAAS;AAAA,EACrD;AACF;AAEO,SAAS,QAAQ,UAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAU,cAAc,SAAS;AACpD;AAEO,SAAS,QAAQ,UAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAU,cAAc,SAAS;AACpD;AAEO,SAAS,SACd,UACA,SACA,OACA;AAEA,UAAQ;AAAA,IACN,IAAI,mCAAsB,IAAI,UAAU,cAAc,WAAW;AAAA,MAC/D;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/internal/shared/{logger.d.ts → utils/logger.d.ts}

@@ -1,6 +1,7 @@
-type LogLocation = 'ChunkLoader' | 'ComponentLoader' | 'SharedModules' | 'WebpackAdapter' | 'TurbopackModule' | 'StaticLoader' | 'Polyfill' | 'HtmlRemote' | 'HtmlHost' | 'Config' | 'NextAppRouter' | 'NextAppRouterCompat';
+type LogLocation = 'ChunkLoader' | 'ComponentLoader' | 'SharedModules' | 'WebpackAdapter' | 'TurbopackModule' | 'StaticLoader' | 'Polyfill' | 'HtmlRemote' | 'HtmlHost' | 'Config' | 'NextAppRouter' | 'NextAppRouterCompat' | 'FetchRemoteComponent';
 declare function logDebug(location: LogLocation, message: string): void;
+declare function logInfo(location: LogLocation, message: string): void;
 declare function logWarn(location: LogLocation, message: string): void;
 declare function logError(location: LogLocation, message: string, cause?: unknown): void;
 
-export { logDebug, logError, logWarn };
+export { logDebug, logError, logInfo, logWarn };

package/dist/internal/shared/{logger.js → utils/logger.js}

@@ -6,6 +6,9 @@ function logDebug(location, message) {
     console.debug(`[${PREFIX}:${location}]: ${message}`);
   }
 }
+function logInfo(location, message) {
+  console.info(`[${PREFIX}:${location}]: ${message}`);
+}
 function logWarn(location, message) {
   console.warn(`[${PREFIX}:${location}]: ${message}`);
 }
@@ -19,6 +22,7 @@ function logError(location, message, cause) {
 export {
   logDebug,
   logError,
+  logInfo,
   logWarn
 };
 //# sourceMappingURL=logger.js.map

package/dist/internal/shared/utils/logger.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/shared/utils/logger.ts"],"sourcesContent":["import { RemoteComponentsError } from '#internal/shared/error';\n\ntype LogLocation =\n  | 'ChunkLoader'\n  | 'ComponentLoader'\n  | 'SharedModules'\n  | 'WebpackAdapter'\n  | 'TurbopackModule'\n  | 'StaticLoader'\n  | 'Polyfill'\n  | 'HtmlRemote'\n  | 'HtmlHost'\n  | 'Config'\n  | 'NextAppRouter'\n  | 'NextAppRouterCompat'\n  | 'FetchRemoteComponent';\n\nconst PREFIX = 'remote-components';\nconst DEBUG =\n  typeof window !== 'undefined' && localStorage.getItem('RC_DEBUG') === 'true';\n\nexport function logDebug(location: LogLocation, message: string) {\n  if (DEBUG) {\n    // eslint-disable-next-line no-console\n    console.debug(`[${PREFIX}:${location}]: ${message}`);\n  }\n}\n\nexport function logInfo(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.info(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logWarn(location: LogLocation, message: string) {\n  // eslint-disable-next-line no-console\n  console.warn(`[${PREFIX}:${location}]: ${message}`);\n}\n\nexport function logError(\n  location: LogLocation,\n  message: string,\n  cause?: unknown,\n) {\n  // eslint-disable-next-line no-console\n  console.error(\n    new RemoteComponentsError(`[${PREFIX}:${location}]: ${message}`, {\n      cause,\n    }),\n  );\n}\n"],"mappings":"AAAA,SAAS,6BAA6B;AAiBtC,MAAM,SAAS;AACf,MAAM,QACJ,OAAO,WAAW,eAAe,aAAa,QAAQ,UAAU,MAAM;AAEjE,SAAS,SAAS,UAAuB,SAAiB;AAC/D,MAAI,OAAO;AAET,YAAQ,MAAM,IAAI,UAAU,cAAc,SAAS;AAAA,EACrD;AACF;AAEO,SAAS,QAAQ,UAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAU,cAAc,SAAS;AACpD;AAEO,SAAS,QAAQ,UAAuB,SAAiB;AAE9D,UAAQ,KAAK,IAAI,UAAU,cAAc,SAAS;AACpD;AAEO,SAAS,SACd,UACA,SACA,OACA;AAEA,UAAQ;AAAA,IACN,IAAI,sBAAsB,IAAI,UAAU,cAAc,WAAW;AAAA,MAC/D;AAAA,IACF,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/internal/shared/utils.cjs

@@ -19,13 +19,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   attrToProp: () => attrToProp,
-  escapeString: () => escapeString,
-  logDebug: () => import_logger.logDebug,
-  logError: () => import_logger.logError,
-  logWarn: () => import_logger.logWarn
+  escapeString: () => escapeString
 });
 module.exports = __toCommonJS(utils_exports);
-var import_logger = require("./logger");
 function escapeString(str) {
   return str.replace(/[^a-z0-9]/g, "_");
 }
@@ -39,9 +35,6 @@ const attrToProp = {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   attrToProp,
-  escapeString,
-  logDebug,
-  logError,
-  logWarn
+  escapeString
 });
 //# sourceMappingURL=utils.cjs.map

package/dist/internal/shared/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/shared/utils/index.ts"],"sourcesContent":["export { logDebug, logError, logWarn } from './logger';\n\nexport function escapeString(str: string) {\n  return str.replace(/[^a-z0-9]/g, '_');\n}\n\nexport const attrToProp = {\n  fetchpriority: 'fetchPriority',\n  crossorigin: 'crossOrigin',\n  imagesrcset: 'imageSrcSet',\n  imagesizes: 'imageSizes',\n  srcset: 'srcSet',\n} as Record<string, string>;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAA4C;AAErC,SAAS,aAAa,KAAa;AACxC,SAAO,IAAI,QAAQ,cAAc,GAAG;AACtC;AAEO,MAAM,aAAa;AAAA,EACxB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV;","names":[]}
+{"version":3,"sources":["../../../src/shared/utils/index.ts"],"sourcesContent":["export function escapeString(str: string) {\n  return str.replace(/[^a-z0-9]/g, '_');\n}\n\nexport const attrToProp = {\n  fetchpriority: 'fetchPriority',\n  crossorigin: 'crossOrigin',\n  imagesrcset: 'imageSrcSet',\n  imagesizes: 'imageSizes',\n  srcset: 'srcSet',\n} as Record<string, string>;\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAO,SAAS,aAAa,KAAa;AACxC,SAAO,IAAI,QAAQ,cAAc,GAAG;AACtC;AAEO,MAAM,aAAa;AAAA,EACxB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV;","names":[]}

package/dist/internal/shared/utils.d.ts

@@ -1,5 +1,3 @@
-export { logDebug, logError, logWarn } from './logger.js';
-
 declare function escapeString(str: string): string;
 declare const attrToProp: Record<string, string>;
 

package/dist/internal/shared/utils.js

@@ -1,4 +1,3 @@
-import { logDebug, logError, logWarn } from "./logger";
 function escapeString(str) {
   return str.replace(/[^a-z0-9]/g, "_");
 }
@@ -11,9 +10,6 @@ const attrToProp = {
 };
 export {
   attrToProp,
-  escapeString,
-  logDebug,
-  logError,
-  logWarn
+  escapeString
 };
 //# sourceMappingURL=utils.js.map

package/dist/internal/shared/utils.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/shared/utils/index.ts"],"sourcesContent":["export { logDebug, logError, logWarn } from './logger';\n\nexport function escapeString(str: string) {\n  return str.replace(/[^a-z0-9]/g, '_');\n}\n\nexport const attrToProp = {\n  fetchpriority: 'fetchPriority',\n  crossorigin: 'crossOrigin',\n  imagesrcset: 'imageSrcSet',\n  imagesizes: 'imageSizes',\n  srcset: 'srcSet',\n} as Record<string, string>;\n"],"mappings":"AAAA,SAAS,UAAU,UAAU,eAAe;AAErC,SAAS,aAAa,KAAa;AACxC,SAAO,IAAI,QAAQ,cAAc,GAAG;AACtC;AAEO,MAAM,aAAa;AAAA,EACxB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV;","names":[]}
+{"version":3,"sources":["../../../src/shared/utils/index.ts"],"sourcesContent":["export function escapeString(str: string) {\n  return str.replace(/[^a-z0-9]/g, '_');\n}\n\nexport const attrToProp = {\n  fetchpriority: 'fetchPriority',\n  crossorigin: 'crossOrigin',\n  imagesrcset: 'imageSrcSet',\n  imagesizes: 'imageSizes',\n  srcset: 'srcSet',\n} as Record<string, string>;\n"],"mappings":"AAAO,SAAS,aAAa,KAAa;AACxC,SAAO,IAAI,QAAQ,cAAc,GAAG;AACtC;AAEO,MAAM,aAAa;AAAA,EACxB,eAAe;AAAA,EACf,aAAa;AAAA,EACb,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,QAAQ;AACV;","names":[]}