@module-federation/nextjs-mf 6.5.1 → 6.5.2-beta.0

package/src/loaders/patchDefaultSharedLoader.js

@@ -1,25 +1,29 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const tslib_1 = require("tslib");
-const path_1 = tslib_1.__importDefault(require("path"));
-/**
- *
- * Requires `include-defaults.js` with required shared libs
- *
- */
 function patchDefaultSharedLoader(content) {
-    if (content.includes('include-defaults')) {
+    if (content.includes('placeholderModuleEnsure')) {
         // If already patched, return
         return content;
     }
-    // avoid absolute paths as they break hashing when the root for the project is moved
-    // @see https://webpack.js.org/contribute/writing-a-loader/#absolute-paths
-    const pathIncludeDefaults = path_1.default.relative(this.context, path_1.default.resolve(__dirname, '../include-defaults.js'));
-    return [
-        '',
-        `require(${JSON.stringify('./' + pathIncludeDefaults)});`,
-        content,
-    ].join('\n');
+    const patch = `
+(globalThis || self).placeholderModuleEnsure = () => {
+throw new Error('should not exec');
+  import('react');
+  import('react-dom');
+  import('next/link');
+  import('next/router');
+  import('next/head');
+  import('next/script');
+  import('next/dynamic');
+  import('styled-jsx');
+  import('styled-jsx/style');
+  if (process.env['NODE_ENV'] === 'development') {
+    import('react/jsx-dev-runtime');
+  } else {
+    import('react/jsx-runtime');
+  }
+};`;
+    return ['', patch, content].join('\n');
 }
 exports.default = patchDefaultSharedLoader;
 //# sourceMappingURL=patchDefaultSharedLoader.js.map

package/src/loaders/patchDefaultSharedLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"patchDefaultSharedLoader.js","sourceRoot":"","sources":["../../../../../packages/nextjs-mf/src/loaders/patchDefaultSharedLoader.ts"],"names":[],"mappings":";;;AAEA,wDAAwB;AAExB;;;;GAIG;AACH,SAAwB,wBAAwB,CAE9C,OAAe;IAEf,IAAI,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAC,EAAE;QACxC,6BAA6B;QAC7B,OAAO,OAAO,CAAC;KAChB;IAED,oFAAoF;IACpF,0EAA0E;IAC1E,MAAM,mBAAmB,GAAG,cAAI,CAAC,QAAQ,CACvC,IAAI,CAAC,OAAO,EACZ,cAAI,CAAC,OAAO,CAAC,SAAS,EAAE,wBAAwB,CAAC,CAClD,CAAC;IAEF,OAAO;QACL,EAAE;QACF,WAAW,IAAI,CAAC,SAAS,CAAC,IAAI,GAAG,mBAAmB,CAAC,IAAI;QACzD,OAAO;KACR,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACf,CAAC;AArBD,2CAqBC"}
+{"version":3,"file":"patchDefaultSharedLoader.js","sourceRoot":"","sources":["../../../../../packages/nextjs-mf/src/loaders/patchDefaultSharedLoader.ts"],"names":[],"mappings":";;AAIA,SAAwB,wBAAwB,CAE9C,OAAe;IAEf,IAAI,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAC,EAAE;QAC/C,6BAA6B;QAC7B,OAAO,OAAO,CAAC;KAChB;IAED,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;GAiBb,CAAC;IACF,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;AACzC,CAAC;AA5BD,2CA4BC"}

package/src/plugins/CopyFederationPlugin.d.ts

@@ -0,0 +1,7 @@
+import { Compiler } from 'webpack';
+declare class CopyBuildOutputPlugin {
+    private isServer;
+    constructor(isServer: boolean);
+    apply(compiler: Compiler): void;
+}
+export default CopyBuildOutputPlugin;

