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

package/src/plugins/NextFederationPlugin/next-fragments.js

@@ -0,0 +1,115 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyRemoteDelegates = exports.injectModuleHoistingSystem = exports.retrieveDefaultShared = exports.getModuleFederationPluginConstructor = void 0;
+const tslib_1 = require("tslib");
+const path_1 = tslib_1.__importDefault(require("path"));
+const internal_1 = require("../../internal");
+/**
+ * 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.
+ */
+function getModuleFederationPluginConstructor(isServer, compiler) {
+    if (isServer) {
+        return require('@module-federation/node')
+            .NodeFederationPlugin;
+    }
+    return compiler.webpack.container
+        .ModuleFederationPlugin;
+}
+exports.getModuleFederationPluginConstructor = getModuleFederationPluginConstructor;
+/**
+
+ 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.
+ */
+const retrieveDefaultShared = (isServer) => {
+    // If the code is running on the server, treat some Next.js internals as import false to make them external
+    // This is because they will be provided by the server environment and not by the remote container
+    if (isServer) {
+        return internal_1.DEFAULT_SHARE_SCOPE;
+    }
+    // If the code is running on the client/browser, always bundle Next.js internals
+    return internal_1.DEFAULT_SHARE_SCOPE_BROWSER;
+};
+exports.retrieveDefaultShared = retrieveDefaultShared;
+/**
+
+ 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.
+ */
+function injectModuleHoistingSystem(isServer, options, compiler) {
+    // Set the default shared values based on the environment
+    const defaultShared = (0, exports.retrieveDefaultShared)(isServer);
+    // Inject hoist dependency into the upper scope of the application
+    const injectHoistDependency = {
+        enforce: 'pre',
+        test: /_document/,
+        include: [compiler.context, /next\/dist/],
+        loader: path_1.default.resolve(__dirname, '../../loaders/inject-hoist'),
+    };
+    // Populate hoist dependency with shared modules
+    const populateHoistDependency = {
+        test: /internal-delegate-hoist/,
+        include: [/internal-delegate-hoist/, compiler.context, /next\/dist/],
+        loader: path_1.default.resolve(__dirname, '../../loaders/share-scope-hoist'),
+        options: {
+            shared: defaultShared,
+            name: !isServer && options.name,
+        },
+    };
+    // Unshift the injectHoistDependency and populateHoistDependency to the front of the module.rules array
+    compiler.options.module.rules.unshift(
+    //@ts-ignore
+    injectHoistDependency, populateHoistDependency);
+    // 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. The function takes a boolean isServer, which is used to set the default
+    // shared values based on the environment. The options argument is an object with options for the ModuleFederationPlugin.
+    // The compiler argument is the webpack compiler instance.
+}
+exports.injectModuleHoistingSystem = injectModuleHoistingSystem;
+/**
+
+ 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.
+ */
+function applyRemoteDelegates(options, compiler) {
+    if (options.remotes) {
+        // Get the available delegates
+        const delegates = (0, internal_1.getDelegates)(options.remotes);
+        // Add the delegate loader for hoist and container to the module rules
+        compiler.options.module.rules.push({
+            enforce: 'pre',
+            test: [/internal-delegate-hoist/, /delegate-hoist-container/],
+            include: [
+                compiler.context,
+                /internal-delegate-hoist/,
+                /delegate-hoist-container/,
+                //eslint-disable-next-line
+                /next[\/]dist/,
+            ],
+            loader: path_1.default.resolve(__dirname, '../../loaders/delegateLoader'),
+            options: {
+                delegates,
+            },
+        });
+    }
+}
+exports.applyRemoteDelegates = applyRemoteDelegates;
+//# sourceMappingURL=next-fragments.js.map

