remote-components 0.0.9 → 0.0.11

package/dist/next/config.cjs

@@ -1,7 +1,9 @@
 "use strict";
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -15,6 +17,14 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
 // src/next/config/index.ts
@@ -25,8 +35,10 @@ __export(config_exports, {
 module.exports = __toCommonJS(config_exports);
 var import_node_path3 = require("path");
 var import_node_fs = require("fs");
+var import_enhanced_resolve = __toESM(require("enhanced-resolve"), 1);
 var import_find_up = require("find-up");
 var import_config_schema = require("next/dist/server/config-schema.js");
+var import_tsconfig_paths_webpack_plugin = __toESM(require("tsconfig-paths-webpack-plugin"), 1);
 
 // src/next/config/webpack/index.ts
 var import_node_path2 = require("path");
@@ -303,13 +315,36 @@ function withRemoteComponents(nextConfig, options) {
     "react/jsx-runtime": `'/react/jsx-runtime.js'`,
     "react-dom": `'/react-dom/index.js'`
   };
+  const resolve = import_enhanced_resolve.default.create.sync({
+    conditionNames: ["browser", "import", "module", "require"],
+    ...(0, import_node_fs.existsSync)((0, import_node_path3.join)(process.cwd(), "tsconfig.json")) ? {
+      extensions: [".js", ".jsx", ".ts", ".tsx"],
+      plugins: [
+        new import_tsconfig_paths_webpack_plugin.default({
+          configFile: (0, import_node_path3.join)(process.cwd(), "tsconfig.json")
+        })
+      ]
+    } : {}
+  });
   const sharedRemote = `'use client';
 module.exports = { shared: { ${Array.from(
     shared
   ).reduce((acc, curr) => {
+    let path;
+    try {
+      path = resolve(process.cwd(), curr);
+      if (path) {
+        path = (0, import_node_path3.relative)(process.cwd(), path).replace(
+          /^(?<relative>\.\.\/)+/,
+          ""
+        );
+      }
+    } catch {
+    }
     acc.push(
-      `[${vendorShared[curr] ?? `require.resolve('${curr}')`}]: '${curr}',`
+      `[${vendorShared[curr] ?? (path ? `'${path}'` : `require.resolve('${curr}')`)}]: '${curr}',`
     );
+    acc.push(`['__remote_shared_module_${curr}']: () => import('${curr}'),`);
     return acc;
   }, []).join("\n")} } };
 `;

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 { mkdirSync, readFileSync, writeFileSync } from 'node:fs';\nimport { findUpSync } from 'find-up';\nimport type { NextConfig } from 'next';\nimport { configSchema } from 'next/dist/server/config-schema.js';\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 virtualRemoteComponentSharedRemote = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/remote.tsx',\n  );\n  const virtualRemoteComponentSharedHost = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/host.tsx',\n  );\n\n  const shared = 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/link',\n      'next/form',\n      'next/image',\n      'next/script',\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  const sharedRemote = `'use client';\\nmodule.exports = { shared: { ${Array.from(\n    shared,\n  )\n    .reduce<string[]>((acc, curr) => {\n      acc.push(\n        `[${vendorShared[curr] ?? `require.resolve('${curr}')`}]: '${curr}',`,\n      );\n      return acc;\n    }, [])\n    .join('\\n')} } };\\n`;\n\n  const sharedHost = `'use client';\\nmodule.exports = { shared: { ${Array.from(\n    shared,\n  )\n    .reduce<string[]>((acc, curr) => {\n      acc.push(`['${curr}']: () => import('${curr}'),`);\n      return acc;\n    }, [])\n    .join('\\n')} } };\\n`;\n\n  const emitSharedFiles = () => {\n    mkdirSync(dirname(virtualRemoteComponentSharedRemote), {\n      recursive: true,\n    });\n\n    writeFileSync(virtualRemoteComponentSharedRemote, sharedRemote, 'utf-8');\n    writeFileSync(virtualRemoteComponentSharedHost, sharedHost, 'utf-8');\n  };\n\n  nextConfig.transpilePackages = [\n    ...(nextConfig.transpilePackages ?? []),\n    'remote-components/next/remote',\n    'remote-components/next/host',\n    '@remote-components/shared/remote',\n    '@remote-components/shared/host',\n  ];\n\n  const alias = {\n    '@remote-components/shared/remote': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedRemote,\n    )}`,\n    '@remote-components/shared/host': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedHost,\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          moduleIds: 'named',\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      moduleIds: 'named',\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(),\n      new PatchRequirePlugin(),\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  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__) 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  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>[a-zA-Z0-9-_]+)\\\\] (?<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        throw new Error(\\`Remote component loading error: \"\\${bundle}\"\\`);\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__(url, 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"]}
+{"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 virtualRemoteComponentSharedRemote = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/remote.tsx',\n  );\n  const virtualRemoteComponentSharedHost = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/host.tsx',\n  );\n\n  const shared = 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/link',\n      'next/form',\n      'next/image',\n      'next/script',\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  const sharedRemote = `'use client';\\nmodule.exports = { shared: { ${Array.from(\n    shared,\n  )\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(`['__remote_shared_module_${curr}']: () => import('${curr}'),`);\n      return acc;\n    }, [])\n    .join('\\n')} } };\\n`;\n\n  const sharedHost = `'use client';\\nmodule.exports = { shared: { ${Array.from(\n    shared,\n  )\n    .reduce<string[]>((acc, curr) => {\n      acc.push(`['${curr}']: () => import('${curr}'),`);\n      return acc;\n    }, [])\n    .join('\\n')} } };\\n`;\n\n  const emitSharedFiles = () => {\n    mkdirSync(dirname(virtualRemoteComponentSharedRemote), {\n      recursive: true,\n    });\n\n    writeFileSync(virtualRemoteComponentSharedRemote, sharedRemote, 'utf-8');\n    writeFileSync(virtualRemoteComponentSharedHost, sharedHost, 'utf-8');\n  };\n\n  nextConfig.transpilePackages = [\n    ...(nextConfig.transpilePackages ?? []),\n    'remote-components/next/remote',\n    'remote-components/next/host',\n    '@remote-components/shared/remote',\n    '@remote-components/shared/host',\n  ];\n\n  const alias = {\n    '@remote-components/shared/remote': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedRemote,\n    )}`,\n    '@remote-components/shared/host': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedHost,\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          moduleIds: 'named',\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      moduleIds: 'named',\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(),\n      new PatchRequirePlugin(),\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  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__) 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  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>[a-zA-Z0-9-_]+)\\\\] (?<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        throw new Error(\\`Remote component loading error: \"\\${bundle}\"\\`);\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__(url, 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"]}