package/src/plugins/CopyFederationPlugin.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const fs_1 = tslib_1.__importDefault(require("fs"));
+const path_1 = tslib_1.__importDefault(require("path"));
+class CopyBuildOutputPlugin {
+    constructor(isServer) {
+        this.isServer = isServer;
+    }
+    apply(compiler) {
+        const copyFiles = (source, destination) => {
+            const files = fs_1.default.readdirSync(source);
+            files.forEach((file) => {
+                const sourcePath = path_1.default.join(source, file);
+                const destinationPath = path_1.default.join(destination, file);
+                if (fs_1.default.lstatSync(sourcePath).isDirectory()) {
+                    if (!fs_1.default.existsSync(destinationPath)) {
+                        fs_1.default.mkdirSync(destinationPath);
+                    }
+                    copyFiles(sourcePath, destinationPath);
+                }
+                else {
+                    fs_1.default.copyFileSync(sourcePath, destinationPath);
+                }
+            });
+        };
+        compiler.hooks.afterEmit.tapAsync('CopyBuildOutputPlugin', (compilation, callback) => {
+            const { outputPath } = compiler;
+            const outputString = outputPath.split('server')[0];
+            const isProd = compiler.options.mode === 'production';
+            if (!isProd && !this.isServer) {
+                return callback();
+            }
+            const serverLoc = path_1.default.join(outputString, this.isServer && isProd ? '/ssr' : '/static/ssr');
+            const servingLoc = path_1.default.join(outputPath, 'ssr');
+            if (!fs_1.default.existsSync(serverLoc)) {
+                fs_1.default.mkdirSync(serverLoc, { recursive: true });
+            }
+            const sourcePath = this.isServer ? outputPath : servingLoc;
+            if (fs_1.default.existsSync(sourcePath)) {
+                copyFiles(sourcePath, serverLoc);
+            }
+            callback();
+        });
+    }
+}
+exports.default = CopyBuildOutputPlugin;
+//# sourceMappingURL=CopyFederationPlugin.js.map

package/src/plugins/CopyFederationPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyFederationPlugin.js","sourceRoot":"","sources":["../../../../../packages/nextjs-mf/src/plugins/CopyFederationPlugin.ts"],"names":[],"mappings":";;;AAAA,oDAAoB;AACpB,wDAAwB;AAGxB,MAAM,qBAAqB;IAGzB,YAAY,QAAiB;QAC3B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,QAAkB;QACtB,MAAM,SAAS,GAAG,CAAC,MAAc,EAAE,WAAmB,EAAQ,EAAE;YAC9D,MAAM,KAAK,GAAG,YAAE,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAErC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;gBACrB,MAAM,UAAU,GAAG,cAAI,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;gBAC3C,MAAM,eAAe,GAAG,cAAI,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;gBAErD,IAAI,YAAE,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,WAAW,EAAE,EAAE;oBAC1C,IAAI,CAAC,YAAE,CAAC,UAAU,CAAC,eAAe,CAAC,EAAE;wBACnC,YAAE,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;qBAC/B;oBACD,SAAS,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;iBACxC;qBAAM;oBACL,YAAE,CAAC,YAAY,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;iBAC9C;YACH,CAAC,CAAC,CAAC;QACL,CAAC,CAAC;QAEF,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,QAAQ,CAC/B,uBAAuB,EACvB,CAAC,WAAwB,EAAE,QAAoB,EAAE,EAAE;YACjD,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC;YAChC,MAAM,YAAY,GAAG,UAAU,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC;YACnD,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC;YAEtD,IAAI,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;gBAC7B,OAAO,QAAQ,EAAE,CAAC;aACnB;YAED,MAAM,SAAS,GAAG,cAAI,CAAC,IAAI,CACzB,YAAY,EACZ,IAAI,CAAC,QAAQ,IAAI,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,aAAa,CACjD,CAAC;YACF,MAAM,UAAU,GAAG,cAAI,CAAC,IAAI,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;YAEhD,IAAI,CAAC,YAAE,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;gBAC7B,YAAE,CAAC,SAAS,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;aAC9C;YAED,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;YAC3D,IAAI,YAAE,CAAC,UAAU,CAAC,UAAU,CAAC,EAAE;gBAC7B,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;aAClC;YACD,QAAQ,EAAE,CAAC;QACb,CAAC,CACF,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,qBAAqB,CAAC"}

package/src/plugins/JsonpChunkLoading.d.ts

@@ -0,0 +1,7 @@
+import type { Compiler } from 'webpack';
+declare class CustomWebpackPlugin {
+    private options;
+    constructor(options?: any);
+    apply(compiler: Compiler): void;
+}
+export default CustomWebpackPlugin;