package/src/plugins/NextFederationPlugin/next-fragments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"next-fragments.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/NextFederationPlugin/next-fragments.ts"],"names":[],"mappings":";;;;AAEA,wDAAwB;AAKxB,6CAIwB;AAMxB;;;;;GAKG;AACH,SAAgB,oCAAoC,CAClD,QAAiB,EACjB,QAAkB;IAElB,IAAI,QAAQ,EAAE;QACZ,OAAO,OAAO,CAAC,yBAAyB,CAAC;aACtC,oBAA2D,CAAC;KAChE;IACD,OAAO,QAAQ,CAAC,OAAO,CAAC,SAAS;SAC9B,sBAAwE,CAAC;AAC9E,CAAC;AAVD,oFAUC;AAED;;;;;GAKG;AACI,MAAM,qBAAqB,GAAG,CAAC,QAAiB,EAAgB,EAAE;IACvE,2GAA2G;IAC3G,kGAAkG;IAClG,IAAI,QAAQ,EAAE;QACZ,OAAO,8BAAmB,CAAC;KAC5B;IACD,gFAAgF;IAChF,OAAO,sCAA2B,CAAC;AACrC,CAAC,CAAC;AARW,QAAA,qBAAqB,yBAQhC;AAEF;;;;;;;;;GASG;AACH,SAAgB,0BAA0B,CACxC,QAAiB,EACjB,OAAsC,EACtC,QAAkB;IAElB,yDAAyD;IACzD,MAAM,aAAa,GAAG,IAAA,6BAAqB,EAAC,QAAQ,CAAC,CAAC;IACtD,kEAAkE;IAClE,MAAM,qBAAqB,GAAG;QAC5B,OAAO,EAAE,KAAK;QACd,IAAI,EAAE,WAAW;QACjB,OAAO,EAAE,CAAC,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC;QACzC,MAAM,EAAE,cAAI,CAAC,OAAO,CAAC,SAAS,EAAE,4BAA4B,CAAC;KAC9D,CAAC;IAEF,gDAAgD;IAChD,MAAM,uBAAuB,GAAG;QAC9B,IAAI,EAAE,yBAAyB;QAC/B,OAAO,EAAE,CAAC,yBAAyB,EAAE,QAAQ,CAAC,OAAO,EAAE,YAAY,CAAC;QACpE,MAAM,EAAE,cAAI,CAAC,OAAO,CAAC,SAAS,EAAE,iCAAiC,CAAC;QAClE,OAAO,EAAE;YACP,MAAM,EAAE,aAAa;YACrB,IAAI,EAAE,CAAC,QAAQ,IAAI,OAAO,CAAC,IAAI;SAChC;KACF,CAAC;IAEF,uGAAuG;IACvG,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,OAAO;IACnC,YAAY;IACZ,qBAAqB,EACrB,uBAAuB,CACxB,CAAC;IAEF,sHAAsH;IACtH,yHAAyH;IACzH,qHAAqH;IACrH,yHAAyH;IACzH,0DAA0D;AAC5D,CAAC;AAtCD,gEAsCC;AAED;;;;;;;;;;;;GAYG;AACH,SAAgB,oBAAoB,CAClC,OAAsC,EACtC,QAAkB;IAElB,IAAI,OAAO,CAAC,OAAO,EAAE;QACnB,8BAA8B;QAC9B,MAAM,SAAS,GAAG,IAAA,uBAAY,EAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAEhD,sEAAsE;QACtE,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,CAAC;YACjC,OAAO,EAAE,KAAK;YACd,IAAI,EAAE,CAAC,yBAAyB,EAAE,0BAA0B,CAAC;YAC7D,OAAO,EAAE;gBACP,QAAQ,CAAC,OAAO;gBAChB,yBAAyB;gBACzB,0BAA0B;gBAC1B,0BAA0B;gBAC1B,cAAc;aACf;YACD,MAAM,EAAE,cAAI,CAAC,OAAO,CAAC,SAAS,EAAE,8BAA8B,CAAC;YAC/D,OAAO,EAAE;gBACP,SAAS;aACV;SACF,CAAC,CAAC;KACJ;AACH,CAAC;AAzBD,oDAyBC"}

package/src/plugins/NextFederationPlugin/regex-equal.d.ts

@@ -0,0 +1,14 @@
+import { RuleSetConditionAbsolute } from "webpack";
+/**
+ * Compares two regular expressions to see if they are equal.
+ *
+ * @param x - The first regular expression to compare.
+ * @param y - The second regular expression to compare.
+ * @returns True if the regular expressions are equal, false otherwise.
+ *
+ * @remarks
+ * This function compares two regular expressions to see if they are equal in terms of their source,
+ * global, ignoreCase, and multiline properties. It is used to check if two regular expressions match
+ * the same pattern.
+ */
+export declare const regexEqual: (x: string | RegExp | RuleSetConditionAbsolute[] | ((value: string) => boolean) | undefined, y: RegExp) => boolean;

package/src/plugins/NextFederationPlugin/regex-equal.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.regexEqual = void 0;
+/**
+ * Compares two regular expressions to see if they are equal.
+ *
+ * @param x - The first regular expression to compare.
+ * @param y - The second regular expression to compare.
+ * @returns True if the regular expressions are equal, false otherwise.
+ *
+ * @remarks
+ * This function compares two regular expressions to see if they are equal in terms of their source,
+ * global, ignoreCase, and multiline properties. It is used to check if two regular expressions match
+ * the same pattern.
+ */
+const regexEqual = (x, y) => {
+    return (x instanceof RegExp &&
+        y instanceof RegExp &&
+        x.source === y.source &&
+        x.global === y.global &&
+        x.ignoreCase === y.ignoreCase &&
+        x.multiline === y.multiline);
+};
+exports.regexEqual = regexEqual;
+//# sourceMappingURL=regex-equal.js.map

package/src/plugins/NextFederationPlugin/regex-equal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"regex-equal.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/NextFederationPlugin/regex-equal.ts"],"names":[],"mappings":";;;AAEA;;;;;;;;;;;GAWG;AACI,MAAM,UAAU,GAAG,CACxB,CAKa,EACb,CAAS,EACA,EAAE;IACX,OAAO,CACL,CAAC,YAAY,MAAM;QACnB,CAAC,YAAY,MAAM;QACnB,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;QACrB,CAAC,CAAC,MAAM,KAAK,CAAC,CAAC,MAAM;QACrB,CAAC,CAAC,UAAU,KAAK,CAAC,CAAC,UAAU;QAC7B,CAAC,CAAC,SAAS,KAAK,CAAC,CAAC,SAAS,CAC5B,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,UAAU,cAiBrB"}

