@module-federation/modern-js 0.13.1 → 0.14.0

package/dist/esm/cli/mfRuntimePlugins/resolve-entry-ipv4.js

@@ -1,74 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { LOCALHOST } from "../../constant";
-var ipv4 = typeof FEDERATION_IPV4 !== "undefined" ? FEDERATION_IPV4 : "127.0.0.1";
-var remoteIpStrategy = typeof REMOTE_IP_STRATEGY !== "undefined" ? REMOTE_IP_STRATEGY : "inherit";
-function replaceObjectLocalhost(key, obj) {
-  if (remoteIpStrategy !== "ipv4") {
-    return;
-  }
-  if (!(key in obj)) {
-    return;
-  }
-  var remote = obj[key];
-  if (remote && typeof remote === "string" && remote.includes(LOCALHOST)) {
-    obj[key] = replaceLocalhost(remote);
-  }
-}
-function replaceLocalhost(url) {
-  return url.replace(LOCALHOST, ipv4);
-}
-var resolveEntryIpv4Plugin = function() {
-  return {
-    name: "resolve-entry-ipv4",
-    beforeRegisterRemote: function beforeRegisterRemote(args) {
-      var remote = args.remote;
-      replaceObjectLocalhost("entry", remote);
-      return args;
-    },
-    afterResolve: function afterResolve(args) {
-      return _async_to_generator(function() {
-        var remoteInfo;
-        return _ts_generator(this, function(_state) {
-          remoteInfo = args.remoteInfo;
-          replaceObjectLocalhost("entry", remoteInfo);
-          return [
-            2,
-            args
-          ];
-        });
-      })();
-    },
-    beforeLoadRemoteSnapshot: function beforeLoadRemoteSnapshot(args) {
-      var moduleInfo = args.moduleInfo;
-      if ("entry" in moduleInfo) {
-        replaceObjectLocalhost("entry", moduleInfo);
-        return args;
-      }
-      if ("version" in moduleInfo) {
-        replaceObjectLocalhost("version", moduleInfo);
-      }
-      return args;
-    },
-    loadRemoteSnapshot: function loadRemoteSnapshot(args) {
-      var remoteSnapshot = args.remoteSnapshot;
-      if ("publicPath" in remoteSnapshot) {
-        replaceObjectLocalhost("publicPath", remoteSnapshot);
-      }
-      if ("getPublicPath" in remoteSnapshot) {
-        replaceObjectLocalhost("getPublicPath", remoteSnapshot);
-      }
-      if (remoteSnapshot.remotesInfo) {
-        Object.keys(remoteSnapshot.remotesInfo).forEach(function(key) {
-          var remoteInfo = remoteSnapshot.remotesInfo[key];
-          replaceObjectLocalhost("matchedVersion", remoteInfo);
-        });
-      }
-      return args;
-    }
-  };
-};
-var resolve_entry_ipv4_default = resolveEntryIpv4Plugin;
-export {
-  resolve_entry_ipv4_default as default
-};

package/dist/esm/cli/mfRuntimePlugins/shared-strategy.js

@@ -1,25 +0,0 @@
-var sharedStrategy = function() {
-  return {
-    name: "shared-strategy-plugin",
-    beforeInit: function beforeInit(args) {
-      var userOptions = args.userOptions;
-      var shared = userOptions.shared;
-      if (shared) {
-        Object.keys(shared).forEach(function(sharedKey) {
-          var sharedConfigs = shared[sharedKey];
-          var arraySharedConfigs = Array.isArray(sharedConfigs) ? sharedConfigs : [
-            sharedConfigs
-          ];
-          arraySharedConfigs.forEach(function(s) {
-            s.strategy = "loaded-first";
-          });
-        });
-      }
-      return args;
-    }
-  };
-};
-var shared_strategy_default = sharedStrategy;
-export {
-  shared_strategy_default as default
-};

package/dist/esm/cli/ssrPlugin.js

