@module-federation/nextjs-mf 6.4.0 → 6.4.1-beta.1

package/src/plugins/NextFederationPlugin/apply-automatic-async-boundary.js

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyAutomaticAsyncBoundary = void 0;
+const tslib_1 = require("tslib");
+const regex_equal_1 = require("./regex-equal");
+const path_1 = tslib_1.__importDefault(require("path"));
+/**
+
+ Apply automatic async boundary.
+ @param {ModuleFederationPluginOptions} options - The ModuleFederationPluginOptions instance.
+ @param {NextFederationPluginExtraOptions} extraOptions - The NextFederationPluginExtraOptions instance.
+ @param {Compiler} compiler - The Webpack compiler instance.
+ @remarks This function applies an automatic async boundary to the Next.js application.
+ */
+function applyAutomaticAsyncBoundary(options, extraOptions, compiler) {
+    const allowedPaths = ['pages/', 'app/', 'src/pages/', 'src/app/'];
+    const jsRules = compiler.options.module.rules.find((r) => {
+        //@ts-ignore
+        return r && r.oneOf;
+    });
+    //@ts-ignore
+    if (jsRules?.oneOf) {
+        // @ts-ignore
+        const foundJsLayer = jsRules.oneOf.find((r) => {
+            //@ts-ignore
+            return (0, regex_equal_1.regexEqual)(r.test, /\.(tsx|ts|js|cjs|mjs|jsx)$/) && !r.issuerLayer;
+        });
+        if (foundJsLayer) {
+            const loaderChain = Array.isArray(foundJsLayer.use)
+                ? foundJsLayer.use
+                : [foundJsLayer.use];
+            // Add a new rule for pages that need async boundaries
+            //@ts-ignore
+            jsRules.oneOf.unshift({
+                test: (request) => {
+                    return (allowedPaths.some((p) => request.includes(path_1.default.join(compiler.context, p))) && /\.(js|jsx|ts|tsx|md|mdx|mjs)$/i.test(request));
+                },
+                exclude: [
+                    /node_modules/,
+                    /_document/,
+                    /_middleware/,
+                    /pages[\\/]middleware/,
+                    /pages[\\/]api/,
+                ],
+                resourceQuery: (query) => !query.includes('hasBoundary'),
+                use: [
+                    //@ts-ignore
+                    ...loaderChain,
+                    //@ts-ignore
+                    {
+                        // This loader auto-wraps page entrypoints
+                        // and re-exports them as a dynamic import so module sharing works without eager issues.
+                        loader: path_1.default.resolve(__dirname, '../../loaders/async-boundary-loader'),
+                    },
+                ],
+            });
+        }
+    }
+}
+exports.applyAutomaticAsyncBoundary = applyAutomaticAsyncBoundary;
+//# sourceMappingURL=apply-automatic-async-boundary.js.map