package/src/plugins/NextFederationPlugin/remove-unnecessary-shared-keys.d.ts

@@ -0,0 +1 @@
+export declare function removeUnnecessarySharedKeys(shared: Record<string, unknown>): void;

package/src/plugins/NextFederationPlugin/remove-unnecessary-shared-keys.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeUnnecessarySharedKeys = void 0;
+// Utility function to remove unnecessary shared keys from the default share scope
+const internal_1 = require("../../internal");
+function removeUnnecessarySharedKeys(shared) {
+    const warnings = Object.keys(shared).reduce((acc, key) => {
+        if (internal_1.DEFAULT_SHARE_SCOPE[key]) {
+            acc.push(`[nextjs-mf] You are sharing ${key} from the default share scope. This is not necessary and can be removed.`);
+            // Use a type assertion to inform TypeScript that 'key' can be used as an index for the 'shared' object
+            delete shared[key];
+        }
+        return acc;
+    }, []);
+    if (warnings.length > 0) {
+        console.warn('%c' + warnings.join('\n'), 'color: red');
+    }
+}
+exports.removeUnnecessarySharedKeys = removeUnnecessarySharedKeys;
+//# sourceMappingURL=remove-unnecessary-shared-keys.js.map

package/src/plugins/NextFederationPlugin/remove-unnecessary-shared-keys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"remove-unnecessary-shared-keys.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/NextFederationPlugin/remove-unnecessary-shared-keys.ts"],"names":[],"mappings":";;;AAAA,kFAAkF;AAClF,6CAAqD;AAErD,SAAgB,2BAA2B,CACzC,MAA+B;IAE/B,MAAM,QAAQ,GAAa,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,MAAM,CACnD,CAAC,GAAa,EAAE,GAAW,EAAE,EAAE;QAC7B,IAAI,8BAAmB,CAAC,GAAG,CAAC,EAAE;YAC5B,GAAG,CAAC,IAAI,CACN,+BAA+B,GAAG,0EAA0E,CAC7G,CAAC;YACF,uGAAuG;YACvG,OAAQ,MAAqC,CAAC,GAAG,CAAC,CAAC;SACpD;QACD,OAAO,GAAG,CAAC;IACb,CAAC,EACD,EAAE,CACH,CAAC;IAEF,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;QACvB,OAAO,CAAC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,YAAY,CAAC,CAAC;KACxD;AACH,CAAC;AApBD,kEAoBC"}

package/src/plugins/NextFederationPlugin/set-options.d.ts

@@ -0,0 +1,21 @@
+import { ModuleFederationPluginOptions, NextFederationPluginExtraOptions, NextFederationPluginOptions } from "@module-federation/utilities";
+/**
+ * Utility function to set the main and extra options.
+ *
+ * @param options - The NextFederationPluginOptions instance.
+ * @returns An object containing the main options and extra options.
+ *
+ * @remarks
+ * This function sets the main and extra options for NextFederationPlugin. It splits the options object into
+ * the main options and extra options, and sets default values for any options that are not defined. The default
+ * extra options are:
+ * - automaticPageStitching: false
+ * - enableImageLoaderFix: false
+ * - enableUrlLoaderFix: false
+ * - skipSharingNextInternals: false
+ * - automaticAsyncBoundary: false
+ */
+export declare function setOptions(options: NextFederationPluginOptions): {
+    mainOptions: ModuleFederationPluginOptions;
+    extraOptions: NextFederationPluginExtraOptions;
+};

package/src/plugins/NextFederationPlugin/set-options.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setOptions = void 0;
+/**
+ * Utility function to set the main and extra options.
+ *
+ * @param options - The NextFederationPluginOptions instance.
+ * @returns An object containing the main options and extra options.
+ *
+ * @remarks
+ * This function sets the main and extra options for NextFederationPlugin. It splits the options object into
+ * the main options and extra options, and sets default values for any options that are not defined. The default
+ * extra options are:
+ * - automaticPageStitching: false
+ * - enableImageLoaderFix: false
+ * - enableUrlLoaderFix: false
+ * - skipSharingNextInternals: false
+ * - automaticAsyncBoundary: false
+ */
+function setOptions(options) {
+    const { extraOptions, ...mainOpts } = options;
+    const defaultExtraOptions = {
+        automaticPageStitching: false,
+        enableImageLoaderFix: false,
+        enableUrlLoaderFix: false,
+        skipSharingNextInternals: false,
+        automaticAsyncBoundary: false
+    };
+    return {
+        mainOptions: mainOpts,
+        extraOptions: { ...defaultExtraOptions, ...extraOptions }
+    };
+}
+exports.setOptions = setOptions;
+//# sourceMappingURL=set-options.js.map

