@module-federation/modern-js 0.0.0-next-20250221033258 → 0.0.0-next-20250221081237

package/dist/esm-node/cli/ssrPlugin.js

@@ -10,6 +10,7 @@ function setEnv() {
   process.env["MF_DISABLE_EMIT_STATS"] = "true";
   process.env["MF_SSR_PRJ"] = "true";
 }
+const CHAIN_MF_PLUGIN_ID = "plugin-module-federation-server";
 const moduleFederationSSRPlugin = (pluginOptions) => ({
   name: "@modern-js/plugin-module-federation-ssr",
   pre: [
@@ -19,7 +20,8 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
   setup: async (api) => {
     var _pluginOptions_userConfig, _modernjsConfig_server;
     const modernjsConfig = api.getConfig();
-    const enableSSR = ((_pluginOptions_userConfig = pluginOptions.userConfig) === null || _pluginOptions_userConfig === void 0 ? void 0 : _pluginOptions_userConfig.ssr) === false ? false : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
+    var _pluginOptions_userConfig_ssr;
+    const enableSSR = (_pluginOptions_userConfig_ssr = (_pluginOptions_userConfig = pluginOptions.userConfig) === null || _pluginOptions_userConfig === void 0 ? void 0 : _pluginOptions_userConfig.ssr) !== null && _pluginOptions_userConfig_ssr !== void 0 ? _pluginOptions_userConfig_ssr : Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
     if (!enableSSR) {
       return;
     }
@@ -41,33 +43,34 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
         plugins
       };
     });
+    api.modifyBundlerChain((chain, { isServer }) => {
+      const bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+      const MFPlugin = bundlerType === "webpack" ? ModuleFederationPlugin : RspackModuleFederationPlugin;
+      if (isServer) {
+        if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) {
+          chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
+            pluginOptions.ssrConfig
+          ]).init((Plugin, args) => {
+            pluginOptions.nodePlugin = new Plugin(args[0]);
+            return pluginOptions.nodePlugin;
+          });
+        }
+      }
+      if (isServer) {
+        chain.target("async-node");
+        if (isDev) {
+          chain.plugin("UniverseEntryChunkTrackerPlugin").use(UniverseEntryChunkTrackerPlugin);
+        }
+      }
+      if (isDev && !isServer) {
+        chain.externals({
+          "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
+        });
+      }
+    });
     api.config(() => {
       return {
         tools: {
-          rspack(config, { isServer }) {
-            if (isServer) {
-              if (!pluginOptions.nodePlugin) {
-                var _config_plugins;
-                pluginOptions.nodePlugin = new RspackModuleFederationPlugin(pluginOptions.ssrConfig);
-                (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(pluginOptions.nodePlugin);
-              }
-            } else {
-              var _config_output;
-              pluginOptions.distOutputDir = pluginOptions.distOutputDir || ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
-            }
-          },
-          webpack(config, { isServer }) {
-            if (isServer) {
-              if (!pluginOptions.nodePlugin) {
-                var _config_plugins;
-                pluginOptions.nodePlugin = new ModuleFederationPlugin(pluginOptions.ssrConfig);
-                (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(pluginOptions.nodePlugin);
-              }
-            } else {
-              var _config_output;
-              pluginOptions.distOutputDir = pluginOptions.distOutputDir || ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
-            }
-          },
           devServer: {
             before: [
               (req, res, next) => {
@@ -93,19 +96,6 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
                 }
               }
             ]
-          },
-          bundlerChain(chain, { isServer }) {
-            if (isServer) {
-              chain.target("async-node");
-              if (isDev) {
-                chain.plugin("UniverseEntryChunkTrackerPlugin").use(UniverseEntryChunkTrackerPlugin);
-              }
-            }
-            if (isDev && !isServer) {
-              chain.externals({
-                "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
-              });
-            }
           }
         }
       };
@@ -122,6 +112,7 @@ const moduleFederationSSRPlugin = (pluginOptions) => ({
 });
 var ssrPlugin_default = moduleFederationSSRPlugin;
 export {
+  CHAIN_MF_PLUGIN_ID,
   ssrPlugin_default as default,
   moduleFederationSSRPlugin,
   setEnv

package/dist/esm-node/cli/utils.js

@@ -135,19 +135,20 @@ const patchMFConfig = (mfConfig, isServer, remoteIpStrategy) => {
   mfConfig.dev = false;
   return mfConfig;
 };
-function patchIgnoreWarning(bundlerConfig) {
-  bundlerConfig.ignoreWarnings = bundlerConfig.ignoreWarnings || [];
+function patchIgnoreWarning(chain) {
+  const ignoreWarnings = chain.get("ignoreWarnings") || [];
   const ignoredMsgs = [
     "external script",
     "process.env.WS_NO_BUFFER_UTIL",
     `Can't resolve 'utf-8-validate`
   ];
-  bundlerConfig.ignoreWarnings.push((warning) => {
+  ignoreWarnings.push((warning) => {
     if (ignoredMsgs.some((msg) => warning.message.includes(msg))) {
       return true;
     }
     return false;
   });
+  chain.ignoreWarnings(ignoreWarnings);
 }
 function addMyTypes2Ignored(chain, mfConfig) {
   const watchOptions = chain.get("watchOptions");
@@ -186,55 +187,43 @@ function addMyTypes2Ignored(chain, mfConfig) {
   });
 }
 function patchBundlerConfig(options) {
-  var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
-  const { bundlerConfig, modernjsConfig, isServer, mfConfig, bundlerType } = options;
-  const enableSSR = Boolean((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
-  (_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? true : delete _bundlerConfig_optimization.runtimeChunk;
-  patchIgnoreWarning(bundlerConfig);
-  if (bundlerConfig.output) {
-    var _bundlerConfig_output1, _bundlerConfig_output2;
-    if (!((_bundlerConfig_output1 = bundlerConfig.output) === null || _bundlerConfig_output1 === void 0 ? void 0 : _bundlerConfig_output1.chunkLoadingGlobal)) {
-      bundlerConfig.output.chunkLoadingGlobal = `chunk_${mfConfig.name}`;
-    }
-    if (!((_bundlerConfig_output2 = bundlerConfig.output) === null || _bundlerConfig_output2 === void 0 ? void 0 : _bundlerConfig_output2.uniqueName)) {
-      bundlerConfig.output.uniqueName = mfConfig.name;
-    }
+  var _modernjsConfig_deploy;
+  const { chain, modernjsConfig, isServer, mfConfig, enableSSR } = options;
+  chain.optimization.delete("runtimeChunk");
+  patchIgnoreWarning(chain);
+  if (!chain.output.get("chunkLoadingGlobal")) {
+    chain.output.chunkLoadingGlobal(`chunk_${mfConfig.name}`);
+  }
+  if (!chain.output.get("uniqueName")) {
+    chain.output.uniqueName(mfConfig.name);
   }
+  const splitChunkConfig = chain.optimization.splitChunks.entries();
   if (!isServer) {
-    autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig);
+    autoDeleteSplitChunkCacheGroups(mfConfig, splitChunkConfig);
   }
-  if (!isServer && enableSSR && typeof ((_bundlerConfig_optimization1 = bundlerConfig.optimization) === null || _bundlerConfig_optimization1 === void 0 ? void 0 : _bundlerConfig_optimization1.splitChunks) === "object" && bundlerConfig.optimization.splitChunks.cacheGroups) {
-    bundlerConfig.optimization.splitChunks.chunks = "async";
+  if (!isServer && enableSSR && splitChunkConfig && typeof splitChunkConfig === "object" && splitChunkConfig.cacheGroups) {
+    splitChunkConfig.chunks = "async";
     logger.warn(`splitChunks.chunks = async is not allowed with stream SSR mode, it will auto changed to "async"`);
   }
-  if (isDev && ((_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.publicPath) === "auto") {
-    var _modernjsConfig_dev, _modernjsConfig_server1;
-    const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server1 = modernjsConfig.server) === null || _modernjsConfig_server1 === void 0 ? void 0 : _modernjsConfig_server1.port) || 8080;
+  if (isDev && chain.output.get("publicPath") === "auto") {
+    var _modernjsConfig_dev, _modernjsConfig_server;
+    const port = ((_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.port) || ((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.port) || 8080;
     const publicPath = `http://localhost:${port}/`;
-    bundlerConfig.output.publicPath = publicPath;
+    chain.output.publicPath(publicPath);
   }
   if (isServer && enableSSR) {
-    const { output } = bundlerConfig;
-    const uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
-    const chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
-    if (output && typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
+    const uniqueName = mfConfig.name || chain.output.get("uniqueName");
+    const chunkFileName = chain.output.get("chunkFilename");
+    if (typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
       const suffix = `${encodeName(uniqueName)}-[chunkhash].js`;
-      output.chunkFilename = chunkFileName.replace(".js", suffix);
+      chain.output.chunkFilename(chunkFileName.replace(".js", suffix));
     }
   }
   if (isDev && enableSSR && !isServer) {
-    bundlerConfig.resolve.fallback = {
-      ...bundlerConfig.resolve.fallback,
-      crypto: false,
-      stream: false,
-      vm: false
-    };
+    chain.resolve.fallback.set("crypto", false).set("stream", false).set("vm", false);
   }
   if (((_modernjsConfig_deploy = modernjsConfig.deploy) === null || _modernjsConfig_deploy === void 0 ? void 0 : _modernjsConfig_deploy.microFrontend) && Object.keys(mfConfig.exposes || {}).length) {
-    if (!bundlerConfig.optimization) {
-      bundlerConfig.optimization = {};
-    }
-    bundlerConfig.optimization.usedExports = false;
+    chain.optimization.usedExports(false);
   }
 }
 const localIpv4 = "127.0.0.1";
@@ -262,33 +251,10 @@ const getIPV4 = () => {
   };
   return ipv4Interface.address;
 };
-const SPLIT_CHUNK_MAP = {
-  REACT: "react",
-  ROUTER: "router",
-  LODASH: "lib-lodash",
-  ANTD: "lib-antd",
-  ARCO: "lib-arco",
-  SEMI: "lib-semi",
-  AXIOS: "lib-axios"
-};
-const SHARED_SPLIT_CHUNK_MAP = {
-  react: SPLIT_CHUNK_MAP.REACT,
-  "react-dom": SPLIT_CHUNK_MAP.REACT,
-  "react-router": SPLIT_CHUNK_MAP.ROUTER,
-  "react-router-dom": SPLIT_CHUNK_MAP.ROUTER,
-  "@remix-run/router": SPLIT_CHUNK_MAP.ROUTER,
-  lodash: SPLIT_CHUNK_MAP.LODASH,
-  "lodash-es": SPLIT_CHUNK_MAP.LODASH,
-  antd: SPLIT_CHUNK_MAP.ANTD,
-  "@arco-design/web-react": SPLIT_CHUNK_MAP.ARCO,
-  "@douyinfe/semi-ui": SPLIT_CHUNK_MAP.SEMI,
-  axios: SPLIT_CHUNK_MAP.AXIOS
-};
 export {
   addMyTypes2Ignored,
   getIPV4,
   getMFConfig,
   patchBundlerConfig,
-  patchIgnoreWarning,
   patchMFConfig
 };

package/dist/esm-node/cli/utils.spec.js

@@ -1,5 +1,5 @@
 import { it, expect, describe } from "vitest";
-import { patchMFConfig, patchBundlerConfig, getIPV4 } from "./utils";
+import { patchMFConfig, getIPV4 } from "./utils";
 const mfConfig = {
   name: "host",
   filename: "remoteEntry.js",
@@ -86,63 +86,3 @@ describe("patchMFConfig", async () => {
     });
   });
 });
-describe("patchBundlerConfig", async () => {
-  it("patchBundlerConfig: server", async () => {
-    const bundlerConfig = {
-      output: {
-        publicPath: "auto"
-      }
-    };
-    patchBundlerConfig({
-      bundlerType: "webpack",
-      bundlerConfig,
-      isServer: true,
-      modernjsConfig: {
-        server: {
-          ssr: {
-            mode: "stream"
-          }
-        }
-      },
-      mfConfig
-    });
-    const expectedConfig = {
-      output: {
-        chunkLoadingGlobal: "chunk_host",
-        publicPath: "auto",
-        uniqueName: "host"
-      }
-    };
-    bundlerConfig === null || bundlerConfig === void 0 ? true : delete bundlerConfig.ignoreWarnings;
-    expect(bundlerConfig).toStrictEqual(expectedConfig);
-  });
-  it("patchBundlerConfig: client", async () => {
-    const bundlerConfig = {
-      output: {
-        publicPath: "auto"
-      }
-    };
-    patchBundlerConfig({
-      bundlerType: "webpack",
-      bundlerConfig,
-      isServer: false,
-      modernjsConfig: {
-        server: {
-          ssr: {
-            mode: "stream"
-          }
-        }
-      },
-      mfConfig
-    });
-    const expectedConfig = {
-      output: {
-        chunkLoadingGlobal: "chunk_host",
-        publicPath: "auto",
-        uniqueName: "host"
-      }
-    };
-    bundlerConfig === null || bundlerConfig === void 0 ? true : delete bundlerConfig.ignoreWarnings;
-    expect(bundlerConfig).toStrictEqual(expectedConfig);
-  });
-});

package/dist/types/cli/configPlugin.d.ts

@@ -1,15 +1,5 @@
-import type { CliPluginFuture, AppTools, UserConfig, Bundler } from '@modern-js/app-tools';
-import type { BundlerConfig } from '../interfaces/bundler';
+import type { CliPluginFuture, AppTools } from '@modern-js/app-tools';
 import type { InternalModernPluginOptions } from '../types';
-import { moduleFederationPlugin } from '@module-federation/sdk';
 export declare function setEnv(enableSSR: boolean): void;
-export declare function modifyBundlerConfig<T extends Bundler>(options: {
-    bundlerType: Bundler;
-    mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions;
-    config: BundlerConfig<T>;
-    isServer: boolean;
-    modernjsConfig: UserConfig<AppTools>;
-    remoteIpStrategy?: 'ipv4' | 'inherit';
-}): void;
 export declare const moduleFederationConfigPlugin: (userConfig: InternalModernPluginOptions) => CliPluginFuture<AppTools>;
 export default moduleFederationConfigPlugin;

package/dist/types/cli/ssrPlugin.d.ts

@@ -1,5 +1,6 @@
 import type { CliPluginFuture, AppTools } from '@modern-js/app-tools';
 import type { InternalModernPluginOptions } from '../types';
 export declare function setEnv(): void;
+export declare const CHAIN_MF_PLUGIN_ID = "plugin-module-federation-server";
 export declare const moduleFederationSSRPlugin: (pluginOptions: Required<InternalModernPluginOptions>) => CliPluginFuture<AppTools>;
 export default moduleFederationSSRPlugin;

package/dist/types/cli/utils.d.ts

@@ -1,17 +1,16 @@
 import { moduleFederationPlugin } from '@module-federation/sdk';
 import { PluginOptions } from '../types';
-import type { BundlerConfig, BundlerChainConfig } from '../interfaces/bundler';
-import type { webpack, UserConfig, AppTools, Rspack, Bundler } from '@modern-js/app-tools';
+import type { BundlerChainConfig } from '../interfaces/bundler';
+import type { webpack, UserConfig, AppTools, Rspack } from '@modern-js/app-tools';
 export type ConfigType<T> = T extends 'webpack' ? webpack.Configuration : T extends 'rspack' ? Rspack.Configuration : never;
 export declare const getMFConfig: (userConfig: PluginOptions) => Promise<moduleFederationPlugin.ModuleFederationPluginOptions>;
 export declare const patchMFConfig: (mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, isServer: boolean, remoteIpStrategy?: "ipv4" | "inherit") => moduleFederationPlugin.ModuleFederationPluginOptions;
-export declare function patchIgnoreWarning<T extends Bundler>(bundlerConfig: BundlerConfig<T>): void;
 export declare function addMyTypes2Ignored(chain: BundlerChainConfig, mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions): void;
-export declare function patchBundlerConfig<T extends Bundler>(options: {
-    bundlerConfig: BundlerConfig<T>;
+export declare function patchBundlerConfig(options: {
+    chain: BundlerChainConfig;
     isServer: boolean;
     modernjsConfig: UserConfig<AppTools>;
-    bundlerType: Bundler;
     mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions;
+    enableSSR: boolean;
 }): void;
 export declare const getIPV4: () => string;

package/dist/types/types/index.d.ts

@@ -4,7 +4,7 @@ import type { ModuleFederationPlugin as RspackModuleFederationPlugin } from '@mo
 export interface PluginOptions {
     config?: moduleFederationPlugin.ModuleFederationPluginOptions;
     configPath?: string;
-    ssr?: false;
+    ssr?: boolean;
     remoteIpStrategy?: 'ipv4' | 'inherit';
 }
 export interface InternalModernPluginOptions {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.0.0-next-20250221033258",
+  "version": "0.0.0-next-20250221081237",
   "files": [
     "dist/",
     "types.d.ts",
@@ -84,23 +84,23 @@
   "author": "hanric <hanric.zhang@gmail.com>",
   "license": "MIT",
   "dependencies": {
-    "@modern-js/node-bundle-require": "2.64.0",
-    "@modern-js/utils": "2.64.0",
+    "@modern-js/node-bundle-require": "2.64.3",
+    "@modern-js/utils": "2.64.3",
     "@swc/helpers": "0.5.13",
     "node-fetch": "~3.3.0",
     "react-error-boundary": "4.1.2",
-    "@module-federation/rsbuild-plugin": "0.0.0-next-20250221033258",
-    "@module-federation/enhanced": "0.0.0-next-20250221033258",
-    "@module-federation/node": "0.0.0-next-20250221033258",
-    "@module-federation/sdk": "0.0.0-next-20250221033258"
+    "@module-federation/rsbuild-plugin": "0.0.0-next-20250221081237",
+    "@module-federation/enhanced": "0.0.0-next-20250221081237",
+    "@module-federation/node": "0.0.0-next-20250221081237",
+    "@module-federation/sdk": "0.0.0-next-20250221081237"
   },
   "devDependencies": {
-    "@modern-js/app-tools": "2.64.0",
-    "@modern-js/core": "2.64.0",
-    "@modern-js/module-tools": "2.64.0",
-    "@modern-js/runtime": "2.64.0",
-    "@modern-js/tsconfig": "2.64.0",
-    "@module-federation/manifest": "0.0.0-next-20250221033258"
+    "@modern-js/app-tools": "2.64.3",
+    "@modern-js/core": "2.64.3",
+    "@modern-js/module-tools": "2.64.3",
+    "@modern-js/runtime": "2.64.3",
+    "@modern-js/tsconfig": "2.64.3",
+    "@module-federation/manifest": "0.0.0-next-20250221081237"
   },
   "peerDependencies": {
     "react": ">=17",