package/src/plugins/JsonpChunkLoading.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const webpack_sources_1 = require("webpack-sources");
+const Template_1 = tslib_1.__importDefault(require("../../utils/Template"));
+const custom_jsonp_1 = tslib_1.__importDefault(require("./container/custom-jsonp"));
+function getCustomJsonpCode(chunkLoadingGlobal, RuntimeGlobals) {
+    const code = [
+        'var chunkQueue = [];',
+        'var chunkTracker = [];',
+        `var chunkLoadingGlobal = self[${JSON.stringify(chunkLoadingGlobal)}] || [];`,
+        'var asyncQueue = [];',
+        custom_jsonp_1.default,
+    ];
+    return Template_1.default.asString(code);
+}
+class CustomWebpackPlugin {
+    constructor(options) {
+        this.options = options || {};
+    }
+    apply(compiler) {
+        compiler.hooks.compilation.tap('CustomWebpackPlugin', (compilation) => {
+            compilation.hooks.runtimeModule.tap('CustomWebpackPlugin', (runtimeModule, chunk) => {
+                if (this.options.server && chunk.name === 'webpack-runtime') {
+                    // if server runtime module
+                }
+                if (runtimeModule.constructor.name ===
+                    'JsonpChunkLoadingRuntimeModule' &&
+                    chunk.name === 'webpack') {
+                    const originalSource = runtimeModule.getGeneratedCode();
+                    const modifiedSource = new webpack_sources_1.ConcatSource(originalSource, '\n', getCustomJsonpCode(
+                    //@ts-ignore
+                    compilation.outputOptions.chunkLoadingGlobal, compiler.webpack.RuntimeGlobals));
+                    runtimeModule.getGeneratedCode = () => modifiedSource.source();
+                }
+            });
+        });
+    }
+}
+exports.default = CustomWebpackPlugin;
+//# sourceMappingURL=JsonpChunkLoading.js.map

package/src/plugins/JsonpChunkLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"JsonpChunkLoading.js","sourceRoot":"","sources":["../../../../../packages/nextjs-mf/src/plugins/JsonpChunkLoading.ts"],"names":[],"mappings":";;;AAQA,qDAA+C;AAG/C,4EAA4C;AAC5C,oFAAgD;AAEhD,SAAS,kBAAkB,CACzB,kBAA0B,EAC1B,cAAmB;IAEnB,MAAM,IAAI,GAAG;QACX,sBAAsB;QACtB,wBAAwB;QACxB,iCAAiC,IAAI,CAAC,SAAS,CAC7C,kBAAkB,CACnB,UAAU;QACX,sBAAsB;QACtB,sBAAQ;KACT,CAAC;IACF,OAAO,kBAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;AACjC,CAAC;AAED,MAAM,mBAAmB;IAGvB,YAAY,OAAa;QACvB,IAAI,CAAC,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,QAAkB;QACtB,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAC5B,qBAAqB,EACrB,CAAC,WAAwB,EAAE,EAAE;YAC3B,WAAW,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,CACjC,qBAAqB,EACrB,CAAC,aAA4B,EAAE,KAAU,EAAE,EAAE;gBAC3C,IAAI,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,KAAK,CAAC,IAAI,KAAK,iBAAiB,EAAE;oBAC3D,2BAA2B;iBAC5B;gBAED,IACE,aAAa,CAAC,WAAW,CAAC,IAAI;oBAC5B,gCAAgC;oBAClC,KAAK,CAAC,IAAI,KAAK,SAAS,EACxB;oBACA,MAAM,cAAc,GAAG,aAAa,CAAC,gBAAgB,EAAE,CAAC;oBACxD,MAAM,cAAc,GAAG,IAAI,8BAAY,CACrC,cAAc,EACd,IAAI,EACJ,kBAAkB;oBAChB,YAAY;oBACZ,WAAW,CAAC,aAAa,CAAC,kBAAkB,EAC5C,QAAQ,CAAC,OAAO,CAAC,cAAc,CAChC,CACF,CAAC;oBACF,aAAa,CAAC,gBAAgB,GAAG,GAAG,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC;iBAChE;YACH,CAAC,CACF,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,mBAAmB,CAAC"}

package/src/plugins/NextFederationPlugin/apply-client-plugins.d.ts