package/src/plugins/NextFederationPlugin/set-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"set-options.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/NextFederationPlugin/set-options.ts"],"names":[],"mappings":";;;AAMA;;;;;;;;;;;;;;;GAeG;AACH,SAAgB,UAAU,CAAC,OAAoC;IAI7D,MAAM,EAAE,YAAY,EAAE,GAAG,QAAQ,EAAE,GAAG,OAAO,CAAC;IAE9C,MAAM,mBAAmB,GAAqC;QAC5D,sBAAsB,EAAE,KAAK;QAC7B,oBAAoB,EAAE,KAAK;QAC3B,kBAAkB,EAAE,KAAK;QACzB,wBAAwB,EAAE,KAAK;QAC/B,sBAAsB,EAAE,KAAK;KAC9B,CAAC;IAEF,OAAO;QACL,WAAW,EAAE,QAAQ;QACrB,YAAY,EAAE,EAAE,GAAG,mBAAmB,EAAE,GAAG,YAAY,EAAE;KAC1D,CAAC;AACJ,CAAC;AAlBD,gCAkBC"}

package/src/plugins/NextFederationPlugin/validate-options.d.ts

@@ -0,0 +1,26 @@
+import { Compiler } from "webpack";
+import { ModuleFederationPluginOptions } from "@module-federation/utilities";
+/**
+ * Utility function to validate compiler options.
+ *
+ * @param compiler - The Webpack compiler instance.
+ * @returns True if the compiler options are valid, false otherwise.
+ *
+ * @remarks
+ * This function validates the options passed to the Webpack compiler. It throws an error if the name
+ * option is not defined in the options. It also checks if the name option is set to either "server" or
+ * "client", as Module Federation is only applied to the main server and client builds in Next.js.
+ */
+export declare function validateCompilerOptions(compiler: Compiler): boolean;
+/**
+ * Utility function to validate NextFederationPlugin options.
+ *
+ * @param options - The ModuleFederationPluginOptions instance.
+ *
+ * @remarks
+ * This function validates the options passed to NextFederationPlugin. It throws an error if the filename
+ * option is not defined in the options.
+ *
+ * A requirement for using Module Federation is that a name must be specified.
+ */
+export declare function validatePluginOptions(options: ModuleFederationPluginOptions): void;

package/src/plugins/NextFederationPlugin/validate-options.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validatePluginOptions = exports.validateCompilerOptions = void 0;
+/**
+ * Utility function to validate compiler options.
+ *
+ * @param compiler - The Webpack compiler instance.
+ * @returns True if the compiler options are valid, false otherwise.
+ *
+ * @remarks
+ * This function validates the options passed to the Webpack compiler. It throws an error if the name
+ * option is not defined in the options. It also checks if the name option is set to either "server" or
+ * "client", as Module Federation is only applied to the main server and client builds in Next.js.
+ */
+function validateCompilerOptions(compiler) {
+    // Throw an error if the name option is not defined in the options
+    if (!compiler.options.name) {
+        throw new Error("name is not defined in Compiler options");
+    }
+    // Only apply Module Federation to the main server and client builds in Next.js
+    return ["server", "client"].includes(compiler.options.name);
+}
+exports.validateCompilerOptions = validateCompilerOptions;
+/**
+ * Utility function to validate NextFederationPlugin options.
+ *
+ * @param options - The ModuleFederationPluginOptions instance.
+ *
+ * @remarks
+ * This function validates the options passed to NextFederationPlugin. It throws an error if the filename
+ * option is not defined in the options.
+ *
+ * A requirement for using Module Federation is that a name must be specified.
+ */
+function validatePluginOptions(options) {
+    // Throw an error if the filename option is not defined in the options
+    if (!options.filename) {
+        throw new Error("filename is not defined in NextFederation options");
+    }
+    // A requirement for using Module Federation is that a name must be specified
+    if (!options.name) {
+        throw new Error("Module federation \"name\" option must be specified");
+    }
+}
+exports.validatePluginOptions = validatePluginOptions;
+//# sourceMappingURL=validate-options.js.map

package/src/plugins/NextFederationPlugin/validate-options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"validate-options.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/NextFederationPlugin/validate-options.ts"],"names":[],"mappings":";;;AAGA;;;;;;;;;;GAUG;AACH,SAAgB,uBAAuB,CAAC,QAAkB;IACxD,kEAAkE;IAClE,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE;QAC1B,MAAM,IAAI,KAAK,CAAC,yCAAyC,CAAC,CAAC;KAC5D;IAED,+EAA+E;IAC/E,OAAO,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC9D,CAAC;AARD,0DAQC;AAED;;;;;;;;;;GAUG;AACH,SAAgB,qBAAqB,CACnC,OAAsC;IAEtC,sEAAsE;IACtE,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE;QACrB,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAC;KACtE;IAED,6EAA6E;IAC7E,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE;QACjB,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC,CAAC;KACxE;AACH,CAAC;AAZD,sDAYC"}

package/src/plugins/async-pages-loader.d.ts

@@ -0,0 +1 @@
+export {};

