arui-scripts 18.7.0 → 19.0.1

package/build/configs/stats-options.d.ts

@@ -1,3 +1,3 @@
-import type { WebpackOptionsNormalized } from 'webpack';
-declare const statsOptions: WebpackOptionsNormalized['stats'];
+import type { RspackOptionsNormalized } from '@rspack/core';
+declare const statsOptions: RspackOptionsNormalized['stats'];
 export default statsOptions;

package/build/configs/util/apply-overrides.d.ts

@@ -1,22 +1,22 @@
+import type * as rspack from '@rspack/core';
 import type { Options as SwcOptions } from '@swc/core';
-import type { Configuration as WebpackConfiguration, WebpackOptionsNormalized } from 'webpack';
 import type { Configuration as WebpackDevServerConfiguration } from 'webpack-dev-server';
 import { AppContextWithConfigs } from '../app-configs/types';
 import { createSingleClientWebpackConfig } from '../webpack.client';
 import { findLoader } from './find-loader';
 import { findPlugin } from './find-plugin';
 type Overrides = {
-    webpack: WebpackConfiguration | WebpackConfiguration[];
-    webpackClient: WebpackConfiguration | WebpackConfiguration[];
-    webpackDev: WebpackConfiguration | WebpackConfiguration[];
-    webpackClientDev: WebpackConfiguration | WebpackConfiguration[];
-    webpackServer: WebpackConfiguration;
-    webpackServerDev: WebpackConfiguration;
-    webpackProd: WebpackConfiguration;
-    webpackClientProd: WebpackConfiguration | WebpackConfiguration[];
-    webpackServerProd: WebpackConfiguration;
+    webpack: rspack.Configuration | rspack.Configuration[];
+    webpackClient: rspack.Configuration | rspack.Configuration[];
+    webpackDev: rspack.Configuration | rspack.Configuration[];
+    webpackClientDev: rspack.Configuration | rspack.Configuration[];
+    webpackServer: rspack.Configuration;
+    webpackServerDev: rspack.Configuration;
+    webpackProd: rspack.Configuration;
+    webpackClientProd: rspack.Configuration | rspack.Configuration[];
+    webpackServerProd: rspack.Configuration;
     devServer: WebpackDevServerConfiguration;
-    stats: WebpackOptionsNormalized['stats'];
+    stats: rspack.RspackOptionsNormalized['stats'];
     babel: any;
     babelClient: any;
     babelServer: any;

package/build/configs/util/find-loader.d.ts

@@ -1,2 +1,2 @@
-import webpack from 'webpack';
-export declare function findLoader(config: webpack.Configuration, testRule: string): webpack.RuleSetRule | undefined;
+import type { Configuration, RuleSetRule } from '@rspack/core';
+export declare function findLoader(config: Configuration, testRule: string): RuleSetRule | undefined;

package/build/configs/util/find-plugin.d.ts

@@ -1,12 +1,13 @@
 import { Cluster } from 'cluster';
 import { ReactRefreshPluginOptions } from '@pmmmwh/react-refresh-webpack-plugin/types/lib/types';
+import { type CssExtractRspackPluginOptions, Configuration, DefinePlugin, NormalModuleReplacementPlugin } from '@rspack/core';
+import { BannerPluginOptions } from '@rspack/core/dist/builtin-plugin/BannerPlugin';
 import AssetsPlugin from 'assets-webpack-plugin';
 import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
 import CompressionPlugin from 'compression-webpack-plugin';
 import { ForkTsCheckerWebpackPluginOptions } from 'fork-ts-checker-webpack-plugin/lib/ForkTsCheckerWebpackPluginOptions';
 import MiniCssExtractPlugin from 'mini-css-extract-plugin';
 import { RunScriptWebpackPlugin } from 'run-script-webpack-plugin';
-import webpack from 'webpack';
 import { WebpackDeduplicationPlugin } from 'webpack-deduplication-plugin';
 import { WebpackManifestPlugin } from 'webpack-manifest-plugin';
 type PluginsListClient = {
@@ -14,7 +15,10 @@ type PluginsListClient = {
         options: AssetsPlugin.Options;
     };
     DefinePlugin: {
-        definitions: ConstructorParameters<typeof webpack.DefinePlugin>[number];
+        definitions: ConstructorParameters<typeof DefinePlugin>[number];
+    };
+    CssExtractRspackPlugin: {
+        options: CssExtractRspackPluginOptions;
     };
     MiniCssExtractPlugin: {
         options: MiniCssExtractPlugin.PluginOptions;
@@ -30,7 +34,6 @@ type PluginsListClient = {
         } | {
             checkResource: (resource: string, context: string) => boolean;
         };
-        checkIgnore: (resolveData: webpack.ResolveData) => undefined | false;
     };
     WebpackDeduplicationPlugin: WebpackDeduplicationPlugin;
     ReactRefreshPlugin: {
@@ -48,11 +51,11 @@ type PluginsListClient = {
     CompressionPlugin: {
         options: ConstructorParameters<typeof CompressionPlugin>[number];
     };
-    NormalModuleReplacementPlugin: webpack.NormalModuleReplacementPlugin;
+    NormalModuleReplacementPlugin: NormalModuleReplacementPlugin;
 };
 type PluginsListServer = {
     BannerPlugin: {
-        options: webpack.BannerPlugin['options'];
+        options: BannerPluginOptions;
     };
     RunScriptWebpackPlugin: {
         options: ConstructorParameters<typeof RunScriptWebpackPlugin>[number];
@@ -78,5 +81,5 @@ type SelectedPluginsList<Type extends 'client' | 'server'> = Type extends 'clien
  * @param pluginName имя плагина
  * @returns плагин или плагины, которые подошли под условие из testRule
  */
-export declare function findPlugin<Type extends 'client' | 'server'>(): <PluginName extends keyof SelectedPluginsList<Type>>(config: webpack.Configuration, pluginName: PluginName) => SelectedPluginsList<Type>[PluginName][];
+export declare function findPlugin<Type extends 'client' | 'server'>(): <PluginName extends keyof SelectedPluginsList<Type>>(config: Configuration, pluginName: PluginName) => SelectedPluginsList<Type>[PluginName][];
 export {};

package/build/configs/webpack.client.d.ts

@@ -1,4 +1,4 @@
-import webpack, { Configuration } from 'webpack';
+import { Configuration } from '@rspack/core';
 import { Entry } from './util/get-entry';
 /**
  * Создает конфигурацию для сборки клиентского кода. Может быть использована для создания дополнительных конфигураций.
@@ -7,4 +7,4 @@ import { Entry } from './util/get-entry';
  * @param configName Имя конфигурации, если не указано, то используется имя по умолчанию
  */
 export declare const createSingleClientWebpackConfig: (mode: "dev" | "prod", entry: Entry, configName?: string) => Configuration;
-export declare const createClientWebpackConfig: (mode: "dev" | "prod") => webpack.Configuration | webpack.Configuration[];
+export declare const createClientWebpackConfig: (mode: "dev" | "prod") => import("@rspack/core").RspackOptions | import("@rspack/core").RspackOptions[];

package/build/configs/webpack.client.dev.d.ts

@@ -1,2 +1,2 @@
-declare const config: import("webpack").Configuration | import("webpack").Configuration[];
+declare const config: import("@rspack/core").RspackOptions | import("@rspack/core").RspackOptions[];
 export default config;

package/build/configs/webpack.client.js

@@ -10,25 +10,22 @@ exports.createClientWebpackConfig = exports.createSingleClientWebpackConfig = vo
 const path_1 = __importDefault(require("path"));
 const getCSSModuleLocalIdent_1 = __importDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
 const react_refresh_typescript_1 = __importDefault(require("react-refresh-typescript"));
-const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
+const core_1 = require("@rspack/core");
+const plugin_react_refresh_1 = __importDefault(require("@rspack/plugin-react-refresh"));
 const assets_webpack_plugin_1 = __importDefault(require("assets-webpack-plugin"));
 const case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sensitive-paths-webpack-plugin"));
 const compression_webpack_plugin_1 = __importDefault(require("compression-webpack-plugin"));
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
 const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
-const mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
 const mini_svg_data_uri_1 = __importDefault(require("mini-svg-data-uri"));
+const rspack_manifest_plugin_1 = require("rspack-manifest-plugin");
 const terser_webpack_plugin_1 = __importDefault(require("terser-webpack-plugin"));
-const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
-const webpack_1 = __importDefault(require("webpack"));
 const webpack_deduplication_plugin_1 = require("webpack-deduplication-plugin");
-const webpack_manifest_plugin_1 = require("webpack-manifest-plugin");
 const arui_runtime_1 = require("../plugins/arui-runtime");
 const html_template_1 = require("../templates/html.template");
 const minimizers_1 = require("./config-extras/minimizers");
 const check_node_version_1 = __importDefault(require("./util/check-node-version"));
 const get_entry_1 = __importDefault(require("./util/get-entry"));
-const get_webpack_cache_dependencies_1 = require("./util/get-webpack-cache-dependencies");
 const app_configs_1 = require("./app-configs");
 const babel_client_1 = __importDefault(require("./babel-client"));
 const babel_dependencies_1 = require("./babel-dependencies");
@@ -37,7 +34,6 @@ const modules_1 = require("./modules");
 const postcss_1 = __importDefault(require("./postcss"));
 const process_assets_plugin_output_1 = require("./process-assets-plugin-output");
 const swc_1 = require("./swc");
-const PnpWebpackPlugin = require('pnp-webpack-plugin');
 const CssMinimizerPlugin = require('css-minimizer-webpack-plugin');
 const noopPath = require.resolve('./util/noop');
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -65,7 +61,6 @@ function getMinimizeConfig(mode) {
         return {
             minimize: true,
             minimizer: [
-                ...(0, minimizers_1.getImageMin)(),
                 new terser_webpack_plugin_1.default({
                     terserOptions: {
                         parse: {
@@ -138,7 +133,9 @@ function getMinimizeConfig(mode) {
 // eslint-disable-next-line complexity
 const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.assign(Object.assign({}, (configName ? { name: configName } : {})), { target: 'web', mode: mode === 'dev' ? 'development' : 'production', devtool: mode === 'dev' ? app_configs_1.configs.devSourceMaps : 'source-map', entry: (0, get_entry_1.default)(entry, getSingleEntry, mode), 
     // in production mode we need to fail on first error
-    bail: mode === 'prod', context: app_configs_1.configs.cwd, output: {
+    bail: mode === 'prod', context: app_configs_1.configs.cwd, experiments: {
+        css: false,
+    }, output: {
         assetModuleFilename: 'static/media/[name].[hash:8][ext]',
         // Add /* filename */ comments to generated require()s in the output.
         pathinfo: mode === 'dev',
@@ -157,20 +154,20 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                     commons: {
                         chunks: 'initial',
                         minChunks: 2,
-                        maxInitialRequests: 5, // The default limit is too small to showcase the effect
                         minSize: 0, // This is example is too small to create commons chunks
                     },
                     vendor: {
                         test: /node_modules/,
                         chunks: 'initial',
-                        name: (_, chunks, cacheGroupKey) => {
+                        // Почему то rspack предоставляет некорректные типы для этой функции.
+                        name: ((_, chunks, cacheGroupKey) => {
                             if (!configName) {
                                 return 'vendor';
                             }
                             // Нам нужно сделать так, чтобы у разных конфигураций были разные имена чанков
                             const allChunksNames = chunks.map((item) => item.name).join('~');
                             return `${cacheGroupKey}-${allChunksNames}`;
-                        },
+                        }), // eslint-disable-line @typescript-eslint/no-explicit-any
                         priority: 10,
                         enforce: true,
                     },
@@ -191,33 +188,8 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
         // `web` extension prefixes have been added for better support
         // for React Native Web.
         extensions: ['.web.js', '.mjs', '.cjs', '.js', '.json', '.web.jsx', '.jsx', '.ts', '.tsx'],
-        plugins: [
-            app_configs_1.configs.tsconfig &&
-                new tsconfig_paths_webpack_plugin_1.default({
-                    configFile: app_configs_1.configs.tsconfig,
-                    extensions: [
-                        '.web.js',
-                        '.mjs',
-                        '.js',
-                        '.json',
-                        '.web.jsx',
-                        '.jsx',
-                        '.ts',
-                        '.tsx',
-                    ],
-                }),
-        ].filter(Boolean),
-    }, resolveLoader: {
-        plugins: [PnpWebpackPlugin.moduleLoader(module)],
-    }, cache: mode === 'dev'
-        ? {
-            type: 'filesystem',
-            buildDependencies: Object.assign({ config: [__filename] }, (0, get_webpack_cache_dependencies_1.getWebpackCacheDependencies)()),
-        }
-        : false, module: {
-        // typescript interface will be removed from modules, and we will get an error on correct code
-        // see https://github.com/webpack/webpack/issues/7378
-        strictExportPresence: !app_configs_1.configs.tsconfig,
+        tsConfig: app_configs_1.configs.tsconfig ? { configFile: app_configs_1.configs.tsconfig } : undefined,
+    }, resolveLoader: {}, cache: mode === 'dev', module: {
         rules: [
             {
                 // "oneOf" will traverse all following loaders until one will
@@ -236,7 +208,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                         exclude: /\.module\.css$/,
                         use: [
                             {
-                                loader: mini_css_extract_plugin_1.default.loader,
+                                loader: core_1.CssExtractRspackPlugin.loader,
                                 options: { publicPath: './' },
                             },
                             {
@@ -261,7 +233,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                         test: /\.module\.css$/,
                         use: [
                             {
-                                loader: mini_css_extract_plugin_1.default.loader,
+                                loader: core_1.CssExtractRspackPlugin.loader,
                                 options: { publicPath: './' },
                             },
                             {
@@ -288,7 +260,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                         test: /\.svg/,
                         type: 'asset',
                         generator: {
-                            dataUrl: (content) => (0, mini_svg_data_uri_1.default)(content.toString()),
+                            dataUrl: (file) => (0, mini_svg_data_uri_1.default)(file.content.toString()),
                         },
                         parser: {
                             dataUrlCondition: {
@@ -296,6 +268,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                             },
                         },
                     },
+                    mode === 'prod' && (0, minimizers_1.getImageMinLoader)(),
                     {
                         exclude: [/\.(js|jsx|mjs|cjs|ts|tsx)$/, /\.(html|ejs)$/, /\.json$/],
                         type: 'asset',
@@ -313,12 +286,12 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
     }, plugins: [
         assetsPlugin,
         clientAssetsPlugin,
-        new webpack_1.default.DefinePlugin(Object.assign({ 
+        new core_1.DefinePlugin(Object.assign({ 
             // Tell Webpack to provide empty mocks for process.env.
             'process.env': '{}' }, (mode === 'dev'
             ? { 'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV) }
             : {}))),
-        new mini_css_extract_plugin_1.default((() => {
+        new core_1.CssExtractRspackPlugin((() => {
             const prefix = `${configName ? `${configName}-` : ''}`;
             return {
                 ignoreOrder: true,
@@ -338,7 +311,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
         // moment.js очень большая библиотека, которая включает в себя массу локализаций, которые мы не используем.
         // Поэтому мы их просто игнорируем, чтобы не включать в сборку.
         // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
-        new webpack_1.default.IgnorePlugin({
+        new core_1.IgnorePlugin({
             resourceRegExp: /^\.\/locale$/,
             contextRegExp: /moment$/,
         }),
@@ -353,10 +326,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                 rootPath: app_configs_1.configs.cwd,
             }),
         // dev plugins:
-        mode === 'dev' &&
-            new react_refresh_webpack_plugin_1.default({
-                overlay: false,
-            }),
+        mode === 'dev' && new plugin_react_refresh_1.default(),
         // Watcher doesn't work well if you mistype casing in a path so we use
         // a plugin that prints an error when you attempt to do this.
         // See https://github.com/facebookincubator/create-react-app/issues/240
@@ -371,7 +341,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
             }),
         mode === 'dev' && app_configs_1.configs.clientOnly && new client_env_config_1.ClientConfigPlugin(),
         // production plugins:
-        mode === 'prod' && new webpack_manifest_plugin_1.WebpackManifestPlugin(),
+        mode === 'prod' && new rspack_manifest_plugin_1.RspackManifestPlugin({}),
         mode === 'prod' &&
             new compression_webpack_plugin_1.default({
                 filename: '[file].gz',
@@ -396,13 +366,11 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
         // This should works fine, since proptypes usage should be eliminated in production mode
         mode === 'prod' &&
             !app_configs_1.configs.keepPropTypes &&
-            new webpack_1.default.NormalModuleReplacementPlugin(/^react-style-proptype$/, noopPath),
+            new core_1.NormalModuleReplacementPlugin(/^react-style-proptype$/, noopPath),
         mode === 'prod' &&
             !app_configs_1.configs.keepPropTypes &&
-            new webpack_1.default.NormalModuleReplacementPlugin(/^thrift-services\/proptypes/, noopPath),
-    ].filter(Boolean), experiments: {
-        backCompat: app_configs_1.configs.webpack4Compatibility,
-    }, 
+            new core_1.NormalModuleReplacementPlugin(/^thrift-services\/proptypes/, noopPath),
+    ].filter(Boolean), 
     // Без этого комиляция трирегилась на изменение в node_modules и приводила к утечке памяти
     watchOptions: {
         ignored: new RegExp(app_configs_1.configs.watchIgnorePath.join('|')),
@@ -437,7 +405,7 @@ function getCodeLoader(mode) {
         return {
             test: /\.(js|jsx|mjs|ts|tsx|cjs)$/,
             include: app_configs_1.configs.appSrc,
-            loader: require.resolve('swc-loader'),
+            loader: 'builtin:swc-loader',
             options: Object.assign(Object.assign({ cacheDirectory: mode === 'dev', cacheCompression: false }, swc_1.swcClientConfig), { jsc: Object.assign(Object.assign({}, swc_1.swcClientConfig.jsc), { transform: Object.assign(Object.assign({}, (_a = swc_1.swcClientConfig.jsc) === null || _a === void 0 ? void 0 : _a.transform), { react: Object.assign(Object.assign({}, (_c = (_b = swc_1.swcClientConfig.jsc) === null || _b === void 0 ? void 0 : _b.transform) === null || _c === void 0 ? void 0 : _c.react), { refresh: mode === 'dev' }) }) }) }),
         };
     }

package/build/configs/webpack.client.prod.d.ts

@@ -1,2 +1,2 @@
-declare const config: import("webpack").Configuration | import("webpack").Configuration[];
+declare const config: import("@rspack/core").RspackOptions | import("@rspack/core").RspackOptions[];
 export default config;

package/build/configs/webpack.server.d.ts

@@ -1,2 +1,2 @@
-import { Configuration } from 'webpack';
+import { Configuration } from '@rspack/core';
 export declare const createServerConfig: (mode: "dev" | "prod") => Configuration;

package/build/configs/webpack.server.dev.d.ts

@@ -1,2 +1,2 @@
-declare const config: import("webpack").Configuration;
+declare const config: import("@rspack/core").RspackOptions;
 export default config;

package/build/configs/webpack.server.js

@@ -9,21 +9,19 @@ exports.createServerConfig = void 0;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const getCSSModuleLocalIdent_1 = __importDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
+const core_1 = require("@rspack/core");
 const case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sensitive-paths-webpack-plugin"));
 const run_script_webpack_plugin_1 = require("run-script-webpack-plugin");
-const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
-const webpack_1 = __importDefault(require("webpack"));
 const webpack_node_externals_1 = __importDefault(require("webpack-node-externals"));
+const reload_server_plugin_1 = require("../plugins/reload-server-plugin");
+const watch_missing_node_modules_plugin_1 = require("../plugins/watch-missing-node-modules-plugin");
 const get_entry_1 = __importDefault(require("./util/get-entry"));
-const get_webpack_cache_dependencies_1 = require("./util/get-webpack-cache-dependencies");
 const app_configs_1 = __importDefault(require("./app-configs"));
 const babel_dependencies_1 = require("./babel-dependencies");
 const babel_server_1 = __importDefault(require("./babel-server"));
 const postcss_1 = __importDefault(require("./postcss"));
 const server_externals_exemptions_1 = require("./server-externals-exemptions");
 const swc_1 = require("./swc");
-const ReloadServerPlugin = require('../plugins/reload-server-webpack-plugin');
-const WatchMissingNodeModulesPlugin = require('../plugins/watch-missing-node-modules-plugin');
 const assetsIgnoreBanner = fs_1.default.readFileSync(require.resolve('./util/node-assets-ignore'), 'utf8');
 const sourceMapSupportBanner = fs_1.default.readFileSync(require.resolve('./util/install-sourcemap-support'), 'utf8');
 // style files regexes
@@ -31,7 +29,7 @@ const cssRegex = /\.css$/;
 const cssModuleRegex = /\.module\.css$/;
 function getSingleEntry(entryPoint, mode) {
     const prefix = mode === 'dev' && app_configs_1.default.useServerHMR
-        ? [`${require.resolve('webpack/hot/poll')}?1000`]
+        ? [`${require.resolve('@rspack/core/hot/poll')}?1000`]
         : [];
     return [...prefix, ...entryPoint];
 }
@@ -59,13 +57,7 @@ const createServerConfig = (mode) => ({
         // Point sourcemap entries to original disk location (format as URL on Windows)
         devtoolModuleFilenameTemplate: (info) => path_1.default.relative(app_configs_1.default.appSrc, info.absoluteResourcePath).replace(/\\/g, '/'),
     },
-    cache: mode === 'dev'
-        ? {
-            type: 'filesystem',
-            name: 'server',
-            buildDependencies: Object.assign({ config: [__filename] }, (0, get_webpack_cache_dependencies_1.getWebpackCacheDependencies)()),
-        }
-        : false,
+    cache: mode === 'dev',
     externalsPresets: { node: true },
     externals: [
         (0, webpack_node_externals_1.default)({
@@ -92,27 +84,9 @@ const createServerConfig = (mode) => ({
         // `web` extension prefixes have been added for better support
         // for React Native Web.
         extensions: ['.web.js', '.mjs', '.js', '.json', '.web.jsx', '.jsx', '.ts', '.tsx'],
-        plugins: [
-            app_configs_1.default.tsconfig &&
-                new tsconfig_paths_webpack_plugin_1.default({
-                    configFile: app_configs_1.default.tsconfig,
-                    extensions: [
-                        '.web.js',
-                        '.mjs',
-                        '.js',
-                        '.json',
-                        '.web.jsx',
-                        '.jsx',
-                        '.ts',
-                        '.tsx',
-                    ],
-                }),
-        ].filter(Boolean),
+        tsConfig: app_configs_1.default.tsconfig ? { configFile: app_configs_1.default.tsconfig } : undefined,
     },
     module: {
-        // typescript interface will be removed from modules, and we will get an error on correct code
-        // see https://github.com/webpack/webpack/issues/7378
-        strictExportPresence: !app_configs_1.default.tsconfig,
         rules: [
             {
                 oneOf: [
@@ -163,13 +137,13 @@ const createServerConfig = (mode) => ({
         ],
     },
     plugins: [
-        new webpack_1.default.BannerPlugin({
+        new core_1.BannerPlugin({
             banner: assetsIgnoreBanner,
             raw: true,
             entryOnly: false,
         }),
         app_configs_1.default.installServerSourceMaps &&
-            new webpack_1.default.BannerPlugin({
+            new core_1.BannerPlugin({
                 banner: sourceMapSupportBanner,
                 raw: true,
                 entryOnly: false,
@@ -180,10 +154,9 @@ const createServerConfig = (mode) => ({
                 ? new run_script_webpack_plugin_1.RunScriptWebpackPlugin({
                     name: app_configs_1.default.serverOutput,
                 })
-                : new ReloadServerPlugin({
+                : new reload_server_plugin_1.ReloadServerPlugin({
                     script: path_1.default.join(app_configs_1.default.serverOutputPath, app_configs_1.default.serverOutput),
                 })),
-        mode === 'dev' && new webpack_1.default.NoEmitOnErrorsPlugin(),
         // Watcher doesn't work well if you mistype casing in a path so we use
         // a plugin that prints an error when you attempt to do this.
         // See https://github.com/facebookincubator/create-react-app/issues/240
@@ -192,12 +165,9 @@ const createServerConfig = (mode) => ({
         // to restart the development server for Webpack to discover it. This plugin
         // makes the discovery automatic so you don't have to restart.
         // See https://github.com/facebookincubator/create-react-app/issues/186
-        mode === 'dev' && new WatchMissingNodeModulesPlugin(app_configs_1.default.appNodeModules),
-        mode === 'dev' && app_configs_1.default.useServerHMR && new webpack_1.default.HotModuleReplacementPlugin(),
+        mode === 'dev' && new watch_missing_node_modules_plugin_1.WatchMissingNodeModulesPlugin(app_configs_1.default.appNodeModules),
+        mode === 'dev' && app_configs_1.default.useServerHMR && new core_1.HotModuleReplacementPlugin(),
     ].filter(Boolean),
-    experiments: {
-        backCompat: app_configs_1.default.webpack4Compatibility,
-    },
     // Без этого комиляция трирегилась на изменение в node_modules и приводила к утечке памяти
     watchOptions: {
         ignored: new RegExp(app_configs_1.default.watchIgnorePath.join('|')),
@@ -214,7 +184,7 @@ function getCodeLoader(mode) {
         return {
             test: /\.(js|jsx|mjs|ts|tsx|cjs)$/,
             include: app_configs_1.default.appSrc,
-            loader: require.resolve('swc-loader'),
+            loader: 'builtin:swc-loader',
             options: swc_1.swcServerConfig,
         };
     }
@@ -267,7 +237,7 @@ function getExternalCodeLoader(mode) {
         },
     };
     if (app_configs_1.default.codeLoader === 'swc') {
-        return Object.assign(Object.assign({}, baseLoaderConfig), { loader: require.resolve('swc-loader') });
+        return Object.assign(Object.assign({}, baseLoaderConfig), { loader: 'builtin:swc-loader' });
     }
     return Object.assign(Object.assign({}, baseLoaderConfig), { loader: require.resolve('babel-loader'), options: Object.assign(Object.assign({}, babel_dependencies_1.babelDependencies), { babelrc: false, configFile: false, compact: false, cacheDirectory: mode === 'dev', cacheCompression: false }) });
 }

package/build/configs/webpack.server.prod.d.ts

@@ -1,2 +1,2 @@
-declare const config: import("webpack").Configuration;
+declare const config: import("@rspack/core").RspackOptions;
 export default config;

package/build/plugins/arui-runtime/arui-runtime-module.d.ts

@@ -1,7 +1,7 @@
-import webpack from 'webpack';
+import { RuntimeModule as RsPackRuntimeModule } from '@rspack/core';
 export declare const ARUI_RUNTIME_VARIABLE_NAME = "$ARUI";
 export declare const FULL_ARUI_RUNTIME_PATH: string;
-export declare class RuntimeModule extends webpack.RuntimeModule {
+export declare class RuntimeModule extends RsPackRuntimeModule {
     constructor();
     generate(): string;
 }

package/build/plugins/arui-runtime/arui-runtime-module.js

@@ -1,19 +1,16 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RuntimeModule = exports.FULL_ARUI_RUNTIME_PATH = exports.ARUI_RUNTIME_VARIABLE_NAME = void 0;
-const webpack_1 = __importDefault(require("webpack"));
+const core_1 = require("@rspack/core");
 exports.ARUI_RUNTIME_VARIABLE_NAME = '$ARUI';
-exports.FULL_ARUI_RUNTIME_PATH = `${webpack_1.default.RuntimeGlobals.require}.${exports.ARUI_RUNTIME_VARIABLE_NAME}`;
-class RuntimeModule extends webpack_1.default.RuntimeModule {
+exports.FULL_ARUI_RUNTIME_PATH = `${core_1.RuntimeGlobals.require}.${exports.ARUI_RUNTIME_VARIABLE_NAME}`;
+class RuntimeModule extends core_1.RuntimeModule {
     constructor() {
-        super('AruiRuntimeModule', webpack_1.default.RuntimeModule.STAGE_BASIC);
+        super('AruiRuntimeModule', core_1.RuntimeModule.STAGE_BASIC);
     }
     // eslint-disable-next-line class-methods-use-this
     generate() {
-        return webpack_1.default.Template.asString([
+        return core_1.Template.asString([
             "if (typeof __webpack_modules__ !== 'undefined' && typeof document !== 'undefined') {", // По какой-то причине вебпак пытается выполнить этот код не только в браузере, но и при сборке.
             `${exports.FULL_ARUI_RUNTIME_PATH} = { scriptSource: document.currentScript };`,
             '}',

package/build/plugins/arui-runtime/index.d.ts

@@ -1,6 +1,6 @@
-import webpack from 'webpack';
+import { Compiler } from '@rspack/core';
 export declare class AruiRuntimePlugin {
-    apply(compiler: webpack.Compiler): void;
+    apply(compiler: Compiler): void;
 }
 /**
  * Метод для вставки runtime чанков css в документ. Нужен для того, чтобы модули могли использовать shadow-dom.

package/build/plugins/arui-runtime/index.js

@@ -1,17 +1,14 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AruiRuntimePlugin = void 0;
 exports.getInsertCssRuntimeMethod = getInsertCssRuntimeMethod;
-const webpack_1 = __importDefault(require("webpack"));
+const core_1 = require("@rspack/core");
 const arui_runtime_module_1 = require("./arui-runtime-module");
 class AruiRuntimePlugin {
     apply(compiler) {
         compiler.hooks.compilation.tap(this.constructor.name, (compilation) => {
             compilation.hooks.runtimeRequirementInTree
-                .for(webpack_1.default.RuntimeGlobals.require)
+                .for(core_1.RuntimeGlobals.require)
                 .tap(this.constructor.name, (chunk) => {
                 compilation.addRuntimeModule(chunk, new arui_runtime_module_1.RuntimeModule());
                 return true;

package/build/plugins/postcss-global-variables/utils/utils.js

@@ -9,6 +9,8 @@ exports.addGlobalVariable = addGlobalVariable;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const postcss_1 = require("postcss");
+// eslint-disable-next-line import/no-extraneous-dependencies
+const postcss_media_query_parser_1 = __importDefault(require("postcss-media-query-parser"));
 const getMediaQueryName = (rule) => rule.params.split(' ')[0];
 exports.getMediaQueryName = getMediaQueryName;
 function parseImport(root, postcssHelpers, filePath) {
@@ -64,13 +66,25 @@ const insertParsedCss = (root, parsedVariables, parsedCustomMedia) => {
         addGlobalVariable(decl.value, rootRule, parsedVariables);
     });
     root.walkAtRules('media', (rule) => {
-        const mediaFullName = (0, exports.getMediaQueryName)(rule);
-        if (mediaFullName.startsWith('(--')) {
-            const mediaName = mediaFullName.slice(1, -1);
-            if (parsedCustomMedia[mediaName]) {
-                root.append(parsedCustomMedia[mediaName]);
+        var _a;
+        // парсим параметры
+        const mediaParsed = (0, postcss_media_query_parser_1.default)(rule.params);
+        // регулярка для (--desktop), (--mobile), (--desktop-m) и тд
+        const parseRule = /--\w+-?\w+/gi;
+        (_a = mediaParsed.nodes) === null || _a === void 0 ? void 0 : _a.forEach(({ value }) => {
+            // value приходит в виде (--desktop); not screen and (--mobile) и тд
+            if (parseRule.test(value)) {
+                // берем все вхождения --desktop, --mobile
+                const mediaName = value.match(parseRule);
+                // итерируемся по [--desktop, --mobile]
+                mediaName === null || mediaName === void 0 ? void 0 : mediaName.forEach((rule) => {
+                    // подставляем значения если у нас есть под это custom-media
+                    if (parsedCustomMedia[rule]) {
+                        root.append(parsedCustomMedia[rule]);
+                    }
+                });
             }
-        }
+        });
     });
     return rootRule;
 };

package/build/plugins/reload-server-plugin.d.ts

@@ -0,0 +1,10 @@
+import cluster from 'cluster';
+import { type Compiler } from 'webpack';
+export declare class ReloadServerPlugin {
+    workers: cluster.Worker[];
+    done: null | (() => void);
+    constructor({ script }?: {
+        script: string;
+    });
+    apply(compiler: Compiler): void;
+}