package/dist/next/config.js

@@ -1,8 +1,10 @@
 // src/next/config/index.ts
 import { basename, dirname, join as join2, relative as relative2 } from "node:path";
-import { mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { existsSync, mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import enhancedResolve from "enhanced-resolve";
 import { findUpSync } from "find-up";
 import { configSchema } from "next/dist/server/config-schema.js";
+import TsConfigPathsWebpackPlugin from "tsconfig-paths-webpack-plugin";
 
 // src/next/config/webpack/index.ts
 import { join } from "node:path";
@@ -279,13 +281,36 @@ function withRemoteComponents(nextConfig, options) {
     "react/jsx-runtime": `'/react/jsx-runtime.js'`,
     "react-dom": `'/react-dom/index.js'`
   };
+  const resolve = enhancedResolve.create.sync({
+    conditionNames: ["browser", "import", "module", "require"],
+    ...existsSync(join2(process.cwd(), "tsconfig.json")) ? {
+      extensions: [".js", ".jsx", ".ts", ".tsx"],
+      plugins: [
+        new TsConfigPathsWebpackPlugin({
+          configFile: join2(process.cwd(), "tsconfig.json")
+        })
+      ]
+    } : {}
+  });
   const sharedRemote = `'use client';
 module.exports = { shared: { ${Array.from(
     shared
   ).reduce((acc, curr) => {
+    let path;
+    try {
+      path = resolve(process.cwd(), curr);
+      if (path) {
+        path = relative2(process.cwd(), path).replace(
+          /^(?<relative>\.\.\/)+/,
+          ""
+        );
+      }
+    } catch {
+    }
     acc.push(
-      `[${vendorShared[curr] ?? `require.resolve('${curr}')`}]: '${curr}',`
+      `[${vendorShared[curr] ?? (path ? `'${path}'` : `require.resolve('${curr}')`)}]: '${curr}',`
     );
+    acc.push(`['__remote_shared_module_${curr}']: () => import('${curr}'),`);
     return acc;
   }, []).join("\n")} } };
 `;

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 { mkdirSync, readFileSync, writeFileSync } from 'node:fs';\nimport { findUpSync } from 'find-up';\nimport type { NextConfig } from 'next';\nimport { configSchema } from 'next/dist/server/config-schema.js';\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 virtualRemoteComponentSharedRemote = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/remote.tsx',\n  );\n  const virtualRemoteComponentSharedHost = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/host.tsx',\n  );\n\n  const shared = 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/link',\n      'next/form',\n      'next/image',\n      'next/script',\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  const sharedRemote = `'use client';\\nmodule.exports = { shared: { ${Array.from(\n    shared,\n  )\n    .reduce<string[]>((acc, curr) => {\n      acc.push(\n        `[${vendorShared[curr] ?? `require.resolve('${curr}')`}]: '${curr}',`,\n      );\n      return acc;\n    }, [])\n    .join('\\n')} } };\\n`;\n\n  const sharedHost = `'use client';\\nmodule.exports = { shared: { ${Array.from(\n    shared,\n  )\n    .reduce<string[]>((acc, curr) => {\n      acc.push(`['${curr}']: () => import('${curr}'),`);\n      return acc;\n    }, [])\n    .join('\\n')} } };\\n`;\n\n  const emitSharedFiles = () => {\n    mkdirSync(dirname(virtualRemoteComponentSharedRemote), {\n      recursive: true,\n    });\n\n    writeFileSync(virtualRemoteComponentSharedRemote, sharedRemote, 'utf-8');\n    writeFileSync(virtualRemoteComponentSharedHost, sharedHost, 'utf-8');\n  };\n\n  nextConfig.transpilePackages = [\n    ...(nextConfig.transpilePackages ?? []),\n    'remote-components/next/remote',\n    'remote-components/next/host',\n    '@remote-components/shared/remote',\n    '@remote-components/shared/host',\n  ];\n\n  const alias = {\n    '@remote-components/shared/remote': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedRemote,\n    )}`,\n    '@remote-components/shared/host': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedHost,\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          moduleIds: 'named',\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      moduleIds: 'named',\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(),\n      new PatchRequirePlugin(),\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  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__) 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  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>[a-zA-Z0-9-_]+)\\\\] (?<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        throw new Error(\\`Remote component loading error: \"\\${bundle}\"\\`);\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__(url, 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/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 virtualRemoteComponentSharedRemote = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/remote.tsx',\n  );\n  const virtualRemoteComponentSharedHost = join(\n    process.cwd(),\n    nextConfig.distDir ?? '.next',\n    'remote-components/shared/host.tsx',\n  );\n\n  const shared = 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/link',\n      'next/form',\n      'next/image',\n      'next/script',\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  const sharedRemote = `'use client';\\nmodule.exports = { shared: { ${Array.from(\n    shared,\n  )\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(`['__remote_shared_module_${curr}']: () => import('${curr}'),`);\n      return acc;\n    }, [])\n    .join('\\n')} } };\\n`;\n\n  const sharedHost = `'use client';\\nmodule.exports = { shared: { ${Array.from(\n    shared,\n  )\n    .reduce<string[]>((acc, curr) => {\n      acc.push(`['${curr}']: () => import('${curr}'),`);\n      return acc;\n    }, [])\n    .join('\\n')} } };\\n`;\n\n  const emitSharedFiles = () => {\n    mkdirSync(dirname(virtualRemoteComponentSharedRemote), {\n      recursive: true,\n    });\n\n    writeFileSync(virtualRemoteComponentSharedRemote, sharedRemote, 'utf-8');\n    writeFileSync(virtualRemoteComponentSharedHost, sharedHost, 'utf-8');\n  };\n\n  nextConfig.transpilePackages = [\n    ...(nextConfig.transpilePackages ?? []),\n    'remote-components/next/remote',\n    'remote-components/next/host',\n    '@remote-components/shared/remote',\n    '@remote-components/shared/host',\n  ];\n\n  const alias = {\n    '@remote-components/shared/remote': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedRemote,\n    )}`,\n    '@remote-components/shared/host': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedHost,\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          moduleIds: 'named',\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      moduleIds: 'named',\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(),\n      new PatchRequirePlugin(),\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  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__) 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  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>[a-zA-Z0-9-_]+)\\\\] (?<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        throw new Error(\\`Remote component loading error: \"\\${bundle}\"\\`);\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__(url, 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"]}