package/src/plugins/async-pages-loader.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ *
+ * Requires either the default delegate module or a custom one
+ *
+ */
+module.exports = function patchDefaultSharedLoader(content) {
+    const isRouter = this.remainingRequest.includes('router.js');
+    // console.log(this.remainingRequest);
+    if (content.includes('hasMerkersOfInj')) {
+        return content;
+    }
+    return `
+//hasMerkersOfInj
+await import('react');
+export default await import(${JSON.stringify(this.remainingRequest)});`;
+    return `
+//hasMerkersOfInj
+  module.exports = Promise.resolve(window._N_E).then((router)=>{
+  if(!window.next && router.default){
+  console.log(window.next);
+  window.next.router = router
+   }
+console.log('resolving router', window._N_E, router);
+
+  return import(${JSON.stringify(this.remainingRequest)}).then((mod) => {
+  console.log('mounting router', window._N_E, module.id);
+
+    return mod.default || mod;
+  });
+  });
+  `;
+    return `Promise.resolve(__webpack_init_sharing__('default')).then(async ()=>{
+  await import('react');
+  console.log('loading react before pushing page callback');
+  ${content}
+  })`;
+    return content;
+};
+//# sourceMappingURL=async-pages-loader.js.map

package/src/plugins/async-pages-loader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"async-pages-loader.js","sourceRoot":"","sources":["../../../../../packages/nextjs-mf/src/plugins/async-pages-loader.ts"],"names":[],"mappings":";;AACA;;;;GAIG;AACH,MAAM,CAAC,OAAO,GAAG,SAAS,wBAAwB,CAEhD,OAAe;IAEf,MAAM,QAAQ,GAAG,IAAI,CAAC,gBAAgB,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC;IAC7D,sCAAsC;IACtC,IAAI,OAAO,CAAC,QAAQ,CAAC,iBAAiB,CAAC,EAAE;QACvC,OAAO,OAAO,CAAC;KAChB;IAED,OAAO;;;8BAGqB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC;IAEtE,OAAO;;;;;;;;;kBASS,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,gBAAgB,CAAC;;;;;;GAMpD,CAAC;IAEF,OAAO;;;IAGL,OAAO;KACN,CAAC;IAEJ,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}

package/src/plugins/container/InvertedContainerPlugin.d.ts

@@ -0,0 +1,25 @@
+import type { Compilation, Compiler } from 'webpack';
+/**
+ * InvertedContainerPlugin is a Webpack plugin that handles loading of chunks in a federated module.
+ * It sets up runtime modules for each chunk, ensuring the proper loading of remote modules.
+ */
+declare class InvertedContainerPlugin {
+    private options;
+    /**
+     * Constructor for the InvertedContainerPlugin.
+     * @param {InvertedContainerOptions} options - Plugin configuration options.
+     */
+    constructor(options: {
+        container: string | undefined;
+        runtime: string;
+        remotes: Record<string, string>;
+        debug: boolean;
+    });
+    resolveContainerModule(compilation: Compilation): import("webpack").Module | undefined;
+    /**
+     * Apply method for the Webpack plugin, handling the plugin logic and hooks.
+     * @param {Compiler} compiler - Webpack compiler instance.
+     */
+    apply(compiler: Compiler): void;
+}
+export default InvertedContainerPlugin;

package/src/plugins/container/InvertedContainerPlugin.js

@@ -0,0 +1,73 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const InvertedContainerRuntimeModule_1 = tslib_1.__importDefault(require("./InvertedContainerRuntimeModule"));
+/**
+ * InvertedContainerPlugin is a Webpack plugin that handles loading of chunks in a federated module.
+ * It sets up runtime modules for each chunk, ensuring the proper loading of remote modules.
+ */
+class InvertedContainerPlugin {
+    /**
+     * Constructor for the InvertedContainerPlugin.
+     * @param {InvertedContainerOptions} options - Plugin configuration options.
+     */
+    constructor(options) {
+        this.options = options || {};
+    }
+    resolveContainerModule(compilation) {
+        if (!this.options.container) {
+            return undefined;
+        }
+        const container = compilation.entrypoints
+            .get(this.options.container)
+            ?.getRuntimeChunk?.();
+        const entryModule = container?.entryModule;
+        return entryModule;
+    }
+    /**
+     * Apply method for the Webpack plugin, handling the plugin logic and hooks.
+     * @param {Compiler} compiler - Webpack compiler instance.
+     */
+    apply(compiler) {
+        // Hook into the compilation process.
+        compiler.hooks.thisCompilation.tap('InvertedContainerPlugin', (compilation) => {
+            // Create a WeakSet to store chunks that have already been processed.
+            const onceForChunkSet = new WeakSet();
+            // Define a handler function to be called for each chunk in the compilation.
+            const handler = (chunk, set) => {
+                // If the chunk has already been processed, skip it.
+                if (onceForChunkSet.has(chunk))
+                    return;
+                // Mark the chunk as processed by adding it to the WeakSet.
+                onceForChunkSet.add(chunk);
+                if (chunk.hasRuntime()) {
+                    // Add an InvertedContainerRuntimeModule to the chunk, which handles
+                    // the runtime logic for loading remote modules.
+                    compilation.addRuntimeModule(chunk, new InvertedContainerRuntimeModule_1.default(set, this.options, {
+                        webpack: compiler.webpack,
+                    }));
+                }
+            };
+            // Hook the handler function into the compilation process.
+            compilation.hooks.additionalChunkRuntimeRequirements.tap('InvertedContainerPlugin', handler);
+            compilation.hooks.optimizeChunks.tap('AddModulesToRuntimeChunkPlugin', (chunks) => {
+                const containerEntryModule = this.resolveContainerModule(compilation);
+                if (!containerEntryModule)
+                    return;
+                for (const chunk of chunks) {
+                    if (chunk.hasRuntime()) {
+                        if (!compilation.chunkGraph.isModuleInChunk(containerEntryModule, chunk)) {
+                            this.options.debug &&
+                                console.log('adding', 
+                                //@ts-ignore
+                                containerEntryModule._name, 'to', chunk.name);
+                            compilation.chunkGraph.connectChunkAndModule(chunk, containerEntryModule);
+                        }
+                    }
+                }
+            });
+        });
+    }
+}
+exports.default = InvertedContainerPlugin;
+//# sourceMappingURL=InvertedContainerPlugin.js.map

