@gravity-ui/app-builder 0.15.0 → 0.15.1-beta.2

package/dist/common/webpack/config.js

@@ -27,6 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.webpackConfigFactory = webpackConfigFactory;
+exports.rspackConfigFactory = rspackConfigFactory;
 exports.configureModuleRules = configureModuleRules;
 exports.configureResolve = configureResolve;
 exports.configureOptimization = configureOptimization;
@@ -43,6 +44,11 @@ const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-re
 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_manifest_plugin_1 = require("rspack-manifest-plugin");
+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");
@@ -53,10 +59,11 @@ const utils_2 = require("../typescript/utils");
 const node_externals_1 = require("./node-externals");
 const imagesSizeLimit = 2048;
 const fontSizeLimit = 8192;
-async function webpackConfigFactory(webpackMode, config, { logger, isSsr = false } = {}) {
+const assetsManifestFile = 'assets-manifest.json';
+function getHelperOptions({ webpackMode, config, logger, isSsr = false, }) {
     const isEnvDevelopment = webpackMode === "development" /* WebpackMode.Dev */;
     const isEnvProduction = webpackMode === "production" /* WebpackMode.Prod */;
-    const helperOptions = {
+    return {
         config,
         logger,
         isEnvDevelopment,
@@ -66,6 +73,11 @@ async function webpackConfigFactory(webpackMode, config, { logger, isSsr = false
         entriesDirectory: isSsr ? paths_1.default.appSsrEntry : paths_1.default.appEntry,
         isSsr,
     };
+}
+async function webpackConfigFactory(options) {
+    const { config } = options;
+    const helperOptions = getHelperOptions(options);
+    const { isSsr, isEnvProduction } = helperOptions;
     let externals = config.externals;
     if (isSsr) {
         externals =
@@ -77,7 +89,7 @@ async function webpackConfigFactory(webpackMode, config, { logger, isSsr = false
                 });
     }
     let webpackConfig = {
-        mode: webpackMode,
+        mode: isEnvProduction ? 'production' : 'development',
         context: paths_1.default.app,
         bail: isEnvProduction,
         target: isSsr ? 'node' : undefined,
@@ -88,7 +100,7 @@ async function webpackConfigFactory(webpackMode, config, { logger, isSsr = false
         module: {
             rules: configureModuleRules(helperOptions),
         },
-        plugins: configurePlugins(helperOptions),
+        plugins: configureWebpackPlugins(helperOptions),
         optimization: configureOptimization(helperOptions),
         externals,
         node: config.node,
@@ -106,12 +118,57 @@ async function webpackConfigFactory(webpackMode, config, { logger, isSsr = false
         },
         cache: config.cache,
     };
-    webpackConfig = await config.webpack(webpackConfig, { configType: webpackMode, isSsr });
+    webpackConfig = await config.webpack(webpackConfig, {
+        configType: isEnvProduction ? 'production' : 'development',
+        isSsr,
+    });
     if (config.debugWebpack) {
         (0, log_config_1.logConfig)('Preview webpack config', webpackConfig);
     }
     return webpackConfig;
 }
+async function rspackConfigFactory(options) {
+    const { config } = options;
+    const helperOptions = getHelperOptions(options);
+    const { isSsr, isEnvProduction, isEnvDevelopment } = helperOptions;
+    // Cache is required for lazy compilation
+    const cache = Boolean(config.cache) || (isEnvDevelopment && Boolean(config.lazyCompilation));
+    let rspackConfig = {
+        mode: isEnvProduction ? 'production' : 'development',
+        context: paths_1.default.app,
+        bail: isEnvProduction,
+        target: isSsr ? 'node' : undefined,
+        devtool: configureDevTool(helperOptions),
+        entry: configureEntry(helperOptions),
+        output: configureRspackOutput(helperOptions),
+        resolve: configureRspackResolve(helperOptions),
+        module: {
+            rules: (0, rspack_1.prepareRspackRules)(configureModuleRules(helperOptions)),
+        },
+        plugins: configureRspackPlugins(helperOptions),
+        optimization: configureRspackOptimization(helperOptions),
+        // TODO externals,
+        node: config.node,
+        watchOptions: configureWatchOptions(helperOptions),
+        ignoreWarnings: [/Failed to parse source map/],
+        infrastructureLogging: config.verbose
+            ? {
+                colors: true,
+                level: 'verbose',
+            }
+            : undefined,
+        experiments: configureRspackExperiments(helperOptions),
+        cache,
+    };
+    rspackConfig = await config.rspack(rspackConfig, {
+        configType: isEnvProduction ? 'production' : 'development',
+        isSsr,
+    });
+    if (config.debugWebpack) {
+        (0, log_config_1.logConfig)('Preview rspack config', rspackConfig);
+    }
+    return rspackConfig;
+}
 function configureModuleRules(helperOptions, additionalRules = []) {
     const jsLoader = createJavaScriptLoader(helperOptions);
     return [
@@ -182,6 +239,56 @@ function configureExperiments({ config, isEnvProduction, isSsr, }) {
         lazyCompilation,
     };
 }
+function configureRspackExperiments({ config, isEnvProduction, isSsr, }) {
+    if (isSsr) {
+        return config.ssr?.moduleType === 'esm' ? { outputModule: true } : undefined;
+    }
+    if (isEnvProduction) {
+        return undefined;
+    }
+    let lazyCompilation;
+    let port;
+    if (config.lazyCompilation) {
+        if (typeof config.lazyCompilation === 'object') {
+            port = config.lazyCompilation.port;
+        }
+        lazyCompilation = {
+            // Lazy compilation works without problems only with lazy imports
+            // See https://github.com/web-infra-dev/rspack/issues/8503
+            entries: false,
+            imports: true,
+            backend: {
+                client: require.resolve('./lazy-client.js'),
+                ...(port
+                    ? {
+                        listen: {
+                            port,
+                        },
+                    }
+                    : {}),
+            },
+            test(module) {
+                // make sure that lazy-client.js won't be lazy compiled)
+                return !module.nameForCondition().endsWith('lazy-client.js');
+            },
+        };
+    }
+    return {
+        cache: {
+            type: 'persistent',
+            snapshot: {
+                managedPaths: config.watchOptions?.watchPackages ? [] : undefined,
+            },
+            storage: {
+                type: 'filesystem',
+                directory: typeof config.cache === 'object' && 'cacheDirectory' in config.cache
+                    ? config.cache.cacheDirectory
+                    : undefined,
+            },
+        },
+        lazyCompilation,
+    };
+}
 function configureResolve({ isEnvProduction, config }) {
     const alias = { ...config.alias };
     for (const [key, value] of Object.entries(alias)) {
@@ -203,6 +310,16 @@ function configureResolve({ isEnvProduction, config }) {
         fallback: config.fallback,
     };
 }
+function configureRspackResolve(helperOptions) {
+    const { alias, modules, extensions, symlinks, fallback } = configureResolve(helperOptions);
+    return {
+        alias: Array.isArray(alias) ? undefined : alias,
+        modules,
+        extensions,
+        symlinks,
+        fallback: Array.isArray(fallback) ? undefined : fallback,
+    };
+}
 function createEntryArray(entry) {
     return [require.resolve('./public-path'), entry];
 }
@@ -249,6 +366,18 @@ function configureOutput(options) {
         ...ssrOptions,
     };
 }
+function configureRspackOutput(options) {
+    const { filename, chunkFilename, library, chunkFormat, path, pathinfo } = configureOutput(options);
+    return {
+        filename: typeof filename === 'string' ? filename : undefined,
+        chunkFilename: typeof chunkFilename === 'string' ? chunkFilename : undefined,
+        library,
+        chunkFormat,
+        path,
+        pathinfo,
+        clean: false,
+    };
+}
 function createJavaScriptLoader({ isEnvProduction, isEnvDevelopment, configType, config, isSsr, }) {
     const plugins = [];
     if (!isSsr) {
@@ -326,7 +455,9 @@ function createWorkerRule(options) {
                     loader: require.resolve('./worker/worker-loader'),
                 }
                 : {
-                    loader: require.resolve('worker-loader'),
+                    loader: require.resolve(options.config.bundler === 'rspack'
+                        ? 'worker-rspack-loader'
+                        : 'worker-loader'),
                     // currently workers located on cdn are not working properly, so we are enforcing loading workers from
                     // service instead
                     options: {
@@ -370,6 +501,7 @@ function createStylesRule(options) {
     };
 }
 function getCssLoaders({ isEnvDevelopment, isEnvProduction, config, isSsr }, additionalRules) {
+    const isRspack = config.bundler === 'rspack';
     const loaders = [];
     if (!config.transformCssWithLightningCss) {
         loaders.push({
@@ -409,11 +541,17 @@ function getCssLoaders({ isEnvDevelopment, isEnvProduction, config, isSsr }, add
         },
     });
     if (isEnvProduction) {
-        loaders.unshift({ loader: mini_css_extract_plugin_1.default.loader, options: { emit: !isSsr } });
+        loaders.unshift({
+            loader: isRspack ? core_1.CssExtractRspackPlugin.loader : mini_css_extract_plugin_1.default.loader,
+            options: { emit: !isSsr },
+        });
     }
     if (isEnvDevelopment) {
         if (isSsr || config.ssr) {
-            loaders.unshift({ loader: mini_css_extract_plugin_1.default.loader, options: { emit: !isSsr } });
+            loaders.unshift({
+                loader: isRspack ? core_1.CssExtractRspackPlugin.loader : mini_css_extract_plugin_1.default.loader,
+                options: { emit: !isSsr },
+            });
         }
         else {
             loaders.unshift({
@@ -567,47 +705,42 @@ function createMomentTimezoneDataPlugin(options = {}) {
     const endYear = options.endYear ?? currentYear;
     return new moment_timezone_data_webpack_plugin_1.default({ ...options, startYear, endYear });
 }
-function configurePlugins(options) {
-    const { isEnvDevelopment, isEnvProduction, config, isSsr } = options;
-    const excludeFromClean = config.excludeFromClean || [];
-    const manifestFile = 'assets-manifest.json';
-    const plugins = [
-        new clean_webpack_plugin_1.CleanWebpackPlugin({
-            verbose: config.verbose,
-            cleanOnceBeforeBuildPatterns: [
-                '**/*',
-                ...(isEnvDevelopment ? ['!manifest.json'] : []),
-                ...excludeFromClean,
-            ],
-        }),
-        new webpack_manifest_plugin_1.WebpackManifestPlugin({
-            writeToFileEmit: true,
-            publicPath: '',
-        }),
-        new webpack_assets_manifest_1.default(isEnvProduction
-            ? {
-                entrypoints: true,
-                output: manifestFile,
-            }
-            : {
-                entrypoints: true,
-                writeToDisk: true,
-                output: path.resolve(options.buildDirectory, manifestFile),
-            }),
-        new webpack.DefinePlugin({
-            'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
-            'process.env.IS_SSR': JSON.stringify(isSsr),
-            ...config.definitions,
-        }),
-    ];
-    if (options.logger) {
-        plugins.push(new progress_plugin_1.ProgressPlugin({ logger: options.logger }));
+function getDefinitions({ config, isSsr }) {
+    return {
+        'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV),
+        'process.env.IS_SSR': JSON.stringify(isSsr),
+        ...config.definitions,
+    };
+}
+function getContextReplacements({ config, isSsr }) {
+    const contextReplacement = config.contextReplacement || {};
+    if (isSsr) {
+        return [];
     }
-    if (process.env.WEBPACK_PROFILE === 'true') {
-        plugins.push(new webpack.debug.ProfilingPlugin());
+    const replacements = [
+        {
+            resourceRegExp: /moment[\\/]locale$/, // eslint-disable-next-line security/detect-non-literal-regexp
+            newResource: new RegExp(`^\\./(${(contextReplacement.locale || ['ru']).join('|')})$`),
+        },
+        {
+            resourceRegExp: /dayjs[\\/]locale$/,
+            // eslint-disable-next-line security/detect-non-literal-regexp
+            newResource: new RegExp(`^\\./(${(contextReplacement.locale || ['ru']).join('|')})\\.js$`),
+        },
+    ];
+    if (contextReplacement['highlight.js']) {
+        replacements.push({
+            resourceRegExp: /highlight\.js[\\/]lib[\\/]languages$/,
+            // eslint-disable-next-line security/detect-non-literal-regexp
+            newResource: new RegExp(`^\\./(${contextReplacement['highlight.js'].join('|')})$`),
+        });
     }
-    if (config.forkTsChecker !== false) {
-        plugins.push(new fork_ts_checker_webpack_plugin_1.default({
+    return replacements;
+}
+function getForkTsCheckerOptions({ config, }) {
+    return config.forkTsChecker === false
+        ? undefined
+        : {
             ...config.forkTsChecker,
             typescript: {
                 typescriptPath: (0, utils_2.resolveTypescript)(),
@@ -618,8 +751,30 @@ function configurePlugins(options) {
                 mode: 'write-references',
                 ...config.forkTsChecker?.typescript,
             },
-        }));
-    }
+        };
+}
+function getCssExtractPluginOptions({ isEnvProduction }) {
+    return {
+        filename: isEnvProduction ? 'css/[name].[contenthash:8].css' : 'css/[name].css',
+        chunkFilename: isEnvProduction
+            ? 'css/[name].[contenthash:8].chunk.css'
+            : 'css/[name].chunk.css',
+        ignoreOrder: true,
+    };
+}
+function configureCommonPlugins(options) {
+    const { isEnvDevelopment, isEnvProduction, config, isSsr } = options;
+    const excludeFromClean = config.excludeFromClean || [];
+    const plugins = [
+        new clean_webpack_plugin_1.CleanWebpackPlugin({
+            verbose: config.verbose,
+            cleanOnceBeforeBuildPatterns: [
+                '**/*',
+                ...(isEnvDevelopment ? ['!manifest.json'] : []),
+                ...excludeFromClean,
+            ],
+        }),
+    ];
     if (config.detectCircularDependencies) {
         let circularPluginOptions = {
             exclude: /node_modules/,
@@ -638,27 +793,6 @@ function configurePlugins(options) {
                 reportFilename: 'stats.html',
             }));
         }
-        if (config.analyzeBundle === 'statoscope') {
-            const customStatoscopeConfig = config.statoscopeConfig || {};
-            plugins.push(new webpack_plugin_1.default({
-                saveReportTo: path.resolve(options.buildDirectory, 'report.html'),
-                saveStatsTo: path.resolve(options.buildDirectory, 'stats.json'),
-                open: false,
-                statsOptions: {
-                    all: true,
-                },
-                ...customStatoscopeConfig,
-            }));
-        }
-    }
-    if (isEnvProduction || isSsr || config.ssr) {
-        plugins.push(new mini_css_extract_plugin_1.default({
-            filename: isEnvProduction ? 'css/[name].[contenthash:8].css' : 'css/[name].css',
-            chunkFilename: isEnvProduction
-                ? 'css/[name].[contenthash:8].chunk.css'
-                : 'css/[name].chunk.css',
-            ignoreOrder: true,
-        }));
     }
     if (!isSsr) {
         if (config.monaco) {
@@ -671,84 +805,145 @@ function configurePlugins(options) {
                 publicPath: path.normalize(config.publicPathPrefix + '/build/'),
             }));
         }
-        const contextReplacement = config.contextReplacement || {};
         plugins.push(createMomentTimezoneDataPlugin(config.momentTz));
-        plugins.push(new webpack.ContextReplacementPlugin(/moment[\\/]locale$/, 
-        // eslint-disable-next-line security/detect-non-literal-regexp
-        new RegExp(`^\\./(${(contextReplacement.locale || ['ru']).join('|')})$`)));
-        plugins.push(new webpack.ContextReplacementPlugin(/dayjs[\\/]locale$/, 
-        // eslint-disable-next-line security/detect-non-literal-regexp
-        new RegExp(`^\\./(${(contextReplacement.locale || ['ru']).join('|')})\\.js$`)));
-        if (contextReplacement['highlight.js']) {
-            plugins.push(new webpack.ContextReplacementPlugin(/highlight\.js[\\/]lib[\\/]languages$/, 
-            // eslint-disable-next-line security/detect-non-literal-regexp
-            new RegExp(`^\\./(${contextReplacement['highlight.js'].join('|')})$`)));
+    }
+    if (isEnvProduction) {
+        if (config.sentryConfig) {
+            const sentryPlugin = require('@sentry/webpack-plugin').sentryWebpackPlugin;
+            plugins.push(sentryPlugin({ ...config.sentryConfig }));
         }
+    }
+    if (config.cdn) {
+        plugins.push(...(0, s3_upload_1.createS3UploadPlugins)(config, options.logger));
+    }
+    return plugins;
+}
+function configureWebpackPlugins(options) {
+    const { isEnvDevelopment, isEnvProduction, config, isSsr } = options;
+    const forkTsCheckerOptions = getForkTsCheckerOptions(options);
+    const webpackPlugins = [
+        ...configureCommonPlugins(options),
+        ...(options.logger ? [new progress_plugin_1.ProgressPlugin({ logger: options.logger })] : []),
+        new webpack.DefinePlugin(getDefinitions(options)),
+        new webpack_manifest_plugin_1.WebpackManifestPlugin({
+            writeToFileEmit: true,
+            publicPath: '',
+        }),
+        new webpack_assets_manifest_1.default(isEnvProduction
+            ? {
+                entrypoints: true,
+                output: assetsManifestFile,
+            }
+            : {
+                entrypoints: true,
+                writeToDisk: true,
+                output: path.resolve(options.buildDirectory, assetsManifestFile),
+            }),
+        ...(process.env.WEBPACK_PROFILE === 'true' ? [new webpack.debug.ProfilingPlugin()] : []),
+        ...(forkTsCheckerOptions ? [new fork_ts_checker_webpack_plugin_1.default(forkTsCheckerOptions)] : []),
+    ];
+    if (isEnvProduction || isSsr || config.ssr) {
+        webpackPlugins.push(new mini_css_extract_plugin_1.default(getCssExtractPluginOptions(options)));
+    }
+    if (isEnvProduction) {
+        if (config.analyzeBundle === 'statoscope') {
+            const customStatoscopeConfig = config.statoscopeConfig || {};
+            webpackPlugins.push(new webpack_plugin_1.default({
+                saveReportTo: path.resolve(options.buildDirectory, 'report.html'),
+                saveStatsTo: path.resolve(options.buildDirectory, 'stats.json'),
+                open: false,
+                statsOptions: {
+                    all: true,
+                },
+                ...customStatoscopeConfig,
+            }));
+        }
+        if (config.analyzeBundle === 'rsdoctor') {
+            const { RsdoctorWebpackPlugin } = require('@rsdoctor/webpack-plugin');
+            webpackPlugins.push(new RsdoctorWebpackPlugin({
+                mode: 'brief',
+            }));
+        }
+    }
+    if (!isSsr) {
+        const contextReplacements = getContextReplacements(options);
+        contextReplacements.forEach(({ resourceRegExp, newResource }) => webpackPlugins.push(new webpack.ContextReplacementPlugin(resourceRegExp, newResource)));
         if (isEnvDevelopment && config.reactRefresh !== false) {
             const { webSocketPath = path.normalize(`/${config.publicPathPrefix}/build/sockjs-node`), } = config.devServer || {};
-            plugins.push(new react_refresh_webpack_plugin_1.default(config.reactRefresh({
+            const reactRefreshConfig = config.reactRefresh({
                 overlay: { sockPath: webSocketPath },
                 exclude: [/node_modules/, /\.worker\.[jt]sx?$/],
-            })));
+            });
+            webpackPlugins.push(new react_refresh_webpack_plugin_1.default(reactRefreshConfig));
         }
         if (config.polyfill?.process) {
-            plugins.push(new webpack.ProvidePlugin({ process: 'process/browser.js' }));
+            webpackPlugins.push(new webpack.ProvidePlugin({ process: 'process/browser.js' }));
         }
-        if (isEnvProduction) {
-            if (config.sentryConfig) {
-                const sentryPlugin = require('@sentry/webpack-plugin').sentryWebpackPlugin;
-                plugins.push(sentryPlugin({ ...config.sentryConfig }));
-            }
+    }
+    return webpackPlugins;
+}
+function configureRspackPlugins(options) {
+    const { isEnvDevelopment, isEnvProduction, config, isSsr } = options;
+    const forkTsCheckerOptions = getForkTsCheckerOptions(options);
+    const rspackPlugins = [
+        ...configureCommonPlugins(options),
+        ...(options.logger ? [new rspack_1.RspackProgressPlugin({ logger: options.logger })] : []),
+        new core_1.rspack.DefinePlugin(getDefinitions(options)),
+        new rspack_manifest_plugin_1.RspackManifestPlugin({
+            fileName: isEnvProduction
+                ? assetsManifestFile
+                : path.resolve(paths_1.default.appBuild, assetsManifestFile),
+            writeToFileEmit: true,
+            useLegacyEmit: true,
+            publicPath: '',
+            generate: rspack_1.generateAssetsManifest,
+        }),
+        ...(forkTsCheckerOptions ? [new ts_checker_rspack_plugin_1.TsCheckerRspackPlugin(forkTsCheckerOptions)] : []),
+    ];
+    if (isEnvProduction || isSsr || config.ssr) {
+        rspackPlugins.push(new core_1.CssExtractRspackPlugin(getCssExtractPluginOptions(options)));
+    }
+    if (isEnvProduction) {
+        if (config.analyzeBundle === 'rsdoctor') {
+            const { RsdoctorRspackPlugin } = require('@rsdoctor/rspack-plugin');
+            rspackPlugins.push(new RsdoctorRspackPlugin({
+                mode: 'brief',
+            }));
         }
-        if (config.cdn) {
-            let credentialsGlobal;
-            if (process.env.FRONTEND_S3_ACCESS_KEY_ID &&
-                process.env.FRONTEND_S3_SECRET_ACCESS_KEY) {
-                credentialsGlobal = {
-                    accessKeyId: process.env.FRONTEND_S3_ACCESS_KEY_ID,
-                    secretAccessKey: process.env.FRONTEND_S3_SECRET_ACCESS_KEY,
-                };
-            }
-            const cdns = Array.isArray(config.cdn) ? config.cdn : [config.cdn];
-            for (let index = 0; index < cdns.length; index++) {
-                const cdn = cdns[index];
-                if (!cdn) {
-                    continue;
-                }
-                let credentials = credentialsGlobal;
-                const accessKeyId = process.env[`FRONTEND_S3_ACCESS_KEY_ID_${index}`];
-                const secretAccessKey = process.env[`FRONTEND_S3_SECRET_ACCESS_KEY_${index}`];
-                if (accessKeyId && secretAccessKey) {
-                    credentials = {
-                        accessKeyId,
-                        secretAccessKey,
-                    };
-                }
-                plugins.push(new s3_upload_1.S3UploadPlugin({
-                    exclude: config.hiddenSourceMap ? /\.map$/ : undefined,
-                    compress: cdn.compress,
-                    s3ClientOptions: {
-                        region: cdn.region,
-                        endpoint: cdn.endpoint,
-                        credentials,
-                    },
-                    s3UploadOptions: {
-                        bucket: cdn.bucket,
-                        targetPath: cdn.prefix,
-                        cacheControl: cdn.cacheControl,
-                    },
-                    additionalPattern: cdn.additionalPattern,
-                    logger: options.logger,
-                }));
-            }
+    }
+    if (!isSsr) {
+        const contextReplacements = getContextReplacements(options);
+        contextReplacements.forEach(({ resourceRegExp, newResource }) => rspackPlugins.push(new core_1.rspack.ContextReplacementPlugin(resourceRegExp, newResource)));
+        if (isEnvDevelopment && config.reactRefresh !== false) {
+            const { webSocketPath = path.normalize(`/${config.publicPathPrefix}/build/sockjs-node`), } = config.devServer || {};
+            const { overlay, ...reactRefreshConfig } = config.reactRefresh({
+                overlay: { sockPath: webSocketPath },
+                exclude: [/node_modules/, /\.worker\.[jt]sx?$/],
+            });
+            rspackPlugins.push(new plugin_react_refresh_1.default({
+                ...reactRefreshConfig,
+                overlay: typeof overlay === 'object'
+                    ? {
+                        entry: typeof overlay.entry === 'string' ? overlay.entry : undefined,
+                        module: typeof overlay.module === 'string'
+                            ? overlay.module
+                            : undefined,
+                        sockPath: overlay.sockPath,
+                        sockHost: overlay.sockHost,
+                        sockPort: overlay.sockPort?.toString(),
+                        sockProtocol: overlay.sockProtocol,
+                        sockIntegration: overlay.sockIntegration === 'wds' ? 'wds' : undefined,
+                    }
+                    : undefined,
+            }));
+        }
+        if (config.polyfill?.process) {
+            rspackPlugins.push(new core_1.rspack.ProvidePlugin({ process: 'process/browser.js' }));
         }
     }
-    return plugins;
+    return rspackPlugins;
 }
-function configureOptimization({ config, isSsr }) {
-    if (isSsr) {
-        return {};
-    }
+function getOptimizationSplitChunks({ config }) {
     const configVendors = config.vendors ?? [];
     let vendorsList = [
         'react',
@@ -770,28 +965,35 @@ function configureOptimization({ config, isSsr }) {
         vendorsList = vendorsList.concat(configVendors);
     }
     const useVendorsList = vendorsList.length > 0;
-    const optimization = {
-        splitChunks: {
-            chunks: 'all',
-            cacheGroups: {
-                ...(useVendorsList
-                    ? {
-                        defaultVendors: {
-                            name: 'vendors',
-                            // eslint-disable-next-line security/detect-non-literal-regexp
-                            test: new RegExp(`([\\\\/])node_modules\\1(${vendorsList.join('|')})\\1`),
-                            priority: Infinity,
-                        },
-                    }
-                    : undefined),
-                css: {
-                    type: 'css/mini-extract',
-                    enforce: true,
-                    minChunks: 2,
-                    reuseExistingChunk: true,
-                },
+    return {
+        chunks: 'all',
+        cacheGroups: {
+            ...(useVendorsList
+                ? {
+                    defaultVendors: {
+                        name: 'vendors',
+                        // eslint-disable-next-line security/detect-non-literal-regexp
+                        test: new RegExp(`([\\\\/])node_modules\\1(${vendorsList.join('|')})\\1`),
+                        priority: Infinity,
+                    },
+                }
+                : undefined),
+            css: {
+                type: 'css/mini-extract',
+                enforce: true,
+                minChunks: 2,
+                reuseExistingChunk: true,
             },
         },
+    };
+}
+function configureOptimization(helperOptions) {
+    const { config, isSsr } = helperOptions;
+    if (isSsr) {
+        return {};
+    }
+    const optimization = {
+        splitChunks: getOptimizationSplitChunks(helperOptions),
         runtimeChunk: 'single',
         minimizer: [
             (compiler) => {
@@ -841,3 +1043,33 @@ function configureOptimization({ config, isSsr }) {
     };
     return optimization;
 }
+function configureRspackOptimization(helperOptions) {
+    const { config, isSsr } = helperOptions;
+    if (isSsr) {
+        return {};
+    }
+    const optimization = {
+        splitChunks: getOptimizationSplitChunks(helperOptions),
+        runtimeChunk: 'single',
+        minimizer: [
+            new core_1.rspack.SwcJsMinimizerRspackPlugin({
+                minimizerOptions: {
+                    mangle: !config.reactProfiling,
+                    compress: {
+                        passes: 2,
+                    },
+                    format: {
+                        safari10: config.safari10,
+                    },
+                },
+            }),
+            new core_1.rspack.LightningCssMinimizerRspackPlugin({
+                minimizerOptions: {
+                    // Plugin will read the browserslist itself and generate targets
+                    targets: [],
+                },
+            }),
+        ],
+    };
+    return optimization;
+}