arui-scripts 18.7.0 → 19.0.1

package/.turbo/turbo-test.log

@@ -5,23 +5,19 @@ ts-jest[versions] (WARN) Version 29.7.0 of jest installed has not been tested wi
 ts-jest[versions] (WARN) Version 5.6.3 of typescript installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=4.3.0 <5.0.0-0). Please do not report issues in ts-jest if you are using unsupported versions.
 ts-jest[versions] (WARN) Version 5.6.3 of typescript installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=4.3.0 <5.0.0-0). Please do not report issues in ts-jest if you are using unsupported versions.
 ts-jest[versions] (WARN) Version 5.6.3 of typescript installed has not been tested with ts-jest. If you're experiencing issues, consider using a supported version (>=4.3.0 <5.0.0-0). Please do not report issues in ts-jest if you are using unsupported versions.
-PASS src/configs/app-configs/__tests__/update-with-presets.tests.ts (24.292 s)
+PASS src/configs/app-configs/__tests__/update-with-presets.tests.ts (26.869 s)
+PASS src/plugins/postcss-global-variables/utils/__tests__/add-global-variable.tests.ts (26.871 s)
 PASS src/configs/util/__tests__/get-polyfills.tests.ts
-PASS src/plugins/postcss-global-variables/utils/__tests__/add-global-variable.tests.ts (24.414 s)
-PASS src/configs/util/__tests__/apply-overrides.tests.ts
 PASS src/configs/app-configs/__tests__/update-with-env.tests.ts
+PASS src/configs/util/__tests__/apply-overrides.tests.ts
 PASS src/configs/app-configs/__tests__/update-with-package.tests.ts
 PASS src/plugins/postcss-global-variables/utils/__tests__/parse-variables.tests.ts
 PASS src/configs/app-configs/__tests__/validate-settings-keys.tests.ts
 PASS src/plugins/postcss-global-variables/utils/__tests__/get-media-query-name.tests.ts
-Failed to load /home/runner/work/arui-scripts/arui-scripts/packages/arui-scripts/tsconfig.json: Missing baseUrl in compilerOptions
-Failed to load /home/runner/work/arui-scripts/arui-scripts/packages/arui-scripts/tsconfig.json: Missing baseUrl in compilerOptions
-Failed to load /home/runner/work/arui-scripts/arui-scripts/packages/arui-scripts/tsconfig.json: Missing baseUrl in compilerOptions
-Failed to load /home/runner/work/arui-scripts/arui-scripts/packages/arui-scripts/tsconfig.json: Missing baseUrl in compilerOptions
-PASS src/configs/util/__tests__/find-plugin.tests.ts (26.927 s)
+PASS src/configs/util/__tests__/find-plugin.tests.ts (29.164 s)
 
 Test Suites: 10 passed, 10 total
-Tests:       27 passed, 27 total
+Tests:       26 passed, 26 total
 Snapshots:   0 total
-Time:        27.554 s
+Time:        30.106 s
 Ran all test suites.

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # [15.3.0](https://github.com/core-ds/arui-scripts/compare/v15.2.0...v15.3.0) (2023-06-30)
 