package/src/plugins/container/InvertedContainerPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvertedContainerPlugin.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/container/InvertedContainerPlugin.ts"],"names":[],"mappings":";;;AAGA,8GAA8E;AAa9E;;;GAGG;AACH,MAAM,uBAAuB;IAG3B;;;OAGG;IACH,YAAY,OAKX;QACC,IAAI,CAAC,OAAO,GAAG,OAAO,IAAK,EAA+B,CAAC;IAC7D,CAAC;IAED,sBAAsB,CAAC,WAAwB;QAC7C,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,SAAS,EAAE;YAC3B,OAAO,SAAS,CAAC;SAClB;QACD,MAAM,SAAS,GAAG,WAAW,CAAC,WAAW;aACtC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,SAAmB,CAAC;YACtC,EAAE,eAAe,EAAE,EAAE,CAAC;QACxB,MAAM,WAAW,GAAG,SAAS,EAAE,WAAW,CAAC;QAC3C,OAAO,WAAW,CAAC;IACrB,CAAC;IAED;;;OAGG;IACH,KAAK,CAAC,QAAkB;QACtB,qCAAqC;QACrC,QAAQ,CAAC,KAAK,CAAC,eAAe,CAAC,GAAG,CAChC,yBAAyB,EACzB,CAAC,WAAW,EAAE,EAAE;YACd,qEAAqE;YACrE,MAAM,eAAe,GAAG,IAAI,OAAO,EAAE,CAAC;YAEtC,4EAA4E;YAC5E,MAAM,OAAO,GAAG,CAAC,KAAY,EAAE,GAAgB,EAAE,EAAE;gBACjD,oDAAoD;gBACpD,IAAI,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC;oBAAE,OAAO;gBAEvC,2DAA2D;gBAC3D,eAAe,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;gBAE3B,IAAI,KAAK,CAAC,UAAU,EAAE,EAAE;oBACtB,oEAAoE;oBACpE,gDAAgD;oBAChD,WAAW,CAAC,gBAAgB,CAC1B,KAAK,EACL,IAAI,wCAA8B,CAAC,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE;wBACpD,OAAO,EAAE,QAAQ,CAAC,OAAO;qBAC1B,CAAC,CACH,CAAC;iBACH;YACH,CAAC,CAAC;YAEF,0DAA0D;YAC1D,WAAW,CAAC,KAAK,CAAC,kCAAkC,CAAC,GAAG,CACtD,yBAAyB,EACzB,OAAO,CACR,CAAC;YAEF,WAAW,CAAC,KAAK,CAAC,cAAc,CAAC,GAAG,CAClC,gCAAgC,EAChC,CAAC,MAAM,EAAE,EAAE;gBACT,MAAM,oBAAoB,GACxB,IAAI,CAAC,sBAAsB,CAAC,WAAW,CAAC,CAAC;gBAC3C,IAAI,CAAC,oBAAoB;oBAAE,OAAO;gBAClC,KAAK,MAAM,KAAK,IAAI,MAAM,EAAE;oBAC1B,IAAI,KAAK,CAAC,UAAU,EAAE,EAAE;wBACtB,IACE,CAAC,WAAW,CAAC,UAAU,CAAC,eAAe,CACrC,oBAAoB,EACpB,KAAK,CACN,EACD;4BACA,IAAI,CAAC,OAAO,CAAC,KAAK;gCAChB,OAAO,CAAC,GAAG,CACT,QAAQ;gCACR,YAAY;gCACZ,oBAAoB,CAAC,KAAK,EAC1B,IAAI,EACJ,KAAK,CAAC,IAAI,CACX,CAAC;4BACJ,WAAW,CAAC,UAAU,CAAC,qBAAqB,CAC1C,KAAK,EACL,oBAAoB,CACrB,CAAC;yBACH;qBACF;iBACF;YACH,CAAC,CACF,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,uBAAuB,CAAC"}