package/src/plugins/NextFederationPlugin/apply-automatic-async-boundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apply-automatic-async-boundary.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/NextFederationPlugin/apply-automatic-async-boundary.ts"],"names":[],"mappings":";;;;AAKA,+CAA2C;AAC3C,wDAAwB;AAExB;;;;;;;GAOG;AACH,SAAgB,2BAA2B,CACzC,OAAsC,EACtC,YAA8C,EAC9C,QAAkB;IAElB,MAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,UAAU,CAAC,CAAC;IAElE,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;QACvD,YAAY;QACZ,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC;IACtB,CAAC,CAAC,CAAC;IAEH,YAAY;IACZ,IAAI,OAAO,EAAE,KAAK,EAAE;QAClB,aAAa;QACb,MAAM,YAAY,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE;YAC5C,YAAY;YACZ,OAAO,IAAA,wBAAU,EAAC,CAAC,CAAC,IAAI,EAAE,4BAA4B,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC;QAC5E,CAAC,CAAC,CAAC;QAEH,IAAI,YAAY,EAAE;YAChB,MAAM,WAAW,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,GAAG,CAAC;gBACjD,CAAC,CAAC,YAAY,CAAC,GAAG;gBAClB,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;YAEvB,sDAAsD;YACtD,YAAY;YACZ,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;gBACpB,IAAI,EAAE,CAAC,OAAe,EAAE,EAAE;oBACxB,OAAO,CACL,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CACtB,OAAO,CAAC,QAAQ,CAAC,cAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,CACjD,IAAI,gCAAgC,CAAC,IAAI,CAAC,OAAO,CAAC,CACpD,CAAC;gBACJ,CAAC;gBACD,OAAO,EAAE;oBACP,cAAc;oBACd,WAAW;oBACX,aAAa;oBACb,sBAAsB;oBACtB,eAAe;iBAChB;gBACD,aAAa,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC;gBAChE,GAAG,EAAE;oBACH,YAAY;oBACZ,GAAG,WAAW;oBACd,YAAY;oBACZ;wBACE,0CAA0C;wBAC1C,wFAAwF;wBACxF,MAAM,EAAE,cAAI,CAAC,OAAO,CAClB,SAAS,EACT,qCAAqC,CACtC;qBACF;iBACF;aACF,CAAC,CAAC;SACJ;KACF;AACH,CAAC;AA3DD,kEA2DC"}

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,79 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyClientPlugins = void 0;
+const tslib_1 = require("tslib");
+const AddModulesToRuntime_1 = tslib_1.__importDefault(require("../AddModulesToRuntime"));
+const internal_1 = require("../../internal");
+const path_1 = tslib_1.__importDefault(require("path"));
+const node_1 = require("@module-federation/node");
+const InvertedContainerPlugin_1 = tslib_1.__importDefault(require("../container/InvertedContainerPlugin"));
+/**
+ * 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';
+    // Add a new plugin to hoist modules into remote runtime
+    new AddModulesToRuntime_1.default({
+        debug: false,
+        runtime: 'webpack',
+        eager: true,
+        remotes,
+        // @ts-ignore
+        shared: internal_1.DEFAULT_SHARE_SCOPE_BROWSER,
+        container: name,
+        // @ts-ignore
+        applicationName: name,
+    }).apply(compiler);
+    // If automatic page stitching is enabled, add a new rule to the compiler's module rules
+    if (extraOptions.automaticPageStitching) {
+        compiler.options.module.rules.push({
+            test: /next[\\/]dist[\\/]client[\\/]page-loader\.js$/,
+            loader: path_1.default.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 entry plugin to the compiler to delegate hoisting
+    new webpack.EntryPlugin(compiler.context, require.resolve('../../internal-delegate-hoist'), 'main').apply(compiler);
+    // 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,yFAAsD;AACtD,6CAA6D;AAC7D,wDAAwB;AACxB,kDAAiE;AACjE,2GAA2E;AAE3E;;;;;;;;;;;;;;;;;;;;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,wDAAwD;IACxD,IAAI,6BAAgB,CAAC;QACnB,KAAK,EAAE,KAAK;QACZ,OAAO,EAAE,SAAS;QAClB,KAAK,EAAE,IAAI;QACX,OAAO;QACP,aAAa;QACb,MAAM,EAAE,sCAA2B;QACnC,SAAS,EAAE,IAAI;QACf,aAAa;QACb,eAAe,EAAE,IAAI;KACtB,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnB,wFAAwF;IACxF,IAAI,YAAY,CAAC,sBAAsB,EAAE;QACvC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;YACjC,IAAI,EAAE,+CAA+C;YACrD,MAAM,EAAE,cAAI,CAAC,OAAO,CAClB,SAAS,EACT,yCAAyC,CAC1C;SACF,CAAC,CAAC;KACJ;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,8DAA8D;IAC9D,IAAI,OAAO,CAAC,WAAW,CACrB,QAAQ,CAAC,OAAO,EAChB,OAAO,CAAC,OAAO,CAAC,+BAA+B,CAAC,EAChD,MAAM,CACP,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAElB,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;AA/DD,gDA+DC"}

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

@@ -0,0 +1,61 @@
+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.
+ *
+ * @remarks
+ * The AddModulesPlugin lets us move modules between webpack chunks. In this case,
+ * we are moving modules into the runtime chunks of the host and removing eager shared
+ * modules from the remote container runtimes. This works around Next.js' lack of async
+ * boundary, allowing us to execute the code more efficiently and with better performance.
+ * By removing eager shared modules from the remote container runtimes, we can also improve
+ * the load time of the application by reducing the amount of unnecessary code that needs
+ * to be loaded.
+ */
+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,158 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configureServerCompilerOptions = exports.handleServerExternals = exports.configureServerLibraryAndFilename = exports.applyServerPlugins = void 0;
+const tslib_1 = require("tslib");
+const AddModulesToRuntime_1 = tslib_1.__importDefault(require("../AddModulesToRuntime"));
+const path_1 = tslib_1.__importDefault(require("path"));
+const InvertedContainerPlugin_1 = tslib_1.__importDefault(require("../container/InvertedContainerPlugin"));
+/**
+ * Applies server-specific plugins.
+ *
+ * @param compiler - The Webpack compiler instance.
+ * @param options - The ModuleFederationPluginOptions instance.
+ *
+ * @remarks
+ * The AddModulesPlugin lets us move modules between webpack chunks. In this case,
+ * we are moving modules into the runtime chunks of the host and removing eager shared
+ * modules from the remote container runtimes. This works around Next.js' lack of async
+ * boundary, allowing us to execute the code more efficiently and with better performance.
+ * By removing eager shared modules from the remote container runtimes, we can also improve
+ * the load time of the application by reducing the amount of unnecessary code that needs
+ * to be loaded.
+ */
+function applyServerPlugins(compiler, options) {
+    // Import the StreamingTargetPlugin from @module-federation/node
+    const { StreamingTargetPlugin } = require('@module-federation/node');
+    // Add the AddModulesPlugin for the webpack runtime with eager loading and remote configuration
+    new AddModulesToRuntime_1.default({
+        runtime: 'webpack-runtime',
+        eager: true,
+        remotes: options.remotes,
+        isServer: true,
+        container: options.name,
+    }).apply(compiler);
+    // Add the AddModulesPlugin for the server with lazy loading and remote configuration
+    // new AddModulesPlugin({
+    //   runtime: options.name,
+    //   eager: false,
+    //   remotes: options.remotes
+    // }).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: true,
+    }).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;
+            }
+            // 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') || req.startsWith('react')) {
+                return fromNext;
+            }
+            // Otherwise, return null
+            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,
+    };
+    // Set chunkIds optimization to 'named'
+    compiler.options.optimization.chunkIds = 'named'; // for debugging
+    // Disable split chunks to prevent conflicts from occurring in the graph
+    // TODO on the `compiler.options.optimization.splitChunks` line would be to find a way to only opt out chunks/modules related to module federation from chunk splitting logic.
+    compiler.options.optimization.splitChunks = false;
+}
+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":";;;;AAEA,yFAAsD;AACtD,wDAAwB;AACxB,2GAA2E;AAE3E;;;;;;;;;;;;;;GAcG;AACH,SAAgB,kBAAkB,CAChC,QAAkB,EAClB,OAAsC;IAEtC,gEAAgE;IAChE,MAAM,EAAE,qBAAqB,EAAE,GAAG,OAAO,CAAC,yBAAyB,CAAC,CAAC;IAErE,+FAA+F;IAC/F,IAAI,6BAAgB,CAAC;QACnB,OAAO,EAAE,iBAAiB;QAC1B,KAAK,EAAE,IAAI;QACX,OAAO,EAAE,OAAO,CAAC,OAAO;QACxB,QAAQ,EAAE,IAAI;QACd,SAAS,EAAE,OAAO,CAAC,IAAI;KACxB,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnB,qFAAqF;IACrF,yBAAyB;IACzB,2BAA2B;IAC3B,kBAAkB;IAClB,6BAA6B;IAC7B,sBAAsB;IAEtB,2FAA2F;IAC3F,IAAI,qBAAqB,CAAC,OAAO,EAAE;QACjC,sBAAsB,EAAE,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,sBAAsB;KAC1E,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnB,0DAA0D;IAC1D,IAAI,iCAAuB,CAAC;QAC1B,OAAO,EAAE,iBAAiB;QAC1B,SAAS,EAAE,OAAO,CAAC,IAAI;QACvB,OAAO,EAAE,OAAO,CAAC,OAAiC;QAClD,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACrB,CAAC;AAnCD,gDAmCC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,iCAAiC,CAC/C,OAAsC;IAEtC,yFAAyF;IACzF,OAAO,CAAC,OAAO,GAAG;QAChB,IAAI,EAAE,iBAAiB;QACvB,IAAI,EAAE,OAAO,CAAC,IAAI;KACnB,CAAC;IAEF,kEAAkE;IAClE,OAAO,CAAC,QAAQ,GAAG,cAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAkB,CAAC,CAAC;AAC/D,CAAC;AAXD,8EAWC;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,SAAgB,qBAAqB,CACnC,QAAkB,EAClB,OAAsC;IAEtC,iDAAiD;IACjD,IACE,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC;QACzC,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,EAC7B;QACA,2CAA2C;QAC3C,MAAM,iBAAiB,GAAG,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;QAExD,2EAA2E;QAC3E,QAAQ,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,WAAW,GAAG,EAAE,QAAQ;YAC3D,wDAAwD;YACxD,IACE,GAAG,CAAC,OAAO;gBACX,CAAC,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,8BAA8B,CAAC;oBACnD,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,yBAAyB,CAAC;oBAC/C,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;wBAC7C,OAAO;wBACL,YAAY;wBACZ,OAAO,CAAC,MAAM,EAAE,CAAC,GAAG,CAAC,EAAE,MAAM,KAAK,KAAK;4BACvC,GAAG,EAAE,OAAO,EAAE,QAAQ,CAAC,GAAG,CAAC,CAC5B,CAAC;oBACJ,CAAC,CAAC;oBACF,GAAG,CAAC,OAAO,CAAC,QAAQ,CAAC,qCAAqC,CAAC,CAAC,EAC9D;gBACA,0GAA0G;gBAC1G,OAAO;aACR;YAED,+DAA+D;YAC/D,aAAa;YACb,MAAM,QAAQ,GAAG,MAAM,iBAAiB,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;YAExD,2DAA2D;YAC3D,IAAI,CAAC,QAAQ,EAAE;gBACb,OAAO;aACR;YAED,qEAAqE;YACrE,MAAM,GAAG,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;YACnC,IAAI,GAAG,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;gBACrD,OAAO,QAAQ,CAAC;aACjB;YAED,yBAAyB;YACzB,OAAO;QACT,CAAC,CAAC;KACH;AACH,CAAC;AAnDD,sDAmDC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,8BAA8B,CAAC,QAAkB;IAC/D,kGAAkG;IAClG,sDAAsD;IACtD,QAAQ,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;IAChC,QAAQ,CAAC,OAAO,CAAC,IAAI,GAAG;QACtB,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI;QACxB,MAAM,EAAE,KAAK;KACd,CAAC;IACF,uCAAuC;IACvC,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,QAAQ,GAAG,OAAO,CAAC,CAAC,gBAAgB;IAElE,wEAAwE;IACxE,8KAA8K;IAC9K,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,WAAW,GAAG,KAAK,CAAC;AACpD,CAAC;AAdD,wEAcC"}

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;

