arui-scripts 18.6.1 → 19.0.0

package/docs/commands.md

@@ -119,7 +119,7 @@ arui-scripts archive-build
 
 ### bundle-analyze
 
-Запускает [webpack-bundle-analyzer](https://www.npmjs.com/package/webpack-bundle-analyzer) для анализа размера бандлов.
+Запускает [webpack-bundle-analyzer](https://www.npmjs.com/package/webpack-bundle-analyzer) и [rsdoctor](https://rsdoctor.dev/) для анализа бандла и сборки.
 Так же при запуске будет генерироваться [stats-файл](https://webpack.js.org/api/stats/), который можно использовать в
 [сторонних](http://webpack.github.io/analyse/) инструментах, например для понимания почему тот или иной модуль попал в бандл.
 По умолчанию файл будет писаться в `.build/stats.json`, вы можете поменять это через отдельную [настройку statsOutputFilename](settings.md#statsOutputFilename).

package/docs/settings.md

@@ -67,7 +67,7 @@ ARUI_SCRIPTS_CONFIG="{\"clientEntry\":{\"mobile\":\"./src/mobile\",\"desktop\":\
 Режим отладки, в котором не выполняются некоторые нежелательные операции и выводится больше сообщений об ошибках, по умолчанию `false`.
 
 #### devSourceMaps
-Какой вид source-map использовать в режиме разработки. По умолчанию `eval`. Эта настройка может сильно влиять на время сборки.
+Какой вид source-map использовать в режиме разработки. По умолчанию `inline-cheap-source-map`. Эта настройка может сильно влиять на время сборки.
 Подробнее можно почитать [здесь](https://webpack.js.org/configuration/devtool/).
 
 :warning: **Внимание**. При использовании любых source-map на основании eval webpack-dev-server будет
@@ -87,7 +87,7 @@ ARUI_SCRIPTS_CONFIG="{\"clientEntry\":{\"mobile\":\"./src/mobile\",\"desktop\":\
 Пресеты, которые будут использоваться для настройки сборки. См. [пресеты](presets.md).
 
 #### proxy
-Позволяет настроить проксирование запросов в dev-режиме. По умолчанию `null`. Так же этот параметр можно задать в `package.json`.
+Позволяет настроить проксирование запросов в dev-режиме. По умолчанию `[]`. Так же этот параметр можно задать в `package.json`.
 
 В случае, если ваш фронт должен обращаться к API, отличному от вашего nodejs сервера, в **дев режиме** вы можете настроить проксирование запросов.
 
@@ -97,21 +97,22 @@ ARUI_SCRIPTS_CONFIG="{\"clientEntry\":{\"mobile\":\"./src/mobile\",\"desktop\":\
 import { PackageSettings } from 'arui-scripts';
 
 const settings: PackageSettings = {
-    proxy: {
-        '/corp-shared-ui': {
+    proxy: [
+        {
+            context: '/corp-shared-ui',
             target: 'http://some-other-host',
             headers: {
                 host: 'some-other-host',
             },
         },
-    }
+    ],
 };
 
 export default settings;
 ```
 
 Такая конфигурация будет проксировать запросы к `http://localhost:8080/corp-shared-ui/` на `http://some-other-host/corp-shared-ui`.
-Подробнее о конфигурации прокси сервера можно почитать в [документации Webpack](https://webpack.js.org/configuration/dev-server/#devserver-proxy).
+Подробнее о конфигурации прокси сервера можно почитать в [документации rspack](https://rspack.dev/guide/features/dev-server#proxy).
 
 :warning: Эта настройка работает только в **дев режиме**.
 
@@ -212,22 +213,8 @@ const settings = {
 - `/^react-style-proptype$/`
 - `/^thrift-services\/proptypes/`
 
-#### useTscLoader
-**Deprecated** Используйте настройку [codeLoader](#codeloader)
-
-Использовать ts-loader вместо babel-loader для обработки ts файлов. **Не рекомендуется к использованию**.
-
-babel-loader является предпочтительным инструментом сборки, его стоят заменять только если в вашем проекте используется неподдерживаемый им синтаксис:
-
-- namespaces
-- Кастинг типов через `<Type>value`
-- enum merging
-- legacy import/export (`import = require('module')`, `export = foo`)
-
-Рекомендуется обновить код проекта до поддерживаемого синтаксиса и использовать babel-loader.
-
 #### codeLoader
-Позволяет выбрать какой инструмент использовать для обработки js и ts кода приложения. По умолчанию `babel`.
+Позволяет выбрать какой инструмент использовать для обработки js и ts кода приложения. По умолчанию `swc`.
 
 Возможные значения:
 - `babel` - для всего кода будет использоваться `babel-loader`;
@@ -238,21 +225,11 @@ babel-loader является предпочтительным инструме
 Использование swc позволяет значительно ускорить сборку (до 2 раз на больших проектах), но не будет создавать полностью идентичный с babel код.
 Итоговый бандл может получиться немного больше, чем при использовании babel, но разница полностью компенсируется при использовании сжатия.
 
-#### webpack4Compatibility
-**Deprecated** Эта настройка будет удалена в будущих версиях скриптов
-
-Включить ли режим совместимости с webpack 4. По умолчанию `false`. Подробнее можно почитать в этом [issue](https://github.com/webpack/webpack/issues/14580).
-
 #### installServerSourceMaps
 Добавлять ли в серверную сборку пакет source-map-support. По умолчанию `false`.
 
-#### jestUseTsJest
-**Deprecated** Используйте настройку [jestCodeTransformer](#jestcodetransformer)
-
-Позволяет использовать `ts-jest` вместо `babel-jest` для обработки `ts` файлов при запуске тестов. По умолчанию `false`.
-
 #### jestCodeTransformer
-Позволяет выбрать какой инструмент использовать для обработки js и ts кода приложения при запуске тестов. По умолчанию `babel`.
+Позволяет выбрать какой инструмент использовать для обработки js и ts кода приложения при запуске тестов. По умолчанию `swc`.
 
 Возможные значения:
 - `babel` - для всего кода будет использоваться `babel-jest`;
@@ -262,7 +239,7 @@ babel-loader является предпочтительным инструме
 
 #### collectCoverage
 Добавлять ли инструменты для сборки coverage при сборке. По умолчанию определяется по env переменным - будет выставлено в `true` если `NODE_ENV = 'cypress'` или `USE_ISTANBUL = 'enabled'`.
-Сбор coverage не будет работать при использовании `useTscLoader=true`.
+Сбор coverage не будет работать при использовании `codeLoader=tsc`.
 
 ### Обработка изображений
 #### dataUrlMaxSize

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "arui-scripts",
-    "version": "18.6.1",
+    "version": "19.0.0",
     "main": "./build/index.js",
     "typings": "./build/index.d.ts",
     "license": "MPL-2.0",
@@ -37,7 +37,12 @@
         "@babel/preset-typescript": "^7.23.3",
         "@babel/runtime": "^7.23.8",
         "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
-        "@swc/core": "1.7.35",
+        "@rsdoctor/rspack-plugin": "0.4.11",
+        "@rspack/cli": "1.1.5",
+        "@rspack/core": "1.1.5",
+        "@rspack/dev-server": "1.0.9",
+        "@rspack/plugin-react-refresh": "^1.0.0",
+        "@swc/core": "1.10.1",
         "@swc/jest": "^0.2.36",
         "assets-webpack-plugin": "7.1.1",
         "autoprefixer": "^10.3.16",
@@ -92,8 +97,8 @@
         "react-dev-utils": "12.0.1",
         "react-refresh": "0.10.0",
         "react-refresh-typescript": "2.0.2",
-        "reload-server-webpack-plugin": "1.0.1",
         "rimraf": "^2.7.1",
+        "rspack-manifest-plugin": "5.0.1",
         "run-script-webpack-plugin": "0.0.11",
         "semver": "^7.5.4",
         "shelljs": "0.8.5",
@@ -106,11 +111,8 @@
         "ts-jest": "28.0.8",
         "ts-loader": "9.4.4",
         "ts-node": "9.1.1",
-        "tsconfig-paths-webpack-plugin": "3.5.1",
-        "webpack": "^5.95.0",
         "webpack-bundle-analyzer": "4.10.2",
         "webpack-deduplication-plugin": "^0.0.8",
-        "webpack-dev-server": "4.15.2",
         "webpack-manifest-plugin": "3.2.0",
         "webpack-node-externals": "3.0.0"
     },

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

@@ -1,9 +0,0 @@
-export = ReloadServerPlugin;
-declare class ReloadServerPlugin {
-    constructor({ script }?: {
-        script: string;
-    });
-    done: any;
-    workers: any[];
-    apply(compiler: any): void;
-}

package/build/plugins/reload-server-webpack-plugin.js

@@ -1,44 +0,0 @@
-"use strict";
-// TODO: remove eslint-disable
-/* eslint-disable @typescript-eslint/no-var-requires */
-const cluster = require('cluster');
-const path = require('path');
-const defaultOptions = {
-    script: 'server.js',
-};
-module.exports = class ReloadServerPlugin {
-    constructor({ script } = defaultOptions) {
-        this.done = null;
-        this.workers = [];
-        cluster.setupMaster({
-            exec: path.resolve(process.cwd(), script),
-        });
-        cluster.on('online', (worker) => {
-            this.workers.push(worker);
-            if (this.done) {
-                this.done();
-            }
-        });
-    }
-    apply(compiler) {
-        const afterEmit = (compilation, callback) => {
-            this.done = callback;
-            this.workers.forEach((worker) => {
-                try {
-                    process.kill(worker.process.pid, 'SIGTERM');
-                }
-                catch (e) {
-                    console.warn(`Unable to kill process #${worker.process.pid}`);
-                }
-            });
-            this.workers = [];
-            cluster.fork();
-        };
-        if (compiler.hooks) {
-            compiler.hooks.afterEmit.tapAsync('ReloadServerPlugin', afterEmit);
-        }
-        else {
-            compiler.plugin('after-emit', afterEmit);
-        }
-    }
-};