package/src/plugins/container/InvertedContainerRuntimeModule.d.ts

@@ -0,0 +1,42 @@
+import type { Compiler } from 'webpack';
+import { RuntimeModule } from 'webpack';
+/**
+ * Interface for InvertedContainerRuntimeModuleOptions, containing
+ * options for the InvertedContainerRuntimeModule class.
+ */
+interface InvertedContainerRuntimeModuleOptions {
+    runtime: string;
+    remotes: Record<string, string>;
+    name?: string;
+    verbose?: boolean;
+    container?: string;
+}
+/**
+ * Interface for ChunkLoadingContext, containing Webpack-related properties.
+ */
+interface ChunkLoadingContext {
+    webpack: Compiler['webpack'];
+}
+/**
+ * InvertedContainerRuntimeModule is a Webpack runtime module that generates
+ * the runtime code needed for loading federated modules in an inverted container.
+ */
+declare class InvertedContainerRuntimeModule extends RuntimeModule {
+    private runtimeRequirements;
+    private options;
+    private chunkLoadingContext;
+    /**
+     * Constructor for the InvertedContainerRuntimeModule.
+     * @param {Set<string>} runtimeRequirements - A set of runtime requirement strings.
+     * @param {InvertedContainerRuntimeModuleOptions} options - Runtime module options.
+     * @param {ChunkLoadingContext} chunkLoadingContext - Chunk loading context.
+     */
+    constructor(runtimeRequirements: Set<string>, options: InvertedContainerRuntimeModuleOptions, chunkLoadingContext: ChunkLoadingContext);
+    resolveContainerModule(): import("webpack").Module | undefined;
+    /**
+     * Generate method for the runtime module, producing the runtime code.
+     * @returns {string} runtime code
+     */
+    generate(): string;
+}
+export default InvertedContainerRuntimeModule;

package/src/plugins/container/InvertedContainerRuntimeModule.js

@@ -0,0 +1,82 @@
+/* eslint-disable @typescript-eslint/no-var-requires */
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+*/
+'use strict';
+Object.defineProperty(exports, "__esModule", { value: true });
+const webpack_1 = require("webpack");
+/**
+ * InvertedContainerRuntimeModule is a Webpack runtime module that generates
+ * the runtime code needed for loading federated modules in an inverted container.
+ */
+class InvertedContainerRuntimeModule extends webpack_1.RuntimeModule {
+    /**
+     * Constructor for the InvertedContainerRuntimeModule.
+     * @param {Set<string>} runtimeRequirements - A set of runtime requirement strings.
+     * @param {InvertedContainerRuntimeModuleOptions} options - Runtime module options.
+     * @param {ChunkLoadingContext} chunkLoadingContext - Chunk loading context.
+     */
+    constructor(runtimeRequirements, options, chunkLoadingContext) {
+        super('inverted container startup', webpack_1.RuntimeModule.STAGE_ATTACH);
+        this.runtimeRequirements = runtimeRequirements;
+        this.options = options;
+        this.chunkLoadingContext = chunkLoadingContext;
+    }
+    resolveContainerModule() {
+        const container = this.compilation.entrypoints
+            .get(this.options.container)
+            ?.getRuntimeChunk?.();
+        const entryModule = container?.entryModule;
+        return entryModule;
+    }
+    /**
+     * Generate method for the runtime module, producing the runtime code.
+     * @returns {string} runtime code
+     */
+    generate() {
+        const { name } = this.options;
+        const { webpack } = this.chunkLoadingContext;
+        const chunkHasJs = (webpack && webpack.javascript.JavascriptModulesPlugin.chunkHasJs) ||
+            require('webpack/lib/javascript/JavascriptModulesPlugin').chunkHasJs;
+        const containerEntryModule = this.resolveContainerModule();
+        const { chunkGraph, chunk } = this;
+        const conditionMap = chunkGraph.getChunkConditionMap(chunk, chunkHasJs);
+        // const hasJsMatcher = compileBooleanMatcher(conditionMap);
+        // find the main webpack runtime, skip all other chunks
+        if (chunk.name != this.options.runtime && containerEntryModule) {
+            return webpack_1.Template.asString('');
+        }
+        const containerEntry = [containerEntryModule].map((module) => {
+            //@ts-ignore
+            const containerName = module?._name || name;
+            const containerModuleId = module?.id || module?.debugId;
+            if (!(containerName && containerName)) {
+                return '';
+            }
+            // const globalRef = this.compilation.options.output?.globalObject;
+            //@ts-ignore
+            const nodeGlobal = this.compilation.options?.node?.global;
+            const globalObject = nodeGlobal
+                ? webpack.RuntimeGlobals.global
+                : 'global';
+            return `
+        if(typeof window === 'undefined') {
+          ${globalObject}['__remote_scope__'] = ${globalObject}['__remote_scope__'] || {_config: {}};
+        }
+
+        ${webpack.RuntimeGlobals.shareScopeMap}['default'] = ${webpack.RuntimeGlobals.shareScopeMap}['default'] || {};
+
+        try {
+        var containerAttachObject = typeof window !== 'undefined' ? window : ${globalObject}['__remote_scope__']
+        containerAttachObject[${JSON.stringify(
+            //@ts-ignore
+            containerName)}] = __webpack_require__(${JSON.stringify(containerModuleId)})
+      } catch (e) {
+        console.error('host runtime was unable to initialize its own remote', e);
+      }`;
+        });
+        return webpack_1.Template.asString(containerEntry);
+    }
+}
+exports.default = InvertedContainerRuntimeModule;
+//# sourceMappingURL=InvertedContainerRuntimeModule.js.map

