remote-components 0.0.1 → 0.0.3

package/dist/next/config.cjs

@@ -25,22 +25,23 @@ __export(config_exports, {
 module.exports = __toCommonJS(config_exports);
 var import_node_path2 = require("path");
 var import_node_fs = require("fs");
-var import_server = require("@vercel/microfrontends/microfrontends/server");
+var import_find_up = require("find-up");
 
 // src/next/config/webpack/index.ts
 var import_node_path = require("path");
 
 // src/next/config/webpack/plugins/remote-webpack-require-runtime-module.ts
-var import_webpack = require("webpack");
-var RemoteWebpackRequireRuntimeModule = class extends import_webpack.RuntimeModule {
-  constructor(appName) {
-    super("remote-webpack-require");
-    this.appName = appName;
-  }
-  generate() {
-    return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__["${this.appName}"] = __webpack_require__;`;
-  }
-};
+function createRemoteWebpackRequireRuntimeModule(webpack) {
+  return class RemoteWebpackRequireRuntimeModule extends webpack.RuntimeModule {
+    constructor(appName) {
+      super("remote-webpack-require");
+      this.appName = appName;
+    }
+    generate() {
+      return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__["${this.appName}"] = __webpack_require__;`;
+    }
+  };
+}
 
 // src/next/config/webpack/plugins/remote-webpack-require.ts
 var RemoteWebpackRequirePlugin = class {
@@ -48,13 +49,16 @@ var RemoteWebpackRequirePlugin = class {
     this.appName = appName;
   }
   apply(compiler) {
+    const RemoteWebpackRequireRuntimeModule = createRemoteWebpackRequireRuntimeModule(compiler.webpack);
     compiler.hooks.thisCompilation.tap(
       "RemoteWebpackRequirePlugin",
       (compilation) => {
         compilation.hooks.runtimeRequirementInTree.for("__webpack_require__").tap("RemoteWebpackRequirePlugin", (chunk) => {
           compilation.addRuntimeModule(
             chunk,
-            new RemoteWebpackRequireRuntimeModule(this.appName)
+            new RemoteWebpackRequireRuntimeModule(
+              this.appName
+            )
           );
         });
       }
@@ -63,17 +67,18 @@ var RemoteWebpackRequirePlugin = class {
 };
 
 // src/next/config/webpack/plugins/module-id-embed-runtime-module.ts
-var import_webpack2 = require("webpack");
-var ModuleIdEmbedRuntimeModule = class extends import_webpack2.RuntimeModule {
-  constructor(appName, moduleMap) {
-    super("remote-webpack-module-id-embed");
-    this.appName = appName;
-    this.moduleMap = moduleMap;
-  }
-  generate() {
-    return `globalThis.__remote_webpack_module_map__ = globalThis.__remote_webpack_module_map__ || {}; globalThis.__remote_webpack_module_map__["${this.appName}"] = ${JSON.stringify(this.moduleMap)};`;
-  }
-};
+function createModuleIdEmbedRuntimeModule(webpack) {
+  return class ModuleIdEmbedRuntimeModule extends webpack.RuntimeModule {
+    constructor(appName, moduleMap) {
+      super("remote-webpack-module-id-embed");
+      this.appName = appName;
+      this.moduleMap = moduleMap;
+    }
+    generate() {
+      return `globalThis.__remote_webpack_module_map__ = globalThis.__remote_webpack_module_map__ || {}; globalThis.__remote_webpack_module_map__["${this.appName}"] = ${JSON.stringify(this.moduleMap)};`;
+    }
+  };
+}
 
 // src/next/config/webpack/plugins/module-id-embed.ts
 var ModuleIdEmbedPlugin = class {
@@ -81,6 +86,9 @@ var ModuleIdEmbedPlugin = class {
     this.appName = appName;
   }
   apply(compiler) {
+    const ModuleIdEmbedRuntimeModule = createModuleIdEmbedRuntimeModule(
+      compiler.webpack
+    );
     compiler.hooks.thisCompilation.tap("ModuleIdEmbedPlugin", (compilation) => {
       const moduleMap = {};
       compilation.hooks.runtimeRequirementInTree.for(compiler.webpack.RuntimeGlobals.require).tap("ModuleIdEmbedPlugin", (chunk, set) => {
@@ -109,7 +117,10 @@ var ModuleIdEmbedPlugin = class {
         if (Object.keys(moduleMap).length > 0) {
           compilation.addRuntimeModule(
             chunk,
-            new ModuleIdEmbedRuntimeModule(this.appName, moduleMap)
+            new ModuleIdEmbedRuntimeModule(
+              this.appName,
+              moduleMap
+            )
           );
           set.add(compiler.webpack.RuntimeGlobals.require);
         }
@@ -119,16 +130,16 @@ var ModuleIdEmbedPlugin = class {
 };
 
 // src/next/config/webpack/plugins/conditional-exec.ts
-var import_webpack3 = require("webpack");
 var ConditionalExecPlugin = class {
   apply(compiler) {
+    const { Compilation, sources } = compiler.webpack;
     compiler.hooks.thisCompilation.tap(
       "ConditionalExecPlugin",
       (compilation) => {
         compilation.hooks.processAssets.tap(
           {
             name: "ConditionalExecPlugin",
-            stage: import_webpack3.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
+            stage: Compilation.PROCESS_ASSETS_STAGE_ADDITIONS
           },
           (assets) => {
             for (const [name, source] of Object.entries(assets)) {
@@ -139,7 +150,7 @@ var ConditionalExecPlugin = class {
                 );
                 compilation.updateAsset(
                   name,
-                  new import_webpack3.sources.RawSource(patchedSource)
+                  new sources.RawSource(patchedSource)
                 );
               }
             }
@@ -153,11 +164,12 @@ var ConditionalExecPlugin = class {
 // src/next/config/webpack/plugins/patch-require.ts
 var PatchRequirePlugin = class {
   apply(compiler) {
+    const { sources } = compiler.webpack;
     compiler.hooks.thisCompilation.tap("PatchRequirePlugin", (compilation) => {
       compilation.mainTemplate.hooks.requireExtensions.tap(
         "PatchRequirePlugin",
         (source) => {
-          return new compiler.webpack.sources.ConcatSource(
+          return new sources.ConcatSource(
             source,
             `const __webpack_require_orig__ = __webpack_require__;
 const REMOTE_RE = /\\[(?<bundle>[a-zA-Z0-9-_]+)\\] (?<id>.*)/;
@@ -323,6 +335,29 @@ module.exports = { shared: { ${Array.from(
       virtualRemoteComponentSharedHost
     )}`
   };
+  let projectId = process.env.REMOTE_COMPONENTS_PROJECT_ID || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || process.env.VERCEL_PROJECT_ID;
+  if (!projectId) {
+    try {
+      const projectPath = (0, import_find_up.findUpSync)(".vercel/project.json", {
+        cwd: process.cwd()
+      });
+      if (projectPath) {
+        projectId = JSON.parse((0, import_node_fs.readFileSync)(projectPath, "utf8")).projectId;
+      }
+    } catch {
+    }
+  }
+  if (!projectId) {
+    const packageJsonPath = (0, import_find_up.findUpSync)("package.json", {
+      cwd: process.cwd()
+    });
+    if (packageJsonPath) {
+      const packageJson = JSON.parse((0, import_node_fs.readFileSync)(packageJsonPath, "utf8"));
+      projectId = packageJson.name || (0, import_node_path2.basename)(process.cwd());
+    } else {
+      projectId = (0, import_node_path2.basename)(process.cwd());
+    }
+  }
   if (process.env.TURBOPACK) {
     nextConfig.turbopack = {
       ...nextConfig.turbopack,
@@ -332,13 +367,21 @@ module.exports = { shared: { ${Array.from(
         ...alias
       }
     };
+    nextConfig.compiler = {
+      ...nextConfig.compiler,
+      defineServer: {
+        ...nextConfig.compiler?.defineServer,
+        "process.env.REMOTE_COMPONENTS_PROJECT_ID": projectId
+      }
+    };
     emitSharedFiles();
     return nextConfig;
   }
-  const { name: fromApp } = (0, import_server.getApplicationContext)();
-  const microfrontends = import_server.MicrofrontendsServer.infer();
-  const app = microfrontends.config.getApplication(fromApp);
-  return transform(nextConfig, { app, alias, emitSharedFiles });
+  return transform(nextConfig, {
+    app: { name: projectId },
+    alias,
+    emitSharedFiles
+  });
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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-runtime-module.ts","../../src/next/config/webpack/plugins/module-id-embed.ts","../../src/next/config/webpack/plugins/conditional-exec.ts","../../src/next/config/webpack/plugins/patch-require.ts"],"sourcesContent":["import { dirname, join, relative } from 'node:path';\nimport { mkdirSync, writeFileSync } from 'node:fs';\nimport type { NextConfig } from 'next';\nimport {\n  MicrofrontendsServer,\n  getApplicationContext,\n} from '@vercel/microfrontends/microfrontends/server';\nimport { transform as webpackTransform } from './webpack';\n\ninterface RemoteComponentsOptions {\n  shared?: string[];\n}\n\nexport function withRemoteComponents(\n  nextConfig: NextConfig,\n  options?: RemoteComponentsOptions,\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',\n    'remote-components/next/host',\n    '@remote-component/shared/remote',\n    '@remote-component/shared/host',\n  ];\n\n  const alias = {\n    '@remote-component/shared/remote': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedRemote,\n    )}`,\n    '@remote-component/shared/host': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedHost,\n    )}`,\n  };\n  if (process.env.TURBOPACK) {\n    nextConfig.turbopack = {\n      ...nextConfig.turbopack,\n      moduleIds: 'named',\n      resolveAlias: {\n        ...nextConfig.turbopack?.resolveAlias,\n        ...alias,\n      },\n    };\n    emitSharedFiles();\n    return nextConfig;\n  }\n\n  const { name: fromApp } = getApplicationContext();\n  const microfrontends = MicrofrontendsServer.infer();\n\n  // fetch the config for the current app\n  const app = microfrontends.config.getApplication(fromApp);\n\n  // apply the webpack transform\n  return webpackTransform(nextConfig, { app, alias, emitSharedFiles });\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","import { RuntimeModule } from 'webpack';\n\nexport class RemoteWebpackRequireRuntimeModule extends 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","import { type Compiler } from 'webpack';\nimport { RemoteWebpackRequireRuntimeModule } 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    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(this.appName),\n            );\n          });\n      },\n    );\n  }\n}\n","import { RuntimeModule } from 'webpack';\n\nexport class ModuleIdEmbedRuntimeModule extends 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","import type { NormalModule, Compiler } from 'webpack';\nimport { ModuleIdEmbedRuntimeModule } from './module-id-embed-runtime-module';\n\nexport class ModuleIdEmbedPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\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) {\n                    moduleMap[normalModule.resource || normalModule.request] =\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              moduleMap[normalModule.resource || normalModule.request] = id;\n            }\n          }\n\n          if (Object.keys(moduleMap).length > 0) {\n            compilation.addRuntimeModule(\n              chunk,\n              new ModuleIdEmbedRuntimeModule(this.appName, moduleMap),\n            );\n\n            set.add(compiler.webpack.RuntimeGlobals.require);\n          }\n        });\n    });\n  }\n}\n","import { type Compiler, Compilation, sources } from 'webpack';\n\nexport class ConditionalExecPlugin {\n  apply(compiler: Compiler) {\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    compiler.hooks.thisCompilation.tap('PatchRequirePlugin', (compilation) => {\n      compilation.mainTemplate.hooks.requireExtensions.tap(\n        'PatchRequirePlugin',\n        (source) => {\n          return new compiler.webpack.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_webpack","import_webpack"]}
+{"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-runtime-module.ts","../../src/next/config/webpack/plugins/module-id-embed.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 { transform as webpackTransform } from './webpack';\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',\n    'remote-components/next/host',\n    '@remote-component/shared/remote',\n    '@remote-component/shared/host',\n  ];\n\n  const alias = {\n    '@remote-component/shared/remote': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedRemote,\n    )}`,\n    '@remote-component/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  if (process.env.TURBOPACK) {\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","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 { NormalModule, Compiler, RuntimeModule } from 'webpack';\nimport { createModuleIdEmbedRuntimeModule } from './module-id-embed-runtime-module';\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) {\n                    moduleMap[normalModule.resource || normalModule.request] =\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              moduleMap[normalModule.resource || normalModule.request] = id;\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","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"]}

package/dist/next/config.d.ts

@@ -1,8 +1,41 @@
 import { NextConfig } from 'next';
 
-interface RemoteComponentsOptions {
+interface WithRemoteComponentsOptions {
+    /**
+     * An array of package names that should be shared between the host and remote components.
+     * This is useful for ensuring that both the host and remote components use the same version
+     * of shared libraries.
+     *
+     * Essential packages are included by default: `react`, `react-dom`, `next/navigation`, `next/link`, `next/form`, `next/image`, and `next/script`.
+     */
     shared?: string[];
 }
-declare function withRemoteComponents(nextConfig: NextConfig, options?: RemoteComponentsOptions): NextConfig;
+/**
+ * This function configures Next.js to support Remote Components.
+ * You need to also use the `withMicrofrontends` function to extend your Next.js configuration.
+ *
+ * @param nextConfig - The Next.js configuration object.
+ * @param options - Optional configuration for remote components.
+ * @returns The modified Next.js configuration object with remote components support.
+ *
+ * @example
+ *
+ * ```js
+ * import { withMicrofrontends } from '@vercel/microfrontends/next/config';
+ * import { withRemoteComponents } from 'remote-components/next/config';
+ *
+ * const nextConfig = {
+ *   // your Next.js configuration
+ * };
+ *
+ * export default withRemoteComponents(
+ *   withMicrofrontends(nextConfig),
+ *   {
+ *     shared: ['some-package', 'another-package'],
+ *   },
+ * );
+ * ```
+ */
+declare function withRemoteComponents(nextConfig: NextConfig, options?: WithRemoteComponentsOptions): NextConfig;
 
 export { withRemoteComponents };

package/dist/next/config.js

@@ -1,25 +1,23 @@
 // src/next/config/index.ts
-import { dirname, join as join2, relative } from "node:path";
-import { mkdirSync, writeFileSync } from "node:fs";
-import {
-  MicrofrontendsServer,
-  getApplicationContext
-} from "@vercel/microfrontends/microfrontends/server";
+import { basename, dirname, join as join2, relative } from "node:path";
+import { mkdirSync, readFileSync, writeFileSync } from "node:fs";
+import { findUpSync } from "find-up";
 
 // src/next/config/webpack/index.ts
 import { join } from "node:path";
 
 // src/next/config/webpack/plugins/remote-webpack-require-runtime-module.ts
-import { RuntimeModule } from "webpack";
-var RemoteWebpackRequireRuntimeModule = class extends RuntimeModule {
-  constructor(appName) {
-    super("remote-webpack-require");
-    this.appName = appName;
-  }
-  generate() {
-    return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__["${this.appName}"] = __webpack_require__;`;
-  }
-};
+function createRemoteWebpackRequireRuntimeModule(webpack) {
+  return class RemoteWebpackRequireRuntimeModule extends webpack.RuntimeModule {
+    constructor(appName) {
+      super("remote-webpack-require");
+      this.appName = appName;
+    }
+    generate() {
+      return `globalThis.__remote_webpack_require__ = globalThis.__remote_webpack_require__ || {}; globalThis.__remote_webpack_require__["${this.appName}"] = __webpack_require__;`;
+    }
+  };
+}
 
 // src/next/config/webpack/plugins/remote-webpack-require.ts
 var RemoteWebpackRequirePlugin = class {
@@ -27,13 +25,16 @@ var RemoteWebpackRequirePlugin = class {
     this.appName = appName;
   }
   apply(compiler) {
+    const RemoteWebpackRequireRuntimeModule = createRemoteWebpackRequireRuntimeModule(compiler.webpack);
     compiler.hooks.thisCompilation.tap(
       "RemoteWebpackRequirePlugin",
       (compilation) => {
         compilation.hooks.runtimeRequirementInTree.for("__webpack_require__").tap("RemoteWebpackRequirePlugin", (chunk) => {
           compilation.addRuntimeModule(
             chunk,
-            new RemoteWebpackRequireRuntimeModule(this.appName)
+            new RemoteWebpackRequireRuntimeModule(
+              this.appName
+            )
           );
         });
       }
@@ -42,17 +43,18 @@ var RemoteWebpackRequirePlugin = class {
 };
 
 // src/next/config/webpack/plugins/module-id-embed-runtime-module.ts
-import { RuntimeModule as RuntimeModule2 } from "webpack";
-var ModuleIdEmbedRuntimeModule = class extends RuntimeModule2 {
-  constructor(appName, moduleMap) {
-    super("remote-webpack-module-id-embed");
-    this.appName = appName;
-    this.moduleMap = moduleMap;
-  }
-  generate() {
-    return `globalThis.__remote_webpack_module_map__ = globalThis.__remote_webpack_module_map__ || {}; globalThis.__remote_webpack_module_map__["${this.appName}"] = ${JSON.stringify(this.moduleMap)};`;
-  }
-};
+function createModuleIdEmbedRuntimeModule(webpack) {
+  return class ModuleIdEmbedRuntimeModule extends webpack.RuntimeModule {
+    constructor(appName, moduleMap) {
+      super("remote-webpack-module-id-embed");
+      this.appName = appName;
+      this.moduleMap = moduleMap;
+    }
+    generate() {
+      return `globalThis.__remote_webpack_module_map__ = globalThis.__remote_webpack_module_map__ || {}; globalThis.__remote_webpack_module_map__["${this.appName}"] = ${JSON.stringify(this.moduleMap)};`;
+    }
+  };
+}
 
 // src/next/config/webpack/plugins/module-id-embed.ts
 var ModuleIdEmbedPlugin = class {
@@ -60,6 +62,9 @@ var ModuleIdEmbedPlugin = class {
     this.appName = appName;
   }
   apply(compiler) {
+    const ModuleIdEmbedRuntimeModule = createModuleIdEmbedRuntimeModule(
+      compiler.webpack
+    );
     compiler.hooks.thisCompilation.tap("ModuleIdEmbedPlugin", (compilation) => {
       const moduleMap = {};
       compilation.hooks.runtimeRequirementInTree.for(compiler.webpack.RuntimeGlobals.require).tap("ModuleIdEmbedPlugin", (chunk, set) => {
@@ -88,7 +93,10 @@ var ModuleIdEmbedPlugin = class {
         if (Object.keys(moduleMap).length > 0) {
           compilation.addRuntimeModule(
             chunk,
-            new ModuleIdEmbedRuntimeModule(this.appName, moduleMap)
+            new ModuleIdEmbedRuntimeModule(
+              this.appName,
+              moduleMap
+            )
           );
           set.add(compiler.webpack.RuntimeGlobals.require);
         }
@@ -98,9 +106,9 @@ var ModuleIdEmbedPlugin = class {
 };
 
 // src/next/config/webpack/plugins/conditional-exec.ts
-import { Compilation, sources } from "webpack";
 var ConditionalExecPlugin = class {
   apply(compiler) {
+    const { Compilation, sources } = compiler.webpack;
     compiler.hooks.thisCompilation.tap(
       "ConditionalExecPlugin",
       (compilation) => {
@@ -132,11 +140,12 @@ var ConditionalExecPlugin = class {
 // src/next/config/webpack/plugins/patch-require.ts
 var PatchRequirePlugin = class {
   apply(compiler) {
+    const { sources } = compiler.webpack;
     compiler.hooks.thisCompilation.tap("PatchRequirePlugin", (compilation) => {
       compilation.mainTemplate.hooks.requireExtensions.tap(
         "PatchRequirePlugin",
         (source) => {
-          return new compiler.webpack.sources.ConcatSource(
+          return new sources.ConcatSource(
             source,
             `const __webpack_require_orig__ = __webpack_require__;
 const REMOTE_RE = /\\[(?<bundle>[a-zA-Z0-9-_]+)\\] (?<id>.*)/;
@@ -302,6 +311,29 @@ module.exports = { shared: { ${Array.from(
       virtualRemoteComponentSharedHost
     )}`
   };
+  let projectId = process.env.REMOTE_COMPONENTS_PROJECT_ID || process.env.NEXT_PUBLIC_MFE_CURRENT_APPLICATION || process.env.VERCEL_PROJECT_ID;
+  if (!projectId) {
+    try {
+      const projectPath = findUpSync(".vercel/project.json", {
+        cwd: process.cwd()
+      });
+      if (projectPath) {
+        projectId = JSON.parse(readFileSync(projectPath, "utf8")).projectId;
+      }
+    } catch {
+    }
+  }
+  if (!projectId) {
+    const packageJsonPath = findUpSync("package.json", {
+      cwd: process.cwd()
+    });
+    if (packageJsonPath) {
+      const packageJson = JSON.parse(readFileSync(packageJsonPath, "utf8"));
+      projectId = packageJson.name || basename(process.cwd());
+    } else {
+      projectId = basename(process.cwd());
+    }
+  }
   if (process.env.TURBOPACK) {
     nextConfig.turbopack = {
       ...nextConfig.turbopack,
@@ -311,13 +343,21 @@ module.exports = { shared: { ${Array.from(
         ...alias
       }
     };
+    nextConfig.compiler = {
+      ...nextConfig.compiler,
+      defineServer: {
+        ...nextConfig.compiler?.defineServer,
+        "process.env.REMOTE_COMPONENTS_PROJECT_ID": projectId
+      }
+    };
     emitSharedFiles();
     return nextConfig;
   }
-  const { name: fromApp } = getApplicationContext();
-  const microfrontends = MicrofrontendsServer.infer();
-  const app = microfrontends.config.getApplication(fromApp);
-  return transform(nextConfig, { app, alias, emitSharedFiles });
+  return transform(nextConfig, {
+    app: { name: projectId },
+    alias,
+    emitSharedFiles
+  });
 }
 export {
   withRemoteComponents

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-runtime-module.ts","../../src/next/config/webpack/plugins/module-id-embed.ts","../../src/next/config/webpack/plugins/conditional-exec.ts","../../src/next/config/webpack/plugins/patch-require.ts"],"sourcesContent":["import { dirname, join, relative } from 'node:path';\nimport { mkdirSync, writeFileSync } from 'node:fs';\nimport type { NextConfig } from 'next';\nimport {\n  MicrofrontendsServer,\n  getApplicationContext,\n} from '@vercel/microfrontends/microfrontends/server';\nimport { transform as webpackTransform } from './webpack';\n\ninterface RemoteComponentsOptions {\n  shared?: string[];\n}\n\nexport function withRemoteComponents(\n  nextConfig: NextConfig,\n  options?: RemoteComponentsOptions,\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',\n    'remote-components/next/host',\n    '@remote-component/shared/remote',\n    '@remote-component/shared/host',\n  ];\n\n  const alias = {\n    '@remote-component/shared/remote': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedRemote,\n    )}`,\n    '@remote-component/shared/host': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedHost,\n    )}`,\n  };\n  if (process.env.TURBOPACK) {\n    nextConfig.turbopack = {\n      ...nextConfig.turbopack,\n      moduleIds: 'named',\n      resolveAlias: {\n        ...nextConfig.turbopack?.resolveAlias,\n        ...alias,\n      },\n    };\n    emitSharedFiles();\n    return nextConfig;\n  }\n\n  const { name: fromApp } = getApplicationContext();\n  const microfrontends = MicrofrontendsServer.infer();\n\n  // fetch the config for the current app\n  const app = microfrontends.config.getApplication(fromApp);\n\n  // apply the webpack transform\n  return webpackTransform(nextConfig, { app, alias, emitSharedFiles });\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","import { RuntimeModule } from 'webpack';\n\nexport class RemoteWebpackRequireRuntimeModule extends 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","import { type Compiler } from 'webpack';\nimport { RemoteWebpackRequireRuntimeModule } 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    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(this.appName),\n            );\n          });\n      },\n    );\n  }\n}\n","import { RuntimeModule } from 'webpack';\n\nexport class ModuleIdEmbedRuntimeModule extends 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","import type { NormalModule, Compiler } from 'webpack';\nimport { ModuleIdEmbedRuntimeModule } from './module-id-embed-runtime-module';\n\nexport class ModuleIdEmbedPlugin {\n  appName: string;\n\n  constructor(appName: string) {\n    this.appName = appName;\n  }\n\n  apply(compiler: Compiler) {\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) {\n                    moduleMap[normalModule.resource || normalModule.request] =\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              moduleMap[normalModule.resource || normalModule.request] = id;\n            }\n          }\n\n          if (Object.keys(moduleMap).length > 0) {\n            compilation.addRuntimeModule(\n              chunk,\n              new ModuleIdEmbedRuntimeModule(this.appName, moduleMap),\n            );\n\n            set.add(compiler.webpack.RuntimeGlobals.require);\n          }\n        });\n    });\n  }\n}\n","import { type Compiler, Compilation, sources } from 'webpack';\n\nexport class ConditionalExecPlugin {\n  apply(compiler: Compiler) {\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    compiler.hooks.thisCompilation.tap('PatchRequirePlugin', (compilation) => {\n      compilation.mainTemplate.hooks.requireExtensions.tap(\n        'PatchRequirePlugin',\n        (source) => {\n          return new compiler.webpack.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","RuntimeModule","join"]}
+{"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-runtime-module.ts","../../src/next/config/webpack/plugins/module-id-embed.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 { transform as webpackTransform } from './webpack';\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',\n    'remote-components/next/host',\n    '@remote-component/shared/remote',\n    '@remote-component/shared/host',\n  ];\n\n  const alias = {\n    '@remote-component/shared/remote': `./${relative(\n      process.cwd(),\n      virtualRemoteComponentSharedRemote,\n    )}`,\n    '@remote-component/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  if (process.env.TURBOPACK) {\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","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 { NormalModule, Compiler, RuntimeModule } from 'webpack';\nimport { createModuleIdEmbedRuntimeModule } from './module-id-embed-runtime-module';\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) {\n                    moduleMap[normalModule.resource || normalModule.request] =\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              moduleMap[normalModule.resource || normalModule.request] = id;\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","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","join"]}