@@ -0,0 +1,24 @@
+import { Compiler } from 'webpack';
+import { ModuleFederationPluginOptions, NextFederationPluginExtraOptions } from '@module-federation/utilities';
+/**
+ * Applies client-specific plugins.
+ *
+ * @param compiler - The Webpack compiler instance.
+ * @param options - The ModuleFederationPluginOptions instance.
+ * @param extraOptions - The NextFederationPluginExtraOptions instance.
+ *
+ * @remarks
+ * This function applies plugins to the Webpack compiler instance that are specific to the client build of
+ * a Next.js application with Module Federation enabled. These plugins include the following:
+ *
+ * - AddModulesPlugin: Adds modules to the webpack container runtime that can be streamed to other runtimes.
+ * - EntryPlugin: Creates an entry point for the application that delegates module loading to the container runtime.
+ * - ChunkCorrelationPlugin: Collects metadata on chunks to enable proper module loading across different runtimes.
+ * - InvertedContainerPlugin: Adds custom runtime modules to the container runtime to allow a host to expose its
+ *   own remote interface at startup.
+ *
+ * If automatic page stitching is enabled, a loader is added to process the `next/dist/client/page-loader.js`
+ * file. If a custom library is specified in the options, an error is thrown. The options.library property is
+ * also set to `{ type: 'window', name: options.name }`.
+ */
+export declare function applyClientPlugins(compiler: Compiler, options: ModuleFederationPluginOptions, extraOptions: NextFederationPluginExtraOptions): void;

package/src/plugins/NextFederationPlugin/apply-client-plugins.js

@@ -0,0 +1,78 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyClientPlugins = void 0;
+const tslib_1 = require("tslib");
+const DelegateModulesPlugin_1 = tslib_1.__importDefault(require("@module-federation/utilities/src/plugins/DelegateModulesPlugin"));
+const node_1 = require("@module-federation/node");
+const InvertedContainerPlugin_1 = tslib_1.__importDefault(require("../container/InvertedContainerPlugin"));
+const JsonpChunkLoading_1 = tslib_1.__importDefault(require("../JsonpChunkLoading"));
+/**
+ * Applies client-specific plugins.
+ *
+ * @param compiler - The Webpack compiler instance.
+ * @param options - The ModuleFederationPluginOptions instance.
+ * @param extraOptions - The NextFederationPluginExtraOptions instance.
+ *
+ * @remarks
+ * This function applies plugins to the Webpack compiler instance that are specific to the client build of
+ * a Next.js application with Module Federation enabled. These plugins include the following:
+ *
+ * - AddModulesPlugin: Adds modules to the webpack container runtime that can be streamed to other runtimes.
+ * - EntryPlugin: Creates an entry point for the application that delegates module loading to the container runtime.
+ * - ChunkCorrelationPlugin: Collects metadata on chunks to enable proper module loading across different runtimes.
+ * - InvertedContainerPlugin: Adds custom runtime modules to the container runtime to allow a host to expose its
+ *   own remote interface at startup.
+ *
+ * If automatic page stitching is enabled, a loader is added to process the `next/dist/client/page-loader.js`
+ * file. If a custom library is specified in the options, an error is thrown. The options.library property is
+ * also set to `{ type: 'window', name: options.name }`.
+ */
+function applyClientPlugins(compiler, options, extraOptions) {
+    const { webpack } = compiler;
+    const { remotes, name } = options;
+    //@ts-ignore
+    compiler.options.output.publicPath = 'auto';
+    // Build will hang without this. Likely something in my plugin
+    compiler.options.optimization.chunkIds = 'named';
+    compiler.options.optimization.splitChunks = undefined;
+    // Add a new plugin to hoist modules into remote runtime
+    new JsonpChunkLoading_1.default().apply(compiler);
+    new DelegateModulesPlugin_1.default({
+        container: name,
+        runtime: 'webpack',
+        remotes,
+    }).apply(compiler);
+    // If automatic page stitching is enabled, add a new rule to the compiler's module rules
+    if (extraOptions.automaticPageStitching) {
+        console.warn('[nextjs-mf]', 'automatic page stitching is disabled in v7');
+        //   compiler.options.module.rules.push({
+        //     test: /next[\\/]dist[\\/]client[\\/]page-loader\.js$/,
+        //     loader: path.resolve(
+        //       __dirname,
+        //       '../../loaders/patchNextClientPageLoader'
+        //     ),
+        //   });
+    }
+    // If a custom library is set, log an error message
+    if (options.library) {
+        console.error('[nextjs-mf] you cannot set custom library');
+    }
+    // Set the library option to be a window object with the name of the module federation plugin
+    options.library = {
+        type: 'window',
+        name,
+    };
+    // Add a new chunk correlation plugin to the compiler
+    new node_1.ChunkCorrelationPlugin({
+        filename: 'static/chunks/federated-stats.json',
+    }).apply(compiler);
+    // Add a new commonjs chunk loading plugin to the compiler
+    new InvertedContainerPlugin_1.default({
+        runtime: 'webpack',
+        container: options.name,
+        remotes: options.remotes,
+        debug: false,
+    }).apply(compiler);
+}
+exports.applyClientPlugins = applyClientPlugins;
+//# sourceMappingURL=apply-client-plugins.js.map

