arui-scripts 17.4.0 → 18.1.0

package/docs/modules.md

@@ -338,10 +338,10 @@ export const MyAwesomeComponent = () => {
 трудоемкой задачей, особенно если у вас уже есть большая кодовая база.
 
 arui-scripts предоставляет два решения для этой проблемы:
-- _compat_ модули
+- _css-prefix_
 - использование shadow dom
 
-## compat модули
+## css-prefix
 
 Суть метода заключается в том, что ко всем стилям модуля будет добавляться префикс, который позволит изолировать
 стили модуля от стилей приложения-потребителя.
@@ -354,7 +354,7 @@ arui-scripts предоставляет два решения для этой п
 1. Изменить конфигурацию модуля в `arui-scripts.config.ts`:
 
 ```ts
-// ./arui-scripts.config.ts
+// ./arui-scripts.config.ts compatModules
 import type { PackageSettings } from 'arui-scripts';
 
 const aruiScriptsConfig: PackageSettings = {
@@ -384,6 +384,28 @@ const aruiScriptsConfig: PackageSettings = {
 export default aruiScriptsConfig;
 ```
 
+```ts
+// ./arui-scripts.config.ts module federation
+import type { PackageSettings } from 'arui-scripts';
+
+const aruiScriptsConfig: PackageSettings = {
+    modules: {
+        shared: {
+            'react': '^17.0.0',
+            'react-dom': '^17.0.0',
+        },
+        exposes: {
+            'Module': './src/modules/module/index',
+        },
+        options: {
+            cssPrefix: '.my-module'
+        }
+    }
+}
+
+export default aruiScriptsConfig;
+```
+
 2. Изменить входную точку модуля:
 
 ```tsx

package/docs/overrides.md

@@ -72,6 +72,9 @@ export default overrides;
 - `start.sh` - шаблон entrypoint докер контейнера. Базовый шаблон [тут](../src/templates/start.template.ts).
 - `serverExternalsExemptions` - список модулей, которые не будут добавлены в список внешних зависимостей сервера. [Подробнее](caveats.md#node-externals).
 - `html` - шаблон для htmlWebpackPlugin, будет использоваться только в режиме [`clientOnly`](./settings.md#clientonly).
+- `swc-client` - конфигурация `swc` для клиентского кода. Ключи: `swc`, `swcClient`.
+- `swc-server` - конфигурация `swc` для серверного кода. Ключи: `swc`, `swcServer`.
+- `swc-jest` - конфигурация `swc` для тестов. Ключи: `swc`, `swcJest`.
 
 Для некоторых конфигураций определены несколько ключей, они будут применяться в том порядке, в котором они приведены в этом файле.
 

package/docs/settings.md

@@ -197,6 +197,8 @@ const settings = {
 - `/^thrift-services\/proptypes/`
 
 #### useTscLoader
+**Deprecated** Используйте настройку [codeLoader](#codeloader)
+
 Использовать ts-loader вместо babel-loader для обработки ts файлов. **Не рекомендуется к использованию**.
 
 babel-loader является предпочтительным инструментом сборки, его стоят заменять только если в вашем проекте используется неподдерживаемый им синтаксис:
@@ -208,15 +210,40 @@ babel-loader является предпочтительным инструме
 
 Рекомендуется обновить код проекта до поддерживаемого синтаксиса и использовать babel-loader.
 
+#### codeLoader
+Позволяет выбрать какой инструмент использовать для обработки js и ts кода приложения. По умолчанию `babel`.
+
+Возможные значения:
+- `babel` - для всего кода будет использоваться `babel-loader`;
+- `tsc` - для ts кода будет использоваться `ts-loader`, для всего остального - `babel-loader`;
+- `swc` - для всего кода будет использоваться `swc-loader`.
+
+`swc` является предпочтительным режимом, дефолты не меняются для сохранения обратной совместимости.
+Использование 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`.
+
+Возможные значения:
+- `babel` - для всего кода будет использоваться `babel-jest`;
+- `tsc` - для ts кода будет использоваться `ts-jest`, для всего остального - `babel-jest`;
+- `swc` - для всего кода будет использоваться `@swc/jest`.
+  Swc более строго следует спецификациям и [не дает возможности](https://github.com/swc-project/swc/issues/5059) делать `spyOn` для экспортов из esm модулей.
+
 #### collectCoverage
 Добавлять ли инструменты для сборки coverage при сборке. По умолчанию определяется по env переменным - будет выставлено в `true` если `NODE_ENV = 'cypress'` или `USE_ISTANBUL = 'enabled'`.
 Сбор coverage не будет работать при использовании `useTscLoader=true`.

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "arui-scripts",
-    "version": "17.4.0",
+    "version": "18.1.0",
     "main": "./build/index.js",
     "typings": "./build/index.d.ts",
     "license": "MPL-2.0",
@@ -38,11 +38,13 @@
         "@babel/runtime": "^7.23.8",
         "@csstools/postcss-global-data": "^2.0.1",
         "@pmmmwh/react-refresh-webpack-plugin": "0.5.11",
+        "@swc/core": "^1.7.35",
+        "@swc/jest": "^0.2.36",
         "assets-webpack-plugin": "7.1.1",
         "autoprefixer": "^10.3.16",
         "babel-core": "^7.0.0-bridge.0",
         "babel-jest": "28.1.3",
-        "babel-loader": "9.1.3",
+        "babel-loader": "9.2.1",
         "babel-plugin-istanbul": "^7.0.0",
         "babel-plugin-transform-react-remove-prop-types": "0.4.24",
         "case-sensitive-paths-webpack-plugin": "2.4.0",
@@ -96,16 +98,18 @@
         "shelljs": "0.8.5",
         "strip-ansi": "6.0.1",
         "style-loader": "3.3.3",
+        "swc-loader": "^0.2.6",
+        "swc-plugin-coverage-instrument": "^0.0.24",
         "tar": "6.2.1",
         "terser-webpack-plugin": "5.3.9",
         "ts-jest": "28.0.8",
         "ts-loader": "9.4.4",
         "ts-node": "9.1.1",
         "tsconfig-paths-webpack-plugin": "3.5.1",
-        "webpack": "^5.88.2",
-        "webpack-bundle-analyzer": "4.9.0",
+        "webpack": "^5.95.0",
+        "webpack-bundle-analyzer": "4.10.2",
         "webpack-deduplication-plugin": "^0.0.8",
-        "webpack-dev-server": "4.15.1",
+        "webpack-dev-server": "4.15.2",
         "webpack-manifest-plugin": "3.2.0",
         "webpack-node-externals": "3.0.0"
     },
@@ -122,17 +126,17 @@
         "@types/shelljs": "^0.8.12",
         "@types/start-server-webpack-plugin": "2.2.2",
         "@types/tar": "^4.0.5",
-        "@types/webpack": "^5.28.1",
-        "@types/webpack-bundle-analyzer": "4.6.0",
+        "@types/webpack": "^5.28.5",
+        "@types/webpack-bundle-analyzer": "4.7.0",
         "@types/webpack-dev-server": "^4.7.1",
         "@types/webpack-manifest-plugin": "3.0.5",
         "@types/webpack-node-externals": "^3.0.0",
         "eslint": "^8.20.0",
-        "eslint-config-custom": "file:../eslint-config-custom",
+        "eslint-config-custom": "workspace:*",
         "prettier": "^2.7.1",
         "stylelint": "^14.9.1",
         "type-fest": "2.19.0",
-        "typescript": "4.9.5"
+        "typescript": "5.6.3"
     },
     "optionalDependencies": {
         "brotli-size": "^4.0.0"
@@ -147,7 +151,8 @@
         "lint:scripts": "eslint \"**/*.{js,jsx,ts,tsx}\" --ext .js,.jsx,.ts,.tsx",
         "lint": "yarn lint:css && yarn lint:scripts",
         "lint:fix": "yarn lint:css --fix && yarn lint:scripts --fix",
-        "format": "prettier --write $INIT_CWD/{config,src}/**/*.{ts,tsx,js,jsx,css}"
+        "format": "prettier --write $INIT_CWD/{config,src}/**/*.{ts,tsx,js,jsx,css}",
+        "audit": "yarn npm audit --severity high --environment production"
     },
     "peerDependencies": {
         "imagemin-gifsicle": "^7.0.0",