arui-scripts 11.8.0-feat-webpack5.7 → 12.0.2

package/CHANGELOG.md

@@ -1,6 +1,6 @@
-# [11.8.0-feat-webpack5.7](https://github.com/alfa-laboratory/arui-scripts/compare/v11.8.0-feat-webpack5.6...v11.8.0-feat-webpack5.7) (2021-10-26)
+## [12.0.2](https://github.com/alfa-laboratory/arui-scripts/compare/v12.0.1...v12.0.2) (2021-11-24)
 
 
 ### Bug Fixes
 
-* **start/client:** added \n ([8ba993e](https://github.com/alfa-laboratory/arui-scripts/commit/8ba993e2523b230fa7c411fa2351884afe189d98))
+* **webpack:** restore css minimization in dev ([84c404e](https://github.com/alfa-laboratory/arui-scripts/commit/84c404e82e8afe9b6ac7c1d9dfbf5cd50d47e9d2))

package/README.md

@@ -9,7 +9,13 @@ ARUI-scripts
 Использование
 ===
 
-0. Пакет требует версию nodejs 10+.
+0. Пакет требует использовать следующие версии:
+
+Зависимость | Версия
+-- | --
+`nodejs` | `12.13.0+`
+`react` | `16.13.0+`
+`react-dom` | `16.13.0+`
 
 1. Установите `arui-scripts` в свой проект как dev зависимость
 
@@ -146,34 +152,22 @@ function readAssetsManifest() {
 import React from 'react'
 import ReactDOM from 'react-dom'
 import App from './app';
-import { AppContainer } from 'react-hot-loader';
 
 ReactDOM.render(
-    <AppContainer><App /></AppContainer>,
+    <App />,
     document.getElementById('react-app')
 );
 if (module.hot) {
     module.hot.accept('./app', () => {
         const NextAppAssignments = require('./app').default;
         ReactDOM.render(
-            <AppContainer><NextAppAssignments /></AppContainer>,
+            <NextAppAssignments />,
             document.getElementById('react-app')
         );
     });
 }
 ```
 
-При возникновении в консоли предупреждения `React-Hot-Loader: react-🔥-dom patch is not detected. React 16.6+ features may not work.` убедитесь, что в `webpack.client.dev` не переопределяется настройка `resolve.alias`, в нём должна быть следующая запиcь:
-
-```
-// ...
-  resolve: {
-    alias: {
-      'react-dom': '@hot-loader/react-dom'
-    }
-  }
-```
-
 #### Сервер
 Серверная часть приложения по умолчанию будет просто перезапускаться после каждого изменения кода,
 для использования hot module replacement на сервере нужно сделать несколько вещей:

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

@@ -19,8 +19,7 @@ const webpack_client_prod_1 = __importDefault(require("../../configs/webpack.cli
 (() => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
     const tmpDir = yield make_tmp_dir_1.default();
-    // @ts-ignore
-    (_a = webpack_client_prod_1.default === null || webpack_client_prod_1.default === void 0 ? void 0 : webpack_client_prod_1.default.plugins) === null || _a === void 0 ? void 0 : _a.push(new webpack_bundle_analyzer_1.BundleAnalyzerPlugin());
+    (_a = webpack_client_prod_1.default === null || webpack_client_prod_1.default === void 0 ? void 0 : webpack_client_prod_1.default.plugins) === null || _a === void 0 ? void 0 : _a.push((new webpack_bundle_analyzer_1.BundleAnalyzerPlugin()));
     webpack_client_prod_1.default.output.path = tmpDir;
     webpack_1.default(webpack_client_prod_1.default).run(() => { });
 }))();

package/build/commands/start/client.js

@@ -10,6 +10,8 @@ const print_compiler_output_1 = __importDefault(require("./print-compiler-output
 const webpack_client_dev_1 = __importDefault(require("../../configs/webpack.client.dev"));
 const dev_server_1 = __importDefault(require("../../configs/dev-server"));
 const clientCompiler = webpack_1.default(webpack_client_dev_1.default);
+// не резолвиться constructor(config: WebpackDevServer.Configuration, webpack?: webpack.Compiler | webpack.MultiCompiler);
+// clientCompiler: webpack.Compiler
 // @ts-ignore
 const clientDevServer = new webpack_dev_server_1.default(dev_server_1.default, clientCompiler);
 clientCompiler.hooks.invalid.tap('client', () => console.log('Compiling client...'));

package/build/configs/webpack.client.dev.js

@@ -27,7 +27,6 @@ const cssModuleRegex = /\.module\.css$/;
 function getSingleEntry(clientEntry) {
     return [
         ...(Array.isArray(app_configs_1.default.clientPolyfillsEntry) ? app_configs_1.default.clientPolyfillsEntry : [app_configs_1.default.clientPolyfillsEntry]),
-        // `${require.resolve('webpack-dev-server/client')}?/`,
         require.resolve('webpack/hot/dev-server'),
         // Finally, this is your app's code:
         ...clientEntry,
@@ -276,6 +275,7 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
         hints: false,
     },
     optimization: {
+        minimize: true,
         minimizer: [
             new CssMinimizerPlugin({
                 minimizerOptions: {

package/build/configs/webpack.server.dev.js

@@ -60,8 +60,7 @@ const config = {
                 /^arui-ft-private/,
                 /^arui-private/,
                 /^alfaform-core-ui/,
-                /^newclick-components/,
-                /^newclick-composite-components/,
+                /^@alfa-bank\/newclick-composite-components/,
                 /^#/,
                 /^@alfalab\/icons/,
                 /^@alfalab\/core-components/,

package/build/configs/webpack.server.prod.js

@@ -58,8 +58,7 @@ const config = apply_overrides_1.default(['webpack', 'webpackServer', 'webpackPr
                 /^arui-ft-private/,
                 /^arui-private/,
                 /^alfaform-core-ui/,
-                /^newclick-components/,
-                /^newclick-composite-components/,
+                /^@alfa-bank\/newclick-composite-components/,
                 /^#/,
                 /^@alfalab\/icons/,
                 /^@alfalab\/core-components/,

package/build/tsconfig-local.tsbuildinfo

@@ -682,7 +682,7 @@
         "affectsGlobalScope": false
       },
       "../src/commands/util/format-webpack-messages.js": {
-        "version": "af0b9401e1cd7f9c5727b8de23f66a662e5ff83b14aba1ffc2e13fb658ffd5da",
+        "version": "63fe3b38da88555c7fa662b4d7358eddaa55d66078770c6851f7118fe39f3018",
         "signature": "ecd8911d6ebadcaa887146a30c0b1a2c05295cad1295f60f90ddf0013e6ef302",
         "affectsGlobalScope": true
       },
@@ -1062,7 +1062,7 @@
         "affectsGlobalScope": false
       },
       "../src/configs/webpack.client.prod.ts": {
-        "version": "85556533f915a952e949a1c49362a50dfd1a2c5109241b6b105cfb885b854940",
+        "version": "da844f2ee3675d85220d6030df65c93aed92bb9e616bd2caca62d1ddca31d1fd",
         "signature": "293c406216d7a14873b09a48b71adadd5546d9060f5be7d148fe129bb57f13d1",
         "affectsGlobalScope": false
       },
@@ -1097,7 +1097,7 @@
         "affectsGlobalScope": false
       },
       "../src/configs/webpack.server.prod.ts": {
-        "version": "ecc392353cad0357e0202254646951d5924704c7e5d270fb7ea11d144ef3b728",
+        "version": "20cb5538c0031f79bd2fac9207f8da9b5b8b795482e1356b171f59e10d8966df",
         "signature": "293c406216d7a14873b09a48b71adadd5546d9060f5be7d148fe129bb57f13d1",
         "affectsGlobalScope": false
       },
@@ -1117,7 +1117,7 @@
         "affectsGlobalScope": false
       },
       "../src/commands/bundle-analyze/index.ts": {
-        "version": "fda64fcbc18f4e919a4949ea2894a58f80d2bb0e9edacea59ff7eef84a8fe745",
+        "version": "38c63f35700569345c71b6919837e9ae51dda1c059e9b46680091a658bca1327",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
         "affectsGlobalScope": false
       },
@@ -1302,7 +1302,7 @@
         "affectsGlobalScope": false
       },
       "../src/configs/webpack.client.dev.ts": {
-        "version": "07c03c4861f9db4f96b177c4ef77166f73e47db6f48fe7560c9b9e99028159af",
+        "version": "dc5d50adcc35600c7e9639100b27af7b6ad460ccbdae65b1900ad88586adf097",
         "signature": "bf4cb593d7c7ac6097823d647f70fdf078e1b8175693cf9e24537625e3e69fa0",
         "affectsGlobalScope": false
       },
@@ -1312,7 +1312,7 @@
         "affectsGlobalScope": false
       },
       "../src/commands/start/client.ts": {
-        "version": "ff3d7ff8548d65f72d42e7a92ee672d18ebd55f3910de4743f85177476854f5c",
+        "version": "475140c55c827865f8022ca72d51d70b1dafa034df46f5454f6dae157c522b6a",
         "signature": "8e609bb71c20b858c77f0e9f90bb1319db8477b13f9f965f1a1e18524bf50881",
         "affectsGlobalScope": false
       },
@@ -1327,7 +1327,7 @@
         "affectsGlobalScope": false
       },
       "../src/configs/webpack.server.dev.ts": {
-        "version": "b8f53a203b70a2ae08fb101ab12cdb09aba2a2a04b200fb12cfa11d3a36b424f",
+        "version": "5614f84276cf6508352d878aa5870f76ce4cb926a19c1cbd97b7d8bed708ea03",
         "signature": "4289eb8081c31f5b009209c36c04417fd4a0f39c5740422650d076d059d0a5d3",
         "affectsGlobalScope": false
       },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "arui-scripts",
-    "version": "11.8.0-feat-webpack5.7",
+    "version": "12.0.2",
     "main": "index.js",
     "license": "MPL-2.0",
     "repository": {
@@ -132,15 +132,15 @@
         "brotli-size": "^4.0.0"
     },
     "engines": {
-        "node": ">=12.0.0"
+        "node": ">=12.13.0"
     },
     "scripts": {
         "build": "tsc --project tsconfig-local.json",
         "test": "jest"
     },
     "peerDependencies": {
-        "react": "^16.0.0",
-        "react-dom": "^16.0.0",
+        "react": ">=16.3.0",
+        "react-dom": ">=16.3.0",
         "typescript": ">=3.7.3"
     },
     "jest": {