@module-federation/nextjs-mf 0.0.0-feat-node-support-1702694175665

package/src/loaders/nextPageMapLoader.d.ts

@@ -0,0 +1,24 @@
+import type { LoaderContext } from 'webpack';
+/**
+ * Webpack loader which prepares MF map for NextJS pages.
+ * This function is the main entry point for the loader.
+ * It gets the options passed to the loader and prepares the pages map.
+ * If the 'v2' option is passed, it prepares the pages map using the 'preparePageMapV2' function.
+ * Otherwise, it uses the 'preparePageMap' function.
+ * Finally, it calls the loader's callback function with the prepared pages map.
+ *
+ * @param {LoaderContext<Record<string, unknown>>} this - The loader context.
+ */
+export default function nextPageMapLoader(this: LoaderContext<Record<string, unknown>>): void;
+/**
+ * Webpack config generator for `exposes` option.
+ * This function generates the webpack config for the 'exposes' option.
+ * It creates a map of pages to modules and returns an object with the pages map and the pages map v2.
+ *
+ * @param {string} cwd - The current working directory.
+ * @returns {Record<string, string>} The webpack config for the 'exposes' option.
+ */
+export declare function exposeNextjsPages(cwd: string): {
+    './pages-map': string;
+    './pages-map-v2': string;
+};

package/src/loaders/nextPageMapLoader.js