@@ -1,199 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _type_of } from "@swc/helpers/_/_type_of";
-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/webpack";
-import { ModuleFederationPlugin as RspackModuleFederationPlugin } from "@module-federation/enhanced/rspack";
-import UniverseEntryChunkTrackerPlugin from "@module-federation/node/universe-entry-chunk-tracker-plugin";
-import { updateStatsAndManifest } from "./manifest";
-import { isDev } from "./constant";
-import logger from "./logger";
-import { isWebTarget, skipByTarget } from "./utils";
-function setEnv() {
-  process.env["MF_DISABLE_EMIT_STATS"] = "true";
-  process.env["MF_SSR_PRJ"] = "true";
-}
-var CHAIN_MF_PLUGIN_ID = "plugin-module-federation-server";
-var mfSSRRsbuildPlugin = function(pluginOptions) {
-  return {
-    name: "@modern-js/plugin-mf-post-config",
-    pre: [
-      "@modern-js/builder-plugin-ssr"
-    ],
-    setup: function setup(api) {
-      if (pluginOptions.csrConfig.getPublicPath) {
-        return;
-      }
-      var csrOutputPath = "";
-      var ssrOutputPath = "";
-      var ssrEnv = "";
-      api.modifyEnvironmentConfig(function(config, param) {
-        var name = param.name;
-        var target = config.output.target;
-        if (skipByTarget(target)) {
-          return config;
-        }
-        if (isWebTarget(target)) {
-          csrOutputPath = config.output.distPath.root;
-        } else {
-          ssrOutputPath = config.output.distPath.root;
-          ssrEnv = name;
-        }
-        return config;
-      });
-      var modifySSRPublicPath = function(config, utils) {
-        if (ssrEnv !== utils.environment.name) {
-          return config;
-        }
-        var userSSRConfig = pluginOptions.userConfig.ssr ? _type_of(pluginOptions.userConfig.ssr) === "object" ? pluginOptions.userConfig.ssr : {} : {};
-        if (userSSRConfig.distOutputDir) {
-          return;
-        }
-        config.output.publicPath = "".concat(config.output.publicPath).concat(path.relative(csrOutputPath, ssrOutputPath), "/");
-        return config;
-      };
-      api.modifyWebpackConfig(function(config, utils) {
-        modifySSRPublicPath(config, utils);
-        return config;
-      });
-      api.modifyRspackConfig(function(config, utils) {
-        modifySSRPublicPath(config, utils);
-        return config;
-      });
-    }
-  };
-};
-var moduleFederationSSRPlugin = function(pluginOptions) {
-  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(api) {
-        var _pluginOptions_userConfig, _modernjsConfig_server, modernjsConfig, _pluginOptions_userConfig_ssr, enableSSR;
-        return _ts_generator(this, function(_state) {
-          modernjsConfig = api.getConfig();
-          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 [
-              2
-            ];
-          }
-          setEnv();
-          api._internalRuntimePlugins(function(param) {
-            var entrypoint = param.entrypoint, plugins = param.plugins;
-            if (!isDev) {
-              return {
-                entrypoint,
-                plugins
-              };
-            }
-            plugins.push({
-              name: "mfSSR",
-              path: "@module-federation/modern-js/ssr-runtime",
-              config: {}
-            });
-            return {
-              entrypoint,
-              plugins
-            };
-          });
-          api.modifyBundlerChain(function(chain) {
-            var target = chain.get("target");
-            if (skipByTarget(target)) {
-              return;
-            }
-            var bundlerType = api.getAppContext().bundlerType === "rspack" ? "rspack" : "webpack";
-            var MFPlugin = bundlerType === "webpack" ? ModuleFederationPlugin : RspackModuleFederationPlugin;
-            var isWeb = isWebTarget(target);
-            if (!isWeb) {
-              if (!chain.plugins.has(CHAIN_MF_PLUGIN_ID)) {
-                chain.plugin(CHAIN_MF_PLUGIN_ID).use(MFPlugin, [
-                  pluginOptions.ssrConfig
-                ]).init(function(Plugin, args) {
-                  pluginOptions.nodePlugin = new Plugin(args[0]);
-                  return pluginOptions.nodePlugin;
-                });
-              }
-            }
-            if (!isWeb) {
-              chain.target("async-node");
-              if (isDev) {
-                chain.plugin("UniverseEntryChunkTrackerPlugin").use(UniverseEntryChunkTrackerPlugin);
-              }
-              var userSSRConfig = pluginOptions.userConfig.ssr ? _type_of(pluginOptions.userConfig.ssr) === "object" ? pluginOptions.userConfig.ssr : {} : {};
-              var publicPath = chain.output.get("publicPath");
-              if (userSSRConfig.distOutputDir && publicPath) {
-                chain.output.publicPath("".concat(publicPath).concat(userSSRConfig.distOutputDir, "/"));
-              }
-            }
-            if (isDev && isWeb) {
-              chain.externals({
-                "@module-federation/node/utils": "NOT_USED_IN_BROWSER"
-              });
-            }
-          });
-          api.config(function() {
-            return {
-              builderPlugins: [
-                mfSSRRsbuildPlugin(pluginOptions)
-              ],
-              tools: {
-                devServer: {
-                  before: [
-                    function(req, res, next) {
-                      if (!enableSSR) {
-                        next();
-                        return;
-                      }
-                      try {
-                        var _req_url, _req_url1;
-                        if (((_req_url = req.url) === null || _req_url === void 0 ? void 0 : _req_url.includes(".json")) && !((_req_url1 = req.url) === null || _req_url1 === void 0 ? void 0 : _req_url1.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", "*");
-                          fs.createReadStream(filepath).pipe(res);
-                        } else {
-                          next();
-                        }
-                      } catch (err) {
-                        logger.debug(err);
-                        next();
-                      }
-                    }
-                  ]
-                }
-              }
-            };
-          });
-          api.onAfterBuild(function() {
-            var nodePlugin = pluginOptions.nodePlugin, browserPlugin = pluginOptions.browserPlugin, distOutputDir = pluginOptions.distOutputDir;
-            updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
-          });
-          api.onDevCompileDone(function() {
-            var nodePlugin = pluginOptions.nodePlugin, browserPlugin = pluginOptions.browserPlugin, distOutputDir = pluginOptions.distOutputDir;
-            updateStatsAndManifest(nodePlugin, browserPlugin, distOutputDir);
-          });
-          return [
-            2
-          ];
-        });
-      });
-      return function(api) {
-        return _ref.apply(this, arguments);
-      };
-    }()
-  };
-};
-var ssrPlugin_default = moduleFederationSSRPlugin;
-export {
-  CHAIN_MF_PLUGIN_ID,
-  ssrPlugin_default as default,
-  moduleFederationSSRPlugin,
-  setEnv
-};