package/dist/next/host/app-router-client.d.ts

@@ -1,28 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { R as RemoteComponentMetadata } from '../../types-280a3640.js';
-
-interface RemoteComponentProps {
-    url: string;
-    name: string;
-    bundle: string;
-    route?: string;
-    runtime?: RemoteComponentMetadata['runtime'];
-    data: string[];
-    nextData?: {
-        props: {
-            pageProps: Record<string, unknown>;
-        };
-        buildId?: string;
-    };
-    scripts?: {
-        src: string;
-    }[];
-    links?: Record<string, string | boolean | undefined>[];
-    remoteShared?: Record<string, string>;
-    isolate?: boolean;
-    children: react.ReactNode;
-}
+import { R as RemoteComponentProps } from '../../types-d04035e6.js';
+import 'react';
+import '../../types-280a3640.js';
 
 declare module 'react/jsx-runtime' {
     namespace JSX {

package/dist/next/host/client/index.cjs

@@ -0,0 +1,199 @@
+"use strict";
+"use client";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var client_exports = {};
+__export(client_exports, {
+  RemoteComponent: () => RemoteComponent
+});
+module.exports = __toCommonJS(client_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_react_dom = require("react-dom");
+var import_remote_component = require("../../../shared/client/remote-component");
+async function tryImportShared() {
+  try {
+    const { shared } = await import("@remote-components/shared/host");
+    return shared;
+  } catch {
+    return {};
+  }
+}
+function RemoteComponent({
+  src,
+  isolate,
+  credentials = "same-origin",
+  name = "__vercel_remote_component",
+  children
+}) {
+  const [data, setData] = (0, import_react.useState)(null);
+  const [remoteComponent, setRemoteComponent] = (0, import_react.useState)(null);
+  const shadowRootContainerRef = (0, import_react.useRef)(null);
+  const [shadowRoot, setShadowRoot] = (0, import_react.useState)(null);
+  (0, import_react.useEffect)(() => {
+    if (shadowRootContainerRef.current) {
+      const shadow = shadowRootContainerRef.current.attachShadow({
+        mode: "open"
+      });
+      setShadowRoot(shadow);
+    }
+  }, [shadowRootContainerRef]);
+  const url = (0, import_react.useMemo)(
+    () => typeof document !== "undefined" ? new URL(src, location.href) : new URL(src),
+    [src]
+  );
+  (0, import_react.useEffect)(() => {
+    let mounted = true;
+    (async () => {
+      const fetchInit = {
+        method: "GET",
+        headers: {
+          Accept: "text/html",
+          // pass the public address of the remote component to the server used for module map mutation
+          "Vercel-Remote-Component-Url": url.href
+        },
+        credentials
+      };
+      const res = await fetch(url, fetchInit);
+      if (!res.ok) {
+        throw new Error(
+          `Failed to fetch remote component "${name}": ${res.status}`
+        );
+      }
+      const html = await res.text();
+      const doc = document.createElement("div");
+      doc.innerHTML = html;
+      const component = doc.querySelector(`div[data-bundle][data-route][id^="${name}"]`) ?? // fallback to the first element with the data-bundle and data-route attributes when not using a named remote component
+      doc.querySelector("div[data-bundle][data-route]") ?? // fallback to Next.js Pages Router
+      doc.querySelector("div#__next");
+      const nextData = JSON.parse(
+        (doc.querySelector("#__NEXT_DATA__") ?? doc.querySelector("#__REMOTE_NEXT_DATA__"))?.textContent ?? "null"
+      );
+      const remoteName = component?.getAttribute("id")?.replace(/_ssr$/, "") || (nextData ? "__next" : name);
+      const rsc = doc.querySelector(`#${remoteName}_rsc`);
+      const bundle = component?.getAttribute("data-bundle") || nextData?.props.__REMOTE_COMPONENT__?.bundle || "default";
+      const metadata = {
+        name: remoteName,
+        bundle,
+        route: component?.getAttribute("data-route") ?? nextData?.page ?? import_remote_component.DEFAULT_ROUTE,
+        runtime: component?.getAttribute("data-runtime") ?? (nextData?.props.__REMOTE_COMPONENT__?.runtime || import_remote_component.RUNTIME_WEBPACK)
+      };
+      const remoteSharedEl = doc.querySelector(`#${remoteName}_shared`);
+      const remoteShared = JSON.parse(remoteSharedEl?.textContent ?? "{}") ?? {};
+      remoteSharedEl?.parentElement?.removeChild(remoteSharedEl);
+      if (!component || !(rsc || nextData)) {
+        throw new Error(`Failed to find component with id "${remoteName}"`);
+      }
+      const links = Array.from(
+        doc.querySelectorAll("link[href]")
+      ).map((link) => ({
+        rel: link.rel,
+        href: new URL(link.getAttribute("href") ?? link.href, url).href,
+        as: link.getAttribute("as") || void 0
+      }));
+      const scripts = doc.querySelectorAll(
+        "script[src],script[data-src]"
+      );
+      if (mounted) {
+        if (rsc) {
+          document.body.appendChild(rsc);
+        }
+        const newData = {
+          ...metadata,
+          links,
+          remoteShared,
+          url: url.href,
+          data: rsc ? (rsc.textContent ?? "").split("\n").filter(Boolean) : []
+        };
+        setData(newData);
+        (0, import_remote_component.loadRemoteComponent)({
+          url: new URL(url, location.origin),
+          name,
+          bundle,
+          route: metadata.route,
+          runtime: metadata.runtime,
+          data: newData.data,
+          nextData: void 0,
+          scripts: Array.from(scripts).map((script) => ({
+            src: new URL(
+              script.getAttribute("data-src") || script.getAttribute("src") || script.src,
+              url
+            ).href
+          })),
+          shared: tryImportShared(),
+          remoteShared,
+          container: void 0
+        }).then((result) => {
+          if (mounted) {
+            if (result.error) {
+              setRemoteComponent(result.error);
+            } else {
+              setRemoteComponent(result.component);
+            }
+          }
+        }).catch((error) => {
+          if (mounted) {
+            setRemoteComponent(error);
+          }
+        });
+      }
+    })().catch((error) => {
+      if (mounted) {
+        setRemoteComponent(error);
+      }
+    });
+    return () => {
+      mounted = false;
+    };
+  }, [url, src, isolate, credentials, name]);
+  if (remoteComponent instanceof Error) {
+    throw remoteComponent;
+  }
+  const linksToRender = data?.links?.map((link) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "link",
+    {
+      as: link.as,
+      href: new URL(link.href, url).href,
+      rel: link.rel
+    },
+    `${link.href}_${link.rel}`
+  )) || null;
+  const componentToRender = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    linksToRender,
+    remoteComponent ?? children
+  ] });
+  if (isolate !== false) {
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { id: `shadowroot_${name}`, ref: shadowRootContainerRef, children: shadowRoot ? (0, import_react_dom.createPortal)(componentToRender, shadowRoot) : null });
+  }
+  return componentToRender;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  RemoteComponent
+});
+//# sourceMappingURL=index.cjs.map