package/src/plugins/container/InvertedContainerRuntimeModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InvertedContainerRuntimeModule.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/container/InvertedContainerRuntimeModule.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD;;EAEE;AAEF,YAAY,CAAC;;AAGb,qCAAkD;AAyBlD;;;GAGG;AACH,MAAM,8BAA+B,SAAQ,uBAAa;IAKxD;;;;;OAKG;IACH,YACE,mBAAgC,EAChC,OAA8C,EAC9C,mBAAwC;QAExC,KAAK,CAAC,4BAA4B,EAAE,uBAAa,CAAC,YAAY,CAAC,CAAC;QAChE,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;QAE/C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;QACvB,IAAI,CAAC,mBAAmB,GAAG,mBAAmB,CAAC;IACjD,CAAC;IAED,sBAAsB;QACpB,MAAM,SAAS,GAAG,IAAI,CAAC,WAAW,CAAC,WAAW;aAC3C,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,SAAmB,CAAC;YACtC,EAAE,eAAe,EAAE,EAAE,CAAC;QACxB,MAAM,WAAW,GAAG,SAAS,EAAE,WAAW,CAAC;QAC3C,OAAO,WAAW,CAAC;IACrB,CAAC;IACD;;;OAGG;IACM,QAAQ;QACf,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QAE9B,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,mBAAmB,CAAC;QAC7C,MAAM,UAAU,GACd,CAAC,OAAO,IAAI,OAAO,CAAC,UAAU,CAAC,uBAAuB,CAAC,UAAU,CAAC;YAClE,OAAO,CAAC,gDAAgD,CAAC,CAAC,UAAU,CAAC;QAEvE,MAAM,oBAAoB,GAAG,IAAI,CAAC,sBAAsB,EAAE,CAAC;QAC3D,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAEnC,MAAM,YAAY,GAAG,UAAU,CAAC,oBAAoB,CAAC,KAAK,EAAE,UAAU,CAAC,CAAC;QACxE,4DAA4D;QAE5D,uDAAuD;QACvD,IAAI,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,oBAAoB,EAAE;YAC9D,OAAO,kBAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;SAC9B;QAED,MAAM,cAAc,GAAG,CAAC,oBAAoB,CAAC,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YAC3D,YAAY;YACZ,MAAM,aAAa,GAAG,MAAM,EAAE,KAAK,IAAI,IAAI,CAAC;YAC5C,MAAM,iBAAiB,GAAG,MAAM,EAAE,EAAE,IAAI,MAAM,EAAE,OAAO,CAAC;YAExD,IAAI,CAAC,CAAC,aAAa,IAAI,aAAa,CAAC,EAAE;gBACrC,OAAO,EAAE,CAAC;aACX;YACD,mEAAmE;YACnE,YAAY;YACZ,MAAM,UAAU,GAAG,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,IAAI,EAAE,MAAM,CAAC;YAE1D,MAAM,YAAY,GAAG,UAAU;gBAC7B,CAAC,CAAC,OAAO,CAAC,cAAc,CAAC,MAAM;gBAC/B,CAAC,CAAC,QAAQ,CAAC;YACb,OAAO;;YAED,YAAY,0BAA0B,YAAY;;;UAGpD,OAAO,CAAC,cAAc,CAAC,aAAa,iBACtC,OAAO,CAAC,cAAc,CAAC,aACzB;;;+EAGyE,YAAY;gCAC3D,IAAI,CAAC,SAAS;YACpC,YAAY;YACZ,aAAa,CACd,2BAA2B,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC;;;QAG7D,CAAC;QACL,CAAC,CAAC,CAAC;QACH,OAAO,kBAAQ,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC;IAC3C,CAAC;CACF;AAED,kBAAe,8BAA8B,CAAC"}

package/src/plugins/container/types.d.ts

@@ -0,0 +1,2 @@
+import type { container } from "webpack";
+export type ModuleFederationPluginOptions = ConstructorParameters<typeof container.ModuleFederationPlugin>['0'];

package/src/plugins/container/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/src/plugins/container/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/container/types.ts"],"names":[],"mappings":""}

package/utils/Template.d.ts

@@ -1,4 +1,4 @@
-import { ConcatSource, PrefixSource } from 'webpack-sources';
+import { ConcatSource, PrefixSource } from "webpack-sources";
 export declare const NUMBER_OF_IDENTIFIER_START_CHARS: number;
 export declare const NUMBER_OF_IDENTIFIER_CONTINUATION_CHARS: number;
 /**