package/dist/esm/cli/utils.js

@@ -1,49 +0,0 @@
-import os from "os";
-var localIpv4 = "127.0.0.1";
-var getIpv4Interfaces = function() {
-  try {
-    var interfaces = os.networkInterfaces();
-    var ipv4Interfaces = [];
-    Object.values(interfaces).forEach(function(detail) {
-      detail === null || detail === void 0 ? void 0 : detail.forEach(function(detail2) {
-        var familyV4Value = typeof detail2.family === "string" ? "IPv4" : 4;
-        if (detail2.family === familyV4Value && detail2.address !== localIpv4) {
-          ipv4Interfaces.push(detail2);
-        }
-      });
-    });
-    return ipv4Interfaces;
-  } catch (_err) {
-    return [];
-  }
-};
-var getIPV4 = function() {
-  var ipv4Interfaces = getIpv4Interfaces();
-  var ipv4Interface = ipv4Interfaces[0] || {
-    address: localIpv4
-  };
-  return ipv4Interface.address;
-};
-var isWebTarget = function(target) {
-  var WEB_TARGET = "web";
-  if (Array.isArray(target)) {
-    return target.includes(WEB_TARGET);
-  } else if (typeof target === "string") {
-    return target === WEB_TARGET;
-  }
-  return false;
-};
-var skipByTarget = function(target) {
-  var IGNORE_TARGET = "webworker";
-  if (Array.isArray(target)) {
-    return target.includes(IGNORE_TARGET);
-  } else if (typeof target === "string") {
-    return target === IGNORE_TARGET;
-  }
-  return false;
-};
-export {
-  getIPV4,
-  isWebTarget,
-  skipByTarget
-};

package/dist/esm/constant.js

@@ -1,6 +0,0 @@
-var LOCALHOST = "localhost";
-var PLUGIN_IDENTIFIER = "[ Modern.js Module Federation ]";
-export {
-  LOCALHOST,
-  PLUGIN_IDENTIFIER
-};

package/dist/esm/runtime/createRemoteSSRComponent.js

