@module-federation/modern-js 0.0.0-release-v0-21-5-20251120103315 → 0.0.0-release-v0-23-0-20260123023720

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

@@ -0,0 +1,283 @@
+import * as __rspack_external_jiti from "jiti";
+import path from "path";
+import { getIPV4, isDev, isWebTarget, skipByTarget } from "./utils.mjs";
+import { encodeName } from "@module-federation/sdk";
+import { LOCALHOST, PLUGIN_IDENTIFIER } from "../constant.mjs";
+import { addDataFetchExposes, autoDeleteSplitChunkCacheGroups } from "@module-federation/rsbuild-plugin/utils";
+import logger from "../logger.mjs";
+var __webpack_modules__ = {
+    jiti (module) {
+        module.exports = __rspack_external_jiti;
+    }
+};
+var __webpack_module_cache__ = {};
+function __webpack_require__(moduleId) {
+    var cachedModule = __webpack_module_cache__[moduleId];
+    if (void 0 !== cachedModule) return cachedModule.exports;
+    var module = __webpack_module_cache__[moduleId] = {
+        exports: {}
+    };
+    __webpack_modules__[moduleId](module, module.exports, __webpack_require__);
+    return module.exports;
+}
+const defaultPath = path.resolve(process.cwd(), 'module-federation.config.ts');
+function setEnv(enableSSR) {
+    if (enableSSR) process.env['MF_SSR_PRJ'] = 'true';
+}
+const getMFConfig = async (userConfig)=>{
+    const { config, configPath } = userConfig;
+    if (config) return config;
+    const mfConfigPath = configPath ? configPath : defaultPath;
+    const { createJiti } = __webpack_require__("jiti");
+    const jit = createJiti(__filename, {
+        interopDefault: true,
+        esmResolve: true
+    });
+    const configModule = await jit(mfConfigPath);
+    const resolvedConfig = configModule && 'object' == typeof configModule && 'default' in configModule ? configModule.default : configModule;
+    return resolvedConfig;
+};
+const injectRuntimePlugins = (runtimePlugin, runtimePlugins)=>{
+    const pluginName = 'string' == typeof runtimePlugin ? runtimePlugin : runtimePlugin[0];
+    const hasPlugin = runtimePlugins.some((existingPlugin)=>{
+        if ('string' == typeof existingPlugin) return existingPlugin === pluginName;
+        return existingPlugin[0] === pluginName;
+    });
+    if (!hasPlugin) runtimePlugins.push(runtimePlugin);
+};
+const replaceRemoteUrl = (mfConfig, remoteIpStrategy)=>{
+    if (remoteIpStrategy && 'inherit' === remoteIpStrategy) return;
+    if (!mfConfig.remotes) return;
+    const ipv4 = getIPV4();
+    const handleRemoteObject = (remoteObject)=>{
+        Object.keys(remoteObject).forEach((remoteKey)=>{
+            const remote = remoteObject[remoteKey];
+            if (Array.isArray(remote)) return;
+            if ('string' == typeof remote && remote.includes(LOCALHOST)) remoteObject[remoteKey] = remote.replace(LOCALHOST, ipv4);
+            if ('object' == typeof remote && !Array.isArray(remote.external) && remote.external.includes(LOCALHOST)) remote.external = remote.external.replace(LOCALHOST, ipv4);
+        });
+    };
+    if (Array.isArray(mfConfig.remotes)) mfConfig.remotes.forEach((remoteObject)=>{
+        if ('string' == typeof remoteObject) return;
+        handleRemoteObject(remoteObject);
+    });
+    else if ('string' != typeof mfConfig.remotes) handleRemoteObject(mfConfig.remotes);
+};
+const patchDTSConfig = (mfConfig, isServer)=>{
+    if (isServer) return;
+    const ModernJSRuntime = '@module-federation/modern-js/runtime';
+    if (false !== mfConfig.dts) {
+        var _mfConfig_dts, _mfConfig_dts1;
+        if ('boolean' == typeof mfConfig.dts || void 0 === mfConfig.dts) mfConfig.dts = {
+            consumeTypes: {
+                runtimePkgs: [
+                    ModernJSRuntime
+                ]
+            }
+        };
+        else if ((null == (_mfConfig_dts = mfConfig.dts) ? void 0 : _mfConfig_dts.consumeTypes) || (null == (_mfConfig_dts1 = mfConfig.dts) ? void 0 : _mfConfig_dts1.consumeTypes) === void 0) {
+            var _mfConfig_dts2;
+            if ('boolean' == typeof mfConfig.dts.consumeTypes || (null == (_mfConfig_dts2 = mfConfig.dts) ? void 0 : _mfConfig_dts2.consumeTypes) === void 0) mfConfig.dts.consumeTypes = {
+                runtimePkgs: [
+                    ModernJSRuntime
+                ]
+            };
+            else {
+                mfConfig.dts.consumeTypes.runtimePkgs = mfConfig.dts.consumeTypes.runtimePkgs || [];
+                if (!mfConfig.dts.consumeTypes.runtimePkgs.includes(ModernJSRuntime)) mfConfig.dts.consumeTypes.runtimePkgs.push(ModernJSRuntime);
+            }
+        }
+    }
+};
+const patchMFConfig = (mfConfig, isServer, remoteIpStrategy, enableSSR)=>{
+    replaceRemoteUrl(mfConfig, remoteIpStrategy);
+    addDataFetchExposes(mfConfig.exposes, isServer);
+    if (void 0 === mfConfig.remoteType) mfConfig.remoteType = "script";
+    if (!mfConfig.name) throw new Error(`${PLUGIN_IDENTIFIER} mfConfig.name can not be empty!`);
+    const runtimePlugins = [
+        ...mfConfig.runtimePlugins || []
+    ];
+    patchDTSConfig(mfConfig, isServer);
+    injectRuntimePlugins(require.resolve('@module-federation/modern-js/shared-strategy'), runtimePlugins);
+    if (enableSSR && isDev()) injectRuntimePlugins(require.resolve('@module-federation/modern-js/resolve-entry-ipv4'), runtimePlugins);
+    if (isServer) {
+        injectRuntimePlugins(require.resolve('@module-federation/node/runtimePlugin'), runtimePlugins);
+        if (isDev()) injectRuntimePlugins(require.resolve('@module-federation/node/record-dynamic-remote-entry-hash-plugin'), runtimePlugins);
+        injectRuntimePlugins(require.resolve('@module-federation/modern-js/inject-node-fetch'), runtimePlugins);
+        if (mfConfig.library) {
+            if (!mfConfig.library.type) mfConfig.library.type = 'commonjs-module';
+            if (!mfConfig.library.name) mfConfig.library.name = mfConfig.name;
+        } else mfConfig.library = {
+            type: 'commonjs-module',
+            name: mfConfig.name
+        };
+    }
+    mfConfig.runtimePlugins = runtimePlugins;
+    if (!isServer) {
+        var _mfConfig_library;
+        if ((null == (_mfConfig_library = mfConfig.library) ? void 0 : _mfConfig_library.type) === 'commonjs-module') mfConfig.library.type = 'global';
+        return mfConfig;
+    }
+    mfConfig.dts = false;
+    mfConfig.dev = false;
+    return mfConfig;
+};
+function patchIgnoreWarning(chain) {
+    const ignoreWarnings = chain.get('ignoreWarnings') || [];
+    const ignoredMsgs = [
+        "external script",
+        'process.env.WS_NO_BUFFER_UTIL',
+        "Can't resolve 'utf-8-validate"
+    ];
+    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');
+    if (!watchOptions || !watchOptions.ignored) return void chain.watchOptions({
+        ignored: /[\\/](?:\.git|node_modules|@mf-types)[\\/]/
+    });
+    const ignored = watchOptions.ignored;
+    const DEFAULT_IGNORED_GLOB = '**/@mf-types/**';
+    if (Array.isArray(ignored)) {
+        if (false !== mfConfig.dts && 'object' == typeof mfConfig.dts && 'object' == typeof mfConfig.dts.consumeTypes && mfConfig.dts.consumeTypes.remoteTypesFolder) chain.watchOptions({
+            ...watchOptions,
+            ignored: ignored.concat(`**/${mfConfig.dts.consumeTypes.remoteTypesFolder}/**`)
+        });
+        else chain.watchOptions({
+            ...watchOptions,
+            ignored: ignored.concat(DEFAULT_IGNORED_GLOB)
+        });
+        return;
+    }
+    if ('string' != typeof ignored) return void chain.watchOptions({
+        ...watchOptions,
+        ignored: /[\\/](?:\.git|node_modules|@mf-types)[\\/]/
+    });
+    chain.watchOptions({
+        ...watchOptions,
+        ignored: ignored.concat(DEFAULT_IGNORED_GLOB)
+    });
+}
+function patchBundlerConfig(options) {
+    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, splitChunkConfig);
+    if (!isServer && enableSSR && splitChunkConfig && 'object' == typeof splitChunkConfig && 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() && 'auto' === chain.output.get('publicPath')) {
+        var _modernjsConfig_dev, _modernjsConfig_server;
+        const port = (null == (_modernjsConfig_dev = modernjsConfig.dev) ? void 0 : _modernjsConfig_dev.port) || (null == (_modernjsConfig_server = modernjsConfig.server) ? void 0 : _modernjsConfig_server.port) || 8080;
+        const publicPath = `http://localhost:${port}/`;
+        chain.output.publicPath(publicPath);
+    }
+    if (isServer && enableSSR) {
+        const uniqueName = mfConfig.name || chain.output.get('uniqueName');
+        const chunkFileName = chain.output.get('chunkFilename');
+        if ('string' == typeof chunkFileName && uniqueName && !chunkFileName.includes(uniqueName)) {
+            const suffix = `${encodeName(uniqueName)}-[contenthash].js`;
+            chain.output.chunkFilename(chunkFileName.replace('.js', suffix));
+        }
+    }
+    if (isDev() && enableSSR && !isServer) chain.resolve.fallback.set('crypto', false).set('stream', false).set('vm', false);
+    if ((null == (_modernjsConfig_deploy = modernjsConfig.deploy) ? void 0 : _modernjsConfig_deploy.microFrontend) && Object.keys(mfConfig.exposes || {}).length) chain.optimization.usedExports(false);
+}
+const moduleFederationConfigPlugin = (userConfig)=>({
+        name: '@modern-js/plugin-module-federation-config',
+        pre: [
+            '@modern-js/plugin-initialize'
+        ],
+        post: [
+            '@modern-js/plugin-module-federation'
+        ],
+        setup: async (api)=>{
+            var _userConfig_userConfig, _modernjsConfig_server;
+            const modernjsConfig = api.getConfig();
+            const mfConfig = await getMFConfig(userConfig.originPluginOptions);
+            const csrConfig = userConfig.csrConfig || JSON.parse(JSON.stringify(mfConfig));
+            const ssrConfig = userConfig.ssrConfig || JSON.parse(JSON.stringify(mfConfig));
+            userConfig.ssrConfig = ssrConfig;
+            userConfig.csrConfig = csrConfig;
+            var _ref;
+            const enableSSR = Boolean(null != (_ref = null == (_userConfig_userConfig = userConfig.userConfig) ? void 0 : _userConfig_userConfig.ssr) ? _ref : Boolean(null == modernjsConfig ? void 0 : null == (_modernjsConfig_server = modernjsConfig.server) ? void 0 : _modernjsConfig_server.ssr));
+            api.modifyBundlerChain((chain)=>{
+                const target = chain.get('target');
+                if (skipByTarget(target)) return;
+                const isWeb = isWebTarget(target);
+                addMyTypes2Ignored(chain, isWeb ? csrConfig : ssrConfig);
+                const targetMFConfig = isWeb ? csrConfig : ssrConfig;
+                patchMFConfig(targetMFConfig, !isWeb, userConfig.remoteIpStrategy || 'ipv4', enableSSR);
+                patchBundlerConfig({
+                    chain,
+                    isServer: !isWeb,
+                    modernjsConfig,
+                    mfConfig,
+                    enableSSR
+                });
+                if (isWeb) userConfig.distOutputDir = chain.output.get('path') || path.resolve(process.cwd(), 'dist');
+                else if (enableSSR) {
+                    var _userConfig, _userConfig_userConfig;
+                    (_userConfig = userConfig).userConfig || (_userConfig.userConfig = {});
+                    (_userConfig_userConfig = userConfig.userConfig).ssr || (_userConfig_userConfig.ssr = {});
+                    if (true === userConfig.userConfig.ssr) userConfig.userConfig.ssr = {};
+                    userConfig.userConfig.ssr.distOutputDir = chain.output.get('path') || path.resolve(process.cwd(), 'dist/bundles');
+                }
+            });
+            api.config(()=>{
+                var _modernjsConfig_tools, _userConfig_csrConfig, _modernjsConfig_source, _modernjsConfig_source1, _modernjsConfig_dev;
+                const bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
+                const ipv4 = getIPV4();
+                if (void 0 === userConfig.remoteIpStrategy) if (enableSSR) userConfig.remoteIpStrategy = 'ipv4';
+                else userConfig.remoteIpStrategy = 'inherit';
+                const devServerConfig = null == (_modernjsConfig_tools = modernjsConfig.tools) ? void 0 : _modernjsConfig_tools.devServer;
+                const corsWarnMsgs = [
+                    'View https://module-federation.io/guide/troubleshooting/other.html#cors-warn for more details.'
+                ];
+                if ('object' != typeof devServerConfig || !('headers' in devServerConfig)) corsWarnMsgs.unshift('Detect devServer.headers is empty, mf modern plugin will add default cors header: devServer.headers["Access-Control-Allow-Headers"] = "*". It is recommended to specify an allowlist of trusted origins instead.');
+                const exposes = null == (_userConfig_csrConfig = userConfig.csrConfig) ? void 0 : _userConfig_csrConfig.exposes;
+                const hasExposes = exposes && Array.isArray(exposes) ? exposes.length : Object.keys(null != exposes ? exposes : {}).length;
+                if (corsWarnMsgs.length > 1 && hasExposes) logger.warn(corsWarnMsgs.join('\n'));
+                const corsHeaders = hasExposes ? {
+                    'Access-Control-Allow-Origin': '*',
+                    'Access-Control-Allow-Methods': 'GET, POST, PUT, DELETE, PATCH, OPTIONS',
+                    'Access-Control-Allow-Headers': '*'
+                } : void 0;
+                const defineConfig = {
+                    REMOTE_IP_STRATEGY: JSON.stringify(userConfig.remoteIpStrategy)
+                };
+                if (enableSSR && isDev()) defineConfig['FEDERATION_IPV4'] = JSON.stringify(ipv4);
+                var _ref;
+                return {
+                    tools: {
+                        devServer: {
+                            headers: corsHeaders
+                        }
+                    },
+                    resolve: {
+                        alias: {
+                            '@modern-js/runtime/mf': require.resolve('@module-federation/modern-js/runtime')
+                        }
+                    },
+                    source: {
+                        define: defineConfig,
+                        enableAsyncEntry: 'rspack' === bundlerType ? null != (_ref = null == (_modernjsConfig_source = modernjsConfig.source) ? void 0 : _modernjsConfig_source.enableAsyncEntry) ? _ref : true : null == (_modernjsConfig_source1 = modernjsConfig.source) ? void 0 : _modernjsConfig_source1.enableAsyncEntry
+                    },
+                    dev: {
+                        assetPrefix: (null == modernjsConfig ? void 0 : null == (_modernjsConfig_dev = modernjsConfig.dev) ? void 0 : _modernjsConfig_dev.assetPrefix) ? modernjsConfig.dev.assetPrefix : true
+                    }
+                };
+            });
+        }
+    });
+const configPlugin = moduleFederationConfigPlugin;
+export { addMyTypes2Ignored, configPlugin as default, getMFConfig, isWebTarget, moduleFederationConfigPlugin, patchBundlerConfig, patchMFConfig, setEnv, skipByTarget };

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