package/dist/next/host/client/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/next/host/client/index.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport type { RemoteComponentProps } from '../../../shared/client/types';\nimport {\n  loadRemoteComponent,\n  DEFAULT_ROUTE,\n  RUNTIME_WEBPACK,\n} from '../../../shared/client/remote-component';\n\nasync function tryImportShared() {\n  try {\n    const { shared } = await import('@remote-components/shared/host');\n    return shared;\n  } catch {\n    return {};\n  }\n}\n\nexport function RemoteComponent({\n  src,\n  isolate,\n  credentials = 'same-origin',\n  name = '__vercel_remote_component',\n  children,\n}: {\n  src: string | URL;\n  isolate?: boolean;\n  credentials?: RequestCredentials;\n  name?: string;\n  children?: React.ReactNode;\n}) {\n  const [data, setData] = useState<Omit<\n    RemoteComponentProps,\n    'children'\n  > | null>(null);\n  const [remoteComponent, setRemoteComponent] = useState<\n    React.ReactNode | Error\n  >(null);\n  const shadowRootContainerRef = useRef<HTMLDivElement | null>(null);\n  const [shadowRoot, setShadowRoot] = useState<ShadowRoot | null>(null);\n\n  useEffect(() => {\n    if (shadowRootContainerRef.current) {\n      // create a shadow root for the remote component\n      const shadow = shadowRootContainerRef.current.attachShadow({\n        mode: 'open',\n      });\n      setShadowRoot(shadow);\n    }\n  }, [shadowRootContainerRef]);\n\n  const url = useMemo(\n    () =>\n      typeof document !== 'undefined'\n        ? new URL(src, location.href)\n        : new URL(src),\n    [src],\n  );\n\n  useEffect(() => {\n    let mounted = true;\n\n    (async () => {\n      // fetch the remote component\n      const fetchInit = {\n        method: 'GET',\n        headers: {\n          Accept: 'text/html',\n          // pass the public address of the remote component to the server used for module map mutation\n          'Vercel-Remote-Component-Url': url.href,\n        },\n        credentials,\n      } as RequestInit;\n\n      const res = await fetch(url, fetchInit);\n\n      if (!res.ok) {\n        throw new Error(\n          `Failed to fetch remote component \"${name}\": ${res.status}`,\n        );\n      }\n\n      // get the full HTML content as a string\n      const html = await res.text();\n\n      // create a virtual element which will be used to parse the HTML and extract the component and RSC flight data\n      const doc = document.createElement('div');\n      doc.innerHTML = html;\n\n      // reference to the remote component content\n      const component =\n        doc.querySelector(`div[data-bundle][data-route][id^=\"${name}\"]`) ??\n        // fallback to the first element with the data-bundle and data-route attributes when not using a named remote component\n        doc.querySelector('div[data-bundle][data-route]') ??\n        // fallback to Next.js Pages Router\n        doc.querySelector('div#__next');\n      const nextData = JSON.parse(\n        (\n          doc.querySelector('#__NEXT_DATA__') ??\n          doc.querySelector('#__REMOTE_NEXT_DATA__')\n        )?.textContent ?? 'null',\n      ) as {\n        props: {\n          pageProps: Record<string, unknown>;\n          __REMOTE_COMPONENT__?: {\n            bundle: string;\n            runtime: 'turbopack' | 'webpack';\n          };\n        };\n        page: string;\n        buildId: string;\n      } | null;\n\n      const remoteName =\n        component?.getAttribute('id')?.replace(/_ssr$/, '') ||\n        (nextData ? '__next' : name);\n      // reference to the RSC flight data\n      const rsc = doc.querySelector(`#${remoteName}_rsc`);\n\n      // reference to the bundle containing the client components\n      const bundle =\n        component?.getAttribute('data-bundle') ||\n        nextData?.props.__REMOTE_COMPONENT__?.bundle ||\n        'default';\n\n      const metadata = {\n        name: remoteName,\n        bundle,\n        route:\n          component?.getAttribute('data-route') ??\n          nextData?.page ??\n          DEFAULT_ROUTE,\n        runtime: (component?.getAttribute('data-runtime') ??\n          (nextData?.props.__REMOTE_COMPONENT__?.runtime ||\n            RUNTIME_WEBPACK)) as RemoteComponentProps['runtime'],\n      };\n\n      const remoteSharedEl = doc.querySelector(`#${remoteName}_shared`);\n      const remoteShared = (JSON.parse(remoteSharedEl?.textContent ?? '{}') ??\n        {}) as Record<string, string>;\n      remoteSharedEl?.parentElement?.removeChild(remoteSharedEl);\n\n      if (!component || !(rsc || nextData)) {\n        throw new Error(`Failed to find component with id \"${remoteName}\"`);\n      }\n\n      // reference to all link elements in the remote component\n      const links = Array.from(\n        doc.querySelectorAll<HTMLLinkElement>('link[href]'),\n      ).map((link) => ({\n        rel: link.rel,\n        href: new URL(link.getAttribute('href') ?? link.href, url).href,\n        as: link.getAttribute('as') || undefined,\n      }));\n\n      const scripts = doc.querySelectorAll<HTMLScriptElement>(\n        'script[src],script[data-src]',\n      );\n\n      // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition\n      if (mounted) {\n        if (rsc) {\n          document.body.appendChild(rsc);\n        }\n\n        const newData = {\n          ...metadata,\n          links,\n          remoteShared,\n          url: url.href,\n          data: rsc ? (rsc.textContent ?? '').split('\\n').filter(Boolean) : [],\n        };\n        setData(newData);\n\n        loadRemoteComponent({\n          url: new URL(url, location.origin),\n          name,\n          bundle,\n          route: metadata.route,\n          runtime: metadata.runtime,\n          data: newData.data,\n          nextData: undefined,\n          scripts: Array.from(scripts).map((script) => ({\n            src: new URL(\n              script.getAttribute('data-src') ||\n                script.getAttribute('src') ||\n                script.src,\n              url,\n            ).href,\n          })),\n          shared: tryImportShared(),\n          remoteShared,\n          container: undefined,\n        })\n          .then((result) => {\n            if (mounted) {\n              if (result.error) {\n                setRemoteComponent(result.error);\n              } else {\n                setRemoteComponent(result.component);\n              }\n            }\n          })\n          .catch((error: Error) => {\n            if (mounted) {\n              setRemoteComponent(error);\n            }\n          });\n      }\n    })().catch((error: Error) => {\n      if (mounted) {\n        setRemoteComponent(error);\n      }\n    });\n\n    return () => {\n      mounted = false;\n    };\n  }, [url, src, isolate, credentials, name]);\n\n  if (remoteComponent instanceof Error) {\n    throw remoteComponent;\n  }\n\n  const linksToRender: React.ReactNode[] | null =\n    data?.links?.map((link) => (\n      <link\n        as={link.as as string}\n        href={new URL(link.href as string, url).href}\n        key={`${link.href as string}_${link.rel}`}\n        rel={link.rel as string}\n      />\n    )) || null;\n  const componentToRender = (\n    <>\n      {linksToRender}\n      {remoteComponent ?? children}\n    </>\n  );\n\n  if (isolate !== false) {\n    return (\n      <div id={`shadowroot_${name}`} ref={shadowRootContainerRef}>\n        {shadowRoot ? createPortal(componentToRender, shadowRoot) : null}\n      </div>\n    );\n  }\n\n  return componentToRender;\n}\n"],"mappings":"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","names":[]}