@module-federation/modern-js 0.0.0-next-20240521123600 → 0.0.0-next-20240521125425

package/dist/cjs/cli/index.js

@@ -52,15 +52,15 @@ const moduleFederationPlugin = (userConfig = {}) => ({
     const enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
     const mfConfig = await (0, import_utils2.getMFConfig)(userConfig);
     let outputDir = "";
-    const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-    const WebpackPluginConstructor = userConfig.webpackPluginImplementation || import_enhanced.ModuleFederationPlugin;
-    const RspackPluginConstructor = userConfig.webpackPluginImplementation || import_rspack.ModuleFederationPlugin;
-    const MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
     let browserPlugin;
     let nodePlugin;
     return {
       config: () => {
         var _modernjsConfig_dev;
+        const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+        const WebpackPluginConstructor = userConfig.webpackPluginImplementation || import_enhanced.ModuleFederationPlugin;
+        const RspackPluginConstructor = userConfig.rspackPluginImplementation || import_rspack.ModuleFederationPlugin;
+        const MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
         if (enableSSR) {
           process.env["MF_DISABLE_EMIT_STATS"] = "true";
           process.env["MF_SSR_PRJ"] = "true";
@@ -72,11 +72,15 @@ const moduleFederationPlugin = (userConfig = {}) => ({
             nodePlugin = new MFBundlerPlugin(envConfig);
             (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(nodePlugin);
             (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new import_node.StreamingTargetPlugin(envConfig));
+            if (isDev) {
+              var _config_plugins2;
+              (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(new import_node.EntryChunkTrackerPlugin());
+            }
           } else {
-            var _config_output, _config_plugins2;
+            var _config_output, _config_plugins3;
             outputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || import_path.default.resolve(process.cwd(), "dist");
             browserPlugin = new MFBundlerPlugin(envConfig);
-            (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(browserPlugin);
+            (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
           }
           (0, import_utils2.patchWebpackConfig)({
             bundlerConfig: config,

package/dist/cjs/cli/mfRuntimePlugins/inject-node-fetch.js

@@ -0,0 +1,44 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var inject_node_fetch_exports = {};
+__export(inject_node_fetch_exports, {
+  default: () => inject_node_fetch_default
+});
+module.exports = __toCommonJS(inject_node_fetch_exports);
+var import_node_fetch = __toESM(require("node-fetch"));
+const injectNodeFetchPlugin = () => ({
+  name: "inject-node-fetch-plugin",
+  beforeInit(args) {
+    if (!globalThis.fetch) {
+      globalThis.fetch = import_node_fetch.default;
+    }
+    return args;
+  }
+});
+var inject_node_fetch_default = injectNodeFetchPlugin;

package/dist/cjs/cli/utils.js

@@ -34,6 +34,7 @@ __export(utils_exports, {
   patchWebpackConfig: () => patchWebpackConfig
 });
 module.exports = __toCommonJS(utils_exports);
+var import_sdk = require("@module-federation/sdk");
 var import_path = __toESM(require("path"));
 var import_node_bundle_require = require("@modern-js/node-bundle-require");
 const defaultPath = import_path.default.resolve(process.cwd(), "module-federation.config.ts");
@@ -51,14 +52,21 @@ const patchMFConfig = (mfConfig, isServer) => {
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
-  const runtimePluginPath = import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!runtimePlugins.includes(runtimePluginPath)) {
-    runtimePlugins.push(import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+  const sharedStrategyRuntimePluginPath = import_path.default.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
+    runtimePlugins.push(sharedStrategyRuntimePluginPath);
   }
   if (isServer) {
-    const nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
-    if (!runtimePlugins.includes(nodeHmrPluginPath)) {
-      runtimePlugins.push(nodeHmrPluginPath);
+    const isDev = process.env.NODE_ENV === "development";
+    if (isDev) {
+      const nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
+      if (!runtimePlugins.includes(nodeHmrPluginPath)) {
+        runtimePlugins.push(nodeHmrPluginPath);
+      }
+    }
+    const injectNodeFetchRuntimePluginPath = import_path.default.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js");
+    if (!runtimePlugins.includes(injectNodeFetchRuntimePluginPath)) {
+      runtimePlugins.push(injectNodeFetchRuntimePluginPath);
     }
   }
   if (typeof mfConfig.async === "undefined") {
@@ -112,7 +120,7 @@ function patchWebpackConfig(options) {
     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 suffix = `-[chunkhash].js`;
+      const suffix = `${(0, import_sdk.encodeName)(uniqueName)}-[chunkhash].js`;
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }

package/dist/esm/cli/index.js

@@ -4,7 +4,7 @@ import path from "path";
 import { fs } from "@modern-js/utils";
 import { ModuleFederationPlugin as WebpackModuleFederationPlugin, AsyncBoundaryPlugin } from "@module-federation/enhanced";
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
-import { StreamingTargetPlugin } from "@module-federation/node";
+import { StreamingTargetPlugin, EntryChunkTrackerPlugin } from "@module-federation/node";
 import { getMFConfig, getTargetEnvConfig, patchWebpackConfig } from "./utils";
 import { updateStatsAndManifest } from "./manifest";
 import { MODERN_JS_SERVER_DIR } from "../constant";
@@ -16,7 +16,7 @@ var moduleFederationPlugin = function() {
     name: "@modern-js/plugin-module-federation",
     setup: function() {
       var _ref = _async_to_generator(function(param) {
-        var useConfigContext, useAppContext, _modernjsConfig_server, modernjsConfig, enableSSR, mfConfig, outputDir, bundlerType, WebpackPluginConstructor, RspackPluginConstructor, MFBundlerPlugin, browserPlugin, nodePlugin;
+        var useConfigContext, useAppContext, _modernjsConfig_server, modernjsConfig, enableSSR, mfConfig, outputDir, browserPlugin, nodePlugin;
         return _ts_generator(this, function(_state) {
           switch (_state.label) {
             case 0:
@@ -30,15 +30,15 @@ var moduleFederationPlugin = function() {
             case 1:
               mfConfig = _state.sent();
               outputDir = "";
-              bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-              WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
-              RspackPluginConstructor = userConfig.webpackPluginImplementation || RspackModuleFederationPlugin;
-              MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
               return [
                 2,
                 {
                   config: function() {
                     var _modernjsConfig_dev;
+                    var bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+                    var WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
+                    var RspackPluginConstructor = userConfig.rspackPluginImplementation || RspackModuleFederationPlugin;
+                    var MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
                     if (enableSSR) {
                       process.env["MF_DISABLE_EMIT_STATS"] = "true";
                       process.env["MF_SSR_PRJ"] = "true";
@@ -50,11 +50,15 @@ var moduleFederationPlugin = function() {
                         nodePlugin = new MFBundlerPlugin(envConfig);
                         (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(nodePlugin);
                         (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new StreamingTargetPlugin(envConfig));
+                        if (isDev) {
+                          var _config_plugins2;
+                          (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(new EntryChunkTrackerPlugin());
+                        }
                       } else {
-                        var _config_output, _config_plugins2;
+                        var _config_output, _config_plugins3;
                         outputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
                         browserPlugin = new MFBundlerPlugin(envConfig);
-                        (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(browserPlugin);
+                        (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
                       }
                       patchWebpackConfig({
                         bundlerConfig: config,

package/dist/esm/cli/mfRuntimePlugins/inject-node-fetch.js

@@ -0,0 +1,16 @@
+import nodeFetch from "node-fetch";
+var injectNodeFetchPlugin = function() {
+  return {
+    name: "inject-node-fetch-plugin",
+    beforeInit: function beforeInit(args) {
+      if (!globalThis.fetch) {
+        globalThis.fetch = nodeFetch;
+      }
+      return args;
+    }
+  };
+};
+var inject_node_fetch_default = injectNodeFetchPlugin;
+export {
+  inject_node_fetch_default as default
+};

package/dist/esm/cli/utils.js

@@ -3,6 +3,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import { encodeName } from "@module-federation/sdk";
 import path from "path";
 import { bundle } from "@modern-js/node-bundle-require";
 var defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
@@ -45,14 +46,21 @@ var getMFConfig = function() {
 }();
 var patchMFConfig = function(mfConfig, isServer) {
   var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
-  var runtimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!runtimePlugins.includes(runtimePluginPath)) {
-    runtimePlugins.push(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+  var sharedStrategyRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
+    runtimePlugins.push(sharedStrategyRuntimePluginPath);
   }
   if (isServer) {
-    var nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
-    if (!runtimePlugins.includes(nodeHmrPluginPath)) {
-      runtimePlugins.push(nodeHmrPluginPath);
+    var isDev = process.env.NODE_ENV === "development";
+    if (isDev) {
+      var nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
+      if (!runtimePlugins.includes(nodeHmrPluginPath)) {
+        runtimePlugins.push(nodeHmrPluginPath);
+      }
+    }
+    var injectNodeFetchRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js");
+    if (!runtimePlugins.includes(injectNodeFetchRuntimePluginPath)) {
+      runtimePlugins.push(injectNodeFetchRuntimePluginPath);
     }
   }
   if (typeof mfConfig.async === "undefined") {
@@ -102,7 +110,7 @@ function patchWebpackConfig(options) {
     var uniqueName = mfConfig.name || (output === null || output === void 0 ? void 0 : output.uniqueName);
     var chunkFileName = output === null || output === void 0 ? void 0 : output.chunkFilename;
     if (output && typeof chunkFileName === "string" && uniqueName && !chunkFileName.includes(uniqueName)) {
-      var suffix = "-[chunkhash].js";
+      var suffix = "".concat(encodeName(uniqueName), "-[chunkhash].js");
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }

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

@@ -2,7 +2,7 @@ import path from "path";
 import { fs } from "@modern-js/utils";
 import { ModuleFederationPlugin as WebpackModuleFederationPlugin, AsyncBoundaryPlugin } from "@module-federation/enhanced";
 import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
-import { StreamingTargetPlugin } from "@module-federation/node";
+import { StreamingTargetPlugin, EntryChunkTrackerPlugin } from "@module-federation/node";
 import { getMFConfig, getTargetEnvConfig, patchWebpackConfig } from "./utils";
 import { updateStatsAndManifest } from "./manifest";
 import { MODERN_JS_SERVER_DIR } from "../constant";
@@ -16,15 +16,15 @@ const moduleFederationPlugin = (userConfig = {}) => ({
     const enableSSR = Boolean(modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
     const mfConfig = await getMFConfig(userConfig);
     let outputDir = "";
-    const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-    const WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
-    const RspackPluginConstructor = userConfig.webpackPluginImplementation || RspackModuleFederationPlugin;
-    const MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
     let browserPlugin;
     let nodePlugin;
     return {
       config: () => {
         var _modernjsConfig_dev;
+        const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+        const WebpackPluginConstructor = userConfig.webpackPluginImplementation || WebpackModuleFederationPlugin;
+        const RspackPluginConstructor = userConfig.rspackPluginImplementation || RspackModuleFederationPlugin;
+        const MFBundlerPlugin = bundlerType === "rspack" ? RspackPluginConstructor : WebpackPluginConstructor;
         if (enableSSR) {
           process.env["MF_DISABLE_EMIT_STATS"] = "true";
           process.env["MF_SSR_PRJ"] = "true";
@@ -36,11 +36,15 @@ const moduleFederationPlugin = (userConfig = {}) => ({
             nodePlugin = new MFBundlerPlugin(envConfig);
             (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(nodePlugin);
             (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new StreamingTargetPlugin(envConfig));
+            if (isDev) {
+              var _config_plugins2;
+              (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(new EntryChunkTrackerPlugin());
+            }
           } else {
-            var _config_output, _config_plugins2;
+            var _config_output, _config_plugins3;
             outputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
             browserPlugin = new MFBundlerPlugin(envConfig);
-            (_config_plugins2 = config.plugins) === null || _config_plugins2 === void 0 ? void 0 : _config_plugins2.push(browserPlugin);
+            (_config_plugins3 = config.plugins) === null || _config_plugins3 === void 0 ? void 0 : _config_plugins3.push(browserPlugin);
           }
           patchWebpackConfig({
             bundlerConfig: config,

package/dist/esm-node/cli/mfRuntimePlugins/inject-node-fetch.js

@@ -0,0 +1,14 @@
+import nodeFetch from "node-fetch";
+const injectNodeFetchPlugin = () => ({
+  name: "inject-node-fetch-plugin",
+  beforeInit(args) {
+    if (!globalThis.fetch) {
+      globalThis.fetch = nodeFetch;
+    }
+    return args;
+  }
+});
+var inject_node_fetch_default = injectNodeFetchPlugin;
+export {
+  inject_node_fetch_default as default
+};

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

@@ -1,3 +1,4 @@
+import { encodeName } from "@module-federation/sdk";
 import path from "path";
 import { bundle } from "@modern-js/node-bundle-require";
 const defaultPath = path.resolve(process.cwd(), "module-federation.config.ts");
@@ -15,14 +16,21 @@ const patchMFConfig = (mfConfig, isServer) => {
   const runtimePlugins = [
     ...mfConfig.runtimePlugins || []
   ];
-  const runtimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
-  if (!runtimePlugins.includes(runtimePluginPath)) {
-    runtimePlugins.push(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"));
+  const sharedStrategyRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js");
+  if (!runtimePlugins.includes(sharedStrategyRuntimePluginPath)) {
+    runtimePlugins.push(sharedStrategyRuntimePluginPath);
   }
   if (isServer) {
-    const nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
-    if (!runtimePlugins.includes(nodeHmrPluginPath)) {
-      runtimePlugins.push(nodeHmrPluginPath);
+    const isDev = process.env.NODE_ENV === "development";
+    if (isDev) {
+      const nodeHmrPluginPath = require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin");
+      if (!runtimePlugins.includes(nodeHmrPluginPath)) {
+        runtimePlugins.push(nodeHmrPluginPath);
+      }
+    }
+    const injectNodeFetchRuntimePluginPath = path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js");
+    if (!runtimePlugins.includes(injectNodeFetchRuntimePluginPath)) {
+      runtimePlugins.push(injectNodeFetchRuntimePluginPath);
     }
   }
   if (typeof mfConfig.async === "undefined") {
@@ -76,7 +84,7 @@ function patchWebpackConfig(options) {
     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 suffix = `-[chunkhash].js`;
+      const suffix = `${encodeName(uniqueName)}-[chunkhash].js`;
       output.chunkFilename = chunkFileName.replace(".js", suffix);
     }
   }

package/dist/types/cli/mfRuntimePlugins/inject-node-fetch.d.ts

@@ -0,0 +1,3 @@
+import type { FederationRuntimePlugin } from '@module-federation/enhanced/runtime';
+declare const injectNodeFetchPlugin: () => FederationRuntimePlugin;
+export default injectNodeFetchPlugin;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/modern-js",
-  "version": "0.0.0-next-20240521123600",
+  "version": "0.0.0-next-20240521125425",
   "files": [
     "dist/",
     "types.d.ts",
@@ -45,9 +45,10 @@
     "@swc/helpers": "0.5.3",
     "@modern-js/utils": "^2.49.2",
     "@modern-js/node-bundle-require": "^2.49.2",
-    "@module-federation/sdk": "0.0.0-next-20240521123600",
-    "@module-federation/enhanced": "0.0.0-next-20240521123600",
-    "@module-federation/node": "0.0.0-next-20240521123600"
+    "node-fetch": "~3.3.0",
+    "@module-federation/sdk": "0.0.0-next-20240521125425",
+    "@module-federation/enhanced": "0.0.0-next-20240521125425",
+    "@module-federation/node": "0.0.0-next-20240521125425"
   },
   "devDependencies": {
     "@modern-js/app-tools": "^2.49.2",
@@ -55,7 +56,7 @@
     "@modern-js/runtime": "^2.49.2",
     "@modern-js/module-tools": "^2.35.0",
     "@modern-js/tsconfig": "^2.35.0",
-    "@module-federation/manifest": "0.0.0-next-20240521123600"
+    "@module-federation/manifest": "0.0.0-next-20240521125425"
   },
   "peerDependencies": {
     "react": ">=17",