@@ -0,0 +1,67 @@
+import { AsyncBoundaryPlugin, ModuleFederationPlugin, createModuleFederationConfig } from "@module-federation/enhanced";
+import { ModuleFederationPlugin as rspack_ModuleFederationPlugin } from "@module-federation/enhanced/rspack";
+import { moduleFederationConfigPlugin } from "./configPlugin.mjs";
+import { moduleFederationSSRPlugin } from "./ssrPlugin.mjs";
+import { isWebTarget } from "./utils.mjs";
+const moduleFederationPlugin = (userConfig = {})=>{
+    var _userConfig_fetchServerQuery;
+    const internalModernPluginOptions = {
+        csrConfig: void 0,
+        ssrConfig: void 0,
+        browserPlugin: void 0,
+        nodePlugin: void 0,
+        assetResources: {},
+        distOutputDir: '',
+        originPluginOptions: {
+            ...userConfig
+        },
+        remoteIpStrategy: null == userConfig ? void 0 : userConfig.remoteIpStrategy,
+        userConfig: userConfig || {},
+        assetFileNames: {},
+        fetchServerQuery: null != (_userConfig_fetchServerQuery = userConfig.fetchServerQuery) ? _userConfig_fetchServerQuery : void 0
+    };
+    return {
+        name: '@modern-js/plugin-module-federation',
+        setup: async (api)=>{
+            const modernjsConfig = api.getConfig();
+            api.modifyBundlerChain((chain)=>{
+                const bundlerType = 'rspack' === api.getAppContext().bundlerType ? 'rspack' : 'webpack';
+                const browserPluginOptions = internalModernPluginOptions.csrConfig;
+                const MFPlugin = 'webpack' === bundlerType ? ModuleFederationPlugin : rspack_ModuleFederationPlugin;
+                if (isWebTarget(chain.get('target'))) chain.plugin('plugin-module-federation').use(MFPlugin, [
+                    browserPluginOptions
+                ]).init((Plugin, args)=>{
+                    internalModernPluginOptions.browserPlugin = new Plugin(args[0]);
+                    return internalModernPluginOptions.browserPlugin;
+                });
+                if ('webpack' === bundlerType) {
+                    var _modernjsConfig_source;
+                    const enableAsyncEntry = null == (_modernjsConfig_source = modernjsConfig.source) ? void 0 : _modernjsConfig_source.enableAsyncEntry;
+                    if (!enableAsyncEntry && false !== browserPluginOptions.async) {
+                        const asyncBoundaryPluginOptions = 'object' == typeof browserPluginOptions.async ? browserPluginOptions.async : {
+                            eager: (module)=>module && /\.federation/.test((null == module ? void 0 : module.request) || ''),
+                            excludeChunk: (chunk)=>chunk.name === browserPluginOptions.name
+                        };
+                        chain.plugin('async-boundary-plugin').use(AsyncBoundaryPlugin, [
+                            asyncBoundaryPluginOptions
+                        ]);
+                    }
+                }
+            });
+            api._internalServerPlugins(({ plugins })=>{
+                plugins.push({
+                    name: '@module-federation/modern-js/server'
+                });
+                return {
+                    plugins
+                };
+            });
+        },
+        usePlugins: [
+            moduleFederationConfigPlugin(internalModernPluginOptions),
+            moduleFederationSSRPlugin(internalModernPluginOptions)
+        ]
+    };
+};
+const cli = moduleFederationPlugin;
+export { createModuleFederationConfig, cli as default, moduleFederationPlugin };

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

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

