remote-components 0.3.6 → 0.3.7

package/dist/config/nextjs.js

@@ -1,10 +1,9 @@
 import {
   CORE_REACT_SHARED_KEYS,
   VENDOR_SHARED
-} from "../chunk-HNZVEIKN.js";
-import "../chunk-KEPHL25S.js";
+} from "../chunk-SJM7AAGU.js";
+import "../chunk-D5GNZB6O.js";
 import {
-  RemoteComponentsError,
   logDebug,
   logError,
   logWarn
@@ -261,11 +260,6 @@ ${exportPre}${Array.from(sharedHost).reduce((acc, curr) => {
   const projectId = resolveProjectId(packageJson.name);
   process.env.REMOTE_COMPONENTS_PROJECT_ID = projectId;
   if (hasPagesDirectory()) {
-    if (process.env.TURBOPACK) {
-      throw new RemoteComponentsError(
-        "Remote Components does not support Next.js Pages Router with Turbopack. Use webpack instead (`next dev` / `next build` without `--turbo`)."
-      );
-    }
     const nextMajor = getNextMajorVersion();
     if (nextMajor !== void 0 && nextMajor < 16) {
       const log = process.env.NODE_ENV !== "production" || process.env.VERCEL_ENV === "preview" ? logWarn : logDebug;

package/dist/config/nextjs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/config/nextjs/index.ts","../../src/utils/project-id.ts","../../src/utils/project-id-env.ts","../../src/config/webpack/nextjs.ts"],"sourcesContent":["import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';\nimport { basename, dirname, join, relative } from 'node:path';\nimport enhancedResolve from 'enhanced-resolve';\nimport { findUpSync } from 'find-up';\nimport type { NextConfig } from 'next';\nimport { configSchema } from 'next/dist/server/config-schema.js';\nimport TsConfigPathsWebpackPlugin from 'tsconfig-paths-webpack-plugin';\nimport {\n  CORE_REACT_SHARED_KEYS,\n  VENDOR_SHARED,\n} from '#internal/host/shared/shared-module-resolver';\nimport { RemoteComponentsError } from '#internal/utils/error';\nimport { logDebug, logError, logWarn } from '#internal/utils/logger';\nimport { resolveProjectId } from '#internal/utils/project-id';\nimport { transform as webpackTransform } from '../webpack/nextjs';\n\nfunction getNextMajorVersion(): number | undefined {\n  try {\n    const nextPkgPath = findUpSync('node_modules/next/package.json', {\n      cwd: process.cwd(),\n    });\n    if (!nextPkgPath) return undefined;\n    const { version } = JSON.parse(readFileSync(nextPkgPath, 'utf8')) as {\n      version: string;\n    };\n    const major = version.split('.')[0];\n    return major ? Number.parseInt(major, 10) : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction hasPagesDirectory(): boolean {\n  return (\n    existsSync(join(process.cwd(), 'pages')) ||\n    existsSync(join(process.cwd(), 'src/pages'))\n  );\n}\n\ninterface ZodSchema {\n  safeParse: (data: unknown) => { success: boolean };\n}\n\nfunction readProjectPackageJson(): { name: string; type: string } {\n  const defaults = { name: basename(process.cwd()), type: 'module' };\n  try {\n    const packageJsonPath = findUpSync('package.json', {\n      cwd: process.cwd(),\n    });\n    if (packageJsonPath) {\n      return {\n        ...defaults,\n        ...(JSON.parse(readFileSync(packageJsonPath, 'utf8')) as {\n          name: string;\n          type: string;\n        }),\n      };\n    }\n  } catch {\n    // noop\n  }\n  return defaults;\n}\n\ninterface WithRemoteComponentsOptions {\n  /**\n   * An array of package names that should be shared between the host and remote components.\n   * This is useful for ensuring that both the host and remote components use the same version\n   * of shared libraries.\n   *\n   * Essential packages are included by default: `react`, `react-dom`, `next/navigation`, `next/link`, `next/form`, `next/image` (loader only), and `next/script`.\n   */\n  shared?: string[];\n}\n\n/**\n * This function configures Next.js to support Remote Components.\n * You need to also use the `withMicrofrontends` function to extend your Next.js configuration.\n *\n * @param nextConfig - The Next.js configuration object.\n * @param options - Optional configuration for remote components.\n * @returns The modified Next.js configuration object with remote components support.\n *\n * @example\n *\n * ```js\n * import { withMicrofrontends } from '@vercel/microfrontends/next/config';\n * import { withRemoteComponentsConfig } from 'remote-components/config/nextjs';\n *\n * const nextConfig = {\n *   // your Next.js configuration\n * };\n *\n * export default withRemoteComponentsConfig(\n *   withMicrofrontends(nextConfig),\n *   {\n *     shared: ['some-package', 'another-package'],\n *   },\n * );\n * ```\n */\nexport function withRemoteComponentsConfig(\n  nextConfig: NextConfig,\n  options?: WithRemoteComponentsOptions,\n) {\n  const virtualRemoteComponentAppSharedRemote = join(\n    process.cwd(),\n    '.remote-components/shared/app-remote.tsx',\n  );\n  const virtualRemoteComponentPagesSharedRemote = join(\n    process.cwd(),\n    '.remote-components/shared/pages-remote.tsx',\n  );\n  const virtualRemoteComponentAppSharedHost = join(\n    process.cwd(),\n    '.remote-components/shared/app-host.tsx',\n  );\n  const virtualRemoteComponentPagesSharedHost = join(\n    process.cwd(),\n    '.remote-components/shared/pages-host.tsx',\n  );\n\n  const appShared = new Set([\n    ...CORE_REACT_SHARED_KEYS,\n    'next/navigation',\n    'next/dist/client/components/navigation',\n    'next/link',\n    'next/dist/client/app-dir/link',\n    'next/form',\n    'next/dist/client/app-dir/form',\n    'next/dist/shared/lib/image-loader',\n    'next/script',\n    'next/dist/client/script',\n    'next/dist/build/polyfills/process',\n    ...(options?.shared ?? []),\n  ]);\n  const pagesShared = new Set([\n    ...CORE_REACT_SHARED_KEYS,\n    'next/router',\n    'next/link',\n    'next/dist/shared/lib/image-loader',\n    'next/script',\n    'next/form',\n    ...(options?.shared ?? []),\n  ]);\n\n  const vendorShared = { ...VENDOR_SHARED };\n\n  // resolve using enhanced-resolve\n  // named import does not work with enhanced-resolve when using cjs\n  // eslint-disable-next-line import/no-named-as-default-member\n  const resolve = enhancedResolve.create.sync({\n    conditionNames: ['browser', 'import', 'module', 'require'],\n    ...(existsSync(join(process.cwd(), 'tsconfig.json'))\n      ? {\n          extensions: ['.js', '.jsx', '.ts', '.tsx'],\n          plugins: [\n            new TsConfigPathsWebpackPlugin({\n              configFile: join(process.cwd(), 'tsconfig.json'),\n            }) as unknown as enhancedResolve.Plugin,\n          ],\n        }\n      : {}),\n  });\n\n  const packageJson = readProjectPackageJson();\n\n  const exportPre =\n    packageJson.type !== 'module'\n      ? 'module.exports = { shared: { '\n      : 'export const shared = { ';\n  const exportPost = packageJson.type !== 'module' ? '} };\\n' : '};\\n';\n\n  const resolveSharedPath = (moduleName: string): string | undefined => {\n    try {\n      const resolved = resolve(process.cwd(), moduleName);\n      if (resolved) {\n        return relative(process.cwd(), resolved).replace(\n          /^(?<relative>\\.\\.\\/)+/,\n          '',\n        );\n      }\n    } catch {\n      // if module resolution using enhanced-resolve fails, fallback to require.resolve called in the shared/remote file\n    }\n  };\n\n  const generateSharedRemote = (sharedRemote: Set<string>) =>\n    `'use client';\\n${exportPre}${Array.from(sharedRemote)\n      .reduce<string[]>((acc, curr) => {\n        const path = resolveSharedPath(curr);\n        acc.push(\n          `[${\n            vendorShared[curr] ??\n            (path ? `'${path}'` : `require.resolve('${curr}')`)\n          }]: '${curr}',`,\n        );\n        acc.push(\n          `['__remote_shared_module_${curr}']: () => import('${curr}'),`,\n        );\n        return acc;\n      }, [])\n      .join('\\n')}${exportPost}`;\n  const generateSharedHost = (sharedHost: Set<string>) =>\n    `'use client';\\n${exportPre}${Array.from(sharedHost)\n      .reduce<string[]>((acc, curr) => {\n        acc.push(`['${curr}']: () => import('${curr}'),`);\n        return acc;\n      }, [])\n      .join('\\n')}${exportPost}`;\n\n  const appSharedRemote = generateSharedRemote(appShared);\n  const pagesSharedRemote = generateSharedRemote(pagesShared);\n\n  const appSharedHost = generateSharedHost(appShared);\n  const pagesSharedHost = generateSharedHost(pagesShared);\n\n  const emitSharedFiles = () => {\n    mkdirSync(dirname(virtualRemoteComponentAppSharedRemote), {\n      recursive: true,\n    });\n\n    writeFileSync(\n      virtualRemoteComponentAppSharedRemote,\n      appSharedRemote,\n      'utf-8',\n    );\n    writeFileSync(\n      virtualRemoteComponentPagesSharedRemote,\n      pagesSharedRemote,\n      'utf-8',\n    );\n    writeFileSync(virtualRemoteComponentAppSharedHost, appSharedHost, 'utf-8');\n    writeFileSync(\n      virtualRemoteComponentPagesSharedHost,\n      pagesSharedHost,\n      'utf-8',\n    );\n  };\n\n  nextConfig.transpilePackages = [\n    ...(nextConfig.transpilePackages ?? []),\n    'remote-components',\n  ];\n\n  nextConfig.env = {\n    ...nextConfig.env,\n    REMOTE_COMPONENTS_CONFIGURED: '1',\n  };\n\n  const alias = {\n    '#remote-components/remote/defaults/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedRemote,\n    )}`,\n    '#remote-components/remote/defaults/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedRemote,\n    )}`,\n    '#remote-components/host/defaults/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedHost,\n    )}`,\n    '#remote-components/host/defaults/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedHost,\n    )}`,\n  };\n\n  const projectId = resolveProjectId(packageJson.name);\n  process.env.REMOTE_COMPONENTS_PROJECT_ID = projectId;\n\n  if (hasPagesDirectory()) {\n    if (process.env.TURBOPACK) {\n      throw new RemoteComponentsError(\n        'Remote Components does not support Next.js Pages Router with Turbopack. ' +\n          'Use webpack instead (`next dev` / `next build` without `--turbo`).',\n      );\n    }\n    // Log instead of throwing for the version check because\n    // withRemoteComponentsConfig is shared by both hosts and remotes.\n    // Only Pages Router hosts are broken on Next.js < 16 — remotes\n    // work fine and must not have their builds blocked.\n    const nextMajor = getNextMajorVersion();\n    if (nextMajor !== undefined && nextMajor < 16) {\n      const log =\n        process.env.NODE_ENV !== 'production' ||\n        process.env.VERCEL_ENV === 'preview'\n          ? logWarn\n          : logDebug;\n      log(\n        'Config',\n        `Remote Components does not support Pages Router hosts on Next.js ${nextMajor}. ` +\n          'Pages Router remotes are unaffected. Upgrade to Next.js 16+ for host support.',\n      );\n    }\n  }\n\n  if (process.env.TURBOPACK) {\n    if (\n      !(configSchema as ZodSchema).safeParse({\n        turbopack: {\n          resolveAlias: {\n            ...alias,\n          },\n        },\n        compiler: {\n          defineServer: {\n            REMOTE_COMPONENTS_PROJECT_ID: projectId,\n          },\n        },\n      }).success\n    ) {\n      logError(\n        'Config',\n        'Turbopack support requires a Next.js version that includes `compiler.defineServer`. ' +\n          'Upgrade Next.js to continue using Remote Components with Turbopack.',\n      );\n      process.exit(1);\n    }\n    nextConfig.turbopack = {\n      ...nextConfig.turbopack,\n      resolveAlias: {\n        ...nextConfig.turbopack?.resolveAlias,\n        ...alias,\n      },\n    };\n    nextConfig.compiler = {\n      ...nextConfig.compiler,\n      defineServer: {\n        ...nextConfig.compiler?.defineServer,\n        'process.env.REMOTE_COMPONENTS_PROJECT_ID': projectId,\n      },\n    };\n    emitSharedFiles();\n    return nextConfig;\n  }\n\n  // apply the webpack transform\n  return webpackTransform(nextConfig, {\n    app: { name: projectId },\n    alias,\n    emitSharedFiles,\n  });\n}\n","import { readFileSync } from 'node:fs';\nimport { findUpSync } from 'find-up';\nimport { resolveProjectIdFromEnv } from './project-id-env';\n\n/**\n * Resolves the project ID using environment variables first, then\n * falling back to `.vercel/project.json` and finally the package name.\n * Node-only — requires file system access.\n */\nexport function resolveProjectId(packageName: string): string {\n  const fromEnv = resolveProjectIdFromEnv();\n  if (fromEnv) return fromEnv;\n\n  try {\n    const projectPath = findUpSync('.vercel/project.json', {\n      cwd: process.cwd(),\n    });\n    if (projectPath) {\n      return (\n        JSON.parse(readFileSync(projectPath, 'utf8')) as { projectId: string }\n      ).projectId;\n    }\n  } catch {\n    // fallback below\n  }\n\n  return packageName;\n}\n","/**\n * Resolves the project ID from environment variables only.\n * Safe for edge/browser contexts where file system access is unavailable.\n */\nexport function resolveProjectIdFromEnv(): string | undefined {\n  return (\n    process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n    process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n    process.env.VERCEL_PROJECT_ID ||\n    undefined\n  );\n}\n","import { join } from 'node:path';\nimport type { NextConfig } from 'next';\nimport type { WebpackOptionsNormalized } from 'webpack';\nimport { ConditionalExecPlugin } from './plugins/conditional-exec';\nimport { ModuleIdEmbedPlugin } from './plugins/module-id-embed';\nimport { PatchRequirePlugin } from './plugins/patch-require';\nimport { RemoteWebpackRequirePlugin } from './plugins/remote-webpack-require';\n\nexport function transform(\n  nextConfig: NextConfig,\n  {\n    app,\n    alias = {},\n    emitSharedFiles = () => {\n      // no-op by default\n    },\n  }: {\n    app: { name: string };\n    alias?: Record<string, string>;\n    emitSharedFiles?: () => void;\n  },\n) {\n  const webpackConfig = nextConfig.webpack;\n\n  nextConfig.webpack = (\n    baseConfig: WebpackOptionsNormalized,\n    webpackContext,\n  ) => {\n    // execute the client config first, otherwise their config may accidentally\n    // overwrite our required config - leading to unexpected errors.\n    const config = (\n      typeof webpackConfig === 'function'\n        ? (webpackConfig(baseConfig, webpackContext) ?? baseConfig)\n        : baseConfig\n    ) as WebpackOptionsNormalized;\n\n    // remote component specific plugins\n    config.plugins.push(\n      new RemoteWebpackRequirePlugin(app.name),\n      new ModuleIdEmbedPlugin(app.name, { isServer: webpackContext.isServer }),\n      new ConditionalExecPlugin(app.name),\n      new PatchRequirePlugin(app.name),\n    );\n    if (!webpackContext.isServer) {\n      // change the chunk loading global to avoid conflicts with other remote components\n      config.output.chunkLoadingGlobal = `__remote_chunk_loading_global_${app.name}__`;\n    }\n\n    config.resolve = {\n      ...config.resolve,\n      alias: {\n        ...config.resolve.alias,\n        ...Object.fromEntries(\n          Object.entries(alias).map(([key, value]) => [\n            key,\n            join(process.cwd(), value),\n          ]),\n        ),\n      },\n    };\n\n    emitSharedFiles();\n    return config;\n  };\n\n  return nextConfig;\n}\n"],"mappings":"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","names":["readFileSync","join","findUpSync","findUpSync","readFileSync","join"]}
+{"version":3,"sources":["../../src/config/nextjs/index.ts","../../src/utils/project-id.ts","../../src/utils/project-id-env.ts","../../src/config/webpack/nextjs.ts"],"sourcesContent":["import { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';\nimport { basename, dirname, join, relative } from 'node:path';\nimport enhancedResolve from 'enhanced-resolve';\nimport { findUpSync } from 'find-up';\nimport type { NextConfig } from 'next';\nimport { configSchema } from 'next/dist/server/config-schema.js';\nimport TsConfigPathsWebpackPlugin from 'tsconfig-paths-webpack-plugin';\nimport {\n  CORE_REACT_SHARED_KEYS,\n  VENDOR_SHARED,\n} from '#internal/host/shared/shared-module-resolver';\nimport { logDebug, logError, logWarn } from '#internal/utils/logger';\nimport { resolveProjectId } from '#internal/utils/project-id';\nimport { transform as webpackTransform } from '../webpack/nextjs';\n\nfunction getNextMajorVersion(): number | undefined {\n  try {\n    const nextPkgPath = findUpSync('node_modules/next/package.json', {\n      cwd: process.cwd(),\n    });\n    if (!nextPkgPath) return undefined;\n    const { version } = JSON.parse(readFileSync(nextPkgPath, 'utf8')) as {\n      version: string;\n    };\n    const major = version.split('.')[0];\n    return major ? Number.parseInt(major, 10) : undefined;\n  } catch {\n    return undefined;\n  }\n}\n\nfunction hasPagesDirectory(): boolean {\n  return (\n    existsSync(join(process.cwd(), 'pages')) ||\n    existsSync(join(process.cwd(), 'src/pages'))\n  );\n}\n\ninterface ZodSchema {\n  safeParse: (data: unknown) => { success: boolean };\n}\n\nfunction readProjectPackageJson(): { name: string; type: string } {\n  const defaults = { name: basename(process.cwd()), type: 'module' };\n  try {\n    const packageJsonPath = findUpSync('package.json', {\n      cwd: process.cwd(),\n    });\n    if (packageJsonPath) {\n      return {\n        ...defaults,\n        ...(JSON.parse(readFileSync(packageJsonPath, 'utf8')) as {\n          name: string;\n          type: string;\n        }),\n      };\n    }\n  } catch {\n    // noop\n  }\n  return defaults;\n}\n\ninterface WithRemoteComponentsOptions {\n  /**\n   * An array of package names that should be shared between the host and remote components.\n   * This is useful for ensuring that both the host and remote components use the same version\n   * of shared libraries.\n   *\n   * Essential packages are included by default: `react`, `react-dom`, `next/navigation`, `next/link`, `next/form`, `next/image` (loader only), and `next/script`.\n   */\n  shared?: string[];\n}\n\n/**\n * This function configures Next.js to support Remote Components.\n * You need to also use the `withMicrofrontends` function to extend your Next.js configuration.\n *\n * @param nextConfig - The Next.js configuration object.\n * @param options - Optional configuration for remote components.\n * @returns The modified Next.js configuration object with remote components support.\n *\n * @example\n *\n * ```js\n * import { withMicrofrontends } from '@vercel/microfrontends/next/config';\n * import { withRemoteComponentsConfig } from 'remote-components/config/nextjs';\n *\n * const nextConfig = {\n *   // your Next.js configuration\n * };\n *\n * export default withRemoteComponentsConfig(\n *   withMicrofrontends(nextConfig),\n *   {\n *     shared: ['some-package', 'another-package'],\n *   },\n * );\n * ```\n */\nexport function withRemoteComponentsConfig(\n  nextConfig: NextConfig,\n  options?: WithRemoteComponentsOptions,\n) {\n  const virtualRemoteComponentAppSharedRemote = join(\n    process.cwd(),\n    '.remote-components/shared/app-remote.tsx',\n  );\n  const virtualRemoteComponentPagesSharedRemote = join(\n    process.cwd(),\n    '.remote-components/shared/pages-remote.tsx',\n  );\n  const virtualRemoteComponentAppSharedHost = join(\n    process.cwd(),\n    '.remote-components/shared/app-host.tsx',\n  );\n  const virtualRemoteComponentPagesSharedHost = join(\n    process.cwd(),\n    '.remote-components/shared/pages-host.tsx',\n  );\n\n  const appShared = new Set([\n    ...CORE_REACT_SHARED_KEYS,\n    'next/navigation',\n    'next/dist/client/components/navigation',\n    'next/link',\n    'next/dist/client/app-dir/link',\n    'next/form',\n    'next/dist/client/app-dir/form',\n    'next/dist/shared/lib/image-loader',\n    'next/script',\n    'next/dist/client/script',\n    'next/dist/build/polyfills/process',\n    ...(options?.shared ?? []),\n  ]);\n  const pagesShared = new Set([\n    ...CORE_REACT_SHARED_KEYS,\n    'next/router',\n    'next/link',\n    'next/dist/shared/lib/image-loader',\n    'next/script',\n    'next/form',\n    ...(options?.shared ?? []),\n  ]);\n\n  const vendorShared = { ...VENDOR_SHARED };\n\n  // resolve using enhanced-resolve\n  // named import does not work with enhanced-resolve when using cjs\n  // eslint-disable-next-line import/no-named-as-default-member\n  const resolve = enhancedResolve.create.sync({\n    conditionNames: ['browser', 'import', 'module', 'require'],\n    ...(existsSync(join(process.cwd(), 'tsconfig.json'))\n      ? {\n          extensions: ['.js', '.jsx', '.ts', '.tsx'],\n          plugins: [\n            new TsConfigPathsWebpackPlugin({\n              configFile: join(process.cwd(), 'tsconfig.json'),\n            }) as unknown as enhancedResolve.Plugin,\n          ],\n        }\n      : {}),\n  });\n\n  const packageJson = readProjectPackageJson();\n\n  const exportPre =\n    packageJson.type !== 'module'\n      ? 'module.exports = { shared: { '\n      : 'export const shared = { ';\n  const exportPost = packageJson.type !== 'module' ? '} };\\n' : '};\\n';\n\n  const resolveSharedPath = (moduleName: string): string | undefined => {\n    try {\n      const resolved = resolve(process.cwd(), moduleName);\n      if (resolved) {\n        return relative(process.cwd(), resolved).replace(\n          /^(?<relative>\\.\\.\\/)+/,\n          '',\n        );\n      }\n    } catch {\n      // if module resolution using enhanced-resolve fails, fallback to require.resolve called in the shared/remote file\n    }\n  };\n\n  const generateSharedRemote = (sharedRemote: Set<string>) =>\n    `'use client';\\n${exportPre}${Array.from(sharedRemote)\n      .reduce<string[]>((acc, curr) => {\n        const path = resolveSharedPath(curr);\n        acc.push(\n          `[${\n            vendorShared[curr] ??\n            (path ? `'${path}'` : `require.resolve('${curr}')`)\n          }]: '${curr}',`,\n        );\n        acc.push(\n          `['__remote_shared_module_${curr}']: () => import('${curr}'),`,\n        );\n        return acc;\n      }, [])\n      .join('\\n')}${exportPost}`;\n  const generateSharedHost = (sharedHost: Set<string>) =>\n    `'use client';\\n${exportPre}${Array.from(sharedHost)\n      .reduce<string[]>((acc, curr) => {\n        acc.push(`['${curr}']: () => import('${curr}'),`);\n        return acc;\n      }, [])\n      .join('\\n')}${exportPost}`;\n\n  const appSharedRemote = generateSharedRemote(appShared);\n  const pagesSharedRemote = generateSharedRemote(pagesShared);\n\n  const appSharedHost = generateSharedHost(appShared);\n  const pagesSharedHost = generateSharedHost(pagesShared);\n\n  const emitSharedFiles = () => {\n    mkdirSync(dirname(virtualRemoteComponentAppSharedRemote), {\n      recursive: true,\n    });\n\n    writeFileSync(\n      virtualRemoteComponentAppSharedRemote,\n      appSharedRemote,\n      'utf-8',\n    );\n    writeFileSync(\n      virtualRemoteComponentPagesSharedRemote,\n      pagesSharedRemote,\n      'utf-8',\n    );\n    writeFileSync(virtualRemoteComponentAppSharedHost, appSharedHost, 'utf-8');\n    writeFileSync(\n      virtualRemoteComponentPagesSharedHost,\n      pagesSharedHost,\n      'utf-8',\n    );\n  };\n\n  nextConfig.transpilePackages = [\n    ...(nextConfig.transpilePackages ?? []),\n    'remote-components',\n  ];\n\n  nextConfig.env = {\n    ...nextConfig.env,\n    REMOTE_COMPONENTS_CONFIGURED: '1',\n  };\n\n  const alias = {\n    '#remote-components/remote/defaults/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedRemote,\n    )}`,\n    '#remote-components/remote/defaults/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedRemote,\n    )}`,\n    '#remote-components/host/defaults/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedHost,\n    )}`,\n    '#remote-components/host/defaults/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedHost,\n    )}`,\n  };\n\n  const projectId = resolveProjectId(packageJson.name);\n  process.env.REMOTE_COMPONENTS_PROJECT_ID = projectId;\n\n  if (hasPagesDirectory()) {\n    // Log instead of throwing for the version check because\n    // withRemoteComponentsConfig is shared by both hosts and remotes.\n    // Only Pages Router hosts are broken on Next.js < 16 — remotes\n    // work fine and must not have their builds blocked.\n    const nextMajor = getNextMajorVersion();\n    if (nextMajor !== undefined && nextMajor < 16) {\n      const log =\n        process.env.NODE_ENV !== 'production' ||\n        process.env.VERCEL_ENV === 'preview'\n          ? logWarn\n          : logDebug;\n      log(\n        'Config',\n        `Remote Components does not support Pages Router hosts on Next.js ${nextMajor}. ` +\n          'Pages Router remotes are unaffected. Upgrade to Next.js 16+ for host support.',\n      );\n    }\n  }\n\n  if (process.env.TURBOPACK) {\n    if (\n      !(configSchema as ZodSchema).safeParse({\n        turbopack: {\n          resolveAlias: {\n            ...alias,\n          },\n        },\n        compiler: {\n          defineServer: {\n            REMOTE_COMPONENTS_PROJECT_ID: projectId,\n          },\n        },\n      }).success\n    ) {\n      logError(\n        'Config',\n        'Turbopack support requires a Next.js version that includes `compiler.defineServer`. ' +\n          'Upgrade Next.js to continue using Remote Components with Turbopack.',\n      );\n      process.exit(1);\n    }\n    nextConfig.turbopack = {\n      ...nextConfig.turbopack,\n      resolveAlias: {\n        ...nextConfig.turbopack?.resolveAlias,\n        ...alias,\n      },\n    };\n    nextConfig.compiler = {\n      ...nextConfig.compiler,\n      defineServer: {\n        ...nextConfig.compiler?.defineServer,\n        'process.env.REMOTE_COMPONENTS_PROJECT_ID': projectId,\n      },\n    };\n    emitSharedFiles();\n    return nextConfig;\n  }\n\n  // apply the webpack transform\n  return webpackTransform(nextConfig, {\n    app: { name: projectId },\n    alias,\n    emitSharedFiles,\n  });\n}\n","import { readFileSync } from 'node:fs';\nimport { findUpSync } from 'find-up';\nimport { resolveProjectIdFromEnv } from './project-id-env';\n\n/**\n * Resolves the project ID using environment variables first, then\n * falling back to `.vercel/project.json` and finally the package name.\n * Node-only — requires file system access.\n */\nexport function resolveProjectId(packageName: string): string {\n  const fromEnv = resolveProjectIdFromEnv();\n  if (fromEnv) return fromEnv;\n\n  try {\n    const projectPath = findUpSync('.vercel/project.json', {\n      cwd: process.cwd(),\n    });\n    if (projectPath) {\n      return (\n        JSON.parse(readFileSync(projectPath, 'utf8')) as { projectId: string }\n      ).projectId;\n    }\n  } catch {\n    // fallback below\n  }\n\n  return packageName;\n}\n","/**\n * Resolves the project ID from environment variables only.\n * Safe for edge/browser contexts where file system access is unavailable.\n */\nexport function resolveProjectIdFromEnv(): string | undefined {\n  return (\n    process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n    process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n    process.env.VERCEL_PROJECT_ID ||\n    undefined\n  );\n}\n","import { join } from 'node:path';\nimport type { NextConfig } from 'next';\nimport type { WebpackOptionsNormalized } from 'webpack';\nimport { ConditionalExecPlugin } from './plugins/conditional-exec';\nimport { ModuleIdEmbedPlugin } from './plugins/module-id-embed';\nimport { PatchRequirePlugin } from './plugins/patch-require';\nimport { RemoteWebpackRequirePlugin } from './plugins/remote-webpack-require';\n\nexport function transform(\n  nextConfig: NextConfig,\n  {\n    app,\n    alias = {},\n    emitSharedFiles = () => {\n      // no-op by default\n    },\n  }: {\n    app: { name: string };\n    alias?: Record<string, string>;\n    emitSharedFiles?: () => void;\n  },\n) {\n  const webpackConfig = nextConfig.webpack;\n\n  nextConfig.webpack = (\n    baseConfig: WebpackOptionsNormalized,\n    webpackContext,\n  ) => {\n    // execute the client config first, otherwise their config may accidentally\n    // overwrite our required config - leading to unexpected errors.\n    const config = (\n      typeof webpackConfig === 'function'\n        ? (webpackConfig(baseConfig, webpackContext) ?? baseConfig)\n        : baseConfig\n    ) as WebpackOptionsNormalized;\n\n    // remote component specific plugins\n    config.plugins.push(\n      new RemoteWebpackRequirePlugin(app.name),\n      new ModuleIdEmbedPlugin(app.name, { isServer: webpackContext.isServer }),\n      new ConditionalExecPlugin(app.name),\n      new PatchRequirePlugin(app.name),\n    );\n    if (!webpackContext.isServer) {\n      // change the chunk loading global to avoid conflicts with other remote components\n      config.output.chunkLoadingGlobal = `__remote_chunk_loading_global_${app.name}__`;\n    }\n\n    config.resolve = {\n      ...config.resolve,\n      alias: {\n        ...config.resolve.alias,\n        ...Object.fromEntries(\n          Object.entries(alias).map(([key, value]) => [\n            key,\n            join(process.cwd(), value),\n          ]),\n        ),\n      },\n    };\n\n    emitSharedFiles();\n    return config;\n  };\n\n  return nextConfig;\n}\n"],"mappings":"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","names":["readFileSync","join","findUpSync","findUpSync","readFileSync","join"]}

package/dist/host/html.cjs

@@ -7,19 +7,19 @@
 
 
 
-var _chunkER73O65Fcjs = require('../chunk-ER73O65F.cjs');
-require('../chunk-6IUP26UK.cjs');
-require('../chunk-F44NODUS.cjs');
-require('../chunk-XCFYWSLD.cjs');
-require('../chunk-CREXMFMF.cjs');
+var _chunkI47KE3ECcjs = require('../chunk-I47KE3EC.cjs');
+require('../chunk-LCXO7BUY.cjs');
+require('../chunk-RJW3EZJP.cjs');
+require('../chunk-T64P7BAG.cjs');
+require('../chunk-TZT7DLO5.cjs');
 
 
 
 
-var _chunkR4QFK5TNcjs = require('../chunk-R4QFK5TN.cjs');
+var _chunkX6W464D6cjs = require('../chunk-X6W464D6.cjs');
 
 
-var _chunk7MVFHOIPcjs = require('../chunk-7MVFHOIP.cjs');
+var _chunkZ2SLBFQLcjs = require('../chunk-Z2SLBFQL.cjs');
 
 
 
@@ -124,10 +124,10 @@ async function getRuntime(type, url, bundle, shared, remoteShared, resolveClient
     };
   }
   if (type === "webpack") {
-    const { webpackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../webpack-KSCMCL7M.cjs")));
+    const { webpackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../webpack-TTZDARNY.cjs")));
     return webpackRuntime(bundle, shared, remoteShared, resolveClientUrl);
   } else if (type === "turbopack") {
-    const { turbopackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../turbopack-WRMKPNN4.cjs")));
+    const { turbopackRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../turbopack-KRKECGY2.cjs")));
     return turbopackRuntime(
       url,
       bundle,
@@ -136,7 +136,7 @@ async function getRuntime(type, url, bundle, shared, remoteShared, resolveClient
       resolveClientUrl
     );
   } else if (type === "script") {
-    const { scriptRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../script-6W5JRBZK.cjs")));
+    const { scriptRuntime } = await Promise.resolve().then(() => _interopRequireWildcard(require("../script-D5AD7HLV.cjs")));
     return scriptRuntime(resolveClientUrl);
   }
   throw new (0, _chunkRUWR74XQcjs.RemoteComponentsError)(
@@ -148,15 +148,15 @@ async function getRuntime(type, url, bundle, shared, remoteShared, resolveClient
 var _jsxruntime = require('react/jsx-runtime');
 if (typeof HTMLElement !== "undefined") {
   class RemoteComponent extends HTMLElement {constructor(...args) { super(...args); RemoteComponent.prototype.__init.call(this);RemoteComponent.prototype.__init2.call(this);RemoteComponent.prototype.__init3.call(this);RemoteComponent.prototype.__init4.call(this);RemoteComponent.prototype.__init5.call(this);RemoteComponent.prototype.__init6.call(this);RemoteComponent.prototype.__init7.call(this); }
-    __init() {this.name = _chunkR4QFK5TNcjs.DEFAULT_COMPONENT_NAME}
-    __init2() {this.bundle = _chunkR4QFK5TNcjs.DEFAULT_BUNDLE_NAME}
+    __init() {this.name = _chunkX6W464D6cjs.DEFAULT_COMPONENT_NAME}
+    __init2() {this.bundle = _chunkX6W464D6cjs.DEFAULT_BUNDLE_NAME}
     
     __init3() {this.__next = null}
     __init4() {this.fouc = null}
-    __init5() {this.hostState = _chunkER73O65Fcjs.createHostState.call(void 0, )}
+    __init5() {this.hostState = _chunkI47KE3ECcjs.createHostState.call(void 0, )}
     __init6() {this.root = null}
     
-    __init7() {this.emitter = _chunkER73O65Fcjs.makeEventEmitter.call(void 0, this)}
+    __init7() {this.emitter = _chunkI47KE3ECcjs.makeEventEmitter.call(void 0, this)}
     
     
     
@@ -278,10 +278,10 @@ if (typeof HTMLElement !== "undefined") {
       let url = null;
       let html = this.innerHTML;
       if (src) {
-        url = _chunkER73O65Fcjs.getClientOrServerUrl.call(void 0, src, window.location.href);
-        this.name = _chunkER73O65Fcjs.resolveNameFromSrc.call(void 0, src, this.name);
+        url = _chunkI47KE3ECcjs.getClientOrServerUrl.call(void 0, src, window.location.href);
+        this.name = _chunkI47KE3ECcjs.resolveNameFromSrc.call(void 0, src, this.name);
       }
-      const resolveClientUrl = url ? _chunkER73O65Fcjs.bindResolveClientUrl.call(void 0, this.resolveClientUrl, url.href) : void 0;
+      const resolveClientUrl = url ? _chunkI47KE3ECcjs.bindResolveClientUrl.call(void 0, this.resolveClientUrl, url.href) : void 0;
       if (!remoteComponentChild && url) {
         const fetchInit = {
           credentials: this.credentials || "same-origin"
@@ -292,7 +292,7 @@ if (typeof HTMLElement !== "undefined") {
         );
         let res;
         try {
-          res = await _chunkER73O65Fcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
+          res = await _chunkI47KE3ECcjs.fetchWithHooks.call(void 0, resolvedUrl, fetchInit, {
             onRequest: this.onRequest,
             onResponse: this.onResponse,
             abortController: this.hostState.abortController
@@ -319,7 +319,7 @@ if (typeof HTMLElement !== "undefined") {
         }
       }
       const effectiveUrl = _nullishCoalesce(url, () => ( new URL(window.location.href)));
-      const { doc, parsed } = _chunkER73O65Fcjs.preparePipeline.call(void 0, {
+      const { doc, parsed } = _chunkI47KE3ECcjs.preparePipeline.call(void 0, {
         html,
         name: this.name,
         url: effectiveUrl,
@@ -343,7 +343,7 @@ if (typeof HTMLElement !== "undefined") {
       this.name = resolvedName;
       this.bundle = parsedMetadata.bundle;
       if (url) {
-        _chunk7MVFHOIPcjs.getNamespace.call(void 0, ).bundleUrls[this.bundle] = url;
+        _chunkZ2SLBFQLcjs.getNamespace.call(void 0, ).bundleUrls[this.bundle] = url;
       }
       const metadataEl = document.createElement("script");
       metadataEl.type = "application/json";
@@ -362,7 +362,7 @@ if (typeof HTMLElement !== "undefined") {
       if (this.hostState.prevIsRemoteComponent) {
         if (this.hostState.prevUrl) {
           const prevUrl = this.hostState.prevUrl;
-          const nsUnmount = _chunk7MVFHOIPcjs.getNamespace.call(void 0, );
+          const nsUnmount = _chunkZ2SLBFQLcjs.getNamespace.call(void 0, );
           if (nsUnmount.unmountFns[prevUrl.href]) {
             await Promise.all(
               Array.from(_nullishCoalesce(nsUnmount.unmountFns[prevUrl.href], () => ( []))).map(
@@ -552,9 +552,9 @@ if (typeof HTMLElement !== "undefined") {
       };
       if (rsc) {
         _optionalChain([rsc, 'access', _62 => _62.parentElement, 'optionalAccess', _63 => _63.removeChild, 'call', _64 => _64(rsc)]);
-        const rscName = `__remote_component_rsc_${_chunkR4QFK5TNcjs.escapeString.call(void 0, 
+        const rscName = `__remote_component_rsc_${_chunkX6W464D6cjs.escapeString.call(void 0, 
           url.href
-        )}_${_chunkR4QFK5TNcjs.escapeString.call(void 0, this.name)}`;
+        )}_${_chunkX6W464D6cjs.escapeString.call(void 0, this.name)}`;
         const rscClone = document.createElement("script");
         rscClone.id = `${rscName}_rsc`;
         rscClone.textContent = _nullishCoalesce(_optionalChain([rsc, 'access', _65 => _65.textContent, 'optionalAccess', _66 => _66.replace, 'call', _67 => _67(
@@ -567,7 +567,7 @@ if (typeof HTMLElement !== "undefined") {
           name,
           initial
         }) => {
-          const stream = _chunkER73O65Fcjs.createRSCStream.call(void 0, 
+          const stream = _chunkI47KE3ECcjs.createRSCStream.call(void 0, 
             rscName,
             _nullishCoalesce(self[rscName], () => ( [`0:[null]
 `]))
@@ -661,9 +661,9 @@ if (typeof HTMLElement !== "undefined") {
         if (this.fouc) {
           this.root.removeChild(this.fouc);
         }
-      } else if (_chunk7MVFHOIPcjs.getNamespace.call(void 0, ).mountFns[url.href]) {
+      } else if (_chunkZ2SLBFQLcjs.getNamespace.call(void 0, ).mountFns[url.href]) {
         await Promise.all(
-          Array.from(_nullishCoalesce(_chunk7MVFHOIPcjs.getNamespace.call(void 0, ).mountFns[url.href], () => ( []))).map(
+          Array.from(_nullishCoalesce(_chunkZ2SLBFQLcjs.getNamespace.call(void 0, ).mountFns[url.href], () => ( []))).map(
             async (mount) => {
               try {
                 await mount(this.root);
@@ -689,7 +689,7 @@ if (typeof HTMLElement !== "undefined") {
   customElements.define("remote-component", RemoteComponent);
 }
 function registerSharedModules(modules = {}) {
-  const ns = _chunk7MVFHOIPcjs.getNamespace.call(void 0, );
+  const ns = _chunkZ2SLBFQLcjs.getNamespace.call(void 0, );
   Object.entries(modules).forEach(([key, value]) => {
     ns.hostSharedModules[key] = value;
   });

package/dist/host/html.js

@@ -7,19 +7,19 @@ import {
   makeEventEmitter,
   preparePipeline,
   resolveNameFromSrc
-} from "../chunk-42N2ZLE2.js";
-import "../chunk-ZPMTZ3KJ.js";
-import "../chunk-KYJWRZ2B.js";
-import "../chunk-2VQGCACH.js";
-import "../chunk-OO4AMJWO.js";
+} from "../chunk-NZAB7REE.js";
+import "../chunk-SZFCBE54.js";
+import "../chunk-QKB74MLO.js";
+import "../chunk-52BJ7VFA.js";
+import "../chunk-LQ7VQ74E.js";
 import {
   DEFAULT_BUNDLE_NAME,
   DEFAULT_COMPONENT_NAME,
   escapeString
-} from "../chunk-HNZVEIKN.js";
+} from "../chunk-SJM7AAGU.js";
 import {
   getNamespace
-} from "../chunk-KEPHL25S.js";
+} from "../chunk-D5GNZB6O.js";
 import {
   RemoteComponentsError,
   errorFromFailedFetch,
@@ -124,10 +124,10 @@ async function getRuntime(type, url, bundle, shared, remoteShared, resolveClient
     };
   }
   if (type === "webpack") {
-    const { webpackRuntime } = await import("../webpack-DUBHPYD6.js");
+    const { webpackRuntime } = await import("../webpack-NPZNXRNL.js");
     return webpackRuntime(bundle, shared, remoteShared, resolveClientUrl);
   } else if (type === "turbopack") {
-    const { turbopackRuntime } = await import("../turbopack-NPGO3MWS.js");
+    const { turbopackRuntime } = await import("../turbopack-5LW6V6IT.js");
     return turbopackRuntime(
       url,
       bundle,
@@ -136,7 +136,7 @@ async function getRuntime(type, url, bundle, shared, remoteShared, resolveClient
       resolveClientUrl
     );
   } else if (type === "script") {
-    const { scriptRuntime } = await import("../script-IFEBOLIA.js");
+    const { scriptRuntime } = await import("../script-VPOI7ARP.js");
     return scriptRuntime(resolveClientUrl);
   }
   throw new RemoteComponentsError(

package/dist/host/nextjs/app/client-only.cjs

@@ -1,19 +1,19 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunkKKBEMQU7cjs = require('../../../chunk-KKBEMQU7.cjs');
+var _chunkAWWWK2ZYcjs = require('../../../chunk-AWWWK2ZY.cjs');
 
 
-var _chunkER73O65Fcjs = require('../../../chunk-ER73O65F.cjs');
-require('../../../chunk-6IUP26UK.cjs');
-require('../../../chunk-F44NODUS.cjs');
-require('../../../chunk-XCFYWSLD.cjs');
-require('../../../chunk-CREXMFMF.cjs');
+var _chunkI47KE3ECcjs = require('../../../chunk-I47KE3EC.cjs');
+require('../../../chunk-LCXO7BUY.cjs');
+require('../../../chunk-RJW3EZJP.cjs');
+require('../../../chunk-T64P7BAG.cjs');
+require('../../../chunk-TZT7DLO5.cjs');
 
 
 
-var _chunkR4QFK5TNcjs = require('../../../chunk-R4QFK5TN.cjs');
-require('../../../chunk-7MVFHOIP.cjs');
+var _chunkX6W464D6cjs = require('../../../chunk-X6W464D6.cjs');
+require('../../../chunk-Z2SLBFQL.cjs');
 
 
 var _chunkRUWR74XQcjs = require('../../../chunk-RUWR74XQ.cjs');
@@ -29,8 +29,8 @@ var _react = require('react');
 function resolveForBundle(unbound, bundle) {
   if (!unbound)
     return void 0;
-  const remoteSrc = _nullishCoalesce(_optionalChain([_chunkR4QFK5TNcjs.getScope.call(void 0, bundle), 'optionalAccess', _2 => _2.url, 'access', _3 => _3.href]), () => ( ""));
-  return _chunkER73O65Fcjs.bindResolveClientUrl.call(void 0, unbound, remoteSrc);
+  const remoteSrc = _nullishCoalesce(_optionalChain([_chunkX6W464D6cjs.getScope.call(void 0, bundle), 'optionalAccess', _2 => _2.url, 'access', _3 => _3.href]), () => ( ""));
+  return _chunkI47KE3ECcjs.bindResolveClientUrl.call(void 0, unbound, remoteSrc);
 }
 function createImageLoaderSharedEntries({
   bound,
@@ -39,13 +39,13 @@ function createImageLoaderSharedEntries({
   const loaderEntry = (bundle) => {
     const resolveClientUrl = _nullishCoalesce(bound, () => ( resolveForBundle(unbound, bundle)));
     return Promise.resolve({
-      default: _chunkR4QFK5TNcjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl),
+      default: _chunkX6W464D6cjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl),
       __esModule: true
     });
   };
   const imageEntry = async (bundle) => {
     const resolveClientUrl = _nullishCoalesce(bound, () => ( resolveForBundle(unbound, bundle)));
-    const rawLoader = _chunkR4QFK5TNcjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl);
+    const rawLoader = _chunkX6W464D6cjs.createRemoteImageLoader.call(void 0, bundle, resolveClientUrl);
     const remoteLoader = Object.assign(
       (p) => rawLoader({ ...p, config: { path: "/_next/image" } }),
       { __next_img_default: true }
@@ -189,7 +189,7 @@ function ConsumeRemoteComponent2(props) {
     return _nullishCoalesce(props.children, () => ( null));
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkKKBEMQU7cjs.ConsumeRemoteComponent,
+    _chunkAWWWK2ZYcjs.ConsumeRemoteComponent,
     {
       ...props,
       shared: sharedModules(props.shared, props.resolveClientUrl)

package/dist/host/nextjs/app/client-only.js

@@ -1,19 +1,19 @@
 "use client";
 import {
   ConsumeRemoteComponent
-} from "../../../chunk-W5ESPGHH.js";
+} from "../../../chunk-GBFUPMMI.js";
 import {
   bindResolveClientUrl
-} from "../../../chunk-42N2ZLE2.js";
-import "../../../chunk-ZPMTZ3KJ.js";
-import "../../../chunk-KYJWRZ2B.js";
-import "../../../chunk-2VQGCACH.js";
-import "../../../chunk-OO4AMJWO.js";
+} from "../../../chunk-NZAB7REE.js";
+import "../../../chunk-SZFCBE54.js";
+import "../../../chunk-QKB74MLO.js";
+import "../../../chunk-52BJ7VFA.js";
+import "../../../chunk-LQ7VQ74E.js";
 import {
   createRemoteImageLoader,
   getScope
-} from "../../../chunk-HNZVEIKN.js";
-import "../../../chunk-KEPHL25S.js";
+} from "../../../chunk-SJM7AAGU.js";
+import "../../../chunk-D5GNZB6O.js";
 import {
   logWarn
 } from "../../../chunk-S2A4TFLS.js";

package/dist/host/react.cjs

@@ -1,18 +1,18 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkKKBEMQU7cjs = require('../chunk-KKBEMQU7.cjs');
-require('../chunk-ER73O65F.cjs');
-require('../chunk-6IUP26UK.cjs');
-require('../chunk-F44NODUS.cjs');
-require('../chunk-XCFYWSLD.cjs');
-require('../chunk-CREXMFMF.cjs');
-require('../chunk-R4QFK5TN.cjs');
-require('../chunk-7MVFHOIP.cjs');
+var _chunkAWWWK2ZYcjs = require('../chunk-AWWWK2ZY.cjs');
+require('../chunk-I47KE3EC.cjs');
+require('../chunk-LCXO7BUY.cjs');
+require('../chunk-RJW3EZJP.cjs');
+require('../chunk-T64P7BAG.cjs');
+require('../chunk-TZT7DLO5.cjs');
+require('../chunk-X6W464D6.cjs');
+require('../chunk-Z2SLBFQL.cjs');
 require('../chunk-RUWR74XQ.cjs');
 require('../chunk-TCFLEBQM.cjs');
 require('../chunk-KE7QPAQ4.cjs');
 require('../chunk-SHFJ5OQA.cjs');
 
 
-exports.ConsumeRemoteComponent = _chunkKKBEMQU7cjs.ConsumeRemoteComponent;
+exports.ConsumeRemoteComponent = _chunkAWWWK2ZYcjs.ConsumeRemoteComponent;
 //# sourceMappingURL=react.cjs.map

package/dist/host/react.js

@@ -1,13 +1,13 @@
 import {
   ConsumeRemoteComponent
-} from "../chunk-W5ESPGHH.js";
-import "../chunk-42N2ZLE2.js";
-import "../chunk-ZPMTZ3KJ.js";
-import "../chunk-KYJWRZ2B.js";
-import "../chunk-2VQGCACH.js";
-import "../chunk-OO4AMJWO.js";
-import "../chunk-HNZVEIKN.js";
-import "../chunk-KEPHL25S.js";
+} from "../chunk-GBFUPMMI.js";
+import "../chunk-NZAB7REE.js";
+import "../chunk-SZFCBE54.js";
+import "../chunk-QKB74MLO.js";
+import "../chunk-52BJ7VFA.js";
+import "../chunk-LQ7VQ74E.js";
+import "../chunk-SJM7AAGU.js";
+import "../chunk-D5GNZB6O.js";
 import "../chunk-S2A4TFLS.js";
 import "../chunk-GAXJTFBV.js";
 import "../chunk-X6YKUJKH.js";

package/dist/internal/config/webpack/next-client-pages-loader.cjs

@@ -25,6 +25,26 @@ var import_namespace = require("#internal/runtime/namespace");
 var import_error = require("#internal/utils/error");
 function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
   const self = globalThis;
+  const ns = (0, import_namespace.getNamespace)();
+  ns.pageComponentCache ??= {};
+  const cacheKey = `${bundle}:${route}`;
+  const applyBundleCss = () => {
+    const elements = ns.cssCache[bundle] ?? [];
+    if (styleContainer) {
+      for (const el of elements) {
+        styleContainer.appendChild(el.cloneNode(true));
+      }
+    } else {
+      for (const el of elements) {
+        document.head.appendChild(el);
+      }
+    }
+  };
+  const cachedEntry = ns.pageComponentCache[cacheKey];
+  if (cachedEntry) {
+    applyBundleCss();
+    return cachedEntry;
+  }
   const nextCssOriginal = document.querySelector(
     `[id="__next_css__DO_NOT_USE__"]:not([data-bundle="${bundle}"][data-route="${route}"])`
   );
@@ -86,9 +106,9 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
         default: null
       })
     ];
-    const { default: Component } = componentLoader();
-    const { default: App } = appLoader();
-    const cssCache = (0, import_namespace.getNamespace)().cssCache;
+    const { default: Component = null } = componentLoader();
+    const { default: App = null } = appLoader();
+    const cssCache = ns.cssCache;
     if (!cssCache[bundle]) {
       const cssRE = /\.s?css$/;
       Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).filter((id) => cssRE.test(id)).forEach((id) => {
@@ -109,17 +129,7 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
       }
       cssCache[bundle] = elements;
     }
-    if (styleContainer) {
-      const elements = cssCache[bundle];
-      elements.forEach((el) => {
-        styleContainer.appendChild(el.cloneNode(true));
-      });
-    } else {
-      const elements = cssCache[bundle];
-      elements.forEach((el) => {
-        document.head.appendChild(el);
-      });
-    }
+    applyBundleCss();
     delete self.__NEXT_P;
     self.__NEXT_P = __NEXT_P_ORIGINAL;
     if (nextCssOriginal) {
@@ -127,7 +137,9 @@ function nextClientPagesLoader(bundle, route, styleContainer = document.head) {
     }
     nextCss.remove();
     nextCssEnd.remove();
-    return { Component, App };
+    const result = { Component, App };
+    ns.pageComponentCache[cacheKey] = result;
+    return result;
   }
   return { Component: null, App: null };
 }

package/dist/internal/config/webpack/next-client-pages-loader.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/config/webpack/next-client-pages-loader.ts"],"sourcesContent":["import { getNamespace } from '#internal/runtime/namespace';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\n// module loader for Next.js Pages Router\nexport function nextClientPagesLoader(\n  bundle: string,\n  route: string,\n  styleContainer: HTMLHeadElement | ShadowRoot | null = document.head,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        c?: Record<\n          string | number,\n          { id: string; parents: string[]; children: string[] }\n        >;\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n        type?: 'turbopack' | 'webpack';\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n    // Next.js client pages loader reference storage\n    __NEXT_P?: [\n      (\n        | [\n            string,\n            () => { default?: React.ComponentType<Record<string, unknown>> },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n    ];\n  };\n\n  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.querySelector(\n    `[id=\"__next_css__DO_NOT_USE__\"]:not([data-bundle=\"${bundle}\"][data-route=\"${route}\"])`,\n  );\n  if (nextCssOriginal) {\n    nextCssOriginal.parentNode?.removeChild(nextCssOriginal);\n  }\n\n  // create a new Next.js CSS loader element\n  const nextCss = document.createElement('noscript');\n  nextCss.id = '__next_css__DO_NOT_USE__';\n  nextCss.setAttribute('data-bundle', bundle);\n  nextCss.setAttribute('data-route', route);\n  const nextCssEnd = document.createElement('noscript');\n  nextCssEnd.id = '__next_css__DO_NOT_USE_END__';\n  nextCssEnd.setAttribute('data-bundle', bundle);\n  nextCssEnd.setAttribute('data-route', route);\n  document.head.appendChild(nextCssEnd);\n  document.head.appendChild(nextCss);\n\n  // find the page component loader chunk\n  const componentLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=${encodeURIComponent(route)}!`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=${encodeURIComponent(route)}!`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // find the app loader chunk\n  const appLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=%2F_app`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=%2F_app`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // if we didn't find the component loader or app loader, throw an error\n  if (!(componentLoaderChunk && appLoaderChunk)) {\n    throw new RemoteComponentsError(\n      `Next.js client pages loader not found in bundle \"${bundle}\".`,\n    );\n  }\n\n  // temporarily store the original __NEXT_P reference\n  // this is required to avoid conflicts with the Next.js client pages loader\n  // which uses the same global variable to store the page components\n  const __NEXT_P_ORIGINAL = self.__NEXT_P;\n  const selfOriginal = self;\n  delete selfOriginal.__NEXT_P;\n\n  // load the component and app loader chunks\n  self.__remote_webpack_require__?.[bundle]?.(\n    self.__remote_webpack_require__[bundle].type !== 'turbopack'\n      ? componentLoaderChunk\n      : `[${bundle}] ${componentLoaderChunk}`,\n  );\n  if (\n    typeof appLoaderChunk === 'string' ||\n    (typeof appLoaderChunk === 'number' && appLoaderChunk !== -1)\n  ) {\n    self.__remote_webpack_require__?.[bundle]?.(\n      self.__remote_webpack_require__[bundle].type !== 'turbopack'\n        ? appLoaderChunk\n        : `[${bundle}] ${appLoaderChunk}`,\n    );\n  }\n\n  // if we have the __NEXT_P global variable, we can extract the component and app\n  if (self.__NEXT_P) {\n    const [, componentLoader] = self.__NEXT_P[0] ?? [\n      undefined,\n      () => ({ default: null }),\n    ];\n    const [, appLoader] = self.__NEXT_P[2] ?? [\n      undefined,\n      () => ({\n        default: null,\n      }),\n    ];\n    const { default: Component } = componentLoader();\n    const { default: App } = appLoader();\n\n    const cssCache = getNamespace().cssCache;\n\n    if (!cssCache[bundle]) {\n      // load the CSS files from the remote bundle\n      const cssRE = /\\.s?css$/;\n      Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {})\n        .filter((id) => cssRE.test(id))\n        .forEach((id) => {\n          self.__remote_webpack_require__?.[bundle]?.(id);\n        });\n\n      Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {})\n        .filter((path) => cssRE.test(path))\n        .forEach((path) => {\n          const id = self.__remote_webpack_module_map__?.[bundle]?.[path];\n          if (id) {\n            self.__remote_webpack_require__?.[bundle]?.(id);\n          }\n        });\n\n      const elements = [];\n      let node = nextCss.previousSibling;\n      while (node && node !== nextCssEnd) {\n        elements.push(node);\n        node.remove();\n        node = nextCss.previousSibling;\n      }\n      cssCache[bundle] = elements;\n    }\n\n    // if the styleContainer is provided, we need to move the styles to it\n    if (styleContainer) {\n      const elements = cssCache[bundle];\n      elements.forEach((el) => {\n        styleContainer.appendChild(el.cloneNode(true));\n      });\n    } else {\n      // if no styleContainer is provided, we need to move the styles back to the head\n      const elements = cssCache[bundle];\n      elements.forEach((el) => {\n        document.head.appendChild(el);\n      });\n    }\n\n    // restore the original __NEXT_P reference\n    delete self.__NEXT_P;\n    self.__NEXT_P = __NEXT_P_ORIGINAL;\n\n    // restore the original Next.js CSS loader\n    if (nextCssOriginal) {\n      nextCssOriginal.parentNode?.appendChild(nextCssOriginal);\n    }\n\n    nextCss.remove();\n    nextCssEnd.remove();\n\n    return { Component, App };\n  }\n\n  return { Component: null, App: null };\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/config/webpack/next-client-pages-loader.ts"],"sourcesContent":["import { getNamespace } from '#internal/runtime/namespace';\nimport { RemoteComponentsError } from '#internal/utils/error';\n\n// module loader for Next.js Pages Router\nexport function nextClientPagesLoader(\n  bundle: string,\n  route: string,\n  styleContainer: HTMLHeadElement | ShadowRoot | null = document.head,\n) {\n  // make a typed reference to the global scope\n  const self = globalThis as typeof globalThis & {\n    // webpack remote module loading function scoped for each bundle\n    __remote_webpack_require__?: Record<\n      string,\n      ((remoteId: string | number) => unknown) & {\n        c?: Record<\n          string | number,\n          { id: string; parents: string[]; children: string[] }\n        >;\n        m?: Record<string | number, (module: { exports: unknown }) => void>;\n        type?: 'turbopack' | 'webpack';\n      }\n    >;\n    // webpack module map for each bundle used in production builds\n    __remote_webpack_module_map__?: Record<string, Record<string, number>>;\n    // Next.js client pages loader reference storage\n    __NEXT_P?: [\n      (\n        | [\n            string,\n            () => { default?: React.ComponentType<Record<string, unknown>> },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n      (\n        | [\n            string,\n            () => {\n              default?: React.ComponentType<\n                {\n                  Component: React.ComponentType<Record<string, unknown>>;\n                } & Record<string, unknown>\n              >;\n            },\n          ]\n        | undefined\n      ),\n    ];\n  };\n\n  const ns = getNamespace();\n  ns.pageComponentCache ??= {};\n  const cacheKey = `${bundle}:${route}`;\n\n  // Applies the cached CSS for `bundle` into the caller's styleContainer.\n  // Mirrors the final CSS-attach step of the fresh-load path so that cache\n  // hits and additional host instances (each with their own shadow root)\n  // still receive the styles.\n  const applyBundleCss = () => {\n    const elements = ns.cssCache[bundle] ?? [];\n    if (styleContainer) {\n      for (const el of elements) {\n        styleContainer.appendChild(el.cloneNode(true));\n      }\n    } else {\n      for (const el of elements) {\n        document.head.appendChild(el);\n      }\n    }\n  };\n\n  // On repeat loads (e.g. after history.back()) the next-client-pages-loader\n  // chunk is already cached by webpack and its factory won't re-run, so\n  // __NEXT_P wouldn't be populated. Reuse the Component/App extracted on the\n  // first load, but still run the CSS attach below because the caller may be\n  // a different host instance with its own styleContainer.\n  const cachedEntry = ns.pageComponentCache[cacheKey];\n  if (cachedEntry) {\n    applyBundleCss();\n    return cachedEntry;\n  }\n\n  // temporarily remove the original Next.js CSS loader\n  const nextCssOriginal = document.querySelector(\n    `[id=\"__next_css__DO_NOT_USE__\"]:not([data-bundle=\"${bundle}\"][data-route=\"${route}\"])`,\n  );\n  if (nextCssOriginal) {\n    nextCssOriginal.parentNode?.removeChild(nextCssOriginal);\n  }\n\n  // create a new Next.js CSS loader element\n  const nextCss = document.createElement('noscript');\n  nextCss.id = '__next_css__DO_NOT_USE__';\n  nextCss.setAttribute('data-bundle', bundle);\n  nextCss.setAttribute('data-route', route);\n  const nextCssEnd = document.createElement('noscript');\n  nextCssEnd.id = '__next_css__DO_NOT_USE_END__';\n  nextCssEnd.setAttribute('data-bundle', bundle);\n  nextCssEnd.setAttribute('data-route', route);\n  document.head.appendChild(nextCssEnd);\n  document.head.appendChild(nextCss);\n\n  // find the page component loader chunk\n  const componentLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=${encodeURIComponent(route)}!`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=${encodeURIComponent(route)}!`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // find the app loader chunk\n  const appLoaderChunk =\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) =>\n        key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n        key.includes(`page=%2F_app`),\n    ) ??\n    Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {}).find(\n      (key) => key.includes('/next/dist/client/page-loader.js'),\n    ) ??\n    self.__remote_webpack_module_map__?.[bundle]?.[\n      Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n        (key) =>\n          key.includes('/webpack/loaders/next-client-pages-loader.js') &&\n          key.includes(`page=%2F_app`),\n      ) ??\n        Object.keys(self.__remote_webpack_module_map__[bundle] ?? {}).find(\n          (key) => key.includes('/next/dist/client/page-loader.js'),\n        ) ??\n        ''\n    ] ??\n    -1;\n\n  // if we didn't find the component loader or app loader, throw an error\n  if (!(componentLoaderChunk && appLoaderChunk)) {\n    throw new RemoteComponentsError(\n      `Next.js client pages loader not found in bundle \"${bundle}\".`,\n    );\n  }\n\n  // temporarily store the original __NEXT_P reference\n  // this is required to avoid conflicts with the Next.js client pages loader\n  // which uses the same global variable to store the page components\n  const __NEXT_P_ORIGINAL = self.__NEXT_P;\n  const selfOriginal = self;\n  delete selfOriginal.__NEXT_P;\n\n  // load the component and app loader chunks\n  self.__remote_webpack_require__?.[bundle]?.(\n    self.__remote_webpack_require__[bundle].type !== 'turbopack'\n      ? componentLoaderChunk\n      : `[${bundle}] ${componentLoaderChunk}`,\n  );\n  if (\n    typeof appLoaderChunk === 'string' ||\n    (typeof appLoaderChunk === 'number' && appLoaderChunk !== -1)\n  ) {\n    self.__remote_webpack_require__?.[bundle]?.(\n      self.__remote_webpack_require__[bundle].type !== 'turbopack'\n        ? appLoaderChunk\n        : `[${bundle}] ${appLoaderChunk}`,\n    );\n  }\n\n  // if we have the __NEXT_P global variable, we can extract the component and app\n  if (self.__NEXT_P) {\n    const [, componentLoader] = self.__NEXT_P[0] ?? [\n      undefined,\n      () => ({ default: null }),\n    ];\n    const [, appLoader] = self.__NEXT_P[2] ?? [\n      undefined,\n      () => ({\n        default: null,\n      }),\n    ];\n    const { default: Component = null } = componentLoader();\n    const { default: App = null } = appLoader();\n\n    const cssCache = ns.cssCache;\n\n    if (!cssCache[bundle]) {\n      // load the CSS files from the remote bundle\n      const cssRE = /\\.s?css$/;\n      Object.keys(self.__remote_webpack_require__?.[bundle]?.m ?? {})\n        .filter((id) => cssRE.test(id))\n        .forEach((id) => {\n          self.__remote_webpack_require__?.[bundle]?.(id);\n        });\n\n      Object.keys(self.__remote_webpack_module_map__?.[bundle] ?? {})\n        .filter((path) => cssRE.test(path))\n        .forEach((path) => {\n          const id = self.__remote_webpack_module_map__?.[bundle]?.[path];\n          if (id) {\n            self.__remote_webpack_require__?.[bundle]?.(id);\n          }\n        });\n\n      const elements = [];\n      let node = nextCss.previousSibling;\n      while (node && node !== nextCssEnd) {\n        elements.push(node);\n        node.remove();\n        node = nextCss.previousSibling;\n      }\n      cssCache[bundle] = elements;\n    }\n\n    applyBundleCss();\n\n    // restore the original __NEXT_P reference\n    delete self.__NEXT_P;\n    self.__NEXT_P = __NEXT_P_ORIGINAL;\n\n    // restore the original Next.js CSS loader\n    if (nextCssOriginal) {\n      nextCssOriginal.parentNode?.appendChild(nextCssOriginal);\n    }\n\n    nextCss.remove();\n    nextCssEnd.remove();\n\n    const result = { Component, App };\n    ns.pageComponentCache[cacheKey] = result;\n    return result;\n  }\n\n  return { Component: null, App: null };\n}\n"],"mappings":"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","names":[]}

package/dist/internal/config/webpack/next-client-pages-loader.d.ts

@@ -1,10 +1,8 @@
-import * as react from 'react';
-
 declare function nextClientPagesLoader(bundle: string, route: string, styleContainer?: HTMLHeadElement | ShadowRoot | null): {
-    Component: react.ComponentType<Record<string, unknown>> | null | undefined;
-    App: react.ComponentType<{
+    Component: React.ComponentType<Record<string, unknown>> | null;
+    App: React.ComponentType<{
         Component: React.ComponentType<Record<string, unknown>>;
-    } & Record<string, unknown>> | null | undefined;
+    } & Record<string, unknown>> | null;
 };
 
 export { nextClientPagesLoader };