@module-federation/modern-js 0.0.0-next-20240712032032 → 0.0.0-next-20240715061004

package/dist/esm/cli/ssrPlugin.js

@@ -0,0 +1,152 @@
+import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
+import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
+import path from "path";
+import { fs } from "@modern-js/utils";
+import { ModuleFederationPlugin } from "@module-federation/enhanced";
+import { StreamingTargetPlugin, EntryChunkTrackerPlugin } from "@module-federation/node";
+import { updateStatsAndManifest } from "./manifest";
+import { MODERN_JS_SERVER_DIR, PLUGIN_IDENTIFIER } from "../constant";
+import { isDev } from "./constant";
+function setEnv() {
+  process.env["MF_DISABLE_EMIT_STATS"] = "true";
+  process.env["MF_SSR_PRJ"] = "true";
+}
+var moduleFederationSSRPlugin = function(userConfig) {
+  return {
+    name: "@modern-js/plugin-module-federation-ssr",
+    pre: [
+      "@modern-js/plugin-module-federation-config",
+      "@modern-js/plugin-module-federation"
+    ],
+    setup: function() {
+      var _ref = _async_to_generator(function(param) {
+        var useConfigContext, _modernjsConfig_server, modernjsConfig, enableSSR;
+        return _ts_generator(this, function(_state) {
+          useConfigContext = param.useConfigContext;
+          console.log("ssr plugin");
+          modernjsConfig = useConfigContext();
+          enableSSR = 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 [
+              2,
+              {}
+            ];
+          }
+          setEnv();
+          return [
+            2,
+            {
+              _internalRuntimePlugins: function(param2) {
+                var entrypoint = param2.entrypoint, plugins = param2.plugins;
+                if (!isDev) {
+                  return {
+                    entrypoint,
+                    plugins
+                  };
+                }
+                plugins.push({
+                  name: "mfSSR",
+                  path: "@module-federation/modern-js/ssr-runtime",
+                  config: {}
+                });
+                return {
+                  entrypoint,
+                  plugins
+                };
+              },
+              config: /* @__PURE__ */ _async_to_generator(function() {
+                return _ts_generator(this, function(_state2) {
+                  return [
+                    2,
+                    {
+                      tools: {
+                        rspack: function rspack(config, param2) {
+                          var isServer = param2.isServer;
+                          if (isServer) {
+                            throw new Error("".concat(PLUGIN_IDENTIFIER, " Not support rspack ssr mode yet !"));
+                          }
+                        },
+                        webpack: function webpack(config, param2) {
+                          var isServer = param2.isServer;
+                          if (isServer) {
+                            var _config_plugins, _config_plugins1;
+                            if (!userConfig.nodePlugin) {
+                              userConfig.nodePlugin = new ModuleFederationPlugin(userConfig.ssrConfig);
+                            }
+                            (_config_plugins = config.plugins) === null || _config_plugins === void 0 ? void 0 : _config_plugins.push(userConfig.nodePlugin);
+                            (_config_plugins1 = config.plugins) === null || _config_plugins1 === void 0 ? void 0 : _config_plugins1.push(new StreamingTargetPlugin(userConfig.nodePlugin));
+                            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;
+                            userConfig.distOutputDir = userConfig.distOutputDir || ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
+                          }
+                        },
+                        devServer: {
+                          before: [
+                            function(req, res, next) {
+                              if (!enableSSR) {
+                                next();
+                                return;
+                              }
+                              try {
+                                var _req_url, _req_url1, _req_url2;
+                                var SERVER_PREFIX = "/".concat(MODERN_JS_SERVER_DIR);
+                                if (((_req_url = req.url) === null || _req_url === void 0 ? void 0 : _req_url.startsWith(SERVER_PREFIX)) || ((_req_url1 = req.url) === null || _req_url1 === void 0 ? void 0 : _req_url1.includes(".json")) && !((_req_url2 = req.url) === null || _req_url2 === void 0 ? void 0 : _req_url2.includes("hot-update"))) {
+                                  var filepath = path.join(process.cwd(), "dist".concat(req.url));
+                                  fs.statSync(filepath);
+                                  res.setHeader("Access-Control-Allow-Origin", "*");
+                                  res.setHeader("Access-Control-Allow-Methods", "GET, POST, PUT, DELETE, PATCH, OPTIONS");
+                                  res.setHeader("Access-Control-Allow-Headers", "X-Requested-With, content-type, Authorization");
+                                  fs.createReadStream(filepath).pipe(res);
+                                } else {
+                                  next();
+                                }
+                              } catch (err) {
+                                if (process.env.FEDERATION_DEBUG) {
+                                  console.error(err);
+                                }
+                                next();
+                              }
+                            }
+                          ]
+                        },
+                        bundlerChain: function bundlerChain(chain, param2) {
+                          var isServer = param2.isServer;
+                          if (isDev && !isServer) {
+                            chain.externals({
+                              "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
+                            });
+                          }
+                        }
+                      }
+                    }
+                  ];
+                });
+              }),
+              afterBuild: function() {
+                var nodePlugin = userConfig.nodePlugin, browserPlugin = userConfig.browserPlugin, distOutputDir = userConfig.distOutputDir;
+                updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
+              },
+              afterDev: function() {
+                var nodePlugin = userConfig.nodePlugin, browserPlugin = userConfig.browserPlugin, distOutputDir = userConfig.distOutputDir;
+                updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
+              }
+            }
+          ];
+        });
+      });
+      return function(_) {
+        return _ref.apply(this, arguments);
+      };
+    }()
+  };
+};
+var ssrPlugin_default = moduleFederationSSRPlugin;
+export {
+  ssrPlugin_default as default,
+  moduleFederationSSRPlugin,
+  setEnv
+};