package/src/plugins/NextFederationPlugin/apply-client-plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-client-plugins.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/NextFederationPlugin/apply-client-plugins.ts"],"names":[],"mappings":";;;;AAKA,mIAAmG;AAEnG,kDAAiE;AACjE,2GAA2E;AAC3E,qFAAqD;AACrD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,SAAgB,kBAAkB,CAChC,QAAkB,EAClB,OAAsC,EACtC,YAA8C;IAE9C,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;IAC7B,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,GAAG,OAAO,CAAC;IAClC,YAAY;IACZ,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,UAAU,GAAG,MAAM,CAAC;IAC5C,8DAA8D;IAC9D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,GAAG,OAAO,CAAC;IACjD,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,GAAG,SAAS,CAAC;IAEtD,wDAAwD;IACxD,IAAI,2BAAiB,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACxC,IAAI,+BAAqB,CAAC;QACxB,SAAS,EAAE,IAAI;QACf,OAAO,EAAE,SAAS;QAClB,OAAO;KACR,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnB,wFAAwF;IACxF,IAAI,YAAY,CAAC,sBAAsB,EAAE;QACvC,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,4CAA4C,CAAC,CAAC;QAC1E,yCAAyC;QACzC,6DAA6D;QAC7D,4BAA4B;QAC5B,mBAAmB;QACnB,kDAAkD;QAClD,SAAS;QACT,QAAQ;KACT;IAED,mDAAmD;IACnD,IAAI,OAAO,CAAC,OAAO,EAAE;QACnB,OAAO,CAAC,KAAK,CAAC,2CAA2C,CAAC,CAAC;KAC5D;IAED,6FAA6F;IAC7F,OAAO,CAAC,OAAO,GAAG;QAChB,IAAI,EAAE,QAAQ;QACd,IAAI;KACL,CAAC;IAEF,qDAAqD;IACrD,IAAI,6BAAsB,CAAC;QACzB,QAAQ,EAAE,oCAAoC;KAC/C,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnB,0DAA0D;IAC1D,IAAI,iCAAuB,CAAC;QAC1B,OAAO,EAAE,SAAS;QAClB,SAAS,EAAE,OAAO,CAAC,IAAI;QACvB,OAAO,EAAE,OAAO,CAAC,OAAiC;QAClD,KAAK,EAAE,KAAK;KACb,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACrB,CAAC;AAxDD,gDAwDC"}

package/src/plugins/NextFederationPlugin/apply-server-plugins.d.ts

@@ -0,0 +1,53 @@
+import { Compiler } from 'webpack';
+import { ModuleFederationPluginOptions } from '@module-federation/utilities';
+/**
+ * Applies server-specific plugins.
+ *
+ * @param compiler - The Webpack compiler instance.
+ * @param options - The ModuleFederationPluginOptions instance.
+ *
+ */
+export declare function applyServerPlugins(compiler: Compiler, options: ModuleFederationPluginOptions): void;
+/**
+ * Configures server-specific library and filename options.
+ *
+ * @param options - The ModuleFederationPluginOptions instance.
+ *
+ * @remarks
+ * This function configures the library and filename options for server builds. The library option is
+ * set to the commonjs-module format for chunks and the container, which allows them to be streamed over
+ * to hosts with the NodeFederationPlugin. The filename option is set to the basename of the current
+ * filename.
+ */
+export declare function configureServerLibraryAndFilename(options: ModuleFederationPluginOptions): void;
+/**
+ * Patches Next.js' default externals function to make sure shared modules are bundled and not treated as external.
+ *
+ * @param compiler - The Webpack compiler instance.
+ * @param options - The ModuleFederationPluginOptions instance.
+ *
+ * @remarks
+ * In server builds, all node modules are treated as external, which prevents them from being shared
+ * via module federation. To work around this limitation, we mark shared modules as internalizable
+ * modules that webpack puts into chunks that can be streamed to other runtimes as needed.
+ *
+ * This function replaces Next.js' default externals function with a new asynchronous function that
+ * checks whether a module should be treated as external. If the module should not be treated as
+ * external, the function returns without calling the original externals function. Otherwise, the
+ * function calls the original externals function and retrieves the result. If the result is null,
+ * the function returns without further processing. If the module is from Next.js or React, the
+ * function returns the original result. Otherwise, the function returns null.
+ */
+export declare function handleServerExternals(compiler: Compiler, options: ModuleFederationPluginOptions): void;
+/**
+ * Configures server-specific compiler options.
+ *
+ * @param compiler - The Webpack compiler instance.
+ *
+ * @remarks
+ * This function configures the compiler options for server builds. It turns off the compiler target on node
+ * builds because it adds its own chunk loading runtime module with NodeFederationPlugin and StreamingTargetPlugin.
+ * It also disables split chunks to prevent conflicts from occurring in the graph.
+ *
+ */
+export declare function configureServerCompilerOptions(compiler: Compiler): void;

