@module-federation/nextjs-mf 7.0.8 → 8.0.1-0

package/src/plugins/container/InvertedContainerPlugin.js

@@ -3,12 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const webpack_sources_1 = require("webpack-sources");
-const InvertedContainerRuntimeModule_1 = __importDefault(require("./InvertedContainerRuntimeModule"));
-const webpack_1 = require("webpack");
-const RemoveEagerModulesFromRuntimePlugin_1 = __importDefault(require("./RemoveEagerModulesFromRuntimePlugin"));
+const EmbeddedContainerPlugin_1 = __importDefault(require("./EmbeddedContainerPlugin"));
+const enhanced_1 = require("@module-federation/enhanced");
 /**
  * InvertedContainerPlugin is a Webpack plugin that handles loading of chunks in a federated module.
+ * @class
  */
 class InvertedContainerPlugin {
     /**
@@ -16,159 +15,33 @@ class InvertedContainerPlugin {
      * @param {InvertedContainerOptions} options - Plugin configuration options.
      */
     constructor(options) {
-        this.options = options || {};
-    }
-    /**
-     * Resolves the container module for the given compilation.
-     * @param {Compilation} compilation - Webpack compilation instance.
-     * @returns {Module | undefined} - The container module or undefined if not found.
-     */
-    resolveContainerModule(compilation) {
-        if (!this.options.container) {
-            return undefined;
-        }
-        const container = compilation.entrypoints
-            .get(this.options.container)
-            ?.getRuntimeChunk?.();
-        if (!container)
-            return undefined;
-        const entrymodule = compilation.chunkGraph.getChunkEntryModulesIterable(container);
-        for (const module of entrymodule) {
-            return module;
-        }
-        return undefined;
+        this.options = options;
     }
     /**
      * Apply method for the Webpack plugin, handling the plugin logic and hooks.
      * @param {Compiler} compiler - Webpack compiler instance.
      */
     apply(compiler) {
-        new RemoveEagerModulesFromRuntimePlugin_1.default({
+        new EmbeddedContainerPlugin_1.default({
+            runtime: this.options.runtime,
             container: this.options.container,
-            debug: this.options.debug,
+            chunkToEmbed: this.options.chunkToEmbed,
         }).apply(compiler);
-        const { Template, javascript } = compiler.webpack;
-        // 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;
-                set.add(webpack_1.RuntimeGlobals.onChunksLoaded);
-                // 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,
-                        debug: this.options.debug,
-                    }));
-                }
-            };
-            compilation.hooks.additionalChunkRuntimeRequirements.tap('InvertedContainerPlugin', handler);
-            compilation.hooks.optimizeChunks.tap('InvertedContainerPlugin', (chunks) => {
-                const containerEntryModule = this.resolveContainerModule(compilation);
-                if (!containerEntryModule)
-                    return;
-                for (const chunk of chunks) {
-                    if (!compilation.chunkGraph.isModuleInChunk(containerEntryModule, chunk) &&
-                        chunk.hasRuntime()) {
-                        compilation.chunkGraph.connectChunkAndModule(chunk, containerEntryModule);
-                    }
-                }
-            });
-            const hooks = javascript.JavascriptModulesPlugin.getCompilationHooks(compilation);
-            compilation.hooks.processAssets.tap({
-                name: 'InvertedContainerPlugin',
-                stage: webpack_1.Compilation.PROCESS_ASSETS_STAGE_ADDITIONS,
-            }, (assets) => {
-                for (const chunk of compilation.chunks) {
-                    for (const file of chunk.files) {
-                        const asset = compilation.getAsset(file);
-                        if (asset) {
-                            let source = asset.source.source();
-                            const chunkID = typeof chunk.id === 'string'
-                                ? JSON.stringify(chunk.id)
-                                : chunk.id;
-                            // Inject the chunk name at the beginning of the file
-                            source = source
-                                .toString()
-                                //@ts-ignore
-                                .replace('__INSERT_CH_ID__MF__', chunkID);
-                            const updatedSource = new webpack_sources_1.RawSource(source);
-                            //@ts-ignore
-                            compilation.updateAsset(file, updatedSource);
-                        }
-                    }
-                }
-            });
-            hooks.renderStartup.tap('InvertedContainerPlugin', 
-            //@ts-ignore
-            (source, renderContext) => {
-                if (!renderContext ||
-                    //@ts-ignore
-                    renderContext?._name ||
-                    !renderContext?.debugId ||
-                    !compilation.chunkGraph.isEntryModule(renderContext) ||
-                    //@ts-ignore
-                    renderContext?.rawRequest?.includes('pages/api') ||
-                    renderContext?.layer === 'api') {
-                    // skip empty modules, container entry, and anything that doesnt have a moduleid or is not an entrypoint module.
-                    return source;
-                }
-                const { runtimeTemplate } = compilation;
-                const replaceSource = source.source().toString().split('\n');
-                const searchString = '__webpack_exec__';
-                const replaceString = '__webpack_exec_proxy__';
-                const originalExec = replaceSource.findIndex((s) => s.includes(searchString));
-                if (originalExec === -1) {
-                    return source;
-                }
-                const firstHalf = replaceSource.slice(0, originalExec + 1);
-                const secondHalf = replaceSource.slice(originalExec + 1, replaceSource.length);
-                const originalRuntimeCode = firstHalf
-                    .join('\n')
-                    .replace(searchString, replaceString);
-                const fancyTemplate = Template.asString([
-                    runtimeTemplate.returningFunction(Template.asString([
-                        '__webpack_require__.own_remote.then(',
-                        runtimeTemplate.returningFunction(Template.asString([
-                            'Promise.all([',
-                            Template.indent([
-                                'Promise.all(__webpack_require__.initRemotes)',
-                                'Promise.all(__webpack_require__.initConsumes)',
-                            ].join(',\n')),
-                            '])',
-                        ])),
-                        ').then(',
-                        runtimeTemplate.returningFunction(Template.asString([`${replaceString}(moduleId)`])),
-                        ')',
-                    ].join('')), 'moduleId'),
-                ]);
-                const wholeTem = Template.asString([
-                    `var ${searchString} =`,
-                    fancyTemplate,
-                ]);
-                return Template.asString([
-                    '',
-                    'var currentChunkId = __INSERT_CH_ID__MF__;',
-                    `if(currentChunkId) {`,
-                    Template.indent([
-                        `if(__webpack_require__.getEagerSharedForChunkId) {__webpack_require__.getEagerSharedForChunkId(currentChunkId,__webpack_require__.initConsumes)}`,
-                        `if(__webpack_require__.getEagerRemotesForChunkId) {__webpack_require__.getEagerRemotesForChunkId(currentChunkId,__webpack_require__.initRemotes)}`,
-                    ]),
-                    '}',
-                    originalRuntimeCode,
-                    wholeTem,
-                    ...secondHalf,
-                    '',
-                ]);
-            });
+        const asyncBoundaryPlugin = new enhanced_1.AsyncBoundaryPlugin();
+        asyncBoundaryPlugin.hooks.checkInvalidContext.tap('InvertedContainerPlugin', (renderContext, compilation) => {
+            return (!renderContext ||
+                //@ts-ignore
+                renderContext?._name ||
+                //@ts-ignore
+                !renderContext?.debugId ||
+                //@ts-ignore
+                !compilation.chunkGraph.isEntryModule(renderContext) ||
+                //@ts-ignore
+                renderContext?.rawRequest?.includes('pages/api') ||
+                //@ts-ignore
+                renderContext?.layer === 'api');
         });