package/src/plugins/NextFederationPlugin/index.js

@@ -0,0 +1,133 @@
+/*
+    MIT License http://www.opensource.org/licenses/mit-license.php
+    Author Zackary Jackson @ScriptedAlchemy
+*/
+'use strict';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NextFederationPlugin = void 0;
+const tslib_1 = require("tslib");
+const utilities_1 = require("@module-federation/utilities");
+const CopyFederationPlugin_1 = tslib_1.__importDefault(require("../CopyFederationPlugin"));
+const next_fragments_1 = require("./next-fragments");
+const internal_1 = require("../../internal");
+const AddRuntimeRequirementToPromiseExternalPlugin_1 = tslib_1.__importDefault(require("../AddRuntimeRequirementToPromiseExternalPlugin"));
+const nextPageMapLoader_1 = require("../../loaders/nextPageMapLoader");
+const remove_unnecessary_shared_keys_1 = require("./remove-unnecessary-shared-keys");
+const set_options_1 = require("./set-options");
+const validate_options_1 = require("./validate-options");
+const apply_automatic_async_boundary_1 = require("./apply-automatic-async-boundary");
+const apply_server_plugins_1 = require("./apply-server-plugins");
+const apply_client_plugins_1 = require("./apply-client-plugins");
+/**
+ * NextFederationPlugin is a webpack plugin that handles Next.js application
+ * federation using Module Federation.
+ */
+class NextFederationPlugin {
+    /**
+     * Constructs the NextFederationPlugin with the provided options.
+     *
+     * @param options The options to configure the plugin.
+     */
+    constructor(options) {
+        const { mainOptions, extraOptions } = (0, set_options_1.setOptions)(options);
+        this._options = mainOptions;
+        this._extraOptions = extraOptions;
+    }
+    apply(compiler) {
+        // Validate the compiler options
+        const validCompile = (0, validate_options_1.validateCompilerOptions)(compiler);
+        if (!validCompile)
+            return;
+        // Validate the NextFederationPlugin options
+        (0, validate_options_1.validatePluginOptions)(this._options);
+        // Check if the compiler is for the server or client
+        const isServer = compiler.options.name === 'server';
+        const { webpack } = compiler;
+        // Apply the CopyFederationPlugin
+        new CopyFederationPlugin_1.default(isServer).apply(compiler);
+        // If remotes are provided, parse them
+        if (this._options.remotes) {
+            this._options.remotes = (0, internal_1.parseRemotes)(this._options.remotes);
+        }
+        // If shared modules are provided, remove unnecessary shared keys from the default share scope
+        if (this._options.shared) {
+            (0, remove_unnecessary_shared_keys_1.removeUnnecessarySharedKeys)(this._options.shared);
+        }
+        const ModuleFederationPlugin = (0, next_fragments_1.getModuleFederationPluginConstructor)(isServer, compiler);
+        const defaultShared = (0, next_fragments_1.retrieveDefaultShared)(isServer);
+        console.log(compiler.options.name);
+        if (isServer) {
+            // Refactored server condition
+            (0, apply_server_plugins_1.configureServerCompilerOptions)(compiler);
+            (0, apply_server_plugins_1.configureServerLibraryAndFilename)(this._options);
+            (0, apply_server_plugins_1.applyServerPlugins)(compiler, this._options);
+            (0, apply_server_plugins_1.handleServerExternals)(compiler, {
+                ...this._options,
+                shared: { ...defaultShared, ...this._options.shared },
+            });
+        }
+        else {
+            (0, apply_client_plugins_1.applyClientPlugins)(compiler, this._options, this._extraOptions);
+        }
+        // @ts-ignore
+        const hostFederationPluginOptions = {
+            ...this._options,
+            runtime: false,
+            exposes: {
+                // __hoist: require.resolve('../../delegate-hoist-container'),
+                ...(this._extraOptions.exposePages
+                    ? (0, nextPageMapLoader_1.exposeNextjsPages)(compiler.options.context)
+                    : {}),
+                ...this._options.exposes,
+            },
+            remotes: {
+                //@ts-ignore
+                ...this._options.remotes,
+            },
+            shared: {
+                ...defaultShared,
+                ...this._options.shared,
+            },
+        };
+        compiler.options.devtool = 'source-map';
+        compiler.options.output.uniqueName = this._options.name;
+        // inject module hoisting system
+        (0, next_fragments_1.applyRemoteDelegates)(this._options, compiler);
+        if (this._extraOptions.automaticAsyncBoundary) {
+            (0, apply_automatic_async_boundary_1.applyAutomaticAsyncBoundary)(this._options, this._extraOptions, compiler);
+        }
+        (0, next_fragments_1.injectModuleHoistingSystem)(isServer, this._options, compiler);
+        //todo runtime variable creation needs to be applied for server as well. this is just for client
+        // TODO: this needs to be refactored into something more comprehensive. this is just a quick fix
+        new webpack.DefinePlugin({
+            'process.env.REMOTES': (0, utilities_1.createRuntimeVariables)(this._options.remotes),
+            'process.env.CURRENT_HOST': JSON.stringify(this._options.name),
+        }).apply(compiler);
+        // @ts-ignore
+        new ModuleFederationPlugin(hostFederationPluginOptions).apply(compiler);
+        if (!isServer &&
+            this._options.remotes &&
+            Object.keys(this._options.remotes).length > 0) {
+            // single runtime chunk if host or circular remote uses remote of current host.
+            // @ts-ignore
+            new ModuleFederationPlugin({
+                ...hostFederationPluginOptions,
+                filename: undefined,
+                runtime: undefined,
+                name: this._options.name + '_single',
+                library: {
+                    ...hostFederationPluginOptions.library,
+                    name: this._options.name + '_single',
+                },
+                shared: {
+                    ...hostFederationPluginOptions.shared,
+                    ...defaultShared,
+                },
+            }).apply(compiler);
+        }
+        new AddRuntimeRequirementToPromiseExternalPlugin_1.default().apply(compiler);
+    }
+}
+exports.NextFederationPlugin = NextFederationPlugin;
+exports.default = NextFederationPlugin;
+//# sourceMappingURL=index.js.map

