@module-federation/rsbuild-plugin 0.9.1 → 0.11.0

package/dist/index.cjs.js

@@ -7,7 +7,7 @@ var utils = require('./utils.cjs.js');
 require('util');
 
 var name = "@module-federation/rsbuild-plugin";
-var version = "0.9.1";
+var version = "0.11.0";
 var description = "Module Federation plugin for Rsbuild";
 var homepage = "https://module-federation.io";
 var bugs = {
@@ -124,14 +124,22 @@ function _unsupported_iterable_to_array(o, minLen) {
 var RSBUILD_PLUGIN_MODULE_FEDERATION_NAME = 'rsbuild:module-federation-enhanced';
 var RSPACK_PLUGIN_MODULE_FEDERATION_NAME = 'module-federation';
 var LIB_FORMAT = [
-    'commonjs',
     'umd',
     'modern-module'
 ];
+function isStoryBook(rsbuildConfig) {
+    var _rsbuildConfig_plugins;
+    if ((_rsbuildConfig_plugins = rsbuildConfig.plugins) === null || _rsbuildConfig_plugins === void 0 ? void 0 : _rsbuildConfig_plugins.find(function(p) {
+        return p && 'name' in p && p.name === 'module-federation-storybook-plugin';
+    })) {
+        return true;
+    }
+}
 function isMFFormat(bundlerConfig) {
     var _bundlerConfig_output;
     var library = (_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.library;
-    return !((typeof library === "undefined" ? "undefined" : _type_of(library)) === 'object' && !Array.isArray(library) && 'type' in library && LIB_FORMAT.includes(library.type));
+    return !((typeof library === "undefined" ? "undefined" : _type_of(library)) === 'object' && !Array.isArray(library) && 'type' in library && //  if the type is umd/modern-module or commonjs*, means this is a normal library , not mf
+    (LIB_FORMAT.includes(library.type) || /commonjs/.test(library.type)));
 }
 var pluginModuleFederation = function(moduleFederationOptions) {
     return {
@@ -161,10 +169,12 @@ var pluginModuleFederation = function(moduleFederationOptions) {
                 bundlerConfigs.forEach(function(bundlerConfig) {
                     if (!isMFFormat(bundlerConfig)) {
                         return;
+                    } else if (isStoryBook(api.getRsbuildConfig())) {
+                        bundlerConfig.output.uniqueName = "".concat(moduleFederationOptions.name, "-storybook-host");
                     } else {
-                        var _bundlerConfig_output, _bundlerConfig_output1;
+                        var _bundlerConfig_optimization, _bundlerConfig_output, _bundlerConfig_output1;
                         // mf
-                        utils.autoDeleteSplitChunkCacheGroups(moduleFederationOptions, bundlerConfig);
+                        utils.autoDeleteSplitChunkCacheGroups(moduleFederationOptions, bundlerConfig === null || bundlerConfig === void 0 ? void 0 : (_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? void 0 : _bundlerConfig_optimization.splitChunks);
                         var externals = bundlerConfig.externals;
                         if (Array.isArray(externals)) {
                             var sharedModules = new Set();
@@ -232,6 +242,9 @@ var pluginModuleFederation = function(moduleFederationOptions) {
                         if (!bundlerConfig.plugins.find(function(p) {
                             return p && p.name === rspack.PLUGIN_NAME;
                         })) {
+                            if (!moduleFederationOptions.shareStrategy) {
+                                moduleFederationOptions.shareStrategy = 'loaded-first';
+                            }
                             bundlerConfig.plugins.push(new rspack.ModuleFederationPlugin(moduleFederationOptions));
                         }
                     }
@@ -239,6 +252,10 @@ var pluginModuleFederation = function(moduleFederationOptions) {
             });
             // dev config only works on format: 'mf'
             api.modifyRsbuildConfig(function(config) {
+                // skip storybook
+                if (isStoryBook(config)) {
+                    return;
+                }
                 // Change some default configs for remote modules
                 if (moduleFederationOptions.exposes) {
                     var _config_server, _config_dev_client, _originalConfig_dev, _config_server1;
@@ -263,8 +280,7 @@ var pluginModuleFederation = function(moduleFederationOptions) {
                 // Module Federation runtime uses ES6+ syntax,
                 // adding to include and let SWC transform it
                 config.source.include = _to_consumable_array(config.source.include || []).concat([
-                    /@module-federation[\\/]sdk/,
-                    /@module-federation[\\/]runtime/
+                    /@module-federation[\\/]/
                 ]);
                 return config;
             });
@@ -272,6 +288,10 @@ var pluginModuleFederation = function(moduleFederationOptions) {
     };
 };
 
+Object.defineProperty(exports, "createModuleFederationConfig", {
+  enumerable: true,
+  get: function () { return enhanced.createModuleFederationConfig; }
+});
 Object.defineProperty(exports, "PLUGIN_NAME", {
   enumerable: true,
   get: function () { return rspack.PLUGIN_NAME; }

package/dist/index.esm.js

@@ -1,4 +1,5 @@
 import { parseOptions } from '@module-federation/enhanced';
+export { createModuleFederationConfig } from '@module-federation/enhanced';
 import { PLUGIN_NAME, ModuleFederationPlugin } from '@module-federation/enhanced/rspack';
 export { PLUGIN_NAME } from '@module-federation/enhanced/rspack';
 import { createLogger, isRequiredVersion } from '@module-federation/sdk';
@@ -6,7 +7,7 @@ import { autoDeleteSplitChunkCacheGroups, isRegExp } from './utils.esm.js';
 import 'util';
 
 var name = "@module-federation/rsbuild-plugin";
-var version = "0.9.1";
+var version = "0.11.0";
 var description = "Module Federation plugin for Rsbuild";
 var homepage = "https://module-federation.io";
 var bugs = {
@@ -123,14 +124,22 @@ function _unsupported_iterable_to_array(o, minLen) {
 var RSBUILD_PLUGIN_MODULE_FEDERATION_NAME = 'rsbuild:module-federation-enhanced';
 var RSPACK_PLUGIN_MODULE_FEDERATION_NAME = 'module-federation';
 var LIB_FORMAT = [
-    'commonjs',
     'umd',
     'modern-module'
 ];
+function isStoryBook(rsbuildConfig) {
+    var _rsbuildConfig_plugins;
+    if ((_rsbuildConfig_plugins = rsbuildConfig.plugins) === null || _rsbuildConfig_plugins === void 0 ? void 0 : _rsbuildConfig_plugins.find(function(p) {
+        return p && 'name' in p && p.name === 'module-federation-storybook-plugin';
+    })) {
+        return true;
+    }
+}
 function isMFFormat(bundlerConfig) {
     var _bundlerConfig_output;
     var library = (_bundlerConfig_output = bundlerConfig.output) === null || _bundlerConfig_output === void 0 ? void 0 : _bundlerConfig_output.library;
-    return !((typeof library === "undefined" ? "undefined" : _type_of(library)) === 'object' && !Array.isArray(library) && 'type' in library && LIB_FORMAT.includes(library.type));
+    return !((typeof library === "undefined" ? "undefined" : _type_of(library)) === 'object' && !Array.isArray(library) && 'type' in library && //  if the type is umd/modern-module or commonjs*, means this is a normal library , not mf
+    (LIB_FORMAT.includes(library.type) || /commonjs/.test(library.type)));
 }
 var pluginModuleFederation = function(moduleFederationOptions) {
     return {
@@ -160,10 +169,12 @@ var pluginModuleFederation = function(moduleFederationOptions) {
                 bundlerConfigs.forEach(function(bundlerConfig) {
                     if (!isMFFormat(bundlerConfig)) {
                         return;
+                    } else if (isStoryBook(api.getRsbuildConfig())) {
+                        bundlerConfig.output.uniqueName = "".concat(moduleFederationOptions.name, "-storybook-host");
                     } else {
-                        var _bundlerConfig_output, _bundlerConfig_output1;
+                        var _bundlerConfig_optimization, _bundlerConfig_output, _bundlerConfig_output1;
                         // mf
-                        autoDeleteSplitChunkCacheGroups(moduleFederationOptions, bundlerConfig);
+                        autoDeleteSplitChunkCacheGroups(moduleFederationOptions, bundlerConfig === null || bundlerConfig === void 0 ? void 0 : (_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? void 0 : _bundlerConfig_optimization.splitChunks);
                         var externals = bundlerConfig.externals;
                         if (Array.isArray(externals)) {
                             var sharedModules = new Set();
@@ -231,6 +242,9 @@ var pluginModuleFederation = function(moduleFederationOptions) {
                         if (!bundlerConfig.plugins.find(function(p) {
                             return p && p.name === PLUGIN_NAME;
                         })) {
+                            if (!moduleFederationOptions.shareStrategy) {
+                                moduleFederationOptions.shareStrategy = 'loaded-first';
+                            }
                             bundlerConfig.plugins.push(new ModuleFederationPlugin(moduleFederationOptions));
                         }
                     }
@@ -238,6 +252,10 @@ var pluginModuleFederation = function(moduleFederationOptions) {
             });
             // dev config only works on format: 'mf'
             api.modifyRsbuildConfig(function(config) {
+                // skip storybook
+                if (isStoryBook(config)) {
+                    return;
+                }
                 // Change some default configs for remote modules
                 if (moduleFederationOptions.exposes) {
                     var _config_server, _config_dev_client, _originalConfig_dev, _config_server1;
@@ -262,8 +280,7 @@ var pluginModuleFederation = function(moduleFederationOptions) {
                 // Module Federation runtime uses ES6+ syntax,
                 // adding to include and let SWC transform it
                 config.source.include = _to_consumable_array(config.source.include || []).concat([
-                    /@module-federation[\\/]sdk/,
-                    /@module-federation[\\/]runtime/
+                    /@module-federation[\\/]/
                 ]);
                 return config;
             });

package/dist/src/cli/index.d.ts

@@ -8,3 +8,4 @@ declare const RSPACK_PLUGIN_MODULE_FEDERATION_NAME = "module-federation";
 export { RSBUILD_PLUGIN_MODULE_FEDERATION_NAME, RSPACK_PLUGIN_MODULE_FEDERATION_NAME, PLUGIN_NAME, };
 export declare function isMFFormat(bundlerConfig: Rspack.Configuration): boolean;
 export declare const pluginModuleFederation: (moduleFederationOptions: ModuleFederationOptions) => RsbuildPlugin;
+export { createModuleFederationConfig } from '@module-federation/enhanced';

package/dist/src/cli/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/utils/autoDeleteSplitChunkCacheGroups.d.ts

@@ -1,3 +1,49 @@
 import type { moduleFederationPlugin } from '@module-federation/sdk';
 import type { Rspack } from '@rsbuild/core';
-export declare function autoDeleteSplitChunkCacheGroups(mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, bundlerConfig: Rspack.Configuration): void;
+type OptimizationConfig = Rspack.Configuration['optimization'];
+type SplitChunksConfig = NonNullable<OptimizationConfig>['splitChunks'];
+export declare function autoDeleteSplitChunkCacheGroups(mfConfig: moduleFederationPlugin.ModuleFederationPluginOptions, splitChunks: SplitChunksConfig): {
+    name?: string | false | ((args_0: Rspack.Module | undefined, ...args: unknown[]) => unknown) | undefined;
+    chunks?: RegExp | "all" | "initial" | "async" | ((args_0: Rspack.Chunk, ...args: unknown[]) => boolean) | undefined;
+    usedExports?: boolean | undefined;
+    maxSize?: number | Record<string, number> | undefined;
+    defaultSizeTypes?: string[] | undefined;
+    minChunks?: number | undefined;
+    minSize?: number | Record<string, number> | undefined;
+    maxAsyncSize?: number | Record<string, number> | undefined;
+    maxInitialSize?: number | Record<string, number> | undefined;
+    maxAsyncRequests?: number | undefined;
+    maxInitialRequests?: number | undefined;
+    automaticNameDelimiter?: string | undefined;
+    cacheGroups?: Record<string, false | {
+        type?: string | RegExp | undefined;
+        filename?: string | undefined;
+        name?: string | false | ((args_0: Rspack.Module | undefined, ...args: unknown[]) => unknown) | undefined;
+        priority?: number | undefined;
+        chunks?: RegExp | "all" | "initial" | "async" | ((args_0: Rspack.Chunk, ...args: unknown[]) => boolean) | undefined;
+        usedExports?: boolean | undefined;
+        test?: string | RegExp | ((args_0: Rspack.Module, ...args: unknown[]) => unknown) | undefined;
+        enforce?: boolean | undefined;
+        maxSize?: number | Record<string, number> | undefined;
+        reuseExistingChunk?: boolean | undefined;
+        idHint?: string | undefined;
+        defaultSizeTypes?: string[] | undefined;
+        minChunks?: number | undefined;
+        minSize?: number | Record<string, number> | undefined;
+        maxAsyncSize?: number | Record<string, number> | undefined;
+        maxInitialSize?: number | Record<string, number> | undefined;
+        maxAsyncRequests?: number | undefined;
+        maxInitialRequests?: number | undefined;
+        automaticNameDelimiter?: string | undefined;
+    }> | undefined;
+    fallbackCacheGroup?: {
+        chunks?: RegExp | "all" | "initial" | "async" | ((args_0: Rspack.Chunk, ...args: unknown[]) => boolean) | undefined;
+        maxSize?: number | undefined;
+        minSize?: number | undefined;
+        maxAsyncSize?: number | undefined;
+        maxInitialSize?: number | undefined;
+        automaticNameDelimiter?: string | undefined;
+    } | undefined;
+    hidePathInfo?: boolean | undefined;
+} | undefined;
+export {};

package/dist/utils.cjs.js

@@ -34,12 +34,11 @@ var SHARED_SPLIT_CHUNK_MAP = {
     '@douyinfe/semi-ui': SPLIT_CHUNK_MAP.SEMI,
     axios: SPLIT_CHUNK_MAP.AXIOS
 };
-function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
-    var _bundlerConfig_optimization;
+function autoDeleteSplitChunkCacheGroups(mfConfig, splitChunks) {
     if (!mfConfig.shared) {
         return;
     }
-    if (!((_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? void 0 : _bundlerConfig_optimization.splitChunks) || !bundlerConfig.optimization.splitChunks.cacheGroups) {
+    if (!splitChunks || !(splitChunks === null || splitChunks === void 0 ? void 0 : splitChunks.cacheGroups)) {
         return;
     }
     var arrayShared = Array.isArray(mfConfig.shared) ? mfConfig.shared : Object.keys(mfConfig.shared);
@@ -51,8 +50,8 @@ function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
             if (!splitChunkKey) {
                 continue;
             }
-            if (bundlerConfig.optimization.splitChunks.cacheGroups[splitChunkKey]) {
-                delete bundlerConfig.optimization.splitChunks.cacheGroups[splitChunkKey];
+            if (splitChunks.cacheGroups[splitChunkKey]) {
+                delete splitChunks.cacheGroups[splitChunkKey];
             }
         }
     } catch (err) {
@@ -69,6 +68,7 @@ function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
             }
         }
     }
+    return splitChunks;
 }
 
 function isRegExp(target) {

package/dist/utils.esm.js

@@ -32,12 +32,11 @@ var SHARED_SPLIT_CHUNK_MAP = {
     '@douyinfe/semi-ui': SPLIT_CHUNK_MAP.SEMI,
     axios: SPLIT_CHUNK_MAP.AXIOS
 };
-function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
-    var _bundlerConfig_optimization;
+function autoDeleteSplitChunkCacheGroups(mfConfig, splitChunks) {
     if (!mfConfig.shared) {
         return;
     }
-    if (!((_bundlerConfig_optimization = bundlerConfig.optimization) === null || _bundlerConfig_optimization === void 0 ? void 0 : _bundlerConfig_optimization.splitChunks) || !bundlerConfig.optimization.splitChunks.cacheGroups) {
+    if (!splitChunks || !(splitChunks === null || splitChunks === void 0 ? void 0 : splitChunks.cacheGroups)) {
         return;
     }
     var arrayShared = Array.isArray(mfConfig.shared) ? mfConfig.shared : Object.keys(mfConfig.shared);
@@ -49,8 +48,8 @@ function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
             if (!splitChunkKey) {
                 continue;
             }
-            if (bundlerConfig.optimization.splitChunks.cacheGroups[splitChunkKey]) {
-                delete bundlerConfig.optimization.splitChunks.cacheGroups[splitChunkKey];
+            if (splitChunks.cacheGroups[splitChunkKey]) {
+                delete splitChunks.cacheGroups[splitChunkKey];
             }
         }
     } catch (err) {
@@ -67,6 +66,7 @@ function autoDeleteSplitChunkCacheGroups(mfConfig, bundlerConfig) {
             }
         }
     }
+    return splitChunks;
 }
 
 function isRegExp(target) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@module-federation/rsbuild-plugin",
-  "version": "0.9.1",
+  "version": "0.11.0",
   "description": "Module Federation plugin for Rsbuild",
   "homepage": "https://module-federation.io",
   "bugs": {
@@ -40,8 +40,8 @@
     "dist"
   ],
   "dependencies": {
-    "@module-federation/sdk": "0.9.1",
-    "@module-federation/enhanced": "0.9.1"
+    "@module-federation/sdk": "0.11.0",
+    "@module-federation/enhanced": "0.11.0"
   },
   "devDependencies": {
     "@rsbuild/core": "^1.0.19"