+        asyncBoundaryPlugin.apply(compiler);
     }
 }
 exports.default = InvertedContainerPlugin;

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

@@ -1 +1 @@
-{"version":3,"file":"InvertedContainerPlugin.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/container/InvertedContainerPlugin.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"InvertedContainerPlugin.js","sourceRoot":"","sources":["../../../../../../packages/nextjs-mf/src/plugins/container/InvertedContainerPlugin.ts"],"names":[],"mappings":";;;;;AAEA,wFAAgE;AAChE,0DAAkE;AAqBlE;;;GAGG;AACH,MAAM,uBAAuB;IAG3B;;;OAGG;IACH,YAAY,OAAiC;QAC3C,IAAI,CAAC,OAAO,GAAG,OAAO,CAAC;IACzB,CAAC;IAED;;;OAGG;IACI,KAAK,CAAC,QAAkB;QAC7B,IAAI,iCAAuB,CAAC;YAC1B,OAAO,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;YAC7B,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,SAAS;YACjC,YAAY,EAAE,IAAI,CAAC,OAAO,CAAC,YAAY;SACxC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;QAEnB,MAAM,mBAAmB,GAAG,IAAI,8BAAmB,EAAE,CAAC;QACtD,mBAAmB,CAAC,KAAK,CAAC,mBAAmB,CAAC,GAAG,CAAC,yBAAyB,EAAE,CAAC,aAAa,EAAE,WAAW,EAAE,EAAE;YAC1G,OAAO,CACL,CAAC,aAAa;gBACd,YAAY;gBACZ,aAAa,EAAE,KAAK;gBACpB,YAAY;gBACZ,CAAC,aAAa,EAAE,OAAO;gBACvB,YAAY;gBACZ,CAAC,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,aAAa,CAAC;gBACpD,YAAY;gBACZ,aAAa,EAAE,UAAU,EAAE,QAAQ,CAAC,WAAW,CAAC;gBAChD,YAAY;gBACZ,aAAa,EAAE,KAAK,KAAK,KAAK,CAC/B,CAAC;QACJ,CAAC,CAAC,CAAC;QAEH,mBAAmB,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC;IACtC,CAAC;CACF;AAED,kBAAe,uBAAuB,CAAC"}

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

@@ -1,9 +1,4 @@
-import type { Compiler, Module } from 'webpack';
-import { RuntimeModule } from 'webpack';
-/**
- * Interface for InvertedContainerRuntimeModuleOptions, containing
- * options for the InvertedContainerRuntimeModule class.
- */
+import RuntimeModule from 'webpack/lib/RuntimeModule';
 interface InvertedContainerRuntimeModuleOptions {
     runtime: string;
     remotes: Record<string, string>;
@@ -11,35 +6,10 @@ interface InvertedContainerRuntimeModuleOptions {
     debug?: boolean;
     container?: string;
 }
-/**
- * Interface for ChunkLoadingContext, containing Webpack-related properties.
- */
-interface ChunkLoadingContext {
-    webpack: Compiler['webpack'];
-    debug?: boolean;
-}
-/**
- * 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(): Module | undefined;
-    mapShared(): string;
-    mapChunks(): string;
-    /**
-     * Generate method for the runtime module, producing the runtime code.
-     * @returns {string} runtime code
-     */
+    constructor(options: InvertedContainerRuntimeModuleOptions);
+    private resolveContainerModule;
     generate(): string;
 }
 export default InvertedContainerRuntimeModule;