@@ -1,191 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
-import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
-import { _ as _to_consumable_array } from "@swc/helpers/_/_to_consumable_array";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React from "react";
-import { getInstance } from "@module-federation/enhanced/runtime";
-import { ErrorBoundary } from "react-error-boundary";
-function getLoadedRemoteInfos(instance, id) {
-  var _ref = instance.remoteHandler.idToRemoteMap[id] || {}, name = _ref.name, expose = _ref.expose;
-  if (!name) {
-    return;
-  }
-  var module = instance.moduleCache.get(name);
-  if (!module) {
-    return;
-  }
-  var remoteSnapshot = instance.snapshotHandler.getGlobalRemoteInfo(module.remoteInfo).remoteSnapshot;
-  return _object_spread_props(_object_spread({}, module.remoteInfo), {
-    snapshot: remoteSnapshot,
-    expose
-  });
-}
-function getTargetModuleInfo(id) {
-  var instance = getInstance();
-  if (!instance) {
-    return;
-  }
-  var loadedRemoteInfo = getLoadedRemoteInfos(instance, id);
-  if (!loadedRemoteInfo) {
-    return;
-  }
-  var snapshot = loadedRemoteInfo.snapshot;
-  if (!snapshot) {
-    return;
-  }
-  var publicPath = "publicPath" in snapshot ? snapshot.publicPath : "getPublicPath" in snapshot ? new Function(snapshot.getPublicPath)() : "";
-  if (!publicPath) {
-    return;
-  }
-  var modules = "modules" in snapshot ? snapshot.modules : [];
-  var targetModule = modules.find(function(m) {
-    return m.modulePath === loadedRemoteInfo.expose;
-  });
-  if (!targetModule) {
-    return;
-  }
-  var remoteEntry = "remoteEntry" in snapshot ? snapshot.remoteEntry : "";
-  if (!remoteEntry) {
-    return;
-  }
-  return {
-    module: targetModule,
-    publicPath,
-    remoteEntry
-  };
-}
-function collectSSRAssets(options) {
-  var _ref = typeof options === "string" ? {
-    id: options
-  } : options, id = _ref.id, _ref_injectLink = _ref.injectLink, injectLink = _ref_injectLink === void 0 ? true : _ref_injectLink, _ref_injectScript = _ref.injectScript, injectScript = _ref_injectScript === void 0 ? true : _ref_injectScript;
-  var links = [];
-  var scripts = [];
-  var instance = getInstance();
-  if (!instance || !injectLink && !injectScript) {
-    return _to_consumable_array(scripts).concat(_to_consumable_array(links));
-  }
-  var moduleAndPublicPath = getTargetModuleInfo(id);
-  if (!moduleAndPublicPath) {
-    return _to_consumable_array(scripts).concat(_to_consumable_array(links));
-  }
-  var targetModule = moduleAndPublicPath.module, publicPath = moduleAndPublicPath.publicPath, remoteEntry = moduleAndPublicPath.remoteEntry;
-  if (injectLink) {
-    _to_consumable_array(targetModule.assets.css.sync).concat(_to_consumable_array(targetModule.assets.css.async)).forEach(function(file, index) {
-      links.push(/* @__PURE__ */ _jsx("link", {
-        href: "".concat(publicPath).concat(file),
-        rel: "stylesheet",
-        type: "text/css"
-      }, "".concat(file.split(".")[0], "_").concat(index)));
-    });
-  }
-  if (injectScript) {
-    scripts.push(/* @__PURE__ */ _jsx("script", {
-      async: true,
-      src: "".concat(publicPath).concat(remoteEntry),
-      crossOrigin: "anonymous"
-    }, remoteEntry.split(".")[0]));
-    _to_consumable_array(targetModule.assets.js.sync).forEach(function(file, index) {
-      scripts.push(/* @__PURE__ */ _jsx("script", {
-        async: true,
-        src: "".concat(publicPath).concat(file),
-        crossOrigin: "anonymous"
-      }, "".concat(file.split(".")[0], "_").concat(index)));
-    });
-  }
-  return _to_consumable_array(scripts).concat(_to_consumable_array(links));
-}
-function createRemoteSSRComponent(info) {
-  var exportName = (info === null || info === void 0 ? void 0 : info.export) || "default";
-  var LazyComponent = /* @__PURE__ */ React.lazy(/* @__PURE__ */ _async_to_generator(function() {
-    var m, moduleId, assets, Com, err, FallbackFunctionComponent, FallbackNode;
-    return _ts_generator(this, function(_state) {
-      switch (_state.label) {
-        case 0:
-          _state.trys.push([
-            0,
-            2,
-            ,
-            3
-          ]);
-          return [
-            4,
-            info.loader()
-          ];
-        case 1:
-          m = _state.sent();
-          if (!m) {
-            throw new Error("load remote failed");
-          }
-          moduleId = m && m[Symbol.for("mf_module_id")];
-          assets = collectSSRAssets({
-            id: moduleId
-          });
-          Com = m[exportName];
-          if (exportName in m && typeof Com === "function") {
-            return [
-              2,
-              {
-                default: function(props) {
-                  return /* @__PURE__ */ _jsxs(_Fragment, {
-                    children: [
-                      assets,
-                      /* @__PURE__ */ _jsx(Com, _object_spread({}, props))
-                    ]
-                  });
-                }
-              }
-            ];
-          } else {
-            throw Error("Make sure that ".concat(moduleId, " has the correct export when export is ").concat(String(exportName)));
-          }
-          return [
-            3,
-            3
-          ];
-        case 2:
-          err = _state.sent();
-          if (!info.fallback) {
-            throw err;
-          }
-          FallbackFunctionComponent = info.fallback;
-          FallbackNode = /* @__PURE__ */ _jsx(FallbackFunctionComponent, {
-            error: err,
-            resetErrorBoundary: function() {
-              console.log('SSR mode not support "resetErrorBoundary" !');
-            }
-          });
-          return [
-            2,
-            {
-              default: function() {
-                return FallbackNode;
-              }
-            }
-          ];
-        case 3:
-          return [
-            2
-          ];
-      }
-    });
-  }));
-  return function(props) {
-    var key = props.key, args = _object_without_properties(props, [
-      "key"
-    ]);
-    return /* @__PURE__ */ _jsx(ErrorBoundary, {
-      FallbackComponent: info.fallback,
-      children: /* @__PURE__ */ _jsx(React.Suspense, {
-        fallback: info.loading,
-        children: /* @__PURE__ */ _jsx(LazyComponent, _object_spread({}, args))
-      })
-    });
-  };
-}
-export {
-  collectSSRAssets,
-  createRemoteSSRComponent
-};

