remote-components 0.0.34 → 0.0.35

package/dist/next/config.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/next/config/index.ts","../../src/next/config/webpack/index.ts","../../src/next/config/webpack/plugins/remote-webpack-require-runtime-module.ts","../../src/next/config/webpack/plugins/remote-webpack-require.ts","../../src/next/config/webpack/plugins/module-id-embed.ts","../../src/next/config/webpack/plugins/module-id-embed-runtime-module.ts","../../src/next/config/webpack/plugins/conditional-exec.ts","../../src/next/config/webpack/plugins/patch-require.ts"],"sourcesContent":["import { basename, dirname, join, relative } from 'node:path';\nimport { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';\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 { transform as webpackTransform } from './webpack';\n\ninterface ZodSchema {\n  safeParse: (data: unknown) => { success: boolean };\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`, 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 { withRemoteComponents } from 'remote-components/next/config';\n *\n * const nextConfig = {\n *   // your Next.js configuration\n * };\n *\n * export default withRemoteComponents(\n *   withMicrofrontends(nextConfig),\n *   {\n *     shared: ['some-package', 'another-package'],\n *   },\n * );\n * ```\n */\nexport function withRemoteComponents(\n  nextConfig: NextConfig,\n  options?: WithRemoteComponentsOptions,\n) {\n  const virtualRemoteComponentAppSharedRemote = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/app-remote.tsx',\n  );\n  const virtualRemoteComponentPagesSharedRemote = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/pages-remote.tsx',\n  );\n  const virtualRemoteComponentConfigWrapper = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/config-wrapper.ts',\n  );\n  const virtualRemoteComponentAppSharedHost = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/app-host.tsx',\n  );\n  const virtualRemoteComponentPagesSharedHost = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/pages-host.tsx',\n  );\n\n  const appShared = new Set([\n    ...[\n      'react',\n      'react/jsx-dev-runtime',\n      'react/jsx-runtime',\n      'react-dom',\n      'react-dom/client',\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/image',\n      'next/dist/client/image-component',\n      'next/dist/api/image',\n      'next/script',\n      'next/dist/client/script',\n      'next/dist/build/polyfills/process',\n    ],\n    ...(options?.shared ?? []),\n  ]);\n  const pagesShared = new Set([\n    ...[\n      'react',\n      'react/jsx-dev-runtime',\n      'react/jsx-runtime',\n      'react-dom',\n      'react-dom/client',\n      'next/router',\n      'next/link',\n      'next/image',\n      'next/script',\n      'next/form',\n    ],\n    ...(options?.shared ?? []),\n  ]);\n\n  const vendorShared: Record<string, string> = {\n    react: `'/react/index.js'`,\n    'react/jsx-dev-runtime': `'/react/jsx-dev-runtime.js'`,\n    'react/jsx-runtime': `'/react/jsx-runtime.js'`,\n    'react-dom': `'/react-dom/index.js'`,\n  };\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 generateSharedRemote = (sharedRemote: Set<string>) =>\n    `'use client';\\nmodule.exports = { shared: { ${Array.from(sharedRemote)\n      .reduce<string[]>((acc, curr) => {\n        let path;\n        try {\n          path = resolve(process.cwd(), curr);\n          if (path) {\n            path = relative(process.cwd(), path).replace(\n              /^(?<relative>\\.\\.\\/)+/,\n              '',\n            );\n          }\n        } catch {\n          // noop\n          // if module resolution using enhanced-resolve fails, fallback to require.resolve called in the shared/remote file\n        }\n        acc.push(\n          `[${vendorShared[curr] ?? (path ? `'${path}'` : `require.resolve('${curr}')`)}]: '${curr}',`,\n        );\n        acc.push(\n          `['__remote_shared_module_${curr}']: () => import('${curr}'),`,\n        );\n        return acc;\n      }, [])\n      .join('\\n')} } };\\n`;\n  const generateSharedHost = (sharedHost: Set<string>) =>\n    `'use client';\\nmodule.exports = { shared: { ${Array.from(sharedHost)\n      .reduce<string[]>((acc, curr) => {\n        acc.push(`['${curr}']: () => import('${curr}'),`);\n        return acc;\n      }, [])\n      .join('\\n')} } };\\n`;\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(\n      virtualRemoteComponentConfigWrapper,\n      '// withRemoteComponents enabled',\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/next',\n    'remote-components/next/remote',\n    'remote-components/next/host',\n    'remote-components/next/host/pages-router',\n    'remote-components/next/host/client',\n    'remote-components/shared/remote/app',\n    'remote-components/shared/remote/pages',\n    'remote-components/shared/host/app',\n    'remote-components/shared/host/pages',\n  ];\n\n  const alias = {\n    'remote-components/shared/remote/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedRemote,\n    )}`,\n    'remote-components/shared/remote/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedRemote,\n    )}`,\n    'remote-components/shared/remote/wrapper': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentConfigWrapper,\n    )}`,\n    'remote-components/shared/host/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedHost,\n    )}`,\n    'remote-components/shared/host/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedHost,\n    )}`,\n  };\n\n  let projectId =\n    process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n    process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n    process.env.VERCEL_PROJECT_ID;\n\n  if (!projectId) {\n    try {\n      const projectPath = findUpSync('.vercel/project.json', {\n        cwd: process.cwd(),\n      });\n      if (projectPath) {\n        projectId = (\n          JSON.parse(readFileSync(projectPath, 'utf8')) as { projectId: string }\n        ).projectId;\n      }\n    } catch {\n      // fallback to env‑var above\n    }\n  }\n\n  if (!projectId) {\n    const packageJsonPath = findUpSync('package.json', {\n      cwd: process.cwd(),\n    });\n    if (packageJsonPath) {\n      const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8')) as {\n        name?: string;\n      };\n      projectId = packageJson.name || basename(process.cwd());\n    } else {\n      projectId = basename(process.cwd());\n    }\n  }\n\n  process.env.REMOTE_COMPONENTS_PROJECT_ID = projectId;\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      // eslint-disable-next-line no-console\n      console.error(\n        'You need to use a Next.js version which supports the `turbopack` and `compiler.defineServer` configuration for Turbopack support with Remote Components.',\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 { join } from 'node:path';\nimport type { NextConfig } from 'next';\nimport type { WebpackOptionsNormalized } from 'webpack';\nimport { RemoteWebpackRequirePlugin } from './plugins/remote-webpack-require';\nimport { ModuleIdEmbedPlugin } from './plugins/module-id-embed';\nimport { ConditionalExecPlugin } from './plugins/conditional-exec';\nimport { PatchRequirePlugin } from './plugins/patch-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),\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","export function createRemoteWebpackRequireRuntimeModule(webpack: {\n  RuntimeModule: new (name: string, stage?: number) => object;\n}) {\n  return class RemoteWebpackRequireRuntimeModule extends webpack.RuntimeModule {\n    appName: string;\n\n    constructor(appName: string) {\n      super('remote-webpack-require');\n      this.appName = appName;\n    }\n\n    generate(): null | string {\n      return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__[\"${this.appName}\"] = __webpack_require__;`;\n    }\n  };\n}\n","import type { Compiler, RuntimeModule } from 'webpack';\nimport { createRemoteWebpackRequireRuntimeModule } from './remote-webpack-require-runtime-module';\n\nexport class RemoteWebpackRequirePlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const RemoteWebpackRequireRuntimeModule =\n      createRemoteWebpackRequireRuntimeModule(compiler.webpack);\n\n    compiler.hooks.thisCompilation.tap(\n      'RemoteWebpackRequirePlugin',\n      (compilation) => {\n        compilation.hooks.runtimeRequirementInTree\n          .for('__webpack_require__')\n          .tap('RemoteWebpackRequirePlugin', (chunk) => {\n            compilation.addRuntimeModule(\n              chunk,\n              new RemoteWebpackRequireRuntimeModule(\n                this.appName,\n              ) as unknown as RuntimeModule,\n            );\n          });\n      },\n    );\n  }\n}\n","import { relative } from 'node:path';\nimport type { NormalModule, Compiler, RuntimeModule } from 'webpack';\nimport { createModuleIdEmbedRuntimeModule } from './module-id-embed-runtime-module';\n\nconst cwd = process.cwd();\n\nexport class ModuleIdEmbedPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const ModuleIdEmbedRuntimeModule = createModuleIdEmbedRuntimeModule(\n      compiler.webpack,\n    );\n\n    compiler.hooks.thisCompilation.tap('ModuleIdEmbedPlugin', (compilation) => {\n      const moduleMap = {} as Record<string, string | number>;\n\n      compilation.hooks.runtimeRequirementInTree\n        .for(compiler.webpack.RuntimeGlobals.require)\n        .tap('ModuleIdEmbedPlugin', (chunk, set) => {\n          for (const [key, entry] of compilation.entrypoints) {\n            for (const entryChunk of entry.chunks) {\n              if (key.includes('nextjs-pages-remote')) {\n                for (const mod of compilation.chunkGraph.getChunkModulesIterable(\n                  entryChunk,\n                )) {\n                  const id = compilation.chunkGraph.getModuleId(mod);\n                  const normalModule = mod as NormalModule;\n                  if (id && (normalModule.resource || normalModule.request)) {\n                    moduleMap[\n                      relative(\n                        cwd,\n                        normalModule.resource || normalModule.request,\n                      )\n                    ] = id;\n                  }\n                }\n              }\n            }\n          }\n          for (const mod of compilation.modules) {\n            const id = compilation.chunkGraph.getModuleId(mod);\n            if (id && mod.layer?.endsWith('browser')) {\n              const normalModule = mod as NormalModule;\n              if (normalModule.resource || normalModule.request) {\n                moduleMap[\n                  relative(cwd, normalModule.resource || normalModule.request)\n                ] = id;\n              }\n            }\n          }\n\n          if (Object.keys(moduleMap).length > 0) {\n            compilation.addRuntimeModule(\n              chunk,\n              new ModuleIdEmbedRuntimeModule(\n                this.appName,\n                moduleMap,\n              ) as unknown as RuntimeModule,\n            );\n\n            set.add(compiler.webpack.RuntimeGlobals.require);\n          }\n        });\n    });\n  }\n}\n","export function createModuleIdEmbedRuntimeModule(webpack: {\n  RuntimeModule: new (name: string, stage?: number) => object;\n}) {\n  return class ModuleIdEmbedRuntimeModule extends webpack.RuntimeModule {\n    appName: string;\n    moduleMap: Record<string | number, unknown>;\n\n    constructor(appName: string, moduleMap: Record<string | number, unknown>) {\n      super('remote-webpack-module-id-embed');\n      this.appName = appName;\n      this.moduleMap = moduleMap;\n    }\n\n    generate(): null | string {\n      return `globalThis.__remote_webpack_module_map__ = globalThis.__remote_webpack_module_map__ || {}; globalThis.__remote_webpack_module_map__[\"${this.appName}\"] = ${JSON.stringify(this.moduleMap)};`;\n    }\n  };\n}\n","import type { Compiler } from 'webpack';\n\nexport class ConditionalExecPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const { Compilation, sources } = compiler.webpack;\n\n    compiler.hooks.thisCompilation.tap(\n      'ConditionalExecPlugin',\n      (compilation) => {\n        compilation.hooks.processAssets.tap(\n          {\n            name: 'ConditionalExecPlugin',\n            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,\n          },\n          (assets) => {\n            for (const [name, source] of Object.entries(assets)) {\n              if (name.endsWith('.js')) {\n                const patchedSource = source\n                  .source()\n                  .toString()\n                  .replace(\n                    `var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))`,\n                    `var __webpack_exec__ = (moduleId) => { if (globalThis.__DISABLE_WEBPACK_EXEC__ && globalThis.__DISABLE_WEBPACK_EXEC__[\"${this.appName}\"]) return; return __webpack_require__(__webpack_require__.s = moduleId); }`,\n                  );\n                compilation.updateAsset(\n                  name,\n                  new sources.RawSource(patchedSource),\n                );\n              }\n            }\n          },\n        );\n      },\n    );\n  }\n}\n","import type { Compiler } from 'webpack';\n\n// This plugin patches the webpack require function to support loading remote components in Next.js\nexport class PatchRequirePlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const { sources } = compiler.webpack;\n\n    compiler.hooks.thisCompilation.tap('PatchRequirePlugin', (compilation) => {\n      compilation.mainTemplate.hooks.requireExtensions.tap(\n        'PatchRequirePlugin',\n        (source) => {\n          return new sources.ConcatSource(\n            source,\n            `const __webpack_require_orig__ = __webpack_require__;\nconst REMOTE_RE = /\\\\[(?<bundle>[^\\\\]]+)\\\\] (?<id>.*)/;\n__webpack_require__ = function __remote_webpack_require__(remoteId) {\n    const match = REMOTE_RE.exec(remoteId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_orig__(remoteId);\n    }\n    if (typeof self.__remote_webpack_require__?.[bundle] !== 'function') {\n        const error = new Error(\\`Remote Components are not available in \"\\${bundle}\". Did you forget to wrap the Next.js config with \\\\\\`withRemoteComponents\\\\\\` on both host and remote?\\`);\n        error.name = 'RemoteComponentsError';\n        error.code = 'REMOTE_COMPONENTS_ERROR';\n        throw error;\n    }\n    return self.__remote_webpack_require__[bundle](self.__remote_webpack_require__[bundle].type === 'turbopack' ? remoteId : id);\n};\nObject.assign(__webpack_require__, __webpack_require_orig__);\nconst __webpack_require_l__ = __webpack_require__.l;\n__webpack_require__.l = function __remote_webpack_require_l__(url, done, key, chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_l__(new URL(url, globalThis.__remote_bundle_url__?.[\"${this.appName}\"] ?? location.origin).href, done, key, chunkId);\n    }\n    return done();\n};\nconst __webpack_require_o__ = __webpack_require__.o;\n__webpack_require__.o = function __remote_webpack_require_o__(installedChunks, chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_o__(installedChunks, chunkId);\n    }\n    return installedChunks[chunkId] = 0;\n};\nconst __webpack_require_e__ = __webpack_require__.e;\n__webpack_require__.e = function __remote_webpack_require_e__(chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_e__(chunkId);\n    }\n    return Promise.resolve([]);\n};`,\n          )\n            .source()\n            .toString();\n        },\n      );\n    });\n  }\n}\n"],"mappings":"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","names":["import_node_path","import_node_path","enhancedResolve","TsConfigPathsWebpackPlugin"]}
+{"version":3,"sources":["../../src/next/config/index.ts","../../src/next/config/webpack/index.ts","../../src/next/config/webpack/plugins/conditional-exec.ts","../../src/next/config/webpack/plugins/module-id-embed.ts","../../src/next/config/webpack/plugins/module-id-embed-runtime-module.ts","../../src/next/config/webpack/plugins/patch-require.ts","../../src/next/config/webpack/plugins/remote-webpack-require-runtime-module.ts","../../src/next/config/webpack/plugins/remote-webpack-require.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 { transform as webpackTransform } from './webpack';\n\ninterface ZodSchema {\n  safeParse: (data: unknown) => { success: boolean };\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`, 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 { withRemoteComponents } from 'remote-components/next/config';\n *\n * const nextConfig = {\n *   // your Next.js configuration\n * };\n *\n * export default withRemoteComponents(\n *   withMicrofrontends(nextConfig),\n *   {\n *     shared: ['some-package', 'another-package'],\n *   },\n * );\n * ```\n */\nexport function withRemoteComponents(\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 virtualRemoteComponentConfigWrapper = join(\n    process.cwd(),\n    '.remote-components/shared/config-wrapper.ts',\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    ...[\n      'react',\n      'react/jsx-dev-runtime',\n      'react/jsx-runtime',\n      'react-dom',\n      'react-dom/client',\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/image',\n      'next/dist/client/image-component',\n      'next/dist/api/image',\n      'next/script',\n      'next/dist/client/script',\n      'next/dist/build/polyfills/process',\n    ],\n    ...(options?.shared ?? []),\n  ]);\n  const pagesShared = new Set([\n    ...[\n      'react',\n      'react/jsx-dev-runtime',\n      'react/jsx-runtime',\n      'react-dom',\n      'react-dom/client',\n      'next/router',\n      'next/link',\n      'next/image',\n      'next/script',\n      'next/form',\n    ],\n    ...(options?.shared ?? []),\n  ]);\n\n  const vendorShared: Record<string, string> = {\n    react: `'/react/index.js'`,\n    'react/jsx-dev-runtime': `'/react/jsx-dev-runtime.js'`,\n    'react/jsx-runtime': `'/react/jsx-runtime.js'`,\n    'react-dom': `'/react-dom/index.js'`,\n  };\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  let packageJson = {\n    name: basename(process.cwd()),\n    type: 'module',\n  };\n  try {\n    const packageJsonPath = findUpSync('package.json', {\n      cwd: process.cwd(),\n    });\n    if (packageJsonPath) {\n      packageJson = {\n        ...packageJson,\n        ...(JSON.parse(readFileSync(packageJsonPath, 'utf8')) as {\n          name: string;\n          type: string;\n        }),\n      };\n    }\n  } catch {\n    // noop\n  }\n\n  let exportPre = 'export const shared = { ';\n  let exportPost = '};\\n';\n\n  if (packageJson.type !== 'module') {\n    exportPre = 'module.exports = { shared: { ';\n    exportPost = '} };\\n';\n  }\n\n  const generateSharedRemote = (sharedRemote: Set<string>) =>\n    `'use client';\\n${exportPre}${Array.from(sharedRemote)\n      .reduce<string[]>((acc, curr) => {\n        let path;\n        try {\n          path = resolve(process.cwd(), curr);\n          if (path) {\n            path = relative(process.cwd(), path).replace(\n              /^(?<relative>\\.\\.\\/)+/,\n              '',\n            );\n          }\n        } catch {\n          // noop\n          // if module resolution using enhanced-resolve fails, fallback to require.resolve called in the shared/remote file\n        }\n        acc.push(\n          `[${vendorShared[curr] ?? (path ? `'${path}'` : `require.resolve('${curr}')`)}]: '${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(\n      virtualRemoteComponentConfigWrapper,\n      '// withRemoteComponents enabled',\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/next',\n    'remote-components/next/remote',\n    'remote-components/next/host',\n    'remote-components/next/host/pages-router',\n    'remote-components/next/host/client',\n    'remote-components/shared/remote/app',\n    'remote-components/shared/remote/pages',\n    'remote-components/shared/host/app',\n    'remote-components/shared/host/pages',\n  ];\n\n  const alias = {\n    'remote-components/shared/remote/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedRemote,\n    )}`,\n    'remote-components/shared/remote/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedRemote,\n    )}`,\n    'remote-components/shared/remote/wrapper': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentConfigWrapper,\n    )}`,\n    'remote-components/shared/host/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedHost,\n    )}`,\n    'remote-components/shared/host/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedHost,\n    )}`,\n  };\n\n  let projectId =\n    process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n    process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n    process.env.VERCEL_PROJECT_ID;\n\n  if (!projectId) {\n    try {\n      const projectPath = findUpSync('.vercel/project.json', {\n        cwd: process.cwd(),\n      });\n      if (projectPath) {\n        projectId = (\n          JSON.parse(readFileSync(projectPath, 'utf8')) as { projectId: string }\n        ).projectId;\n      }\n    } catch {\n      // fallback to env‑var above\n    }\n  }\n\n  if (!projectId) {\n    projectId = packageJson.name;\n  }\n\n  process.env.REMOTE_COMPONENTS_PROJECT_ID = projectId;\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      // eslint-disable-next-line no-console\n      console.error(\n        'You need to use a Next.js version which supports the `turbopack` and `compiler.defineServer` configuration for Turbopack support with Remote Components.',\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 { 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),\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","import type { Compiler } from 'webpack';\n\nexport class ConditionalExecPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const { Compilation, sources } = compiler.webpack;\n\n    compiler.hooks.thisCompilation.tap(\n      'ConditionalExecPlugin',\n      (compilation) => {\n        compilation.hooks.processAssets.tap(\n          {\n            name: 'ConditionalExecPlugin',\n            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,\n          },\n          (assets) => {\n            for (const [name, source] of Object.entries(assets)) {\n              if (name.endsWith('.js')) {\n                const patchedSource = source\n                  .source()\n                  .toString()\n                  .replace(\n                    `var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))`,\n                    `var __webpack_exec__ = (moduleId) => { if (globalThis.__DISABLE_WEBPACK_EXEC__ && globalThis.__DISABLE_WEBPACK_EXEC__[\"${this.appName}\"]) return; return __webpack_require__(__webpack_require__.s = moduleId); }`,\n                  );\n                compilation.updateAsset(\n                  name,\n                  new sources.RawSource(patchedSource),\n                );\n              }\n            }\n          },\n        );\n      },\n    );\n  }\n}\n","import { relative } from 'node:path';\nimport type { Compiler, NormalModule, RuntimeModule } from 'webpack';\nimport { createModuleIdEmbedRuntimeModule } from './module-id-embed-runtime-module';\n\nconst cwd = process.cwd();\n\nexport class ModuleIdEmbedPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const ModuleIdEmbedRuntimeModule = createModuleIdEmbedRuntimeModule(\n      compiler.webpack,\n    );\n\n    compiler.hooks.thisCompilation.tap('ModuleIdEmbedPlugin', (compilation) => {\n      const moduleMap = {} as Record<string, string | number>;\n\n      compilation.hooks.runtimeRequirementInTree\n        .for(compiler.webpack.RuntimeGlobals.require)\n        .tap('ModuleIdEmbedPlugin', (chunk, set) => {\n          for (const [key, entry] of compilation.entrypoints) {\n            for (const entryChunk of entry.chunks) {\n              if (key.includes('nextjs-pages-remote')) {\n                for (const mod of compilation.chunkGraph.getChunkModulesIterable(\n                  entryChunk,\n                )) {\n                  const id = compilation.chunkGraph.getModuleId(mod);\n                  const normalModule = mod as NormalModule;\n                  if (id && (normalModule.resource || normalModule.request)) {\n                    moduleMap[\n                      relative(\n                        cwd,\n                        normalModule.resource || normalModule.request,\n                      )\n                    ] = id;\n                  }\n                }\n              }\n            }\n          }\n          for (const mod of compilation.modules) {\n            const id = compilation.chunkGraph.getModuleId(mod);\n            if (id && mod.layer?.endsWith('browser')) {\n              const normalModule = mod as NormalModule;\n              if (normalModule.resource || normalModule.request) {\n                moduleMap[\n                  relative(cwd, normalModule.resource || normalModule.request)\n                ] = id;\n              }\n            }\n          }\n\n          if (Object.keys(moduleMap).length > 0) {\n            compilation.addRuntimeModule(\n              chunk,\n              new ModuleIdEmbedRuntimeModule(\n                this.appName,\n                moduleMap,\n              ) as unknown as RuntimeModule,\n            );\n\n            set.add(compiler.webpack.RuntimeGlobals.require);\n          }\n        });\n    });\n  }\n}\n","export function createModuleIdEmbedRuntimeModule(webpack: {\n  RuntimeModule: new (name: string, stage?: number) => object;\n}) {\n  return class ModuleIdEmbedRuntimeModule extends webpack.RuntimeModule {\n    appName: string;\n    moduleMap: Record<string | number, unknown>;\n\n    constructor(appName: string, moduleMap: Record<string | number, unknown>) {\n      super('remote-webpack-module-id-embed');\n      this.appName = appName;\n      this.moduleMap = moduleMap;\n    }\n\n    generate(): null | string {\n      return `globalThis.__remote_webpack_module_map__ = globalThis.__remote_webpack_module_map__ || {}; globalThis.__remote_webpack_module_map__[\"${this.appName}\"] = ${JSON.stringify(this.moduleMap)};`;\n    }\n  };\n}\n","import type { Compiler } from 'webpack';\n\n// This plugin patches the webpack require function to support loading remote components in Next.js\nexport class PatchRequirePlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const { sources } = compiler.webpack;\n\n    compiler.hooks.thisCompilation.tap('PatchRequirePlugin', (compilation) => {\n      compilation.mainTemplate.hooks.requireExtensions.tap(\n        'PatchRequirePlugin',\n        (source) => {\n          return new sources.ConcatSource(\n            source,\n            `const __webpack_require_orig__ = __webpack_require__;\nconst REMOTE_RE = /\\\\[(?<bundle>[^\\\\]]+)\\\\] (?<id>.*)/;\n__webpack_require__ = function __remote_webpack_require__(remoteId) {\n    const match = REMOTE_RE.exec(remoteId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_orig__(remoteId);\n    }\n    if (typeof self.__remote_webpack_require__?.[bundle] !== 'function') {\n        const error = new Error(\\`Remote Components are not available in \"\\${bundle}\". Did you forget to wrap the Next.js config with \\\\\\`withRemoteComponents\\\\\\` on both host and remote?\\`);\n        error.name = 'RemoteComponentsError';\n        error.code = 'REMOTE_COMPONENTS_ERROR';\n        throw error;\n    }\n    return self.__remote_webpack_require__[bundle](self.__remote_webpack_require__[bundle].type === 'turbopack' ? remoteId : id);\n};\nObject.assign(__webpack_require__, __webpack_require_orig__);\nconst __webpack_require_l__ = __webpack_require__.l;\n__webpack_require__.l = function __remote_webpack_require_l__(url, done, key, chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_l__(new URL(url, globalThis.__remote_bundle_url__?.[\"${this.appName}\"] ?? location.origin).href, done, key, chunkId);\n    }\n    return done();\n};\nconst __webpack_require_o__ = __webpack_require__.o;\n__webpack_require__.o = function __remote_webpack_require_o__(installedChunks, chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_o__(installedChunks, chunkId);\n    }\n    return installedChunks[chunkId] = 0;\n};\nconst __webpack_require_e__ = __webpack_require__.e;\n__webpack_require__.e = function __remote_webpack_require_e__(chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_e__(chunkId);\n    }\n    return Promise.resolve([]);\n};`,\n          )\n            .source()\n            .toString();\n        },\n      );\n    });\n  }\n}\n","export function createRemoteWebpackRequireRuntimeModule(webpack: {\n  RuntimeModule: new (name: string, stage?: number) => object;\n}) {\n  return class RemoteWebpackRequireRuntimeModule extends webpack.RuntimeModule {\n    appName: string;\n\n    constructor(appName: string) {\n      super('remote-webpack-require');\n      this.appName = appName;\n    }\n\n    generate(): null | string {\n      return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__[\"${this.appName}\"] = __webpack_require__;`;\n    }\n  };\n}\n","import type { Compiler, RuntimeModule } from 'webpack';\nimport { createRemoteWebpackRequireRuntimeModule } from './remote-webpack-require-runtime-module';\n\nexport class RemoteWebpackRequirePlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const RemoteWebpackRequireRuntimeModule =\n      createRemoteWebpackRequireRuntimeModule(compiler.webpack);\n\n    compiler.hooks.thisCompilation.tap(\n      'RemoteWebpackRequirePlugin',\n      (compilation) => {\n        compilation.hooks.runtimeRequirementInTree\n          .for('__webpack_require__')\n          .tap('RemoteWebpackRequirePlugin', (chunk) => {\n            compilation.addRuntimeModule(\n              chunk,\n              new RemoteWebpackRequireRuntimeModule(\n                this.appName,\n              ) as unknown as RuntimeModule,\n            );\n          });\n      },\n    );\n  }\n}\n"],"mappings":"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","names":["import_node_path","import_node_path","enhancedResolve","TsConfigPathsWebpackPlugin"]}

package/dist/next/config.js

@@ -1,6 +1,6 @@
 // src/next/config/index.ts
-import { basename, dirname, join as join2, relative as relative2 } from "node:path";
 import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { basename, dirname, join as join2, relative as relative2 } from "node:path";
 import enhancedResolve from "enhanced-resolve";
 import { findUpSync } from "find-up";
 import { configSchema } from "next/dist/server/config-schema.js";
@@ -9,37 +9,37 @@ import TsConfigPathsWebpackPlugin from "tsconfig-paths-webpack-plugin";
 // src/next/config/webpack/index.ts
 import { join } from "node:path";
 
-// src/next/config/webpack/plugins/remote-webpack-require-runtime-module.ts
-function createRemoteWebpackRequireRuntimeModule(webpack) {
-  return class RemoteWebpackRequireRuntimeModule extends webpack.RuntimeModule {
-    constructor(appName) {
-      super("remote-webpack-require");
-      this.appName = appName;
-    }
-    generate() {
-      return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__["${this.appName}"] = __webpack_require__;`;
-    }
-  };
-}
-
-// src/next/config/webpack/plugins/remote-webpack-require.ts
-var RemoteWebpackRequirePlugin = class {
+// src/next/config/webpack/plugins/conditional-exec.ts
+var ConditionalExecPlugin = class {
+  appName;
   constructor(appName) {
     this.appName = appName;
   }
   apply(compiler) {
-    const RemoteWebpackRequireRuntimeModule = createRemoteWebpackRequireRuntimeModule(compiler.webpack);
+    const { Compilation, sources } = compiler.webpack;
     compiler.hooks.thisCompilation.tap(
-      "RemoteWebpackRequirePlugin",
+      "ConditionalExecPlugin",
       (compilation) => {
-        compilation.hooks.runtimeRequirementInTree.for("__webpack_require__").tap("RemoteWebpackRequirePlugin", (chunk) => {
-          compilation.addRuntimeModule(
-            chunk,
-            new RemoteWebpackRequireRuntimeModule(
-              this.appName
-            )
-          );
-        });
+        compilation.hooks.processAssets.tap(
+          {
+            name: "ConditionalExecPlugin",
+            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
+          },
+          (assets) => {
+            for (const [name, source] of Object.entries(assets)) {
+              if (name.endsWith(".js")) {
+                const patchedSource = source.source().toString().replace(
+                  `var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))`,
+                  `var __webpack_exec__ = (moduleId) => { if (globalThis.__DISABLE_WEBPACK_EXEC__ && globalThis.__DISABLE_WEBPACK_EXEC__["${this.appName}"]) return; return __webpack_require__(__webpack_require__.s = moduleId); }`
+                );
+                compilation.updateAsset(
+                  name,
+                  new sources.RawSource(patchedSource)
+                );
+              }
+            }
+          }
+        );
       }
     );
   }
@@ -51,6 +51,8 @@ import { relative } from "node:path";
 // src/next/config/webpack/plugins/module-id-embed-runtime-module.ts
 function createModuleIdEmbedRuntimeModule(webpack) {
   return class ModuleIdEmbedRuntimeModule extends webpack.RuntimeModule {
+    appName;
+    moduleMap;
     constructor(appName, moduleMap) {
       super("remote-webpack-module-id-embed");
       this.appName = appName;
@@ -65,6 +67,7 @@ function createModuleIdEmbedRuntimeModule(webpack) {
 // src/next/config/webpack/plugins/module-id-embed.ts
 var cwd = process.cwd();
 var ModuleIdEmbedPlugin = class {
+  appName;
   constructor(appName) {
     this.appName = appName;
   }
@@ -117,43 +120,9 @@ var ModuleIdEmbedPlugin = class {
   }
 };
 
-// src/next/config/webpack/plugins/conditional-exec.ts
-var ConditionalExecPlugin = class {
-  constructor(appName) {
-    this.appName = appName;
-  }
-  apply(compiler) {
-    const { Compilation, sources } = compiler.webpack;
-    compiler.hooks.thisCompilation.tap(
-      "ConditionalExecPlugin",
-      (compilation) => {
-        compilation.hooks.processAssets.tap(
-          {
-            name: "ConditionalExecPlugin",
-            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
-          },
-          (assets) => {
-            for (const [name, source] of Object.entries(assets)) {
-              if (name.endsWith(".js")) {
-                const patchedSource = source.source().toString().replace(
-                  `var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))`,
-                  `var __webpack_exec__ = (moduleId) => { if (globalThis.__DISABLE_WEBPACK_EXEC__ && globalThis.__DISABLE_WEBPACK_EXEC__["${this.appName}"]) return; return __webpack_require__(__webpack_require__.s = moduleId); }`
-                );
-                compilation.updateAsset(
-                  name,
-                  new sources.RawSource(patchedSource)
-                );
-              }
-            }
-          }
-        );
-      }
-    );
-  }
-};
-
 // src/next/config/webpack/plugins/patch-require.ts
 var PatchRequirePlugin = class {
+  appName;
   constructor(appName) {
     this.appName = appName;
   }
@@ -220,6 +189,44 @@ __webpack_require__.e = function __remote_webpack_require_e__(chunkId) {
   }
 };
 
+// src/next/config/webpack/plugins/remote-webpack-require-runtime-module.ts
+function createRemoteWebpackRequireRuntimeModule(webpack) {
+  return class RemoteWebpackRequireRuntimeModule extends webpack.RuntimeModule {
+    appName;
+    constructor(appName) {
+      super("remote-webpack-require");
+      this.appName = appName;
+    }
+    generate() {
+      return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__["${this.appName}"] = __webpack_require__;`;
+    }
+  };
+}
+
+// src/next/config/webpack/plugins/remote-webpack-require.ts
+var RemoteWebpackRequirePlugin = class {
+  appName;
+  constructor(appName) {
+    this.appName = appName;
+  }
+  apply(compiler) {
+    const RemoteWebpackRequireRuntimeModule = createRemoteWebpackRequireRuntimeModule(compiler.webpack);
+    compiler.hooks.thisCompilation.tap(
+      "RemoteWebpackRequirePlugin",
+      (compilation) => {
+        compilation.hooks.runtimeRequirementInTree.for("__webpack_require__").tap("RemoteWebpackRequirePlugin", (chunk) => {
+          compilation.addRuntimeModule(
+            chunk,
+            new RemoteWebpackRequireRuntimeModule(
+              this.appName
+            )
+          );
+        });
+      }
+    );
+  }
+};
+
 // src/next/config/webpack/index.ts
 function transform(nextConfig, {
   app,
@@ -261,28 +268,23 @@ function transform(nextConfig, {
 function withRemoteComponents(nextConfig, options) {
   const virtualRemoteComponentAppSharedRemote = join2(
     process.cwd(),
-    nextConfig.distDir ?? ".next",
-    "remote-components/shared/app-remote.tsx"
+    ".remote-components/shared/app-remote.tsx"
   );
   const virtualRemoteComponentPagesSharedRemote = join2(
     process.cwd(),
-    nextConfig.distDir ?? ".next",
-    "remote-components/shared/pages-remote.tsx"
+    ".remote-components/shared/pages-remote.tsx"
   );
   const virtualRemoteComponentConfigWrapper = join2(
     process.cwd(),
-    nextConfig.distDir ?? ".next",
-    "remote-components/shared/config-wrapper.ts"
+    ".remote-components/shared/config-wrapper.ts"
   );
   const virtualRemoteComponentAppSharedHost = join2(
     process.cwd(),
-    nextConfig.distDir ?? ".next",
-    "remote-components/shared/app-host.tsx"
+    ".remote-components/shared/app-host.tsx"
   );
   const virtualRemoteComponentPagesSharedHost = join2(
     process.cwd(),
-    nextConfig.distDir ?? ".next",
-    "remote-components/shared/pages-host.tsx"
+    ".remote-components/shared/pages-host.tsx"
   );
   const appShared = /* @__PURE__ */ new Set([
     ...[
@@ -338,8 +340,30 @@ function withRemoteComponents(nextConfig, options) {
       ]
     } : {}
   });
+  let packageJson = {
+    name: basename(process.cwd()),
+    type: "module"
+  };
+  try {
+    const packageJsonPath = findUpSync("package.json", {
+      cwd: process.cwd()
+    });
+    if (packageJsonPath) {
+      packageJson = {
+        ...packageJson,
+        ...JSON.parse(readFileSync(packageJsonPath, "utf8"))
+      };
+    }
+  } catch {
+  }
+  let exportPre = "export const shared = { ";
+  let exportPost = "};\n";
+  if (packageJson.type !== "module") {
+    exportPre = "module.exports = { shared: { ";
+    exportPost = "} };\n";
+  }
   const generateSharedRemote = (sharedRemote) => `'use client';
-module.exports = { shared: { ${Array.from(sharedRemote).reduce((acc, curr) => {
+${exportPre}${Array.from(sharedRemote).reduce((acc, curr) => {
     let path;
     try {
       path = resolve(process.cwd(), curr);
@@ -358,14 +382,12 @@ module.exports = { shared: { ${Array.from(sharedRemote).reduce((acc, curr) => {
       `['__remote_shared_module_${curr}']: () => import('${curr}'),`
     );
     return acc;
-  }, []).join("\n")} } };
-`;
+  }, []).join("\n")}${exportPost}`;
   const generateSharedHost = (sharedHost) => `'use client';
-module.exports = { shared: { ${Array.from(sharedHost).reduce((acc, curr) => {
+${exportPre}${Array.from(sharedHost).reduce((acc, curr) => {
     acc.push(`['${curr}']: () => import('${curr}'),`);
     return acc;
-  }, []).join("\n")} } };
-`;
+  }, []).join("\n")}${exportPost}`;
   const appSharedRemote = generateSharedRemote(appShared);
   const pagesSharedRemote = generateSharedRemote(pagesShared);
   const appSharedHost = generateSharedHost(appShared);
@@ -443,15 +465,7 @@ module.exports = { shared: { ${Array.from(sharedHost).reduce((acc, curr) => {
     }
   }
   if (!projectId) {
-    const packageJsonPath = findUpSync("package.json", {
-      cwd: process.cwd()
-    });
-    if (packageJsonPath) {
-      const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf8"));
-      projectId = packageJson.name || basename(process.cwd());
-    } else {
-      projectId = basename(process.cwd());
-    }
+    projectId = packageJson.name;
   }
   process.env.REMOTE_COMPONENTS_PROJECT_ID = projectId;
   if (process.env.TURBOPACK) {

package/dist/next/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/next/config/index.ts","../../src/next/config/webpack/index.ts","../../src/next/config/webpack/plugins/remote-webpack-require-runtime-module.ts","../../src/next/config/webpack/plugins/remote-webpack-require.ts","../../src/next/config/webpack/plugins/module-id-embed.ts","../../src/next/config/webpack/plugins/module-id-embed-runtime-module.ts","../../src/next/config/webpack/plugins/conditional-exec.ts","../../src/next/config/webpack/plugins/patch-require.ts"],"sourcesContent":["import { basename, dirname, join, relative } from 'node:path';\nimport { existsSync, mkdirSync, readFileSync, writeFileSync } from 'node:fs';\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 { transform as webpackTransform } from './webpack';\n\ninterface ZodSchema {\n  safeParse: (data: unknown) => { success: boolean };\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`, 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 { withRemoteComponents } from 'remote-components/next/config';\n *\n * const nextConfig = {\n *   // your Next.js configuration\n * };\n *\n * export default withRemoteComponents(\n *   withMicrofrontends(nextConfig),\n *   {\n *     shared: ['some-package', 'another-package'],\n *   },\n * );\n * ```\n */\nexport function withRemoteComponents(\n  nextConfig: NextConfig,\n  options?: WithRemoteComponentsOptions,\n) {\n  const virtualRemoteComponentAppSharedRemote = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/app-remote.tsx',\n  );\n  const virtualRemoteComponentPagesSharedRemote = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/pages-remote.tsx',\n  );\n  const virtualRemoteComponentConfigWrapper = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/config-wrapper.ts',\n  );\n  const virtualRemoteComponentAppSharedHost = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/app-host.tsx',\n  );\n  const virtualRemoteComponentPagesSharedHost = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/pages-host.tsx',\n  );\n\n  const appShared = new Set([\n    ...[\n      'react',\n      'react/jsx-dev-runtime',\n      'react/jsx-runtime',\n      'react-dom',\n      'react-dom/client',\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/image',\n      'next/dist/client/image-component',\n      'next/dist/api/image',\n      'next/script',\n      'next/dist/client/script',\n      'next/dist/build/polyfills/process',\n    ],\n    ...(options?.shared ?? []),\n  ]);\n  const pagesShared = new Set([\n    ...[\n      'react',\n      'react/jsx-dev-runtime',\n      'react/jsx-runtime',\n      'react-dom',\n      'react-dom/client',\n      'next/router',\n      'next/link',\n      'next/image',\n      'next/script',\n      'next/form',\n    ],\n    ...(options?.shared ?? []),\n  ]);\n\n  const vendorShared: Record<string, string> = {\n    react: `'/react/index.js'`,\n    'react/jsx-dev-runtime': `'/react/jsx-dev-runtime.js'`,\n    'react/jsx-runtime': `'/react/jsx-runtime.js'`,\n    'react-dom': `'/react-dom/index.js'`,\n  };\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 generateSharedRemote = (sharedRemote: Set<string>) =>\n    `'use client';\\nmodule.exports = { shared: { ${Array.from(sharedRemote)\n      .reduce<string[]>((acc, curr) => {\n        let path;\n        try {\n          path = resolve(process.cwd(), curr);\n          if (path) {\n            path = relative(process.cwd(), path).replace(\n              /^(?<relative>\\.\\.\\/)+/,\n              '',\n            );\n          }\n        } catch {\n          // noop\n          // if module resolution using enhanced-resolve fails, fallback to require.resolve called in the shared/remote file\n        }\n        acc.push(\n          `[${vendorShared[curr] ?? (path ? `'${path}'` : `require.resolve('${curr}')`)}]: '${curr}',`,\n        );\n        acc.push(\n          `['__remote_shared_module_${curr}']: () => import('${curr}'),`,\n        );\n        return acc;\n      }, [])\n      .join('\\n')} } };\\n`;\n  const generateSharedHost = (sharedHost: Set<string>) =>\n    `'use client';\\nmodule.exports = { shared: { ${Array.from(sharedHost)\n      .reduce<string[]>((acc, curr) => {\n        acc.push(`['${curr}']: () => import('${curr}'),`);\n        return acc;\n      }, [])\n      .join('\\n')} } };\\n`;\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(\n      virtualRemoteComponentConfigWrapper,\n      '// withRemoteComponents enabled',\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/next',\n    'remote-components/next/remote',\n    'remote-components/next/host',\n    'remote-components/next/host/pages-router',\n    'remote-components/next/host/client',\n    'remote-components/shared/remote/app',\n    'remote-components/shared/remote/pages',\n    'remote-components/shared/host/app',\n    'remote-components/shared/host/pages',\n  ];\n\n  const alias = {\n    'remote-components/shared/remote/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedRemote,\n    )}`,\n    'remote-components/shared/remote/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedRemote,\n    )}`,\n    'remote-components/shared/remote/wrapper': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentConfigWrapper,\n    )}`,\n    'remote-components/shared/host/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedHost,\n    )}`,\n    'remote-components/shared/host/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedHost,\n    )}`,\n  };\n\n  let projectId =\n    process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n    process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n    process.env.VERCEL_PROJECT_ID;\n\n  if (!projectId) {\n    try {\n      const projectPath = findUpSync('.vercel/project.json', {\n        cwd: process.cwd(),\n      });\n      if (projectPath) {\n        projectId = (\n          JSON.parse(readFileSync(projectPath, 'utf8')) as { projectId: string }\n        ).projectId;\n      }\n    } catch {\n      // fallback to env‑var above\n    }\n  }\n\n  if (!projectId) {\n    const packageJsonPath = findUpSync('package.json', {\n      cwd: process.cwd(),\n    });\n    if (packageJsonPath) {\n      const packageJson = JSON.parse(readFileSync(packageJsonPath, 'utf8')) as {\n        name?: string;\n      };\n      projectId = packageJson.name || basename(process.cwd());\n    } else {\n      projectId = basename(process.cwd());\n    }\n  }\n\n  process.env.REMOTE_COMPONENTS_PROJECT_ID = projectId;\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      // eslint-disable-next-line no-console\n      console.error(\n        'You need to use a Next.js version which supports the `turbopack` and `compiler.defineServer` configuration for Turbopack support with Remote Components.',\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 { join } from 'node:path';\nimport type { NextConfig } from 'next';\nimport type { WebpackOptionsNormalized } from 'webpack';\nimport { RemoteWebpackRequirePlugin } from './plugins/remote-webpack-require';\nimport { ModuleIdEmbedPlugin } from './plugins/module-id-embed';\nimport { ConditionalExecPlugin } from './plugins/conditional-exec';\nimport { PatchRequirePlugin } from './plugins/patch-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),\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","export function createRemoteWebpackRequireRuntimeModule(webpack: {\n  RuntimeModule: new (name: string, stage?: number) => object;\n}) {\n  return class RemoteWebpackRequireRuntimeModule extends webpack.RuntimeModule {\n    appName: string;\n\n    constructor(appName: string) {\n      super('remote-webpack-require');\n      this.appName = appName;\n    }\n\n    generate(): null | string {\n      return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__[\"${this.appName}\"] = __webpack_require__;`;\n    }\n  };\n}\n","import type { Compiler, RuntimeModule } from 'webpack';\nimport { createRemoteWebpackRequireRuntimeModule } from './remote-webpack-require-runtime-module';\n\nexport class RemoteWebpackRequirePlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const RemoteWebpackRequireRuntimeModule =\n      createRemoteWebpackRequireRuntimeModule(compiler.webpack);\n\n    compiler.hooks.thisCompilation.tap(\n      'RemoteWebpackRequirePlugin',\n      (compilation) => {\n        compilation.hooks.runtimeRequirementInTree\n          .for('__webpack_require__')\n          .tap('RemoteWebpackRequirePlugin', (chunk) => {\n            compilation.addRuntimeModule(\n              chunk,\n              new RemoteWebpackRequireRuntimeModule(\n                this.appName,\n              ) as unknown as RuntimeModule,\n            );\n          });\n      },\n    );\n  }\n}\n","import { relative } from 'node:path';\nimport type { NormalModule, Compiler, RuntimeModule } from 'webpack';\nimport { createModuleIdEmbedRuntimeModule } from './module-id-embed-runtime-module';\n\nconst cwd = process.cwd();\n\nexport class ModuleIdEmbedPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const ModuleIdEmbedRuntimeModule = createModuleIdEmbedRuntimeModule(\n      compiler.webpack,\n    );\n\n    compiler.hooks.thisCompilation.tap('ModuleIdEmbedPlugin', (compilation) => {\n      const moduleMap = {} as Record<string, string | number>;\n\n      compilation.hooks.runtimeRequirementInTree\n        .for(compiler.webpack.RuntimeGlobals.require)\n        .tap('ModuleIdEmbedPlugin', (chunk, set) => {\n          for (const [key, entry] of compilation.entrypoints) {\n            for (const entryChunk of entry.chunks) {\n              if (key.includes('nextjs-pages-remote')) {\n                for (const mod of compilation.chunkGraph.getChunkModulesIterable(\n                  entryChunk,\n                )) {\n                  const id = compilation.chunkGraph.getModuleId(mod);\n                  const normalModule = mod as NormalModule;\n                  if (id && (normalModule.resource || normalModule.request)) {\n                    moduleMap[\n                      relative(\n                        cwd,\n                        normalModule.resource || normalModule.request,\n                      )\n                    ] = id;\n                  }\n                }\n              }\n            }\n          }\n          for (const mod of compilation.modules) {\n            const id = compilation.chunkGraph.getModuleId(mod);\n            if (id && mod.layer?.endsWith('browser')) {\n              const normalModule = mod as NormalModule;\n              if (normalModule.resource || normalModule.request) {\n                moduleMap[\n                  relative(cwd, normalModule.resource || normalModule.request)\n                ] = id;\n              }\n            }\n          }\n\n          if (Object.keys(moduleMap).length > 0) {\n            compilation.addRuntimeModule(\n              chunk,\n              new ModuleIdEmbedRuntimeModule(\n                this.appName,\n                moduleMap,\n              ) as unknown as RuntimeModule,\n            );\n\n            set.add(compiler.webpack.RuntimeGlobals.require);\n          }\n        });\n    });\n  }\n}\n","export function createModuleIdEmbedRuntimeModule(webpack: {\n  RuntimeModule: new (name: string, stage?: number) => object;\n}) {\n  return class ModuleIdEmbedRuntimeModule extends webpack.RuntimeModule {\n    appName: string;\n    moduleMap: Record<string | number, unknown>;\n\n    constructor(appName: string, moduleMap: Record<string | number, unknown>) {\n      super('remote-webpack-module-id-embed');\n      this.appName = appName;\n      this.moduleMap = moduleMap;\n    }\n\n    generate(): null | string {\n      return `globalThis.__remote_webpack_module_map__ = globalThis.__remote_webpack_module_map__ || {}; globalThis.__remote_webpack_module_map__[\"${this.appName}\"] = ${JSON.stringify(this.moduleMap)};`;\n    }\n  };\n}\n","import type { Compiler } from 'webpack';\n\nexport class ConditionalExecPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const { Compilation, sources } = compiler.webpack;\n\n    compiler.hooks.thisCompilation.tap(\n      'ConditionalExecPlugin',\n      (compilation) => {\n        compilation.hooks.processAssets.tap(\n          {\n            name: 'ConditionalExecPlugin',\n            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,\n          },\n          (assets) => {\n            for (const [name, source] of Object.entries(assets)) {\n              if (name.endsWith('.js')) {\n                const patchedSource = source\n                  .source()\n                  .toString()\n                  .replace(\n                    `var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))`,\n                    `var __webpack_exec__ = (moduleId) => { if (globalThis.__DISABLE_WEBPACK_EXEC__ && globalThis.__DISABLE_WEBPACK_EXEC__[\"${this.appName}\"]) return; return __webpack_require__(__webpack_require__.s = moduleId); }`,\n                  );\n                compilation.updateAsset(\n                  name,\n                  new sources.RawSource(patchedSource),\n                );\n              }\n            }\n          },\n        );\n      },\n    );\n  }\n}\n","import type { Compiler } from 'webpack';\n\n// This plugin patches the webpack require function to support loading remote components in Next.js\nexport class PatchRequirePlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const { sources } = compiler.webpack;\n\n    compiler.hooks.thisCompilation.tap('PatchRequirePlugin', (compilation) => {\n      compilation.mainTemplate.hooks.requireExtensions.tap(\n        'PatchRequirePlugin',\n        (source) => {\n          return new sources.ConcatSource(\n            source,\n            `const __webpack_require_orig__ = __webpack_require__;\nconst REMOTE_RE = /\\\\[(?<bundle>[^\\\\]]+)\\\\] (?<id>.*)/;\n__webpack_require__ = function __remote_webpack_require__(remoteId) {\n    const match = REMOTE_RE.exec(remoteId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_orig__(remoteId);\n    }\n    if (typeof self.__remote_webpack_require__?.[bundle] !== 'function') {\n        const error = new Error(\\`Remote Components are not available in \"\\${bundle}\". Did you forget to wrap the Next.js config with \\\\\\`withRemoteComponents\\\\\\` on both host and remote?\\`);\n        error.name = 'RemoteComponentsError';\n        error.code = 'REMOTE_COMPONENTS_ERROR';\n        throw error;\n    }\n    return self.__remote_webpack_require__[bundle](self.__remote_webpack_require__[bundle].type === 'turbopack' ? remoteId : id);\n};\nObject.assign(__webpack_require__, __webpack_require_orig__);\nconst __webpack_require_l__ = __webpack_require__.l;\n__webpack_require__.l = function __remote_webpack_require_l__(url, done, key, chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_l__(new URL(url, globalThis.__remote_bundle_url__?.[\"${this.appName}\"] ?? location.origin).href, done, key, chunkId);\n    }\n    return done();\n};\nconst __webpack_require_o__ = __webpack_require__.o;\n__webpack_require__.o = function __remote_webpack_require_o__(installedChunks, chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_o__(installedChunks, chunkId);\n    }\n    return installedChunks[chunkId] = 0;\n};\nconst __webpack_require_e__ = __webpack_require__.e;\n__webpack_require__.e = function __remote_webpack_require_e__(chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_e__(chunkId);\n    }\n    return Promise.resolve([]);\n};`,\n          )\n            .source()\n            .toString();\n        },\n      );\n    });\n  }\n}\n"],"mappings":"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","names":["join","relative","join","relative"]}
+{"version":3,"sources":["../../src/next/config/index.ts","../../src/next/config/webpack/index.ts","../../src/next/config/webpack/plugins/conditional-exec.ts","../../src/next/config/webpack/plugins/module-id-embed.ts","../../src/next/config/webpack/plugins/module-id-embed-runtime-module.ts","../../src/next/config/webpack/plugins/patch-require.ts","../../src/next/config/webpack/plugins/remote-webpack-require-runtime-module.ts","../../src/next/config/webpack/plugins/remote-webpack-require.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 { transform as webpackTransform } from './webpack';\n\ninterface ZodSchema {\n  safeParse: (data: unknown) => { success: boolean };\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`, 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 { withRemoteComponents } from 'remote-components/next/config';\n *\n * const nextConfig = {\n *   // your Next.js configuration\n * };\n *\n * export default withRemoteComponents(\n *   withMicrofrontends(nextConfig),\n *   {\n *     shared: ['some-package', 'another-package'],\n *   },\n * );\n * ```\n */\nexport function withRemoteComponents(\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 virtualRemoteComponentConfigWrapper = join(\n    process.cwd(),\n    '.remote-components/shared/config-wrapper.ts',\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    ...[\n      'react',\n      'react/jsx-dev-runtime',\n      'react/jsx-runtime',\n      'react-dom',\n      'react-dom/client',\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/image',\n      'next/dist/client/image-component',\n      'next/dist/api/image',\n      'next/script',\n      'next/dist/client/script',\n      'next/dist/build/polyfills/process',\n    ],\n    ...(options?.shared ?? []),\n  ]);\n  const pagesShared = new Set([\n    ...[\n      'react',\n      'react/jsx-dev-runtime',\n      'react/jsx-runtime',\n      'react-dom',\n      'react-dom/client',\n      'next/router',\n      'next/link',\n      'next/image',\n      'next/script',\n      'next/form',\n    ],\n    ...(options?.shared ?? []),\n  ]);\n\n  const vendorShared: Record<string, string> = {\n    react: `'/react/index.js'`,\n    'react/jsx-dev-runtime': `'/react/jsx-dev-runtime.js'`,\n    'react/jsx-runtime': `'/react/jsx-runtime.js'`,\n    'react-dom': `'/react-dom/index.js'`,\n  };\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  let packageJson = {\n    name: basename(process.cwd()),\n    type: 'module',\n  };\n  try {\n    const packageJsonPath = findUpSync('package.json', {\n      cwd: process.cwd(),\n    });\n    if (packageJsonPath) {\n      packageJson = {\n        ...packageJson,\n        ...(JSON.parse(readFileSync(packageJsonPath, 'utf8')) as {\n          name: string;\n          type: string;\n        }),\n      };\n    }\n  } catch {\n    // noop\n  }\n\n  let exportPre = 'export const shared = { ';\n  let exportPost = '};\\n';\n\n  if (packageJson.type !== 'module') {\n    exportPre = 'module.exports = { shared: { ';\n    exportPost = '} };\\n';\n  }\n\n  const generateSharedRemote = (sharedRemote: Set<string>) =>\n    `'use client';\\n${exportPre}${Array.from(sharedRemote)\n      .reduce<string[]>((acc, curr) => {\n        let path;\n        try {\n          path = resolve(process.cwd(), curr);\n          if (path) {\n            path = relative(process.cwd(), path).replace(\n              /^(?<relative>\\.\\.\\/)+/,\n              '',\n            );\n          }\n        } catch {\n          // noop\n          // if module resolution using enhanced-resolve fails, fallback to require.resolve called in the shared/remote file\n        }\n        acc.push(\n          `[${vendorShared[curr] ?? (path ? `'${path}'` : `require.resolve('${curr}')`)}]: '${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(\n      virtualRemoteComponentConfigWrapper,\n      '// withRemoteComponents enabled',\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/next',\n    'remote-components/next/remote',\n    'remote-components/next/host',\n    'remote-components/next/host/pages-router',\n    'remote-components/next/host/client',\n    'remote-components/shared/remote/app',\n    'remote-components/shared/remote/pages',\n    'remote-components/shared/host/app',\n    'remote-components/shared/host/pages',\n  ];\n\n  const alias = {\n    'remote-components/shared/remote/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedRemote,\n    )}`,\n    'remote-components/shared/remote/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedRemote,\n    )}`,\n    'remote-components/shared/remote/wrapper': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentConfigWrapper,\n    )}`,\n    'remote-components/shared/host/app': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentAppSharedHost,\n    )}`,\n    'remote-components/shared/host/pages': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentPagesSharedHost,\n    )}`,\n  };\n\n  let projectId =\n    process.env.REMOTE_COMPONENTS_PROJECT_ID ||\n    process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION ||\n    process.env.VERCEL_PROJECT_ID;\n\n  if (!projectId) {\n    try {\n      const projectPath = findUpSync('.vercel/project.json', {\n        cwd: process.cwd(),\n      });\n      if (projectPath) {\n        projectId = (\n          JSON.parse(readFileSync(projectPath, 'utf8')) as { projectId: string }\n        ).projectId;\n      }\n    } catch {\n      // fallback to env‑var above\n    }\n  }\n\n  if (!projectId) {\n    projectId = packageJson.name;\n  }\n\n  process.env.REMOTE_COMPONENTS_PROJECT_ID = projectId;\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      // eslint-disable-next-line no-console\n      console.error(\n        'You need to use a Next.js version which supports the `turbopack` and `compiler.defineServer` configuration for Turbopack support with Remote Components.',\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 { 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),\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","import type { Compiler } from 'webpack';\n\nexport class ConditionalExecPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const { Compilation, sources } = compiler.webpack;\n\n    compiler.hooks.thisCompilation.tap(\n      'ConditionalExecPlugin',\n      (compilation) => {\n        compilation.hooks.processAssets.tap(\n          {\n            name: 'ConditionalExecPlugin',\n            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,\n          },\n          (assets) => {\n            for (const [name, source] of Object.entries(assets)) {\n              if (name.endsWith('.js')) {\n                const patchedSource = source\n                  .source()\n                  .toString()\n                  .replace(\n                    `var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))`,\n                    `var __webpack_exec__ = (moduleId) => { if (globalThis.__DISABLE_WEBPACK_EXEC__ && globalThis.__DISABLE_WEBPACK_EXEC__[\"${this.appName}\"]) return; return __webpack_require__(__webpack_require__.s = moduleId); }`,\n                  );\n                compilation.updateAsset(\n                  name,\n                  new sources.RawSource(patchedSource),\n                );\n              }\n            }\n          },\n        );\n      },\n    );\n  }\n}\n","import { relative } from 'node:path';\nimport type { Compiler, NormalModule, RuntimeModule } from 'webpack';\nimport { createModuleIdEmbedRuntimeModule } from './module-id-embed-runtime-module';\n\nconst cwd = process.cwd();\n\nexport class ModuleIdEmbedPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const ModuleIdEmbedRuntimeModule = createModuleIdEmbedRuntimeModule(\n      compiler.webpack,\n    );\n\n    compiler.hooks.thisCompilation.tap('ModuleIdEmbedPlugin', (compilation) => {\n      const moduleMap = {} as Record<string, string | number>;\n\n      compilation.hooks.runtimeRequirementInTree\n        .for(compiler.webpack.RuntimeGlobals.require)\n        .tap('ModuleIdEmbedPlugin', (chunk, set) => {\n          for (const [key, entry] of compilation.entrypoints) {\n            for (const entryChunk of entry.chunks) {\n              if (key.includes('nextjs-pages-remote')) {\n                for (const mod of compilation.chunkGraph.getChunkModulesIterable(\n                  entryChunk,\n                )) {\n                  const id = compilation.chunkGraph.getModuleId(mod);\n                  const normalModule = mod as NormalModule;\n                  if (id && (normalModule.resource || normalModule.request)) {\n                    moduleMap[\n                      relative(\n                        cwd,\n                        normalModule.resource || normalModule.request,\n                      )\n                    ] = id;\n                  }\n                }\n              }\n            }\n          }\n          for (const mod of compilation.modules) {\n            const id = compilation.chunkGraph.getModuleId(mod);\n            if (id && mod.layer?.endsWith('browser')) {\n              const normalModule = mod as NormalModule;\n              if (normalModule.resource || normalModule.request) {\n                moduleMap[\n                  relative(cwd, normalModule.resource || normalModule.request)\n                ] = id;\n              }\n            }\n          }\n\n          if (Object.keys(moduleMap).length > 0) {\n            compilation.addRuntimeModule(\n              chunk,\n              new ModuleIdEmbedRuntimeModule(\n                this.appName,\n                moduleMap,\n              ) as unknown as RuntimeModule,\n            );\n\n            set.add(compiler.webpack.RuntimeGlobals.require);\n          }\n        });\n    });\n  }\n}\n","export function createModuleIdEmbedRuntimeModule(webpack: {\n  RuntimeModule: new (name: string, stage?: number) => object;\n}) {\n  return class ModuleIdEmbedRuntimeModule extends webpack.RuntimeModule {\n    appName: string;\n    moduleMap: Record<string | number, unknown>;\n\n    constructor(appName: string, moduleMap: Record<string | number, unknown>) {\n      super('remote-webpack-module-id-embed');\n      this.appName = appName;\n      this.moduleMap = moduleMap;\n    }\n\n    generate(): null | string {\n      return `globalThis.__remote_webpack_module_map__ = globalThis.__remote_webpack_module_map__ || {}; globalThis.__remote_webpack_module_map__[\"${this.appName}\"] = ${JSON.stringify(this.moduleMap)};`;\n    }\n  };\n}\n","import type { Compiler } from 'webpack';\n\n// This plugin patches the webpack require function to support loading remote components in Next.js\nexport class PatchRequirePlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const { sources } = compiler.webpack;\n\n    compiler.hooks.thisCompilation.tap('PatchRequirePlugin', (compilation) => {\n      compilation.mainTemplate.hooks.requireExtensions.tap(\n        'PatchRequirePlugin',\n        (source) => {\n          return new sources.ConcatSource(\n            source,\n            `const __webpack_require_orig__ = __webpack_require__;\nconst REMOTE_RE = /\\\\[(?<bundle>[^\\\\]]+)\\\\] (?<id>.*)/;\n__webpack_require__ = function __remote_webpack_require__(remoteId) {\n    const match = REMOTE_RE.exec(remoteId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_orig__(remoteId);\n    }\n    if (typeof self.__remote_webpack_require__?.[bundle] !== 'function') {\n        const error = new Error(\\`Remote Components are not available in \"\\${bundle}\". Did you forget to wrap the Next.js config with \\\\\\`withRemoteComponents\\\\\\` on both host and remote?\\`);\n        error.name = 'RemoteComponentsError';\n        error.code = 'REMOTE_COMPONENTS_ERROR';\n        throw error;\n    }\n    return self.__remote_webpack_require__[bundle](self.__remote_webpack_require__[bundle].type === 'turbopack' ? remoteId : id);\n};\nObject.assign(__webpack_require__, __webpack_require_orig__);\nconst __webpack_require_l__ = __webpack_require__.l;\n__webpack_require__.l = function __remote_webpack_require_l__(url, done, key, chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_l__(new URL(url, globalThis.__remote_bundle_url__?.[\"${this.appName}\"] ?? location.origin).href, done, key, chunkId);\n    }\n    return done();\n};\nconst __webpack_require_o__ = __webpack_require__.o;\n__webpack_require__.o = function __remote_webpack_require_o__(installedChunks, chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_o__(installedChunks, chunkId);\n    }\n    return installedChunks[chunkId] = 0;\n};\nconst __webpack_require_e__ = __webpack_require__.e;\n__webpack_require__.e = function __remote_webpack_require_e__(chunkId) {\n    const match = REMOTE_RE.exec(chunkId);\n    const bundle = match?.groups?.bundle;\n    const id = match?.groups?.id;\n    if (!(id && bundle)) {\n        return __webpack_require_e__(chunkId);\n    }\n    return Promise.resolve([]);\n};`,\n          )\n            .source()\n            .toString();\n        },\n      );\n    });\n  }\n}\n","export function createRemoteWebpackRequireRuntimeModule(webpack: {\n  RuntimeModule: new (name: string, stage?: number) => object;\n}) {\n  return class RemoteWebpackRequireRuntimeModule extends webpack.RuntimeModule {\n    appName: string;\n\n    constructor(appName: string) {\n      super('remote-webpack-require');\n      this.appName = appName;\n    }\n\n    generate(): null | string {\n      return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__[\"${this.appName}\"] = __webpack_require__;`;\n    }\n  };\n}\n","import type { Compiler, RuntimeModule } from 'webpack';\nimport { createRemoteWebpackRequireRuntimeModule } from './remote-webpack-require-runtime-module';\n\nexport class RemoteWebpackRequirePlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\n    const RemoteWebpackRequireRuntimeModule =\n      createRemoteWebpackRequireRuntimeModule(compiler.webpack);\n\n    compiler.hooks.thisCompilation.tap(\n      'RemoteWebpackRequirePlugin',\n      (compilation) => {\n        compilation.hooks.runtimeRequirementInTree\n          .for('__webpack_require__')\n          .tap('RemoteWebpackRequirePlugin', (chunk) => {\n            compilation.addRuntimeModule(\n              chunk,\n              new RemoteWebpackRequireRuntimeModule(\n                this.appName,\n              ) as unknown as RuntimeModule,\n            );\n          });\n      },\n    );\n  }\n}\n"],"mappings":"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","names":["join","relative","join","relative"]}

package/dist/next/host/app-router-server.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/next/host/app-router-server.tsx"],"sourcesContent":["import { Suspense, Children } from 'react';\nimport { RemoteComponentClient } from '#internal/next/host/app-router-client';\nimport { fetchRemoteComponent } from '#internal/shared/ssr/fetch-remote-component';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport interface RemoteComponentProps {\n  /** The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported. */\n  src: string | URL;\n  /** The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page. */\n  name?: string;\n  /** Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation. */\n  isolate?: boolean;\n  /** The mode of the Shadow DOM. Defaults to `open`. */\n  mode?: 'open' | 'closed';\n  /** Whether to include a CSS reset style in the shadow DOM. Defaults to `false`. */\n  reset?: boolean;\n  /** Headers to use when fetching the remote component, such as authentication headers. */\n  additionalHeaders?: Headers | Record<string, string>;\n  /** Loading fallback content to display while the remote component is being fetched. */\n  children?: React.ReactNode;\n}\n\n/**\n * RemoteComponent is a Next.js component that fetches and renders a remote component.\n * It supports SSR and can isolate the remote component in a shadow DOM.\n *\n * @param src - The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported.\n * @param name - The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page.\n * @param isolate - Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation.\n * @param mode - The mode of the Shadow DOM. Defaults to `open`.\n * @param reset - Whether to include a CSS reset style in the shadow DOM. Defaults to `false`.\n * @param additionalHeaders - Headers to use when fetching the remote component, such as authentication headers.\n * @param children - Loading fallback content to display while the remote component is being fetched.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to consume a remote component from a remote application:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next/host';\n *\n * export default function MyPage() {\n *  return (\n *    <>\n *      <h1>Welcome to My Page</h1>\n *      <p>This page consumes a remote component from another application.</p>\n *      <RemoteComponent src=\"/nextjs-app-remote/components/header\" />\n *    </>\n *  );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  src,\n  name: nameProp,\n  isolate,\n  mode,\n  reset,\n  additionalHeaders,\n  children,\n}: RemoteComponentProps): Promise<React.ReactElement> {\n  const headers = new Headers();\n  for (const [key, value] of additionalHeaders instanceof Headers\n    ? additionalHeaders.entries()\n    : Object.entries(additionalHeaders ?? {})) {\n    headers.set(key, value);\n  }\n\n  const {\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    remoteShared,\n    url,\n  } = await fetchRemoteComponent(src, headers, {\n    name: nameProp,\n    rsc: true,\n  });\n\n  // pass all remote component data to the SSR/client layer\n  // render remote component static HTML as children\n  // remote _ssr suffix from remote component id\n  const name = metadata.id.replace(/_ssr$/, '');\n  const remoteComponentClient = (\n    <RemoteComponentClient\n      bundle={metadata.bundle || (CURRENT_ZONE ?? name)}\n      data={hydrationData}\n      isolate={isolate}\n      links={links}\n      mode={mode}\n      name={name}\n      nextData={nextData}\n      remoteShared={remoteShared}\n      reset={reset}\n      route={metadata.route}\n      runtime={metadata.runtime}\n      scripts={scripts}\n      type={metadata.type}\n      url={url.href}\n    >\n      {component}\n    </RemoteComponentClient>\n  );\n\n  if (Children.count(children) > 0) {\n    // if there are children, render them inside the remote component\n    return <Suspense fallback={children}>{remoteComponentClient}</Suspense>;\n  }\n\n  return remoteComponentClient;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyFI;AAzFJ,mBAAmC;AACnC,+BAAsC;AACtC,oCAAqC;AAErC,MAAM,eAAe,QAAQ,IAAI;AAkDjC,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,UAAU,IAAI,QAAQ;AAC5B,aAAW,CAAC,KAAK,KAAK,KAAK,6BAA6B,UACpD,kBAAkB,QAAQ,IAC1B,OAAO,QAAQ,qBAAqB,CAAC,CAAC,GAAG;AAC3C,YAAQ,IAAI,KAAK,KAAK;AAAA,EACxB;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAM,oDAAqB,KAAK,SAAS;AAAA,IAC3C,MAAM;AAAA,IACN,KAAK;AAAA,EACP,CAAC;AAKD,QAAM,OAAO,SAAS,GAAG,QAAQ,SAAS,EAAE;AAC5C,QAAM,wBACJ;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,WAAW,gBAAgB;AAAA,MAC5C,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,SAAS,SAAS;AAAA,MAClB;AAAA,MACA,MAAM,SAAS;AAAA,MACf,KAAK,IAAI;AAAA,MAER;AAAA;AAAA,EACH;AAGF,MAAI,sBAAS,MAAM,QAAQ,IAAI,GAAG;AAEhC,WAAO,4CAAC,yBAAS,UAAU,UAAW,iCAAsB;AAAA,EAC9D;AAEA,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/next/host/app-router-server.tsx"],"sourcesContent":["import { Children, Suspense } from 'react';\nimport { RemoteComponentClient } from '#internal/next/host/app-router-client';\nimport { fetchRemoteComponent } from '#internal/shared/ssr/fetch-remote-component';\n\nconst CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;\n\nexport interface RemoteComponentProps {\n  /** The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported. */\n  src: string | URL;\n  /** The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page. */\n  name?: string;\n  /** Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation. */\n  isolate?: boolean;\n  /** The mode of the Shadow DOM. Defaults to `open`. */\n  mode?: 'open' | 'closed';\n  /** Whether to include a CSS reset style in the shadow DOM. Defaults to `false`. */\n  reset?: boolean;\n  /** Headers to use when fetching the remote component, such as authentication headers. */\n  additionalHeaders?: Headers | Record<string, string>;\n  /** Loading fallback content to display while the remote component is being fetched. */\n  children?: React.ReactNode;\n}\n\n/**\n * RemoteComponent is a Next.js component that fetches and renders a remote component.\n * It supports SSR and can isolate the remote component in a shadow DOM.\n *\n * @param src - The source URL of the remote component. When using Vercel Microfrontends, you can use relative paths, e.g. `/nextjs-app-remote/components/header`. Absolute URLs are also supported.\n * @param name - The name of the exposed remote component. Used to identify the remote component when multiple remote components are exposed on a page.\n * @param isolate - Whether to isolate the remote component using a Shadow DOM wrapper. Defaults to `true`. Use `false` explicitly to disable isolation.\n * @param mode - The mode of the Shadow DOM. Defaults to `open`.\n * @param reset - Whether to include a CSS reset style in the shadow DOM. Defaults to `false`.\n * @param additionalHeaders - Headers to use when fetching the remote component, such as authentication headers.\n * @param children - Loading fallback content to display while the remote component is being fetched.\n * @returns A React component that renders the remote component.\n *\n * @example\n *\n * Use the `<RemoteComponent>` in your Next.js App Router application to consume a remote component from a remote application:\n *\n * ```tsx\n * import { RemoteComponent } from 'remote-components/next/host';\n *\n * export default function MyPage() {\n *  return (\n *    <>\n *      <h1>Welcome to My Page</h1>\n *      <p>This page consumes a remote component from another application.</p>\n *      <RemoteComponent src=\"/nextjs-app-remote/components/header\" />\n *    </>\n *  );\n * }\n * ```\n */\nexport async function RemoteComponent({\n  src,\n  name: nameProp,\n  isolate,\n  mode,\n  reset,\n  additionalHeaders,\n  children,\n}: RemoteComponentProps): Promise<React.ReactElement> {\n  const headers = new Headers();\n  for (const [key, value] of additionalHeaders instanceof Headers\n    ? additionalHeaders.entries()\n    : Object.entries(additionalHeaders ?? {})) {\n    headers.set(key, value);\n  }\n\n  const {\n    metadata,\n    scripts,\n    links,\n    hydrationData,\n    nextData,\n    component,\n    remoteShared,\n    url,\n  } = await fetchRemoteComponent(src, headers, {\n    name: nameProp,\n    rsc: true,\n  });\n\n  // pass all remote component data to the SSR/client layer\n  // render remote component static HTML as children\n  // remote _ssr suffix from remote component id\n  const name = metadata.id.replace(/_ssr$/, '');\n  const remoteComponentClient = (\n    <RemoteComponentClient\n      bundle={metadata.bundle || (CURRENT_ZONE ?? name)}\n      data={hydrationData}\n      isolate={isolate}\n      links={links}\n      mode={mode}\n      name={name}\n      nextData={nextData}\n      remoteShared={remoteShared}\n      reset={reset}\n      route={metadata.route}\n      runtime={metadata.runtime}\n      scripts={scripts}\n      type={metadata.type}\n      url={url.href}\n    >\n      {component}\n    </RemoteComponentClient>\n  );\n\n  if (Children.count(children) > 0) {\n    // if there are children, render them inside the remote component\n    return <Suspense fallback={children}>{remoteComponentClient}</Suspense>;\n  }\n\n  return remoteComponentClient;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAyFI;AAzFJ,mBAAmC;AACnC,+BAAsC;AACtC,oCAAqC;AAErC,MAAM,eAAe,QAAQ,IAAI;AAkDjC,eAAsB,gBAAgB;AAAA,EACpC;AAAA,EACA,MAAM;AAAA,EACN;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsD;AACpD,QAAM,UAAU,IAAI,QAAQ;AAC5B,aAAW,CAAC,KAAK,KAAK,KAAK,6BAA6B,UACpD,kBAAkB,QAAQ,IAC1B,OAAO,QAAQ,qBAAqB,CAAC,CAAC,GAAG;AAC3C,YAAQ,IAAI,KAAK,KAAK;AAAA,EACxB;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAM,oDAAqB,KAAK,SAAS;AAAA,IAC3C,MAAM;AAAA,IACN,KAAK;AAAA,EACP,CAAC;AAKD,QAAM,OAAO,SAAS,GAAG,QAAQ,SAAS,EAAE;AAC5C,QAAM,wBACJ;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ,SAAS,WAAW,gBAAgB;AAAA,MAC5C,MAAM;AAAA,MACN;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,OAAO,SAAS;AAAA,MAChB,SAAS,SAAS;AAAA,MAClB;AAAA,MACA,MAAM,SAAS;AAAA,MACf,KAAK,IAAI;AAAA,MAER;AAAA;AAAA,EACH;AAGF,MAAI,sBAAS,MAAM,QAAQ,IAAI,GAAG;AAEhC,WAAO,4CAAC,yBAAS,UAAU,UAAW,iCAAsB;AAAA,EAC9D;AAEA,SAAO;AACT;","names":[]}

package/dist/next/host/app-router-server.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { Suspense, Children } from "react";
+import { Children, Suspense } from "react";
 import { RemoteComponentClient } from "#internal/next/host/app-router-client";
 import { fetchRemoteComponent } from "#internal/shared/ssr/fetch-remote-component";
 const CURRENT_ZONE = process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION;