@gravity-ui/app-builder 0.29.3-beta.0 → 0.30.0

package/dist/common/webpack/config.js

@@ -1,77 +1,46 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.webpackConfigFactory = webpackConfigFactory;
-exports.rspackConfigFactory = rspackConfigFactory;
-exports.configureModuleRules = configureModuleRules;
-exports.configureResolve = configureResolve;
-exports.configureOptimization = configureOptimization;
-const path = __importStar(require("node:path"));
-const fs = __importStar(require("node:fs"));
-const webpack = __importStar(require("webpack"));
-const clean_webpack_plugin_1 = require("clean-webpack-plugin");
-const webpack_manifest_plugin_1 = require("webpack-manifest-plugin");
-const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
-const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
-const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
-const webpack_assets_manifest_1 = __importDefault(require("webpack-assets-manifest"));
-const rspack_manifest_plugin_1 = require("rspack-manifest-plugin");
-const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
-const moment_timezone_data_webpack_plugin_1 = __importDefault(require("moment-timezone-data-webpack-plugin"));
-const webpack_plugin_1 = __importDefault(require("@statoscope/webpack-plugin"));
-const circular_dependency_plugin_1 = __importDefault(require("circular-dependency-plugin"));
-const core_1 = require("@rspack/core");
-const rspack_1 = require("./rspack");
-const ts_checker_rspack_plugin_1 = require("ts-checker-rspack-plugin");
-const plugin_react_refresh_1 = __importDefault(require("@rspack/plugin-react-refresh"));
-const paths_1 = __importDefault(require("../paths"));
-const babel_1 = require("../babel");
-const progress_plugin_1 = require("./progress-plugin");
-const utils_1 = require("./utils");
-const s3_upload_1 = require("../s3-upload");
-const log_config_1 = require("../logger/log-config");
-const utils_2 = require("../typescript/utils");
-const node_externals_1 = require("./node-externals");
+import * as path from 'node:path';
+import * as fs from 'node:fs';
+import * as webpack from 'webpack';
+import { CleanWebpackPlugin } from 'clean-webpack-plugin';
+import { WebpackManifestPlugin } from 'webpack-manifest-plugin';
+import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin';
+import MiniCSSExtractPlugin from 'mini-css-extract-plugin';
+import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
+import WebpackAssetsManifest from 'webpack-assets-manifest';
+import { RspackManifestPlugin } from 'rspack-manifest-plugin';
+import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin';
+import MomentTimezoneDataPlugin from 'moment-timezone-data-webpack-plugin';
+import StatoscopeWebpackPlugin from '@statoscope/webpack-plugin';
+import CircularDependencyPlugin from 'circular-dependency-plugin';
+import { rspack } from '@rspack/core';
+import { generateAssetsManifest } from './rspack';
+import { TsCheckerRspackPlugin } from 'ts-checker-rspack-plugin';
+import ReactRefreshRspackPlugin from '@rspack/plugin-react-refresh';
+import paths from '../paths';
+import { babelPreset } from '../babel';
+import { createProgressPlugin } from './progress-plugin';
+import { resolveTsConfigPathsToAlias } from './utils';
+import { createS3UploadPlugins } from '../s3-upload';
+import { logConfig } from '../logger/log-config';
+import { resolveTypescript } from '../typescript/utils';
+import { nodeExternals } from './node-externals';
 const imagesSizeLimit = 2048;
 const fontSizeLimit = 8192;
 function getHelperOptions({ webpackMode, config, logger, isSsr = false, configPath, }) {
     const isEnvDevelopment = webpackMode === "development" /* WebpackMode.Dev */;
     const isEnvProduction = webpackMode === "production" /* WebpackMode.Prod */;
+    let buildDirectory = config.outputPath || (isSsr ? paths.appSsrBuild : paths.appBuild);
+    if (config.moduleFederation) {
+        buildDirectory = path.resolve(buildDirectory, config.moduleFederation.name);
+    }
     return {
         config,
         logger,
         isEnvDevelopment,
         isEnvProduction,
         configType: webpackMode,
-        buildDirectory: config.outputPath || (isSsr ? paths_1.default.appSsrBuild : paths_1.default.appBuild),
-        assetsManifestFile: config.assetsManifestFile,
-        entry: config.entry,
-        entriesDirectory: isSsr ? paths_1.default.appSsrEntry : paths_1.default.appEntry,
+        buildDirectory,
+        entriesDirectory: isSsr ? paths.appSsrEntry : paths.appEntry,
         isSsr,
         configPath,
     };
@@ -82,7 +51,7 @@ function configureExternals({ config, isSsr }) {
         externals =
             config.ssr?.noExternal === true
                 ? undefined
-                : (0, node_externals_1.nodeExternals)({
+                : nodeExternals({
                     noExternal: config.ssr?.noExternal,
                     module: config.ssr?.moduleType === 'esm',
                 });
@@ -91,21 +60,29 @@ function configureExternals({ config, isSsr }) {
 }
 function configureWebpackCache(options) {
     const { config } = options;
-    if (typeof config.cache === 'object' && config.cache.type === 'filesystem') {
-        return {
-            ...config.cache,
+    let cache = config.cache;
+    if (typeof cache === 'object' && cache.type === 'filesystem') {
+        cache = {
+            ...cache,
             buildDependencies: getCacheBuildDependencies(options),
         };
+        if (config.moduleFederation) {
+            cache = {
+                name: config.moduleFederation.name,
+                version: config.moduleFederation.version,
+                ...cache,
+            };
+        }
     }
-    return config.cache;
+    return cache;
 }
-async function webpackConfigFactory(options) {
+export async function webpackConfigFactory(options) {
     const { config } = options;
     const helperOptions = getHelperOptions(options);
     const { isSsr, isEnvProduction } = helperOptions;
     let webpackConfig = {
         mode: isEnvProduction ? 'production' : 'development',
-        context: paths_1.default.app,
+        context: paths.app,
         bail: isEnvProduction,
         target: isSsr ? 'node' : undefined,
         devtool: configureDevTool(helperOptions),
@@ -138,11 +115,11 @@ async function webpackConfigFactory(options) {
         isSsr,
     });
     if (config.debugWebpack) {
-        (0, log_config_1.logConfig)('Preview webpack config', webpackConfig);
+        logConfig('Preview webpack config', webpackConfig);
     }
     return webpackConfig;
 }
-async function rspackConfigFactory(options) {
+export async function rspackConfigFactory(options) {
     const { config } = options;
     const helperOptions = getHelperOptions(options);
     const { isSsr, isEnvProduction, isEnvDevelopment } = helperOptions;
@@ -150,7 +127,7 @@ async function rspackConfigFactory(options) {
     const cache = Boolean(config.cache) || (isEnvDevelopment && Boolean(config.lazyCompilation));
     let rspackConfig = {
         mode: isEnvProduction ? 'production' : 'development',
-        context: paths_1.default.app,
+        context: paths.app,
         bail: isEnvProduction,
         target: isSsr ? 'node' : undefined,
         devtool: configureDevTool(helperOptions),
@@ -180,11 +157,11 @@ async function rspackConfigFactory(options) {
         isSsr,
     });
     if (config.debugWebpack) {
-        (0, log_config_1.logConfig)('Preview rspack config', rspackConfig);
+        logConfig('Preview rspack config', rspackConfig);
     }
     return rspackConfig;
 }
-async function configureModuleRules(helperOptions, additionalRules = []) {
+export async function configureModuleRules(helperOptions, additionalRules = []) {
     const jsLoader = await createJavaScriptLoader(helperOptions);
     return [
         ...createSourceMapRules(!helperOptions.config.disableSourceMapGeneration),
@@ -225,10 +202,10 @@ function getCacheBuildDependencies({ config, configPath }) {
     const buildDependencies = {};
     const dependenciesGroups = {
         appBuilderConfig: configPath ? [configPath] : [],
-        packageJson: [path.join(paths_1.default.app, 'package.json')],
+        packageJson: [path.join(paths.app, 'package.json')],
         tsconfig: [
-            path.join(paths_1.default.app, 'tsconfig.json'),
-            path.join(paths_1.default.appClient, 'tsconfig.json'),
+            path.join(paths.app, 'tsconfig.json'),
+            path.join(paths.appClient, 'tsconfig.json'),
         ],
     };
     for (const [group, filePaths] of Object.entries(dependenciesGroups)) {
@@ -319,16 +296,16 @@ function configureRspackExperiments(options) {
         lazyCompilation,
     };
 }
-function configureResolve({ isEnvProduction, config }) {
+export function configureResolve({ isEnvProduction, config }) {
     const alias = { ...config.alias };
     for (const [key, value] of Object.entries(alias)) {
-        alias[key] = path.resolve(paths_1.default.app, value);
+        alias[key] = path.resolve(paths.app, value);
     }
     if (isEnvProduction && config.reactProfiling) {
         alias['react-dom$'] = 'react-dom/profiling';
         alias['scheduler/tracing'] = 'scheduler/tracing-profiling';
     }
-    const { aliases, modules = [] } = (0, utils_1.resolveTsConfigPathsToAlias)(paths_1.default.appClient);
+    const { aliases, modules = [] } = resolveTsConfigPathsToAlias(paths.appClient);
     return {
         alias: {
             ...aliases,
@@ -340,6 +317,10 @@ function configureResolve({ isEnvProduction, config }) {
         fallback: config.fallback,
     };
 }
+function isModuleFederationEntry(entryName, fileName) {
+    // Ignore bootstrap file for module federation entries
+    return entryName === fileName || `${entryName}-bootstrap` === fileName;
+}
 function createEntryArray(entry) {
     if (typeof entry === 'string') {
         return [require.resolve('./public-path'), entry];
@@ -352,24 +333,44 @@ function addEntry(entry, file) {
         [path.parse(file).name]: createEntryArray(file),
     };
 }
-function configureEntry({ config, entry, entriesDirectory }) {
-    if (typeof entry === 'string' || Array.isArray(entry)) {
-        return createEntryArray(entry);
+function configureEntry({ config, entriesDirectory }) {
+    if (typeof config.entry === 'string' || Array.isArray(config.entry)) {
+        return createEntryArray(config.entry);
     }
-    if (typeof entry === 'object') {
-        return Object.entries(entry).reduce((acc, [key, value]) => ({
+    if (typeof config.entry === 'object') {
+        return Object.entries(config.entry).reduce((acc, [key, value]) => ({
             ...acc,
             [key]: createEntryArray(value),
         }), {});
     }
-    let entries = fs.readdirSync(entriesDirectory).filter((file) => /\.[jt]sx?$/.test(file));
+    let entryFiles = fs.readdirSync(entriesDirectory).filter((file) => /\.[jt]sx?$/.test(file));
+    let result = {};
+    if (config.moduleFederation) {
+        const { name, remotes } = config.moduleFederation;
+        const entryFile = entryFiles.find((item) => path.parse(item).name === name);
+        if (!entryFile) {
+            throw new Error(`Entry "${name}" not found`);
+        }
+        // If remotes are not defined, it means that we are a remote
+        if (!remotes) {
+            return path.resolve(entriesDirectory, entryFile);
+        }
+        entryFiles = entryFiles.filter((file) => {
+            const fileName = path.parse(file).name;
+            return (!isModuleFederationEntry(name, fileName) &&
+                remotes.every((remote) => !isModuleFederationEntry(remote, fileName)));
+        });
+        result = {
+            main: createEntryArray(path.resolve(entriesDirectory, entryFile)),
+        };
+    }
     if (Array.isArray(config.entryFilter) && config.entryFilter.length) {
-        entries = entries.filter((file) => config.entryFilter?.includes(file.split('.')[0] ?? ''));
+        entryFiles = entryFiles.filter((file) => config.entryFilter?.includes(path.parse(file).name));
     }
-    if (!entries.length) {
+    if (!entryFiles.length) {
         throw new Error('No entries were found after applying entry filter');
     }
-    return entries.reduce((acc, file) => addEntry(acc, path.resolve(entriesDirectory, file)), {});
+    return entryFiles.reduce((acc, file) => addEntry(acc, path.resolve(entriesDirectory, file)), result);
 }
 function getFileNames({ isEnvProduction, isSsr, config }) {
     let ext = 'js';
@@ -384,18 +385,25 @@ function getFileNames({ isEnvProduction, isSsr, config }) {
     };
 }
 function configureOutput(options) {
-    let ssrOptions;
+    let ssrOptions, moduleFederationOptions;
     if (options.isSsr) {
         ssrOptions = {
             library: { type: options.config.ssr?.moduleType === 'esm' ? 'module' : 'commonjs2' },
             chunkFormat: false,
         };
     }
+    if (options.config.moduleFederation) {
+        moduleFederationOptions = {
+            publicPath: 'auto',
+            uniqueName: options.config.moduleFederation.name,
+        };
+    }
     return {
         ...getFileNames(options),
         path: options.buildDirectory,
         pathinfo: options.isEnvDevelopment,
         ...ssrOptions,
+        ...moduleFederationOptions,
     };
 }
 async function createJavaScriptLoader({ isEnvProduction, isEnvDevelopment, configType, config, isSsr, }) {
@@ -493,7 +501,7 @@ async function createJavaScriptLoader({ isEnvProduction, isEnvDevelopment, confi
         }
     }
     const babelTransformOptions = await config.babel({
-        presets: [(0, babel_1.babelPreset)({ newJsxTransform: config.newJsxTransform, isSsr })],
+        presets: [babelPreset({ newJsxTransform: config.newJsxTransform, isSsr })],
         plugins,
     }, { configType, isSsr });
     return {
@@ -512,9 +520,9 @@ async function createJavaScriptLoader({ isEnvProduction, isEnvDevelopment, confi
 }
 function createJavaScriptRule({ config, isEnvProduction }, jsLoader) {
     const include = [
-        paths_1.default.appClient,
+        paths.appClient,
         ...(config.monaco && isEnvProduction
-            ? [path.resolve(paths_1.default.appNodeModules, 'monaco-editor/esm/vs')]
+            ? [path.resolve(paths.appNodeModules, 'monaco-editor/esm/vs')]
             : []),
         ...(config.includes || []),
     ];
@@ -571,7 +579,7 @@ function createSassStylesRule(options) {
             options: {
                 sourceMap: true, // must be always true for work with resolve-url-loader
                 sassOptions: {
-                    loadPaths: [paths_1.default.appClient],
+                    loadPaths: [paths.appClient],
                 },
             },
         },
@@ -594,15 +602,27 @@ function getCssLoaders({ isEnvDevelopment, isEnvProduction, config, isSsr }, add
     const isRspack = config.bundler === 'rspack';
     const loaders = [];
     if (!config.transformCssWithLightningCss) {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        const postcssPlugins = [
+            [require.resolve('postcss-preset-env'), { enableClientSidePolyfills: false }],
+        ];
+        if (config.moduleFederation?.isolateStyles) {
+            const { name, isolateStyles } = config.moduleFederation;
+            postcssPlugins.push([
+                require.resolve('postcss-prefix-selector'),
+                {
+                    prefix: isolateStyles.getPrefix(name),
+                    transform: isolateStyles.prefixSelector,
+                },
+            ]);
+        }
         loaders.push({
             loader: require.resolve('postcss-loader'),
             options: {
                 sourceMap: !config.disableSourceMapGeneration,
                 postcssOptions: {
                     config: false,
-                    plugins: [
-                        [require.resolve('postcss-preset-env'), { enableClientSidePolyfills: false }],
-                    ],
+                    plugins: postcssPlugins,
                 },
             },
         });
@@ -632,7 +652,7 @@ function getCssLoaders({ isEnvDevelopment, isEnvProduction, config, isSsr }, add
     });
     if (isEnvProduction) {
         loaders.unshift({
-            loader: isRspack ? core_1.rspack.CssExtractRspackPlugin.loader : mini_css_extract_plugin_1.default.loader,
+            loader: isRspack ? rspack.CssExtractRspackPlugin.loader : MiniCSSExtractPlugin.loader,
             options: { emit: !isSsr },
         });
     }
@@ -640,8 +660,8 @@ function getCssLoaders({ isEnvDevelopment, isEnvProduction, config, isSsr }, add
         if (isSsr || config.ssr) {
             loaders.unshift({
                 loader: isRspack
-                    ? core_1.rspack.CssExtractRspackPlugin.loader
-                    : mini_css_extract_plugin_1.default.loader,
+                    ? rspack.CssExtractRspackPlugin.loader
+                    : MiniCSSExtractPlugin.loader,
                 options: { emit: !isSsr },
             });
         }
@@ -699,7 +719,7 @@ function createIconsRule({ isEnvProduction, config, isSsr }, jsLoader) {
 function createAssetsRules({ isEnvProduction, config, isSsr }) {
     const imagesRule = {
         test: /\.(ico|bmp|gif|jpe?g|png|svg)$/,
-        include: [paths_1.default.appClient, ...(config.images || [])],
+        include: [paths.appClient, ...(config.images || [])],
         type: 'asset',
         parser: {
             dataUrlCondition: {
@@ -713,7 +733,7 @@ function createAssetsRules({ isEnvProduction, config, isSsr }) {
     };
     const fontsRule = {
         test: /\.(ttf|eot|woff2?)$/,
-        include: [paths_1.default.appClient],
+        include: [paths.appClient],
         type: 'asset',
         parser: {
             dataUrlCondition: {
@@ -732,7 +752,7 @@ function createAssetsRules({ isEnvProduction, config, isSsr }) {
         rules.unshift({
             test: /\.(ico|bmp|gif|jpe?g|png|svg)$/,
             issuer: /\.s?css$/,
-            include: [paths_1.default.appClient, ...(config.images || [])],
+            include: [paths.appClient, ...(config.images || [])],
             type: 'asset',
             parser: {
                 dataUrlCondition: {
@@ -747,7 +767,7 @@ function createAssetsRules({ isEnvProduction, config, isSsr }) {
         }, {
             test: /\.(ttf|eot|woff2?)$/,
             issuer: /\.s?css$/,
-            include: [paths_1.default.appClient],
+            include: [paths.appClient],
             type: 'asset',
             parser: {
                 dataUrlCondition: {
@@ -796,7 +816,7 @@ function createMomentTimezoneDataPlugin(options = {}) {
     // https://momentjs.com/timezone/docs/#/use-it/webpack/
     const startYear = options.startYear ?? currentYear;
     const endYear = options.endYear ?? currentYear;
-    return new moment_timezone_data_webpack_plugin_1.default({ ...options, startYear, endYear });
+    return new MomentTimezoneDataPlugin({ ...options, startYear, endYear });
 }
 function getDefinitions({ config, isSsr }) {
     return {
@@ -836,8 +856,8 @@ function getForkTsCheckerOptions({ config, }) {
         : {
             ...config.forkTsChecker,
             typescript: {
-                typescriptPath: (0, utils_2.resolveTypescript)(),
-                configFile: path.resolve(paths_1.default.appClient, 'tsconfig.json'),
+                typescriptPath: resolveTypescript(),
+                configFile: path.resolve(paths.appClient, 'tsconfig.json'),
                 diagnosticOptions: {
                     syntactic: true,
                 },
@@ -860,7 +880,7 @@ function configureCommonPlugins(options, bundlerPlugins) {
     const excludeFromClean = config.excludeFromClean || [];
     const forkTsCheckerOptions = getForkTsCheckerOptions(options);
     const plugins = [
-        new clean_webpack_plugin_1.CleanWebpackPlugin({
+        new CleanWebpackPlugin({
             verbose: config.verbose,
             cleanOnceBeforeBuildPatterns: [
                 '**/*',
@@ -884,7 +904,7 @@ function configureCommonPlugins(options, bundlerPlugins) {
         if (typeof config.detectCircularDependencies === 'object') {
             circularPluginOptions = config.detectCircularDependencies;
         }
-        plugins.push(new circular_dependency_plugin_1.default(circularPluginOptions));
+        plugins.push(new CircularDependencyPlugin(circularPluginOptions));
     }
     if (isEnvProduction || isSsr || config.ssr) {
         plugins.push(new bundlerPlugins.CSSExtractPlugin(getCssExtractPluginOptions(options)));
@@ -908,10 +928,36 @@ function configureCommonPlugins(options, bundlerPlugins) {
             }));
         }
         plugins.push(createMomentTimezoneDataPlugin(config.momentTz));
+        if (config.moduleFederation) {
+            const { name, version, publicPath, remotes, originalRemotes, remotesRuntimeVersioning, runtimePlugins, ...restOptions } = config.moduleFederation;
+            let actualRemotes = originalRemotes;
+            if (remotes) {
+                actualRemotes = remotes.reduce((acc, remoteName) => {
+                    const remoteFilename = remotesRuntimeVersioning
+                        ? 'entry-[version].js'
+                        : 'entry.js';
+                    // eslint-disable-next-line no-param-reassign
+                    acc[remoteName] =
+                        `${remoteName}@${publicPath}${remoteName}/${remoteFilename}`;
+                    return acc;
+                }, {});
+            }
+            const actualRuntimePlugins = runtimePlugins || [];
+            if (remotesRuntimeVersioning) {
+                actualRuntimePlugins.push(require.resolve('./runtime-versioning-plugin'));
+            }
+            plugins.push(new bundlerPlugins.ModuleFederationPlugin({
+                name,
+                filename: version ? `entry-${version}.js` : 'entry.js',
+                remotes: actualRemotes,
+                runtimePlugins: actualRuntimePlugins,
+                ...restOptions,
+            }));
+        }
     }
     if (isEnvProduction) {
         if (config.analyzeBundle === 'true') {
-            plugins.push(new webpack_bundle_analyzer_1.BundleAnalyzerPlugin({
+            plugins.push(new BundleAnalyzerPlugin({
                 openAnalyzer: false,
                 analyzerMode: 'static',
                 reportFilename: 'stats.html',
@@ -919,7 +965,7 @@ function configureCommonPlugins(options, bundlerPlugins) {
         }
         if (config.analyzeBundle === 'statoscope') {
             const customStatoscopeConfig = config.statoscopeConfig || {};
-            plugins.push(new webpack_plugin_1.default({
+            plugins.push(new StatoscopeWebpackPlugin({
                 saveReportTo: path.resolve(options.buildDirectory, 'report.html'),
                 saveStatsTo: path.resolve(options.buildDirectory, 'stats.json'),
                 open: false,
@@ -940,7 +986,7 @@ function configureCommonPlugins(options, bundlerPlugins) {
         }
     }
     if (config.cdn) {
-        plugins.push(...(0, s3_upload_1.createS3UploadPlugins)(config, options.logger));
+        plugins.push(...createS3UploadPlugins(config, options.logger));
     }
     return plugins;
 }
@@ -950,23 +996,25 @@ function configureWebpackPlugins(options) {
         DefinePlugin: webpack.DefinePlugin,
         ContextReplacementPlugin: webpack.ContextReplacementPlugin,
         ProvidePlugin: webpack.ProvidePlugin,
-        ProgressPlugin: (0, progress_plugin_1.createProgressPlugin)(webpack.ProgressPlugin),
-        ManifestPlugin: webpack_manifest_plugin_1.WebpackManifestPlugin,
-        TsCheckerPlugin: fork_ts_checker_webpack_plugin_1.default,
-        CSSExtractPlugin: mini_css_extract_plugin_1.default,
+        ProgressPlugin: createProgressPlugin(webpack.ProgressPlugin),
+        ManifestPlugin: WebpackManifestPlugin,
+        TsCheckerPlugin: ForkTsCheckerWebpackPlugin,
+        CSSExtractPlugin: MiniCSSExtractPlugin,
         RSDoctorPlugin: require('@rsdoctor/webpack-plugin').RsdoctorWebpackPlugin,
+        ModuleFederationPlugin: require('@module-federation/enhanced/webpack')
+            .ModuleFederationPlugin,
     };
     const webpackPlugins = [
         ...configureCommonPlugins(options, plugins),
-        new webpack_assets_manifest_1.default(isEnvProduction
+        new WebpackAssetsManifest(isEnvProduction
             ? {
                 entrypoints: true,
-                output: options.assetsManifestFile,
+                output: config.assetsManifestFile,
             }
             : {
                 entrypoints: true,
                 writeToDisk: true,
-                output: path.resolve(options.buildDirectory, options.assetsManifestFile),
+                output: path.resolve(options.buildDirectory, config.assetsManifestFile),
             }),
         ...(process.env.WEBPACK_PROFILE === 'true' ? [new webpack.debug.ProfilingPlugin()] : []),
     ];
@@ -976,32 +1024,34 @@ function configureWebpackPlugins(options) {
             overlay: { sockPath: webSocketPath },
             exclude: [/node_modules/, /\.worker\.[jt]sx?$/],
         });
-        webpackPlugins.push(new react_refresh_webpack_plugin_1.default(reactRefreshConfig));
+        webpackPlugins.push(new ReactRefreshWebpackPlugin(reactRefreshConfig));
     }
     return webpackPlugins;
 }
 function configureRspackPlugins(options) {
     const { isEnvDevelopment, isEnvProduction, config, isSsr } = options;
     const plugins = {
-        DefinePlugin: core_1.rspack.DefinePlugin,
-        ContextReplacementPlugin: core_1.rspack.ContextReplacementPlugin,
-        ProvidePlugin: core_1.rspack.ProvidePlugin,
-        ProgressPlugin: (0, progress_plugin_1.createProgressPlugin)(core_1.rspack.ProgressPlugin),
-        ManifestPlugin: rspack_manifest_plugin_1.RspackManifestPlugin,
-        TsCheckerPlugin: ts_checker_rspack_plugin_1.TsCheckerRspackPlugin,
-        CSSExtractPlugin: core_1.rspack.CssExtractRspackPlugin,
+        DefinePlugin: rspack.DefinePlugin,
+        ContextReplacementPlugin: rspack.ContextReplacementPlugin,
+        ProvidePlugin: rspack.ProvidePlugin,
+        ProgressPlugin: createProgressPlugin(rspack.ProgressPlugin),
+        ManifestPlugin: RspackManifestPlugin,
+        TsCheckerPlugin: TsCheckerRspackPlugin,
+        CSSExtractPlugin: rspack.CssExtractRspackPlugin,
         RSDoctorPlugin: require('@rsdoctor/rspack-plugin').RsdoctorRspackPlugin,
+        ModuleFederationPlugin: require('@module-federation/enhanced/rspack')
+            .ModuleFederationPlugin,
     };
     const rspackPlugins = [
         ...configureCommonPlugins(options, plugins),
-        new rspack_manifest_plugin_1.RspackManifestPlugin({
+        new RspackManifestPlugin({
             fileName: isEnvProduction
-                ? options.assetsManifestFile
-                : path.resolve(options.buildDirectory, options.assetsManifestFile),
+                ? config.assetsManifestFile
+                : path.resolve(options.buildDirectory, config.assetsManifestFile),
             writeToFileEmit: true,
             useLegacyEmit: true,
             publicPath: '',
-            generate: rspack_1.generateAssetsManifest,
+            generate: generateAssetsManifest,
         }),
     ];
     if (!isSsr && isEnvDevelopment && config.reactRefresh !== false) {
@@ -1010,7 +1060,7 @@ function configureRspackPlugins(options) {
             overlay: { sockPath: webSocketPath },
             exclude: [/node_modules/, /\.worker\.[jt]sx?$/],
         });
-        rspackPlugins.push(new plugin_react_refresh_1.default({
+        rspackPlugins.push(new ReactRefreshRspackPlugin({
             ...reactRefreshConfig,
             overlay: typeof overlay === 'object'
                 ? {
@@ -1071,7 +1121,7 @@ function getOptimizationSplitChunks({ config }) {
         },
     };
 }
-function configureOptimization(helperOptions) {
+export function configureOptimization(helperOptions) {
     const { config, isSsr } = helperOptions;
     if (isSsr) {
         return {};
@@ -1151,7 +1201,7 @@ function configureRspackOptimization(helperOptions) {
         if (typeof lightningCssMinimizerOptions === 'function') {
             lightningCssMinifyOptions = lightningCssMinimizerOptions(lightningCssMinifyOptions);
         }
-        cssMinimizer = new core_1.rspack.LightningCssMinimizerRspackPlugin(lightningCssMinifyOptions);
+        cssMinimizer = new rspack.LightningCssMinimizerRspackPlugin(lightningCssMinifyOptions);
     }
     else {
         const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
@@ -1183,8 +1233,8 @@ function configureRspackOptimization(helperOptions) {
     }
     const optimization = {
         splitChunks: getOptimizationSplitChunks(helperOptions),
-        runtimeChunk: 'single',
-        minimizer: [new core_1.rspack.SwcJsMinimizerRspackPlugin(swcMinifyOptions), cssMinimizer],
+        runtimeChunk: helperOptions.config.moduleFederation ? false : 'single',
+        minimizer: [new rspack.SwcJsMinimizerRspackPlugin(swcMinifyOptions), cssMinimizer],
     };
     return optimization;
 }