fix: Fix call undefined delegate

apps/3000-home/next.config.js

@@ -53,6 +53,7 @@ const nextConfig = {
           antd: {},
         },
         extraOptions: {
+          debug:false,
           exposePages: true,
           enableImageLoaderFix: true,
           enableUrlLoaderFix: true,

apps/3000-home/remote-delegate.js

@@ -1,13 +1,11 @@
+import {importDelegatedModule} from "@module-federation/utilities/src/utils/importDelegatedModule";
 /* eslint-disable no-undef */
 // eslint-disable-next-line no-async-promise-executor
 module.exports = new Promise(async (resolve, reject) => {
   //eslint-disable-next-line
   const currentRequest = new URLSearchParams(__resourceQuery).get('remote');
 
   const [global, url] = currentRequest.split('@');
-  const { importDelegatedModule } = await import(
-    '@module-federation/utilities/src/utils/importDelegatedModule'
-  );
 
   importDelegatedModule({
     global,

package.json

@@ -33,6 +33,7 @@
     "prod": "nx build:libs && nx run-many --target=build --verbose --output-style=stream",
     "commit": "cz",
     "git:pruneTags": "git tag -l | xargs git tag -d && git fetch --all --prune --tags",
+    "release:normal": "nx run-many --target=version --projects=utils,node,nextjs-mf --maxParallel=1 --allowEmptyRelease=true",
     "prerelease:all": "nx run-many --target=version --projects=utils,node,nextjs-mf --releaseAs=prerelease --preid=rc --maxParallel=1 --allowEmptyRelease=true",
     "release:node": "nx run node:version",
     "release:next": "nx run nextjs-mf:version",

packages/nextjs-mf/src/default-delegate.ts

@@ -1,10 +1,7 @@
+import { importDelegatedModule } from '@module-federation/utilities/src/utils/importDelegatedModule'
+
 // eslint-disable-next-line no-async-promise-executor
 module.exports = new Promise(async (resolve, reject) => {
-  // @ts-ignore
-  const { importDelegatedModule } = await import(
-    // @ts-ignore
-    '@module-federation/utilities/src/utils/importDelegatedModule'
-  );
   // eslint-disable-next-line no-undef
   const currentRequest = new URLSearchParams(__resourceQuery).get('remote');
   // @ts-ignore

packages/nextjs-mf/src/plugins/container/RemoveEagerModulesFromRuntimePlugin.ts

@@ -22,7 +22,7 @@ class RemoveEagerModulesFromRuntimePlugin {
       );
       return;
     }
-    //return 
+    //return
     compiler.hooks.thisCompilation.tap(
       'RemoveEagerModulesFromRuntimePlugin',
       (compilation: Compilation) => {

packages/node/src/plugins/ChunkCorrelationPlugin.js

@@ -457,7 +457,9 @@ class FederationStatsPlugin {
             // Iterate over each dependency within the block.
             for (const dep of blockmodule.dependencies) {
               // Get the module that corresponds to the dependency.
-              const { module } = compilation.moduleGraph.getConnection(dep);
+              const connection = compilation.moduleGraph.getConnection(dep);
+              if(!connection) continue;
+              const { module } = connection;
               const moduleChunks =
                 compilation.chunkGraph.getModuleChunksIterable(module);
               // Iterate over each chunk associated with the module.

packages/node/src/plugins/NodeFederationPlugin.ts

@@ -2,7 +2,7 @@
 
 import type { Compiler, container } from 'webpack';
 import type { ModuleFederationPluginOptions } from '../types';
-import { extractUrlAndGlobal } from '@module-federation/utilities';
+import { extractUrlAndGlobal } from '@module-federation/utilities/src/utils/pure';
 
 interface NodeFederationOptions extends ModuleFederationPluginOptions {
   experiments?: Record<string, unknown>;

packages/utilities/project.json

@@ -6,18 +6,14 @@
   "targets": {
     "build": {
       "executor": "@nx/js:tsc",
-      "outputs": [
-        "{options.outputPath}"
-      ],
+      "outputs": ["{options.outputPath}"],
       "options": {
         "outputPath": "dist/packages/utilities",
         "main": "packages/utilities/src/index.ts",
         "tsConfig": "packages/utilities/tsconfig.lib.json",
         "buildableProjectDepsInPackageJsonType": "dependencies",
         "updateBuildableProjectDepsInPackageJson": true,
-        "assets": [
-          "packages/utilities/*.md"
-        ]
+        "assets": ["packages/utilities/*.md"]
       }
     },
     "publish": {
@@ -33,20 +29,14 @@
     },
     "lint": {
       "executor": "@nx/linter:eslint",
-      "outputs": [
-        "{options.outputFile}"
-      ],
+      "outputs": ["{options.outputFile}"],
       "options": {
-        "lintFilePatterns": [
-          "packages/utilities/**/*.ts"
-        ]
+        "lintFilePatterns": ["packages/utilities/**/*.ts"]
       }
     },
     "test": {
       "executor": "@nx/jest:jest",
-      "outputs": [
-        "{workspaceRoot}/coverage/packages/utilities"
-      ],
+      "outputs": ["{workspaceRoot}/coverage/packages/utilities"],
       "options": {
         "jestConfig": "packages/utilities/jest.config.ts",
         "passWithNoTests": true
@@ -55,10 +45,7 @@
     "version": {
       "executor": "@jscutlery/semver:version",
       "options": {
-        "postTargets": [
-          "utils:npm",
-          "utils:github"
-        ],
+        "postTargets": ["utils:npm", "utils:github"],
         "trackDeps": true,
         "push": true
       }

packages/utilities/src/plugins/DelegateModulesPlugin.test.ts

@@ -2,12 +2,22 @@ import DelegateModulesPlugin from './DelegateModulesPlugin';
 import { Compilation } from 'webpack';
 import { RawSource } from 'webpack-sources';
 
+function createMockModuleDependency(resource: string): any {
+  return {
+    resource,
+    identifier: () => resource,
+    source: () => new RawSource(''),
+    dependencies: [],
+  };
+}
+const dependency = createMockModuleDependency('dependency');
 // Mock a minimal Webpack Module
 function createMockModule(resource: string): any {
   return {
     resource,
     identifier: () => resource,
     source: () => new RawSource(''),
+    dependencies: [dependency],
   };
 }
 
@@ -25,6 +35,8 @@ function createMockCompiler(): any {
   };
 }
 
+const chunkMap = {};
+
 // Mock a minimal Webpack Compilation
 function createMockCompilation(): Compilation {
   return {
@@ -37,10 +49,23 @@ function createMockCompilation(): Compilation {
       },
     },
     chunkGraph: {
-      isModuleInChunk: jest.fn(),
-      connectChunkAndModule: jest.fn(),
+      //@ts-ignore
+      isModuleInChunk: jest.fn((module, chunk) => {
+        //@ts-ignore
+        return !!chunkMap?.[chunk.name]?.[module.identifier()];
+      }),
+      // @ts-ignore
+      connectChunkAndModule: jest.fn((chunk, module) => {
+        //@ts-ignore
+        chunkMap[chunk.name] = {};
+        //@ts-ignore
+        chunkMap[chunk.name][module.identifier()] = module;
+      }),
       disconnectChunkAndModule: jest.fn(),
     },
+    moduleGraph: {
+      getModule: jest.fn(() => dependency),
+    },
   } as unknown as Compilation;
 }
 
@@ -102,7 +127,7 @@ describe('DelegateModulesPlugin', () => {
 
     // Check if connectChunkAndModule was called
     expect(compilation.chunkGraph.connectChunkAndModule).toHaveBeenCalledTimes(
-      4
+      8
     );
 
     // Check if disconnectChunkAndModule was called