package/dist/esm/runtime/index.js

@@ -1,12 +0,0 @@
-export * from "@module-federation/enhanced/runtime";
-var kit = {
-  get createRemoteSSRComponent() {
-    return require("./createRemoteSSRComponent").createRemoteSSRComponent;
-  },
-  get collectSSRAssets() {
-    return require("./createRemoteSSRComponent").collectSSRAssets;
-  }
-};
-export {
-  kit
-};

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

@@ -1,26 +0,0 @@
-import { _ as _tagged_template_literal } from "@swc/helpers/_/_tagged_template_literal";
-function _templateObject() {
-  var data = _tagged_template_literal([
-    "\n      if(",
-    "){\n        location.reload();\n      }\n   "
-  ]);
-  _templateObject = function _templateObject2() {
-    return data;
-  };
-  return data;
-}
-import { jsx as _jsx } from "react/jsx-runtime";
-function SSRLiveReload() {
-  if (process.env.NODE_ENV !== "development") {
-    return null;
-  }
-  return /* @__PURE__ */ _jsx("script", {
-    suppressHydrationWarning: true,
-    dangerouslySetInnerHTML: {
-      __html: String.raw(_templateObject(), globalThis.shouldUpdate)
-    }
-  });
-}
-export {
-  SSRLiveReload
-};

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

@@ -1 +0,0 @@
-export * from "./plugin";

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

@@ -1,70 +0,0 @@
-import { _ as _async_to_generator } from "@swc/helpers/_/_async_to_generator";
-import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
-import { _ as _ts_generator } from "@swc/helpers/_/_ts_generator";
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { SSRLiveReload } from "./SSRLiveReload";
-var mfSSRPlugin = function() {
-  return {
-    name: "@module-federation/modern-js",
-    setup: function(api) {
-      api.onBeforeRender(/* @__PURE__ */ _async_to_generator(function() {
-        var nodeUtils, shouldUpdate;
-        return _ts_generator(this, function(_state) {
-          switch (_state.label) {
-            case 0:
-              if (typeof window !== "undefined") {
-                return [
-                  2
-                ];
-              }
-              globalThis.shouldUpdate = false;
-              return [
-                4,
-                import("@module-federation/node/utils")
-              ];
-            case 1:
-              nodeUtils = _state.sent();
-              return [
-                4,
-                nodeUtils.revalidate()
-              ];
-            case 2:
-              shouldUpdate = _state.sent();
-              if (!shouldUpdate)
-                return [
-                  3,
-                  4
-                ];
-              console.log("should RELOAD", shouldUpdate);
-              return [
-                4,
-                nodeUtils.flushChunks()
-              ];
-            case 3:
-              _state.sent();
-              globalThis.shouldUpdate = true;
-              _state.label = 4;
-            case 4:
-              return [
-                2
-              ];
-          }
-        });
-      }));
-      api.wrapRoot(function(App) {
-        var AppWrapper = function(props) {
-          return /* @__PURE__ */ _jsxs(_Fragment, {
-            children: [
-              /* @__PURE__ */ _jsx(SSRLiveReload, {}),
-              /* @__PURE__ */ _jsx(App, _object_spread({}, props))
-            ]
-          });
-        };
-        return AppWrapper;
-      });
-    }
-  };
-};
-export {
-  mfSSRPlugin
-};