package/src/plugins/NextFederationPlugin/index.js.map

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

package/src/plugins/NextFederationPlugin/next-fragments.d.ts

@@ -0,0 +1,44 @@
+import type { Compiler } from 'webpack';
+import { container } from 'webpack';
+import type { ModuleFederationPluginOptions, SharedObject } from '@module-federation/utilities';
+type ConstructableModuleFederationPlugin = new (options: ModuleFederationPluginOptions) => container.ModuleFederationPlugin;
+/**
+ * Gets the appropriate ModuleFederationPlugin based on the environment.
+ * @param {boolean} isServer - A flag to indicate if the environment is server-side or not.
+ * @param {Compiler} compiler - The Webpack compiler instance.
+ * @returns {ModuleFederationPlugin | undefined} The ModuleFederationPlugin or undefined if not applicable.
+ */
+export declare function getModuleFederationPluginConstructor(isServer: boolean, compiler: Compiler): ConstructableModuleFederationPlugin;
+/**
+
+ Set up default shared values based on the environment.
+ @param isServer - Boolean indicating if the code is running on the server.
+ @returns The default share scope based on the environment.
+ */
+export declare const retrieveDefaultShared: (isServer: boolean) => SharedObject;
+/**
+
+ Inject module hoisting system.
+ This function injects the module hoisting system into the webpack build process. The module hoisting system is a way to
+ optimize the build process by hoisting dependencies into specific files that are hoisted into the webpack runtimes. This
+ function is used by the NextFederationPlugin to optimize the build process when using module federation with Next.js.
+ @param {boolean} isServer - A boolean indicating whether the code is running on the server.
+ @param {ModuleFederationPluginOptions} options - The options for the ModuleFederationPlugin.
+ @param {Compiler} compiler - The webpack compiler instance.
+ */
+export declare function injectModuleHoistingSystem(isServer: boolean, options: ModuleFederationPluginOptions, compiler: Compiler): void;
+/**
+
+ Apply remote delegates.
+
+ This function adds the remote delegates feature by configuring and injecting the appropriate loader that will look
+ for internal delegate hoist or delegate hoist container and load it using a custom delegateLoader.
+ Once loaded, it will then look for the available delegates that will be used to configure the remote
+ that the hoisted module will be dependent upon.
+
+ @param {ModuleFederationPluginOptions} options - The ModuleFederationPluginOptions instance.
+
+ @param {Compiler} compiler - The Webpack compiler instance.
+ */
+export declare function applyRemoteDelegates(options: ModuleFederationPluginOptions, compiler: Compiler): void;
+export {};