package/dist/esm/cli/utils.js

@@ -36,18 +36,6 @@ var getMFConfig = function() {
           ];
         case 2:
           mfConfig = _state.sent().default;
-          return [
-            4,
-            replaceRemoteUrl(mfConfig)
-          ];
-        case 3:
-          _state.sent();
-          if (mfConfig.remoteType === void 0) {
-            mfConfig.remoteType = "script";
-          }
-          if (!mfConfig.name) {
-            throw new Error("".concat(PLUGIN_IDENTIFIER, " mfConfig.name can not be empty!"));
-          }
           return [
             2,
             mfConfig
@@ -64,49 +52,36 @@ var injectRuntimePlugins = function(runtimePlugin, runtimePlugins) {
     runtimePlugins.push(runtimePlugin);
   }
 };
-var replaceRemoteUrl = function() {
-  var _ref = _async_to_generator(function(mfConfig) {
-    var ipv4, handleRemoteObject;
-    return _ts_generator(this, function(_state) {
-      if (!mfConfig.remotes) {
-        return [
-          2
-        ];
+var replaceRemoteUrl = function(mfConfig) {
+  if (!mfConfig.remotes) {
+    return;
+  }
+  var ipv4 = getIPV4();
+  var handleRemoteObject = function(remoteObject) {
+    Object.keys(remoteObject).forEach(function(remoteKey) {
+      var remote = remoteObject[remoteKey];
+      if (Array.isArray(remote)) {
+        return;
       }
-      ipv4 = getIPV4();
-      handleRemoteObject = function(remoteObject) {
-        Object.keys(remoteObject).forEach(function(remoteKey) {
-          var remote = remoteObject[remoteKey];
-          if (Array.isArray(remote)) {
-            return;
-          }
-          if (typeof remote === "string" && remote.includes(LOCALHOST)) {
-            remoteObject[remoteKey] = remote.replace(LOCALHOST, ipv4);
-          }
-          if (typeof remote === "object" && !Array.isArray(remote.external) && remote.external.includes(LOCALHOST)) {
-            remote.external = remote.external.replace(LOCALHOST, ipv4);
-          }
-        });
-      };
-      if (Array.isArray(mfConfig.remotes)) {
-        mfConfig.remotes.forEach(function(remoteObject) {
-          if (typeof remoteObject === "string") {
-            return;
-          }
-          handleRemoteObject(remoteObject);
-        });
-      } else if (typeof mfConfig.remotes !== "string") {
-        handleRemoteObject(mfConfig.remotes);
+      if (typeof remote === "string" && remote.includes(LOCALHOST)) {
+        remoteObject[remoteKey] = remote.replace(LOCALHOST, ipv4);
+      }
+      if (typeof remote === "object" && !Array.isArray(remote.external) && remote.external.includes(LOCALHOST)) {
+        remote.external = remote.external.replace(LOCALHOST, ipv4);
       }
-      return [
-        2
-      ];
     });
-  });
-  return function replaceRemoteUrl2(mfConfig) {
-    return _ref.apply(this, arguments);
   };
-}();
+  if (Array.isArray(mfConfig.remotes)) {
+    mfConfig.remotes.forEach(function(remoteObject) {
+      if (typeof remoteObject === "string") {
+        return;
+      }
+      handleRemoteObject(remoteObject);
+    });
+  } else if (typeof mfConfig.remotes !== "string") {
+    handleRemoteObject(mfConfig.remotes);
+  }
+};
 var patchDTSConfig = function(mfConfig, isServer) {
   if (isServer) {
     return;
@@ -140,6 +115,13 @@ var patchDTSConfig = function(mfConfig, isServer) {
   }
 };
 var patchMFConfig = function(mfConfig, isServer) {
+  replaceRemoteUrl(mfConfig);
+  if (mfConfig.remoteType === void 0) {
+    mfConfig.remoteType = "script";
+  }
+  if (!mfConfig.name) {
+    throw new Error("".concat(PLUGIN_IDENTIFIER, " mfConfig.name can not be empty!"));
+  }
   var runtimePlugins = _to_consumable_array(mfConfig.runtimePlugins || []);
   patchDTSConfig(mfConfig, isServer);
   injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"), runtimePlugins);
@@ -151,39 +133,33 @@ var patchMFConfig = function(mfConfig, isServer) {
       injectRuntimePlugins(require.resolve("@module-federation/node/record-dynamic-remote-entry-hash-plugin"), runtimePlugins);
     }
     injectRuntimePlugins(path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js"), runtimePlugins);
-  }
-  if (!isServer) {
-    return _object_spread_props(_object_spread({}, mfConfig), {
-      runtimePlugins
-    });
-  }
-  return _object_spread_props(_object_spread({}, mfConfig), {
-    runtimePlugins,
-    dts: false,
-    dev: false
-  });
-};
-function getTargetEnvConfig(mfConfig, isServer) {
-  var _patchedMFConfig_library;
-  var patchedMFConfig = patchMFConfig(mfConfig, isServer);
-  if (isServer) {
-    return _object_spread({
-      library: {
+    if (!mfConfig.library) {
+      mfConfig.library = {
         type: "commonjs-module",
         name: mfConfig.name
+      };
+    } else {
+      if (!mfConfig.library.type) {
+        mfConfig.library.type = "commonjs-module";
+      }
+      if (!mfConfig.library.name) {
+        mfConfig.library.name = mfConfig.name;
       }
-    }, patchedMFConfig);
+    }
   }
-  if (((_patchedMFConfig_library = patchedMFConfig.library) === null || _patchedMFConfig_library === void 0 ? void 0 : _patchedMFConfig_library.type) === "commonjs-module") {
-    return _object_spread_props(_object_spread({}, patchedMFConfig), {
-      library: _object_spread_props(_object_spread({}, mfConfig.library), {
-        type: "global"
-      })
-    });
+  mfConfig.runtimePlugins = runtimePlugins;
+  if (!isServer) {
+    var _mfConfig_library;
+    if (((_mfConfig_library = mfConfig.library) === null || _mfConfig_library === void 0 ? void 0 : _mfConfig_library.type) === "commonjs-module") {
+      mfConfig.library.type = "global";
+    }
+    return mfConfig;
   }
-  return patchedMFConfig;
-}
-function patchWebpackConfig(options) {
+  mfConfig.dts = false;
+  mfConfig.dev = false;
+  return mfConfig;
+};
+function patchBundlerConfig(options) {
   var _modernjsConfig_server, _bundlerConfig_optimization, _bundlerConfig_optimization1, _bundlerConfig_output, _modernjsConfig_deploy;
   var bundlerConfig = options.bundlerConfig, modernjsConfig = options.modernjsConfig, isServer = options.isServer, mfConfig = options.mfConfig;
   var enableSSR = Boolean((_modernjsConfig_server = modernjsConfig.server) === null || _modernjsConfig_server === void 0 ? void 0 : _modernjsConfig_server.ssr);
@@ -319,7 +295,6 @@ function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
 export {
   getIPV4,
   getMFConfig,
-  getTargetEnvConfig,
-  patchMFConfig,
-  patchWebpackConfig
+  patchBundlerConfig,
+  patchMFConfig
 };

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

@@ -2,7 +2,7 @@ import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
 import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { it, expect, describe } from "vitest";
 import path from "path";
-import { getTargetEnvConfig, patchWebpackConfig } from "./utils";
+import { patchMFConfig, patchBundlerConfig, getIPV4 } from "./utils";
 var mfConfig = {
   name: "host",
   filename: "remoteEntry.js",
@@ -20,13 +20,15 @@ var mfConfig = {
     }
   }
 };
-describe("getTargetEnvConfig", /* @__PURE__ */ _async_to_generator(function() {
+describe("patchMFConfig", /* @__PURE__ */ _async_to_generator(function() {
   return _ts_generator(this, function(_state) {
-    it("getTargetEnvConfig: server", /* @__PURE__ */ _async_to_generator(function() {
-      var targetEnvConfig;
+    it("patchMFConfig: server", /* @__PURE__ */ _async_to_generator(function() {
+      var patchedConfig, ipv4;
       return _ts_generator(this, function(_state2) {
-        targetEnvConfig = getTargetEnvConfig(mfConfig, true);
-        expect(targetEnvConfig).toStrictEqual({
+        patchedConfig = JSON.parse(JSON.stringify(mfConfig));
+        patchMFConfig(patchedConfig, true);
+        ipv4 = getIPV4();
+        expect(patchedConfig).toStrictEqual({
           dev: false,
           dts: false,
           filename: "remoteEntry.js",
@@ -36,8 +38,9 @@ describe("getTargetEnvConfig", /* @__PURE__ */ _async_to_generator(function() {
           },
           name: "host",
           remotes: {
-            remote: "http://localhost:3000/remoteEntry.js"
+            remote: "http://".concat(ipv4, ":3000/remoteEntry.js")
           },
+          remoteType: "script",
           runtimePlugins: [
             path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js"),
             path.resolve(__dirname, "./mfRuntimePlugins/inject-node-fetch.js")
@@ -58,16 +61,19 @@ describe("getTargetEnvConfig", /* @__PURE__ */ _async_to_generator(function() {
         ];
       });
     }));
-    it("getTargetEnvConfig: client", /* @__PURE__ */ _async_to_generator(function() {
-      var targetEnvConfig;
+    it("patchMFConfig: client", /* @__PURE__ */ _async_to_generator(function() {
+      var patchedConfig, ipv4;
       return _ts_generator(this, function(_state2) {
-        targetEnvConfig = getTargetEnvConfig(mfConfig, false);
-        expect(targetEnvConfig).toStrictEqual({
+        patchedConfig = JSON.parse(JSON.stringify(mfConfig));
+        patchMFConfig(patchedConfig, false);
+        ipv4 = getIPV4();
+        expect(patchedConfig).toStrictEqual({
           filename: "remoteEntry.js",
           name: "host",
           remotes: {
-            remote: "http://localhost:3000/remoteEntry.js"
+            remote: "http://".concat(ipv4, ":3000/remoteEntry.js")
           },
+          remoteType: "script",
           runtimePlugins: [
             path.resolve(__dirname, "./mfRuntimePlugins/shared-strategy.js")
           ],
@@ -99,9 +105,9 @@ describe("getTargetEnvConfig", /* @__PURE__ */ _async_to_generator(function() {
     ];
   });
 }));
-describe("patchWebpackConfig", /* @__PURE__ */ _async_to_generator(function() {
+describe("patchBundlerConfig", /* @__PURE__ */ _async_to_generator(function() {
   return _ts_generator(this, function(_state) {
-    it("patchWebpackConfig: server", /* @__PURE__ */ _async_to_generator(function() {
+    it("patchBundlerConfig: server", /* @__PURE__ */ _async_to_generator(function() {
       var bundlerConfig;
       return _ts_generator(this, function(_state2) {
         bundlerConfig = {
@@ -109,7 +115,7 @@ describe("patchWebpackConfig", /* @__PURE__ */ _async_to_generator(function() {
             publicPath: "auto"
           }
         };
-        patchWebpackConfig({
+        patchBundlerConfig({
           bundlerConfig,
           isServer: true,
           modernjsConfig: {
@@ -133,7 +139,7 @@ describe("patchWebpackConfig", /* @__PURE__ */ _async_to_generator(function() {
         ];
       });
     }));
-    it("patchWebpackConfig: client", /* @__PURE__ */ _async_to_generator(function() {
+    it("patchBundlerConfig: client", /* @__PURE__ */ _async_to_generator(function() {
       var bundlerConfig;
       return _ts_generator(this, function(_state2) {
         bundlerConfig = {
@@ -141,7 +147,7 @@ describe("patchWebpackConfig", /* @__PURE__ */ _async_to_generator(function() {
             publicPath: "auto"
           }
         };
-        patchWebpackConfig({
+        patchBundlerConfig({
           bundlerConfig,
           isServer: false,
           modernjsConfig: {

package/dist/esm/ssr-runtime/plugin.js

@@ -4,7 +4,7 @@ import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import hoistNonReactStatics from "hoist-non-react-statics";
 import { SSRLiveReload } from "./SSRLiveReload";
-var mfPluginSSR = function() {
+var mfSSRPlugin = function() {
   return {
     name: "@module-federation/modern-js",
     setup: function() {
@@ -82,5 +82,5 @@ var mfPluginSSR = function() {
   };
 };
 export {
-  mfPluginSSR
+  mfSSRPlugin
 };

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

@@ -0,0 +1,101 @@
+import path from "path";
+import { patchBundlerConfig, getIPV4, getMFConfig, patchMFConfig } from "./utils";
+function setEnv(enableSSR) {
+  if (enableSSR) {
+    process.env["MF_DISABLE_EMIT_STATS"] = "true";
+    process.env["MF_SSR_PRJ"] = "true";
+  }
+}
+function modifyBundlerConfig(options) {
+  const { mfConfig, config, isServer, modernjsConfig, bundlerType } = options;
+  patchMFConfig(mfConfig, isServer);
+  patchBundlerConfig({
+    bundlerConfig: config,
+    isServer,
+    modernjsConfig,
+    mfConfig
+  });
+  if (bundlerType === "webpack") {
+    config.ignoreWarnings = config.ignoreWarnings || [];
+    config.ignoreWarnings.push((warning) => {
+      if (warning.message.includes("external script")) {
+        return true;
+      }
+      return false;
+    });
+  }
+}
+const moduleFederationConfigPlugin = (userConfig) => ({
+  name: "@modern-js/plugin-module-federation-config",
+  post: [
+    "@modern-js/plugin-module-federation"
+  ],
+  setup: async ({ useConfigContext, useAppContext }) => {
+    console.log("config plugin");
+    const modernjsConfig = useConfigContext();
+    const mfConfig = await getMFConfig(userConfig.originPluginOptions);
+    const csrConfig = JSON.parse(JSON.stringify(mfConfig));
+    const ssrConfig = JSON.parse(JSON.stringify(mfConfig));
+    userConfig.ssrConfig = ssrConfig;
+    userConfig.csrConfig = csrConfig;
+    return {
+      config: async () => {
+        var _modernjsConfig_dev;
+        const bundlerType = useAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
+        const ipv4 = getIPV4();
+        return {
+          tools: {
+            rspack(config, { isServer }) {
+              var _config_output;
+              modifyBundlerConfig({
+                bundlerType,
+                mfConfig: isServer ? ssrConfig : csrConfig,
+                config,
+                isServer,
+                // MFBundlerPlugin,
+                modernjsConfig
+              });
+              userConfig.distOutputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
+            },
+            webpack(config, { isServer }) {
+              var _config_output;
+              modifyBundlerConfig({
+                bundlerType,
+                mfConfig: isServer ? ssrConfig : csrConfig,
+                config,
+                isServer,
+                modernjsConfig
+              });
+              userConfig.distOutputDir = ((_config_output = config.output) === null || _config_output === void 0 ? void 0 : _config_output.path) || path.resolve(process.cwd(), "dist");
+            },
+            devServer: {
+              headers: {
+                "Access-Control-Allow-Origin": "*",
+                "Access-Control-Allow-Methods": "GET, POST, PUT, DELETE, PATCH, OPTIONS",
+                "Access-Control-Allow-Headers": "X-Requested-With, content-type, Authorization"
+              }
+            }
+          },
+          source: {
+            alias: {
+              "@modern-js/runtime/mf": require.resolve("@module-federation/modern-js/runtime")
+            },
+            define: {
+              FEDERATION_IPV4: JSON.stringify(ipv4)
+            }
+          },
+          dev: {
+            assetPrefix: (modernjsConfig === null || modernjsConfig === void 0 ? void 0 : (_modernjsConfig_dev = modernjsConfig.dev) === null || _modernjsConfig_dev === void 0 ? void 0 : _modernjsConfig_dev.assetPrefix) ? modernjsConfig.dev.assetPrefix : true
+          }
+        };
+      }
+    };
+  }
+});
+var configPlugin_default = moduleFederationConfigPlugin;
+export {
+  configPlugin_default as default,
+  modifyBundlerConfig,
+  moduleFederationConfigPlugin,
+  setEnv
+};

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

@@ -0,0 +1,4 @@
+const isDev = process.env.NODE_ENV === "development";
+export {
+  isDev
+};