package/src/plugins/NextFederationPlugin/apply-server-plugins.js

@@ -0,0 +1,159 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureServerCompilerOptions = exports.handleServerExternals = exports.configureServerLibraryAndFilename = exports.applyServerPlugins = void 0;
+const tslib_1 = require("tslib");
+const DelegateModulesPlugin_1 = tslib_1.__importDefault(require("@module-federation/utilities/src/plugins/DelegateModulesPlugin"));
+const path_1 = tslib_1.__importDefault(require("path"));
+const InvertedContainerPlugin_1 = tslib_1.__importDefault(require("../container/InvertedContainerPlugin"));
+const JsonpChunkLoading_1 = tslib_1.__importDefault(require("../JsonpChunkLoading"));
+/**
+ * Applies server-specific plugins.
+ *
+ * @param compiler - The Webpack compiler instance.
+ * @param options - The ModuleFederationPluginOptions instance.
+ *
+ */
+function applyServerPlugins(compiler, options) {
+    // Import the StreamingTargetPlugin from @module-federation/node
+    const { StreamingTargetPlugin } = require('@module-federation/node');
+    new JsonpChunkLoading_1.default({ server: true }).apply(compiler);
+    new DelegateModulesPlugin_1.default({
+        runtime: 'webpack-runtime',
+        remotes: options.remotes,
+        container: options.name,
+    }).apply(compiler);
+    // Add the StreamingTargetPlugin with the ModuleFederationPlugin from the webpack container
+    new StreamingTargetPlugin(options, {
+        ModuleFederationPlugin: compiler.webpack.container.ModuleFederationPlugin,
+    }).apply(compiler);
+    // Add a new commonjs chunk loading plugin to the compiler
+    new InvertedContainerPlugin_1.default({
+        runtime: 'webpack-runtime',
+        container: options.name,
+        remotes: options.remotes,
+        debug: false,
+    }).apply(compiler);
+}
+exports.applyServerPlugins = applyServerPlugins;
+/**
+ * Configures server-specific library and filename options.
+ *
+ * @param options - The ModuleFederationPluginOptions instance.
+ *
+ * @remarks
+ * This function configures the library and filename options for server builds. The library option is
+ * set to the commonjs-module format for chunks and the container, which allows them to be streamed over
+ * to hosts with the NodeFederationPlugin. The filename option is set to the basename of the current
+ * filename.
+ */
+function configureServerLibraryAndFilename(options) {
+    // Configure the library option with type "commonjs-module" and the name from the options
+    options.library = {
+        type: 'commonjs-module',
+        name: options.name,
+    };
+    // Set the filename option to the basename of the current filename
+    options.filename = path_1.default.basename(options.filename);
+}
+exports.configureServerLibraryAndFilename = configureServerLibraryAndFilename;
+/**
+ * Patches Next.js' default externals function to make sure shared modules are bundled and not treated as external.
+ *
+ * @param compiler - The Webpack compiler instance.
+ * @param options - The ModuleFederationPluginOptions instance.
+ *
+ * @remarks
+ * In server builds, all node modules are treated as external, which prevents them from being shared
+ * via module federation. To work around this limitation, we mark shared modules as internalizable
+ * modules that webpack puts into chunks that can be streamed to other runtimes as needed.
+ *
+ * This function replaces Next.js' default externals function with a new asynchronous function that
+ * checks whether a module should be treated as external. If the module should not be treated as
+ * external, the function returns without calling the original externals function. Otherwise, the
+ * function calls the original externals function and retrieves the result. If the result is null,
+ * the function returns without further processing. If the module is from Next.js or React, the
+ * function returns the original result. Otherwise, the function returns null.
+ */
+function handleServerExternals(compiler, options) {
+    // Check if the compiler has an `externals` array
+    if (Array.isArray(compiler.options.externals) &&
+        compiler.options.externals[0]) {
+        // Retrieve the original externals function
+        const originalExternals = compiler.options.externals[0];
+        // Replace the original externals function with a new asynchronous function
+        compiler.options.externals[0] = async function (ctx, callback) {
+            // Check if the module should not be treated as external
+            if (ctx.request &&
+                (ctx.request.includes('@module-federation/utilities') ||
+                    ctx.request.includes('internal-delegate-hoist') ||
+                    Object.keys(options.shared || {}).some((key) => {
+                        return (
+                        //@ts-ignore
+                        options.shared?.[key]?.import !== false &&
+                            ctx?.request?.includes(key));
+                    }) ||
+                    ctx.request.includes('@module-federation/dashboard-plugin'))) {
+                // If the module should not be treated as external, return without calling the original externals function
+                return;
+            }
+            // seems to cause build issues at lululemon
+            // nobody else seems to run into this issue
+            // #JobSecurity
+            if (ctx.request && ctx.request.includes('react/jsx-runtime')) {
+                return 'commonjs ' + ctx.request;
+            }
+            // Call the original externals function and retrieve the result
+            // @ts-ignore
+            const fromNext = await originalExternals(ctx, callback);
+            // If the result is null, return without further processing
+            if (!fromNext) {
+                return;
+            }
+            // If the module is from Next.js or React, return the original result
+            const req = fromNext.split(' ')[1];
+            if (req.startsWith('next') ||
+                // make sure we dont screw up package names that start with react
+                // like react-carousel or react-spring
+                req.startsWith('react/') ||
+                req.startsWith('react-dom/') ||
+                req === 'react' ||
+                req === 'react-dom') {
+                return fromNext;
+            }
+            // Otherwise, return (null) to treat the module as internalizable
+            return;
+        };
+    }
+}
+exports.handleServerExternals = handleServerExternals;
+/**
+ * Configures server-specific compiler options.
+ *
+ * @param compiler - The Webpack compiler instance.
+ *
+ * @remarks
+ * This function configures the compiler options for server builds. It turns off the compiler target on node
+ * builds because it adds its own chunk loading runtime module with NodeFederationPlugin and StreamingTargetPlugin.
+ * It also disables split chunks to prevent conflicts from occurring in the graph.
+ *
+ */
+function configureServerCompilerOptions(compiler) {
+    // Turn off the compiler target on node builds because we add our own chunk loading runtime module
+    // with NodeFederationPlugin and StreamingTargetPlugin
+    compiler.options.target = false;
+    compiler.options.node = {
+        ...compiler.options.node,
+        global: false,
+    };
+    // Build will hang without this. Likely something in my plugin
+    compiler.options.optimization.chunkIds = 'named';
+    // no custom chunk rules
+    compiler.options.optimization.splitChunks = undefined;
+    // solves strange issues where next doesnt create a runtime chunk
+    // might be related to if an api route exists or not
+    compiler.options.optimization.runtimeChunk = {
+        name: 'webpack-runtime',
+    };
+}
+exports.configureServerCompilerOptions = configureServerCompilerOptions;
+//# sourceMappingURL=apply-server-plugins.js.map

package/src/plugins/NextFederationPlugin/apply-server-plugins.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-server-plugins.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/NextFederationPlugin/apply-server-plugins.ts"],"names":[],"mappings":"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"}

package/src/plugins/NextFederationPlugin/index.d.ts

@@ -0,0 +1,18 @@
+import type { ModuleFederationPluginOptions, NextFederationPluginExtraOptions, NextFederationPluginOptions } from '@module-federation/utilities';
+import type { Compiler } from 'webpack';
+/**
+ * NextFederationPlugin is a webpack plugin that handles Next.js application
+ * federation using Module Federation.
+ */
+export declare class NextFederationPlugin {
+    _options: ModuleFederationPluginOptions;
+    _extraOptions: NextFederationPluginExtraOptions;
+    /**
+     * Constructs the NextFederationPlugin with the provided options.
+     *
+     * @param options The options to configure the plugin.
+     */
+    constructor(options: NextFederationPluginOptions);
+    apply(compiler: Compiler): void;
+}
+export default NextFederationPlugin;