@@ -0,0 +1,167 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.exposeNextjsPages = void 0;
+const fast_glob_1 = __importDefault(require("fast-glob"));
+const fs_1 = __importDefault(require("fs"));
+const UrlNode_1 = require("../../client/UrlNode");
+/**
+ * Webpack loader which prepares MF map for NextJS pages.
+ * This function is the main entry point for the loader.
+ * It gets the options passed to the loader and prepares the pages map.
+ * If the 'v2' option is passed, it prepares the pages map using the 'preparePageMapV2' function.
+ * Otherwise, it uses the 'preparePageMap' function.
+ * Finally, it calls the loader's callback function with the prepared pages map.
+ *
+ * @param {LoaderContext<Record<string, unknown>>} this - The loader context.
+ */
+function nextPageMapLoader() {
+    // const [pagesRoot] = getNextPagesRoot(this.rootContext);
+    // this.addContextDependency(pagesRoot);
+    const opts = this.getOptions();
+    const pages = getNextPages(this.rootContext);
+    let result = {};
+    if (Object.hasOwnProperty.call(opts, 'v2')) {
+        result = preparePageMapV2(pages);
+    }
+    else {
+        result = preparePageMap(pages);
+    }
+    this.callback(null, `module.exports = { default: ${JSON.stringify(result)} };`);
+}
+exports.default = nextPageMapLoader;
+/**
+ * Webpack config generator for `exposes` option.
+ * This function generates the webpack config for the 'exposes' option.
+ * It creates a map of pages to modules and returns an object with the pages map and the pages map v2.
+ *
+ * @param {string} cwd - The current working directory.
+ * @returns {Record<string, string>} The webpack config for the 'exposes' option.
+ */
+function exposeNextjsPages(cwd) {
+    const pages = getNextPages(cwd);
+    const pageModulesMap = {};
+    pages.forEach((page) => {
+        // Creating a map of pages to modules
+        //   './pages/storage/index': './pages/storage/index.tsx',
+        //   './pages/storage/[...slug]': './pages/storage/[...slug].tsx',
+        pageModulesMap['./' + sanitizePagePath(page)] = `./${page}`;
+    });
+    return {
+        './pages-map': `${__filename}!${__filename}`,
+        './pages-map-v2': `${__filename}?v2!${__filename}`,
+        ...pageModulesMap,
+    };
+}
+exports.exposeNextjsPages = exposeNextjsPages;
+/**
+ * This function gets the root directory of the NextJS pages.
+ * It checks if the 'src/pages/' directory exists.
+ * If it does, it returns the absolute path and the relative path to this directory.
+ * If it doesn't, it returns the absolute path and the relative path to the 'pages/' directory.
+ *
+ * @param {string} appRoot - The root directory of the application.
+ * @returns {[string, string]} The absolute path and the relative path to the pages directory.
+ */
+function getNextPagesRoot(appRoot) {
+    let pagesDir = 'src/pages/';
+    let absPageDir = `${appRoot}/${pagesDir}`;
+    if (!fs_1.default.existsSync(absPageDir)) {
+        pagesDir = 'pages/';
+        absPageDir = `${appRoot}/${pagesDir}`;
+    }
+    return [absPageDir, pagesDir];
+}
+/**
+ * This function scans the pages directory and returns a list of user defined pages.
+ * It excludes special pages like '_app', '_document', '_error', '404', '500', and federation pages.
+ *
+ * @param {string} rootDir - The root directory of the application.
+ * @returns {string[]} The list of user defined pages.
+ */
+function getNextPages(rootDir) {
+    const [cwd, pagesDir] = getNextPagesRoot(rootDir);
+    // scan all files in pages folder except pages/api
+    let pageList = fast_glob_1.default.sync('**/*.{ts,tsx,js,jsx}', {
+        cwd,
+        onlyFiles: true,
+        ignore: ['api/**'],
+    });
+    // remove specific nextjs pages
+    const exclude = [
+        /^_app\..*/,
+        /^_document\..*/,
+        /^_error\..*/,
+        /^404\..*/,
+        /^500\..*/,
+        /^\[\.\.\..*\]\..*/, // /[...federationPage].tsx
+    ];
+    pageList = pageList.filter((page) => {
+        return !exclude.some((r) => r.test(page));
+    });
+    pageList = pageList.map((page) => `${pagesDir}${page}`);
+    return pageList;
+}
+/**
+ * This function sanitizes a page path.
+ * It removes the 'src/pages/' prefix and the file extension.
+ *
+ * @param {string} item - The page path to sanitize.
+ * @returns {string} The sanitized page path.
+ */
+function sanitizePagePath(item) {
+    return item
+        .replace(/^src\/pages\//i, 'pages/')
+        .replace(/\.(ts|tsx|js|jsx)$/, '');
+}
+/**
+ * This function creates a MF map from a list of NextJS pages.
+ * It sanitizes the page paths and sorts them using the 'UrlNode' class.
+ * Then, it creates a map with the sorted page paths as keys and the original page paths as values.
+ *
+ * @param {string[]} pages - The list of NextJS pages.
+ * @returns {Record<string, string>} The MF map.
+ */
+function preparePageMap(pages) {
+    const result = {};
+    const clearedPages = pages.map((p) => `/${sanitizePagePath(p)}`);
+    // getSortedRoutes @see https://github.com/vercel/next.js/blob/canary/packages/next/shared/lib/router/utils/sorted-routes.ts
+    const root = new UrlNode_1.UrlNode();
+    clearedPages.forEach((pagePath) => root.insert(pagePath));
+    // Smoosh will then sort those sublevels up to the point where you get the correct route definition priority
+    const sortedPages = root.smoosh();
+    sortedPages.forEach((page) => {
+        let key = page
+            .replace(/\[\.\.\.[^\]]+\]/gi, '*')
+            .replace(/\[([^\]]+)\]/gi, ':$1');
+        key = key.replace(/^\/pages\//, '/').replace(/\/index$/, '') || '/';
+        result[key] = `.${page}`;
+    });
+    return result;
+}
+/**
+ * This function creates a MF list from a list of NextJS pages.
+ * It sanitizes the page paths and sorts them using the 'UrlNode' class.
+ * Then, it creates a map with the sorted page paths as keys and the original page paths as values.
+ * Unlike the 'preparePageMap' function, this function does not replace the '[...]' and '[]' parts in the page paths.
+ *
+ * @param {string[]} pages - The list of NextJS pages.
+ * @returns {Record<string, string>} The MF list.
+ */
+function preparePageMapV2(pages) {
+    const result = {};
+    const clearedPages = pages.map((p) => `/${sanitizePagePath(p)}`);
+    // getSortedRoutes @see https://github.com/vercel/next.js/blob/canary/packages/next/shared/lib/router/utils/sorted-routes.ts
+    const root = new UrlNode_1.UrlNode();
+    clearedPages.forEach((pagePath) => root.insert(pagePath));
+    // Smoosh will then sort those sublevels up to the point where you get the correct route definition priority
+    const sortedPages = root.smoosh();
+    sortedPages.forEach((page) => {
+        const key = page.replace(/^\/pages\//, '/').replace(/\/index$/, '') || '/';
+        result[key] = `.${page}`;
+    });
+    return result;
+}
+//# sourceMappingURL=nextPageMapLoader.js.map

package/src/loaders/nextPageMapLoader.js.map

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

package/src/plugins/AddRuntimeRequirementToPromiseExternalPlugin.d.ts

@@ -0,0 +1,5 @@
+import type { Compiler, WebpackPluginInstance } from 'webpack';
+export declare class AddRuntimeRequirementToPromiseExternal implements WebpackPluginInstance {
+    apply(compiler: Compiler): void;
+}
+export default AddRuntimeRequirementToPromiseExternal;

package/src/plugins/AddRuntimeRequirementToPromiseExternalPlugin.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddRuntimeRequirementToPromiseExternal = void 0;
+class AddRuntimeRequirementToPromiseExternal {
+    apply(compiler) {
+        compiler.hooks.compilation.tap('AddRuntimeRequirementToPromiseExternal', (compilation) => {
+            const { RuntimeGlobals } = compiler.webpack;
+            compilation.hooks.additionalModuleRuntimeRequirements.tap('AddRuntimeRequirementToPromiseExternal', (module, set) => {
+                if (module.externalType === 'promise') {
+                    set.add(RuntimeGlobals.loadScript);
+                    set.add(RuntimeGlobals.require);
+                }
+            });
+        });
+    }
+}
+exports.AddRuntimeRequirementToPromiseExternal = AddRuntimeRequirementToPromiseExternal;
+exports.default = AddRuntimeRequirementToPromiseExternal;
+//# sourceMappingURL=AddRuntimeRequirementToPromiseExternalPlugin.js.map

package/src/plugins/AddRuntimeRequirementToPromiseExternalPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddRuntimeRequirementToPromiseExternalPlugin.js","sourceRoot":"","sources":["../../../../../packages/nextjs-mf/src/plugins/AddRuntimeRequirementToPromiseExternalPlugin.ts"],"names":[],"mappings":";;;AAEA,MAAa,sCAAsC;IAGjD,KAAK,CAAC,QAAkB;QACtB,QAAQ,CAAC,KAAK,CAAC,WAAW,CAAC,GAAG,CAC5B,wCAAwC,EACxC,CAAC,WAAW,EAAE,EAAE;YACd,MAAM,EAAE,cAAc,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC;YAC5C,WAAW,CAAC,KAAK,CAAC,mCAAmC,CAAC,GAAG,CACvD,wCAAwC,EACxC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;gBACd,IAAK,MAAc,CAAC,YAAY,KAAK,SAAS,EAAE;oBAC9C,GAAG,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;oBACnC,GAAG,CAAC,GAAG,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC;iBACjC;YACH,CAAC,CACF,CAAC;QACJ,CAAC,CACF,CAAC;IACJ,CAAC;CACF;AApBD,wFAoBC;AAED,kBAAe,sCAAsC,CAAC"}

package/src/plugins/CopyFederationPlugin.d.ts

@@ -0,0 +1,20 @@
+import type { Compiler, WebpackPluginInstance } from 'webpack';
+/**
+ * Plugin to copy build output files.
+ * @class
+ */
+declare class CopyBuildOutputPlugin implements WebpackPluginInstance {
+    private isServer;
+    /**
+     * @param {boolean} isServer - Indicates if the current environment is server.
+     * @constructor
+     */
+    constructor(isServer: boolean);
+    /**
+     * Applies the plugin to the compiler.
+     * @param {Compiler} compiler - The webpack compiler object.
+     * @method
+     */
+    apply(compiler: Compiler): void;
+}
+export default CopyBuildOutputPlugin;

package/src/plugins/CopyFederationPlugin.js

@@ -0,0 +1,71 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_1 = require("fs");
+const path_1 = __importDefault(require("path"));
+/**
+ * Plugin to copy build output files.
+ * @class
+ */
+class CopyBuildOutputPlugin {
+    /**
+     * @param {boolean} isServer - Indicates if the current environment is server.
+     * @constructor
+     */
+    constructor(isServer) {
+        this.isServer = isServer;
+    }
+    /**
+     * Applies the plugin to the compiler.
+     * @param {Compiler} compiler - The webpack compiler object.
+     * @method
+     */
+    apply(compiler) {
+        /**
+         * Copies files from source to destination.
+         * @param {string} source - The source directory.
+         * @param {string} destination - The destination directory.
+         * @async
+         * @function
+         */
+        const copyFiles = async (source, destination) => {
+            const files = await fs_1.promises.readdir(source);
+            await Promise.all(files.map(async (file) => {
+                const sourcePath = path_1.default.join(source, file);
+                const destinationPath = path_1.default.join(destination, file);
+                if ((await fs_1.promises.lstat(sourcePath)).isDirectory()) {
+                    await fs_1.promises.mkdir(destinationPath, { recursive: true });
+                    await copyFiles(sourcePath, destinationPath);
+                }
+                else {
+                    await fs_1.promises.copyFile(sourcePath, destinationPath);
+                }
+            }));
+        };
+        compiler.hooks.afterEmit.tapPromise('CopyBuildOutputPlugin', async (compilation) => {
+            const { outputPath } = compiler;
+            const outputString = outputPath.split('server')[0];
+            const isProd = compiler.options.mode === 'production';
+            if (!isProd && !this.isServer) {
+                return;
+            }
+            const serverLoc = path_1.default.join(outputString, this.isServer && isProd ? '/ssr' : '/static/ssr');
+            const servingLoc = path_1.default.join(outputPath, 'ssr');
+            await fs_1.promises.mkdir(serverLoc, { recursive: true });
+            const sourcePath = this.isServer ? outputPath : servingLoc;
+            try {
+                await fs_1.promises.access(sourcePath);
+                // If the promise resolves, the file exists and you can proceed with copying.
+                await copyFiles(sourcePath, serverLoc);
+            }
+            catch (error) {
+                // If the promise rejects, the file does not exist.
+                console.error(`File at ${sourcePath} does not exist.`);
+            }
+        });
+    }
+}
+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,2BAAoC;AACpC,gDAAwB;AAGxB;;;GAGG;AACH,MAAM,qBAAqB;IAGzB;;;OAGG;IACH,YAAY,QAAiB;QAC3B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC3B,CAAC;IAED;;;;OAIG;IACH,KAAK,CAAC,QAAkB;QACtB;;;;;;WAMG;QACH,MAAM,SAAS,GAAG,KAAK,EACrB,MAAc,EACd,WAAmB,EACJ,EAAE;YACjB,MAAM,KAAK,GAAG,MAAM,aAAE,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAEvC,MAAM,OAAO,CAAC,GAAG,CACf,KAAK,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,EAAE,EAAE;gBACvB,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,CAAC,MAAM,aAAE,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,WAAW,EAAE,EAAE;oBAC9C,MAAM,aAAE,CAAC,KAAK,CAAC,eAAe,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;oBACrD,MAAM,SAAS,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;iBAC9C;qBAAM;oBACL,MAAM,aAAE,CAAC,QAAQ,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;iBAChD;YACH,CAAC,CAAC,CACH,CAAC;QACJ,CAAC,CAAC;QAEF,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,UAAU,CACjC,uBAAuB,EACvB,KAAK,EAAE,WAAwB,EAAE,EAAE;YACjC,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;aACR;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,MAAM,aAAE,CAAC,KAAK,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,CAAC;YAE/C,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC;YAE3D,IAAI;gBACF,MAAM,aAAE,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;gBAC5B,6EAA6E;gBAC7E,MAAM,SAAS,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC;aACxC;YAAC,OAAO,KAAK,EAAE;gBACd,mDAAmD;gBACnD,OAAO,CAAC,KAAK,CAAC,WAAW,UAAU,kBAAkB,CAAC,CAAC;aACxD;QACH,CAAC,CACF,CAAC;IACJ,CAAC;CACF;AAED,kBAAe,qBAAqB,CAAC"}

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

@@ -0,0 +1,23 @@
+import type { 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:
+ *
+ * - DelegateModulesPlugin: Delegates modules to the webpack container runtime that can be streamed to other runtimes.
+ * - 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,72 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyClientPlugins = void 0;
+const node_1 = require("@module-federation/node");
+const InvertedContainerPlugin_1 = __importDefault(require("../container/InvertedContainerPlugin"));
+const HoistContainerReferencesPlugin_1 = require("@module-federation/enhanced/src/lib/container/HoistContainerReferencesPlugin");
+/**
+ * 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:
+ *
+ * - DelegateModulesPlugin: Delegates modules to the webpack container runtime that can be streamed to other runtimes.
+ * - 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
+    new HoistContainerReferencesPlugin_1.HoistContainerReferences().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');
+    }
+    // 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',
+            'server/federated-stats.json',
+        ],
+        //@ts-ignore
+    }).apply(compiler);
+    // Add a new commonjs chunk loading plugin to the compiler
+    new InvertedContainerPlugin_1.default({
+        runtime: 'webpack',
+        chunkToEmbed: 'host_inner_ctn',
+        container: options.name,
+        remotes: options.remotes,
+        shared: options.shared,
+        shareScope: 'default',
+        exposes: options.exposes,
+        debug: extraOptions.debug,
+        //@ts-ignore
+    }).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,kDAAiE;AACjE,mGAA2E;AAC3E,iIAAwH;AAExH;;;;;;;;;;;;;;;;;;;GAmBG;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;IAE9D,IAAI,yDAAwB,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAE/C,wFAAwF;IACxF,IAAI,YAAY,CAAC,sBAAsB,EAAE;QACvC,OAAO,CAAC,IAAI,CAAC,aAAa,EAAE,4CAA4C,CAAC,CAAC;KAC3E;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;YACR,oCAAoC;YACpC,6BAA6B;SAC9B;QACD,YAAY;KACb,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IAEnB,0DAA0D;IAC1D,IAAI,iCAAuB,CAAC;QAC1B,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,gBAAgB;QAC9B,SAAS,EAAE,OAAO,CAAC,IAAI;QACvB,OAAO,EAAE,OAAO,CAAC,OAAiC;QAClD,MAAM,EAAE,OAAO,CAAC,MAAa;QAC7B,UAAU,EAAE,SAAS;QACrB,OAAO,EAAE,OAAO,CAAC,OAAc;QAC/B,KAAK,EAAE,YAAY,CAAC,KAAK;QACzB,YAAY;KACb,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;AACrB,CAAC;AAlDD,gDAkDC"}

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

@@ -0,0 +1,60 @@
+import type { Compiler } from 'webpack';
+import { ModuleFederationPluginOptions } from '@module-federation/utilities';
+/**
+ * This function applies server-specific plugins to the webpack compiler.
+ *
+ * @param {Compiler} compiler - The Webpack compiler instance.
+ * @param {ModuleFederationPluginOptions} options - The ModuleFederationPluginOptions instance.
+ *
+ * @returns {void}
+ */
+export declare function applyServerPlugins(compiler: Compiler, options: ModuleFederationPluginOptions): void;
+/**
+ * This function configures server-specific library and filename options.
+ *
+ * @param {ModuleFederationPluginOptions} options - The ModuleFederationPluginOptions instance.
+ *
+ * @returns {void}
+ *
+ * @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;
+/**
+ * This function patches Next.js' default externals function to make sure shared modules are bundled and not treated as external.
+ *
+ * @param {Compiler} compiler - The Webpack compiler instance.
+ * @param {ModuleFederationPluginOptions} options - The ModuleFederationPluginOptions instance.
+ *
+ * @returns {void}
+ *
+ * @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;
+/**
+ * This function configures server-specific compiler options.
+ *
+ * @param {Compiler} compiler - The Webpack compiler instance.
+ *
+ * @returns {void}
+ *
+ * @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;