+## 19.0.1
+
+### Patch Changes
+
+-   [#303](https://github.com/core-ds/arui-scripts/pull/303) [`342c717`](https://github.com/core-ds/arui-scripts/commit/342c7171017056214e0ecc3cd7c866f7cce64e88) Thanks [@Echzio](https://github.com/Echzio)! - исправление парсинга postcss, в котором неправильно парсились @media
+
+-   [#301](https://github.com/core-ds/arui-scripts/pull/301) [`77bbf31`](https://github.com/core-ds/arui-scripts/commit/77bbf3108257192d056ebf779bc737800b60375c) Thanks [@heymdall-legal](https://github.com/heymdall-legal)! - Исправлена проблема при обработке маленьких svg (меньше, чем [config.dataUrlMaxSize](https://github.com/core-ds/arui-scripts/blob/master/packages/arui-scripts/docs/settings.md#dataurlmaxsize)): теперь они корректно преобразуются в data-url
+
+## 19.0.0
+
+### Major Changes
+
+-   [#279](https://github.com/core-ds/arui-scripts/pull/279) [`827742a`](https://github.com/core-ds/arui-scripts/commit/827742ade65d80f3b20d000349d443560fc57b35) Thanks [@heymdall-legal](https://github.com/heymdall-legal)! - - Теперь как основной сборочный инструмент используется rspack.
+
+    Для большинства проектов миграция должна пройти максимально незаметно, rspack сохраняет обратную совместимость с webpack
+    в большинстве случаев. Подробнее о несовместимых изменениях можно почитать в документации [rspack](https://rspack.dev/guide/migration/webpack).
+    Наибольший прирост в производительности можно получить при использовании `swc` как [codeLoader](https://github.com/core-ds/arui-scripts/blob/master/packages/arui-scripts/docs/settings.md#codeLoader).
+
+    -   Изменен дефолт для настройки `codeLoader`. Теперь по умолчанию используется `swc`. Для возврата к предыдущему поведению используйте `babel`.
+    -   Изменен дефолт для настройки `jestCodeTransformer`. Теперь по умолчанию используется `swc`.
+    -   Удалена опция `jestUseTsJest`. Используйте настройку `jestCodeTransformer` со значением `tsc` как замену.
+    -   Удалена опция `useTscLoader`. Используйте настройку `codeLoader` со значением `tsc` как замену.
+    -   Изменен формат настройки [`proxy`](https://github.com/core-ds/arui-scripts/blob/master/packages/arui-scripts/docs/settings.md#proxy) - теперь она
+        принимает массив объектов, а не объект. arui-scripts попробует преобразовать конфигурацию старого формата в новый, но рекомендуется обновить конфигурацию самостоятельно.
+    -   Удалена опция `webpack4Compatibility`.
+    -   Если вы использовали `babel-plugin-istanbul` для сбора code coverage - с настройками по умолчанию это больше не будет работать из-за замены babel на swc.
+        Рекомендуется использовать настройку [collectCoverage](https://github.com/core-ds/arui-scripts/blob/master/packages/arui-scripts/docs/settings.md#collectcoverage).
+    -   Команда [bundle-analyze](https://github.com/core-ds/arui-scripts/blob/master/packages/arui-scripts/docs/commands.md#bundle-analyze) теперь так же запускает [rsdoctor](https://rsdoctor.dev/).
+    -   Изменен дефолт для `devSourceMaps`, теперь по умолчанию используется `inline-cheap-source-map`.
+
+    При активном использовании оверрайдов скорее всего вы столкнетесь с различиями в конфигурациях. Информацию о том, как
+    мигрировать с webpack на rspack, и о различиях в их конфигурациях можно найти в [документации rspack](https://rspack.dev/guide/migration/webpack).
+
 ## 18.7.0
 
 ### Minor Changes

package/build/commands/build/build-wrapper.d.ts

@@ -1,8 +1,8 @@
-import webpack from 'webpack';
+import { Stats, MultiStats, Configuration } from '@rspack/core';
 type BuildResult = {
-    stats: webpack.Stats | webpack.MultiStats;
+    stats: Stats | MultiStats;
     warnings: string[];
     previousFileSizes: unknown;
 };
-declare function build(config: webpack.Configuration | webpack.Configuration[], previousFileSizes?: unknown): Promise<BuildResult>;
+declare function build(config: Configuration | Configuration[], previousFileSizes?: unknown): Promise<BuildResult>;
 export default build;

package/build/commands/build/build-wrapper.js

@@ -6,10 +6,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const chalk_1 = __importDefault(require("chalk"));
-const webpack_1 = __importDefault(require("webpack"));
+const core_1 = require("@rspack/core");
 const format_webpack_messages_1 = __importDefault(require("../util/format-webpack-messages"));
 function build(config, previousFileSizes) {
-    let compiler = (0, webpack_1.default)(config);
+    let compiler = (0, core_1.rspack)(config);
     return new Promise((resolve, reject) => {
         compiler.run((err, stats) => {
             if (err) {

package/build/commands/bundle-analyze/index.js

@@ -14,7 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 // TODO: remove eslint-disable
 /* eslint-disable no-param-reassign */
-const webpack_1 = __importDefault(require("webpack"));
+const rspack_plugin_1 = require("@rsdoctor/rspack-plugin");
+const core_1 = require("@rspack/core");
 const webpack_bundle_analyzer_1 = require("webpack-bundle-analyzer");
 const app_configs_1 = require("../../configs/app-configs");
 const webpack_client_prod_1 = __importDefault(require("../../configs/webpack.client.prod"));
@@ -29,10 +30,11 @@ const make_tmp_dir_1 = __importDefault(require("../util/make-tmp-dir"));
                 generateStatsFile: true,
                 statsFilename: app_configs_1.configs.statsOutputPath,
                 analyzerPort: 'auto',
-            }),
+            }), // webpack-bundle-analyzer has incorrect types
+            new rspack_plugin_1.RsdoctorRspackPlugin({}),
         ];
         webpackConfig.output = Object.assign(Object.assign({}, webpackConfig.output), { path: tmpDir });
     }));
     yield Promise.all(promises);
-    (0, webpack_1.default)(clientWebpackConfigs).run(() => { });
+    (0, core_1.rspack)(clientWebpackConfigs).run(() => { });
 }))();

package/build/commands/util/client-assets-sizes.d.ts

@@ -1,4 +1,4 @@
-import { Stats } from 'webpack';
+import { Stats } from '@rspack/core';
 type AssetSize = {
     name: string;
     fullName: string;

package/build/commands/util/run-client-dev-server.d.ts

@@ -1,2 +1,2 @@
-import { Configuration } from 'webpack';
+import { Configuration } from '@rspack/core';
 export declare function runClientDevServer(configuration: Configuration | Configuration[]): Promise<void>;

package/build/commands/util/run-client-dev-server.js

@@ -14,17 +14,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runClientDevServer = runClientDevServer;
 const WebpackDevServerUtils_1 = require("react-dev-utils/WebpackDevServerUtils");
-const webpack_1 = __importDefault(require("webpack"));
-const webpack_dev_server_1 = __importDefault(require("webpack-dev-server"));
-const dev_server_1 = __importDefault(require("../../configs/dev-server"));
+const core_1 = require("@rspack/core");
+const dev_server_1 = require("@rspack/dev-server");
+const dev_server_2 = __importDefault(require("../../configs/dev-server"));
 const print_compiler_output_1 = __importDefault(require("../start/print-compiler-output"));
 function runClientDevServer(configuration) {
     return __awaiter(this, void 0, void 0, function* () {
-        const clientCompiler = (0, webpack_1.default)(configuration); // типы вебпака не умеют выбирать между конфигурациями и массивом конфигураций
-        const clientDevServer = new webpack_dev_server_1.default(dev_server_1.default, clientCompiler);
+        const clientCompiler = (0, core_1.rspack)(configuration);
+        const clientDevServer = new dev_server_1.RspackDevServer(dev_server_2.default, clientCompiler);
         clientCompiler.hooks.invalid.tap('client', () => console.log('Compiling client...'));
         clientCompiler.hooks.done.tap('client', (stats) => (0, print_compiler_output_1.default)('Client', stats));
-        const DEFAULT_PORT = dev_server_1.default.port;
+        const DEFAULT_PORT = dev_server_2.default.port;
         const HOST = '0.0.0.0';
         try {
             const port = yield (0, WebpackDevServerUtils_1.choosePort)(HOST, +(DEFAULT_PORT || 0));

package/build/commands/util/run-server-watch-compiler.d.ts

@@ -1,2 +1,2 @@
-import webpack from 'webpack';
-export declare function runServerWatchCompiler(config: webpack.Configuration): void;
+import { Configuration } from '@rspack/core';
+export declare function runServerWatchCompiler(config: Configuration): void;

package/build/commands/util/run-server-watch-compiler.js

@@ -4,11 +4,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.runServerWatchCompiler = runServerWatchCompiler;
-const webpack_1 = __importDefault(require("webpack"));
+const core_1 = require("@rspack/core");
 const app_configs_1 = __importDefault(require("../../configs/app-configs"));
 const print_compiler_output_1 = __importDefault(require("../start/print-compiler-output"));
 function runServerWatchCompiler(config) {
-    const serverCompiler = (0, webpack_1.default)(config);
+    const serverCompiler = (0, core_1.rspack)(config);
     serverCompiler.hooks.compile.tap('server', () => console.log('Compiling server...'));
     serverCompiler.hooks.invalid.tap('server', () => console.log('Compiling server...'));
     serverCompiler.hooks.done.tap('server', (stats) => (0, print_compiler_output_1.default)('Server', stats));

package/build/configs/app-configs/calculate-dependent-config.js

@@ -14,7 +14,7 @@ const resolve_1 = require("../util/resolve");
  * Обновление ключей конфига, зависящих от других. Это нужно делать в самый последний момент
  */
 function calculateDependentConfig(config) {
-    return Object.assign(Object.assign({}, config), { codeLoader: config.useTscLoader ? 'tsc' : config.codeLoader, jestCodeTransformer: config.jestUseTsJest ? 'tsc' : config.jestCodeTransformer, clientPolyfillsEntry: (0, get_polyfills_1.getPolyfills)(config) });
+    return Object.assign(Object.assign({}, config), { clientPolyfillsEntry: (0, get_polyfills_1.getPolyfills)(config) });
 }
 /**
  * Обновление контекста в зависимости от ключей конфига

package/build/configs/app-configs/get-defaults.js

@@ -23,11 +23,11 @@ function getDefaultAppConfig() {
         clientServerPort: 8080,
         serverPort: 3000,
         debug: false,
-        devSourceMaps: 'eval',
+        devSourceMaps: 'inline-cheap-source-map', // так получаются нормальные сорсмапы, с eval - они не работают
         devServerCors: false,
         useServerHMR: false,
         presets: (configFile === null || configFile === void 0 ? void 0 : configFile.presets) || ((_a = appPackage === null || appPackage === void 0 ? void 0 : appPackage.aruiScripts) === null || _a === void 0 ? void 0 : _a.presets) || null,
-        proxy: appPackage.proxy || null,
+        proxy: appPackage.proxy || [],
         clientOnly: false,
         // paths
         buildPath: '.build',
@@ -49,13 +49,10 @@ function getDefaultAppConfig() {
         archiveName: 'build.tar',
         // build tuning
         keepPropTypes: false,
-        useTscLoader: false,
-        codeLoader: 'babel',
-        webpack4Compatibility: false,
+        codeLoader: 'swc',
         installServerSourceMaps: false,
         disableDevWebpackTypecheck: true,
-        jestUseTsJest: false,
-        jestCodeTransformer: 'babel',
+        jestCodeTransformer: 'swc',
         collectCoverage: process.env.NODE_ENV === 'cypress' || process.env.USE_ISTANBUL === 'enabled',
         // image processing
         dataUrlMaxSize: 1536,

package/build/configs/app-configs/types.d.ts

@@ -1,4 +1,5 @@
-import { ProxyConfigArrayItem } from 'webpack-dev-server';
+import { DevTool } from '@rspack/core';
+import { RspackDevServer } from '@rspack/dev-server';
 /**
  * Конфигурация arui-scripts, которая может быть переопределена приложением
  */
@@ -6,13 +7,11 @@ export type AppConfigs = {
     clientServerPort: number;
     serverPort: number;
     debug: boolean;
-    devSourceMaps: string;
+    devSourceMaps: DevTool;
     devServerCors: boolean;
     useServerHMR: boolean;
     presets: string | null;
-    proxy: null | {
-        [url: string]: ProxyConfigArrayItem;
-    };
+    proxy: RspackDevServer['options']['proxy'];
     clientOnly: boolean;
     buildPath: string;
     assetsPath: string;
@@ -36,21 +35,9 @@ export type AppConfigs = {
     removeDevDependenciesDuringDockerBuild: boolean;
     archiveName: string;
     keepPropTypes: boolean;
-    /**
-     * @deprecated использование ts-loader крайне не рекомендуется - он медленнее и не имеет преимуществ перед babel
-     */
-    useTscLoader: boolean;
     codeLoader: 'babel' | 'tsc' | 'swc';
-    /**
-     * @deprecated эта настройка будет удалена в будущих версиях скриптов
-     */
-    webpack4Compatibility: boolean;
     installServerSourceMaps: boolean;
     disableDevWebpackTypecheck: boolean;
-    /**
-     * @deprecated используйте настройку jestCodeTransformer
-     */
-    jestUseTsJest: boolean;
     jestCodeTransformer: 'babel' | 'tsc' | 'swc';
     collectCoverage: boolean;
     dataUrlMaxSize?: number;

package/build/configs/app-configs/warn-about-deprecations.js

@@ -2,10 +2,19 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.warnAboutDeprecations = warnAboutDeprecations;
 function warnAboutDeprecations(config) {
-    if (config.useTscLoader) {
-        console.warn('Использование опции `useTscLoader` не рекомендуется и будет удалено в будущих версиях. ', 'Обратитесь к документации https://github.com/core-ds/arui-scripts/blob/master/packages/arui-scripts/docs/settings.md#usetscloader', 'для получения дополнительной информации.');
-    }
-    if (config.webpack4Compatibility) {
-        console.warn('Опция `webpack4Compatibility` будет удалена в будущих версиях arui-scripts.', 'Обратитесь к issue в webpack https://github.com/webpack/webpack/issues/14580 для получения дополнительной информации');
+    if (!Array.isArray(config.proxy) && config.proxy) {
+        console.warn('Передача config.proxy как объекта больше не поддерживается. ', 'arui-scripts попробует привести конфигурацию к корректному виду, но это не всегда может работать корректно', 'Правильный формат конфигурации можно посмотреть в документации rspack: https://rspack.dev/guide/features/dev-server#proxy');
+        // eslint-disable-next-line no-param-reassign
+        config.proxy = convertObjectProxyConfigurationToArray(config.proxy);
     }
 }
+function convertObjectProxyConfigurationToArray(proxyConfiguration) {
+    const arrayProxy = [];
+    Object.keys(proxyConfiguration).forEach((context) => {
+        const itemConfig = proxyConfiguration[context];
+        arrayProxy.push(Object.assign({ context }, (typeof itemConfig === 'string' ? {
+            target: itemConfig,
+        } : itemConfig)));
+    });
+    return arrayProxy;
+}

package/build/configs/babel-client.js

@@ -22,7 +22,7 @@ const babelClientConfig = (0, apply_overrides_1.default)(['babel', 'babelClient'
             },
         ],
         app_configs_1.configs.tsconfig !== null &&
-            !app_configs_1.configs.useTscLoader &&
+            app_configs_1.configs.codeLoader !== 'tsc' &&
             require.resolve('@babel/preset-typescript'),
         require.resolve('@babel/preset-react'),
     ].filter(Boolean),

package/build/configs/babel-server.js

@@ -12,7 +12,7 @@ const config = (0, apply_overrides_1.default)(['babel', 'babelServer'], {
             { modules: false, targets: { node: 'current' }, loose: true },
         ],
         app_configs_1.default.tsconfig !== null &&
-            !app_configs_1.default.useTscLoader &&
+            app_configs_1.default.codeLoader !== 'tsc' &&
             require.resolve('@babel/preset-typescript'),
         require.resolve('@babel/preset-react'),
     ].filter(Boolean),

package/build/configs/client-env-config/client-config-plugin.d.ts

@@ -1,4 +1,4 @@
-import { Compiler } from 'webpack';
+import { Compiler } from '@rspack/core';
 export declare class ClientConfigPlugin {
     protected cachedContent: string | null;
     apply(compiler: Compiler): void;

package/build/configs/config-extras/minimizers/imagemin/imagemin.d.ts

@@ -1,2 +1,28 @@
 import ImageMinimizerPlugin from 'image-minimizer-webpack-plugin';
-export declare const getImageMin: () => (false | ImageMinimizerPlugin<unknown, unknown> | undefined)[];
+export declare function getImageMinLoader(): false | {
+    test: RegExp;
+    type: string;
+    use: {
+        loader: string;
+        options: {
+            minimizer: {
+                implementation: typeof ImageMinimizerPlugin.imageminMinify;
+                options: {
+                    plugins: (false | (string | {
+                        quality: number;
+                        progressive: boolean;
+                    })[] | (string | {
+                        optimizationLevel: number | undefined;
+                        bitDepthReduction: boolean | undefined;
+                        colorTypeReduction: boolean | undefined;
+                        paletteReduction: boolean | undefined;
+                        interlaced: boolean | undefined;
+                    })[] | (string | {
+                        optimizationLevel: number | undefined;
+                        interlaced: boolean;
+                    })[] | undefined)[];
+                };
+            };
+        };
+    }[];
+};

package/build/configs/config-extras/minimizers/imagemin/imagemin.js

@@ -3,49 +3,63 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getImageMin = void 0;
+exports.getImageMinLoader = getImageMinLoader;
 const image_minimizer_webpack_plugin_1 = __importDefault(require("image-minimizer-webpack-plugin"));
-const app_configs_1 = __importDefault(require("../../../app-configs"));
-const getImageMin = () => {
+const app_configs_1 = require("../../../app-configs");
+function getImageMinLoader() {
     var _a;
-    const { svg, gif, jpg, png } = (_a = app_configs_1.default.imageMinimizer) !== null && _a !== void 0 ? _a : {};
+    const { svg, gif, jpg, png } = (_a = app_configs_1.configs.imageMinimizer) !== null && _a !== void 0 ? _a : {};
     const doesAnyMinificationEnabled = (svg === null || svg === void 0 ? void 0 : svg.enabled) || (gif === null || gif === void 0 ? void 0 : gif.enabled) || (jpg === null || jpg === void 0 ? void 0 : jpg.enabled) || (png === null || png === void 0 ? void 0 : png.enabled);
-    return [
-        doesAnyMinificationEnabled &&
-            new image_minimizer_webpack_plugin_1.default({
-                minimizer: {
-                    implementation: image_minimizer_webpack_plugin_1.default.imageminMinify,
-                    options: {
-                        plugins: [
-                            (jpg === null || jpg === void 0 ? void 0 : jpg.enabled) && [
-                                'mozjpeg',
-                                {
-                                    quality: jpg === null || jpg === void 0 ? void 0 : jpg.quality,
-                                    progressive: true,
-                                },
-                            ],
-                            (png === null || png === void 0 ? void 0 : png.enabled) && [
-                                'optipng',
-                                {
-                                    optimizationLevel: png === null || png === void 0 ? void 0 : png.optimizationLevel,
-                                    bitDepthReduction: png === null || png === void 0 ? void 0 : png.bitDepthReduction,
-                                    colorTypeReduction: png === null || png === void 0 ? void 0 : png.colorTypeReduction,
-                                    paletteReduction: png === null || png === void 0 ? void 0 : png.paletteReduction,
-                                    interlaced: png === null || png === void 0 ? void 0 : png.interlaced,
-                                },
-                            ],
-                            (svg === null || svg === void 0 ? void 0 : svg.enabled) && ['svgo'],
-                            (gif === null || gif === void 0 ? void 0 : gif.enabled) && [
-                                'gifsicle',
-                                {
-                                    optimizationLevel: gif === null || gif === void 0 ? void 0 : gif.optimizationLevel,
-                                    interlaced: true,
-                                },
-                            ],
-                        ].filter(Boolean),
+    if (!doesAnyMinificationEnabled) {
+        return false;
+    }
+    const loaderExtensions = [
+        (svg === null || svg === void 0 ? void 0 : svg.enabled) && 'svg',
+        (gif === null || gif === void 0 ? void 0 : gif.enabled) && 'gif',
+        (jpg === null || jpg === void 0 ? void 0 : jpg.enabled) && 'jpe?g',
+        (png === null || png === void 0 ? void 0 : png.enabled) && 'png',
+    ].filter(Boolean);
+    return {
+        test: new RegExp(`\\.(${loaderExtensions.join('|')})$`),
+        type: 'assets',
+        use: [
+            {
+                loader: image_minimizer_webpack_plugin_1.default.loader,
+                options: {
+                    minimizer: {
+                        implementation: image_minimizer_webpack_plugin_1.default.imageminMinify,
+                        options: {
+                            plugins: [
+                                (jpg === null || jpg === void 0 ? void 0 : jpg.enabled) && [
+                                    'mozjpeg',
+                                    {
+                                        quality: jpg === null || jpg === void 0 ? void 0 : jpg.quality,
+                                        progressive: true,
+                                    },
+                                ],
+                                (png === null || png === void 0 ? void 0 : png.enabled) && [
+                                    'optipng',
+                                    {
+                                        optimizationLevel: png === null || png === void 0 ? void 0 : png.optimizationLevel,
+                                        bitDepthReduction: png === null || png === void 0 ? void 0 : png.bitDepthReduction,
+                                        colorTypeReduction: png === null || png === void 0 ? void 0 : png.colorTypeReduction,
+                                        paletteReduction: png === null || png === void 0 ? void 0 : png.paletteReduction,
+                                        interlaced: png === null || png === void 0 ? void 0 : png.interlaced,
+                                    },
+                                ],
+                                (svg === null || svg === void 0 ? void 0 : svg.enabled) && ['svgo'],
+                                (gif === null || gif === void 0 ? void 0 : gif.enabled) && [
+                                    'gifsicle',
+                                    {
+                                        optimizationLevel: gif === null || gif === void 0 ? void 0 : gif.optimizationLevel,
+                                        interlaced: true,
+                                    },
+                                ],
+                            ].filter(Boolean),
+                        },
                     },
                 },
-            }),
-    ];
-};
-exports.getImageMin = getImageMin;
+            },
+        ],
+    };
+}

package/build/configs/dev-server.js

@@ -7,35 +7,33 @@ const path_1 = __importDefault(require("path"));
 const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
 const app_configs_1 = require("./app-configs");
 const client_env_config_1 = require("./client-env-config");
-const serverProxyConfig = {
-    '/**': Object.assign({ target: `http://127.0.0.1:${app_configs_1.configs.serverPort}`, bypass: (req) => {
-            var _a;
-            const assetsRoot = path_1.default.normalize(`/${app_configs_1.configs.publicPath}`).replace(/\\/g, '/');
-            if ((_a = req === null || req === void 0 ? void 0 : req.url) === null || _a === void 0 ? void 0 : _a.startsWith(assetsRoot)) {
-                return req.url;
-            }
-            return null;
-        } }, (app_configs_1.configs.devSourceMaps.includes('eval') || app_configs_1.configs.devServerCors
-        ? {
-            onProxyRes: (proxyRes) => {
-                // Для дев режима, когда мы используем в качестве соурсмапов что-то, основанное на eval - нужно
-                // разрешить браузеру исполнять наш код, даже когда content-security-policy приложения не позволяет этого делать.
-                if (app_configs_1.configs.devSourceMaps.includes('eval')) {
-                    const cspHeader = proxyRes.headers['content-security-policy'];
-                    if (typeof cspHeader === 'string' &&
-                        !cspHeader.includes('unsafe-eval')) {
-                        proxyRes.headers['content-security-policy'] = cspHeader.replace(/script-src/, "script-src 'unsafe-eval'");
-                    }
-                }
-                // если включен devServerCors, то нужно принудительно менять статус ответа на 200, чтобы
-                // браузер не отклонял ответы с CORS
-                if (app_configs_1.configs.devServerCors && proxyRes.method === 'OPTIONS') {
-                    proxyRes.statusCode = 200;
-                }
-            },
+const serverProxyConfig = Object.assign({ context: ['/**'], target: `http://127.0.0.1:${app_configs_1.configs.serverPort}`, bypass: (req) => {
+        var _a;
+        const assetsRoot = path_1.default.normalize(`/${app_configs_1.configs.publicPath}`).replace(/\\/g, '/');
+        if ((_a = req === null || req === void 0 ? void 0 : req.url) === null || _a === void 0 ? void 0 : _a.startsWith(assetsRoot)) {
+            return req.url;
         }
-        : {})),
-};
+        return null;
+    } }, (app_configs_1.configs.devSourceMaps && app_configs_1.configs.devSourceMaps.includes('eval') || app_configs_1.configs.devServerCors
+    ? {
+        onProxyRes: (proxyRes) => {
+            // Для дев режима, когда мы используем в качестве соурсмапов что-то, основанное на eval - нужно
+            // разрешить браузеру исполнять наш код, даже когда content-security-policy приложения не позволяет этого делать.
+            if (app_configs_1.configs.devSourceMaps && app_configs_1.configs.devSourceMaps.includes('eval')) {
+                const cspHeader = proxyRes.headers['content-security-policy'];
+                if (typeof cspHeader === 'string' &&
+                    !cspHeader.includes('unsafe-eval')) {
+                    proxyRes.headers['content-security-policy'] = cspHeader.replace(/script-src/, "script-src 'unsafe-eval'");
+                }
+            }
+            // если включен devServerCors, то нужно принудительно менять статус ответа на 200, чтобы
+            // браузер не отклонял ответы с CORS
+            if (app_configs_1.configs.devServerCors && proxyRes.method === 'OPTIONS') {
+                proxyRes.statusCode = 200;
+            }
+        },
+    }
+    : {}));
 const devServerConfig = (0, apply_overrides_1.default)('devServer', {
     port: app_configs_1.configs.clientServerPort,
     liveReload: false,
@@ -51,8 +49,8 @@ const devServerConfig = (0, apply_overrides_1.default)('devServer', {
         // создаваемый для client-only режима как раз такой. Так же работает и env-config.json
         writeToDisk: (filename) => filename.endsWith('.html') || filename.endsWith(client_env_config_1.ENV_CONFIG_FILENAME),
     },
-    static: [app_configs_1.configs.serverOutputPath],
-    proxy: Object.assign(app_configs_1.configs.proxy || {}, app_configs_1.configs.clientOnly ? {} : serverProxyConfig),
+    static: [app_configs_1.configs.serverOutputPath, app_configs_1.configs.clientOutputPath],
+    proxy: getProxyConfig(),
     headers: app_configs_1.configs.devServerCors
         ? {
             'Access-Control-Allow-Origin': '*',
@@ -61,4 +59,15 @@ const devServerConfig = (0, apply_overrides_1.default)('devServer', {
         }
         : {},
 });
+function getProxyConfig() {
+    const proxyConfig = [];
+    const userProxyConfig = app_configs_1.configs.proxy;
+    if (!app_configs_1.configs.clientOnly) {
+        proxyConfig.push(serverProxyConfig);
+    }
+    if (Array.isArray(userProxyConfig)) {
+        proxyConfig.push(...userProxyConfig);
+    }
+    return proxyConfig;
+}
 exports.default = devServerConfig;

package/build/configs/modules.d.ts

@@ -1,8 +1,8 @@
-import webpack from 'webpack';
+import * as rspack from '@rspack/core';
 import { CompatModuleConfig } from './app-configs/types';
 export declare function haveExposedDefaultModules(): Record<string, string> | undefined;
 export declare const MODULES_ENTRY_NAME = "remoteEntry.js";
-export declare function patchMainWebpackConfigForModules(webpackConf: webpack.Configuration): webpack.Configuration;
+export declare function patchMainWebpackConfigForModules(webpackConf: rspack.Configuration): rspack.RspackOptions;
 export declare function getCssPrefixForModule(module: CompatModuleConfig): string | undefined;
 export declare function getExposeLoadersFormCompatModules(): {
     test: string;
@@ -13,4 +13,4 @@ export declare function getExposeLoadersFormCompatModules(): {
         };
     }[];
 }[];
-export declare function patchWebpackConfigForCompat(module: CompatModuleConfig, webpackConf: webpack.Configuration): webpack.Configuration;
+export declare function patchWebpackConfigForCompat(module: CompatModuleConfig, webpackConf: rspack.Configuration): rspack.RspackOptions;

package/build/configs/modules.js

@@ -1,4 +1,27 @@
 "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 };
 };
@@ -11,7 +34,7 @@ exports.getExposeLoadersFormCompatModules = getExposeLoadersFormCompatModules;
 exports.patchWebpackConfigForCompat = patchWebpackConfigForCompat;
 // TODO: remove eslint-disable
 /* eslint-disable no-param-reassign */
-const webpack_1 = __importDefault(require("webpack"));
+const rspack = __importStar(require("@rspack/core"));
 const postcss_prefix_selector_1 = require("../plugins/postcss-prefix-selector");
 const find_loader_1 = require("./util/find-loader");
 const app_configs_1 = __importDefault(require("./app-configs"));
@@ -33,7 +56,7 @@ function patchMainWebpackConfigForModules(webpackConf) {
     webpackConf.output.publicPath = haveExposedDefaultModules()
         ? 'auto' // Для того чтобы модули могли подключаться из разных мест, нам необходимо использовать auto. Для корректной работы в IE надо подключaть https://github.com/amiller-gh/currentScript-polyfill
         : app_configs_1.default.publicPath;
-    webpackConf.plugins.push(new webpack_1.default.container.ModuleFederationPlugin({
+    webpackConf.plugins.push(new rspack.container.ModuleFederationPlugin({
         name: app_configs_1.default.modules.name || app_configs_1.default.normalizedName,
         filename: app_configs_1.default.modules.exposes ? exports.MODULES_ENTRY_NAME : undefined,
         shared: app_configs_1.default.modules.shared,