package/dist/esm-node/cli/mfRuntimePlugins/resolve-entry-ipv4.mjs

@@ -0,0 +1,46 @@
+import { LOCALHOST } from "../../constant.mjs";
+const ipv4 = "u" > typeof FEDERATION_IPV4 ? FEDERATION_IPV4 : '127.0.0.1';
+const remoteIpStrategy = "u" > typeof REMOTE_IP_STRATEGY ? REMOTE_IP_STRATEGY : 'inherit';
+function replaceObjectLocalhost(key, obj) {
+    if ('ipv4' !== remoteIpStrategy) return;
+    if (!(key in obj)) return;
+    const remote = obj[key];
+    if (remote && 'string' == typeof remote && remote.includes(LOCALHOST)) obj[key] = replaceLocalhost(remote);
+}
+function replaceLocalhost(url) {
+    return url.replace(LOCALHOST, ipv4);
+}
+const resolveEntryIpv4Plugin = ()=>({
+        name: 'resolve-entry-ipv4',
+        beforeRegisterRemote (args) {
+            const { remote } = args;
+            replaceObjectLocalhost('entry', remote);
+            return args;
+        },
+        async afterResolve (args) {
+            const { remoteInfo } = args;
+            replaceObjectLocalhost('entry', remoteInfo);
+            return args;
+        },
+        beforeLoadRemoteSnapshot (args) {
+            const { moduleInfo } = args;
+            if ('entry' in moduleInfo) {
+                replaceObjectLocalhost('entry', moduleInfo);
+                return args;
+            }
+            if ('version' in moduleInfo) replaceObjectLocalhost('version', moduleInfo);
+            return args;
+        },
+        loadRemoteSnapshot (args) {
+            const { remoteSnapshot } = args;
+            if ('publicPath' in remoteSnapshot) replaceObjectLocalhost('publicPath', remoteSnapshot);
+            if ('getPublicPath' in remoteSnapshot) replaceObjectLocalhost('getPublicPath', remoteSnapshot);
+            if (remoteSnapshot.remotesInfo) Object.keys(remoteSnapshot.remotesInfo).forEach((key)=>{
+                const remoteInfo = remoteSnapshot.remotesInfo[key];
+                replaceObjectLocalhost('matchedVersion', remoteInfo);
+            });
+            return args;
+        }
+    });
+const resolve_entry_ipv4 = resolveEntryIpv4Plugin;
+export { resolve_entry_ipv4 as default };

package/dist/esm-node/cli/mfRuntimePlugins/shared-strategy.mjs

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

package/dist/esm-node/cli/server/data-fetch-server-plugin.mjs

@@ -0,0 +1,15 @@
+import data_fetch_server_middleware from "@module-federation/bridge-react/data-fetch-server-middleware";
+const dataFetchServePlugin = ()=>({
+        name: 'mf-data-fetch-server-plugin',
+        setup: (api)=>{
+            api.onPrepare(()=>{
+                const { middlewares } = api.getServerContext();
+                middlewares.push({
+                    name: 'module-federation-serve-manifest',
+                    handler: data_fetch_server_middleware
+                });
+            });
+        }
+    });
+const data_fetch_server_plugin = dataFetchServePlugin;
+export { data_fetch_server_plugin as default };