arui-scripts 15.8.0 → 15.8.1

package/build/configs/stats-options.js

@@ -44,6 +44,6 @@ const statsOptions = (0, apply_overrides_1.default)('stats', {
     // Add warnings
     warnings: true,
     // ignore warning from missing types
-    warningsFilter: /export .* was not found in/
+    warningsFilter: /export .* was not found in/,
 });
 exports.default = statsOptions;

package/build/configs/supporting-browsers.js

@@ -4,10 +4,5 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
-const supportingBrowsers = (0, apply_overrides_1.default)(['browsers', 'supportingBrowsers'], [
-    'last 2 versions',
-    'ie >= 10',
-    'Android >= 4',
-    'iOS >= 9'
-]);
+const supportingBrowsers = (0, apply_overrides_1.default)(['browsers', 'supportingBrowsers'], ['last 2 versions', 'ie >= 10', 'Android >= 4', 'iOS >= 9']);
 exports.default = supportingBrowsers;

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

@@ -1,7 +1,7 @@
 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 { createSingleClientWebpackConfig } from '../webpack.client';
 import { findLoader } from './find-loader';
 type Overrides = {
     webpack: WebpackConfiguration | WebpackConfiguration[];
@@ -23,7 +23,7 @@ type Overrides = {
     browsers: string[];
     supportingBrowsers: string[];
     Dockerfile: string;
-    'DockerfileCompiled': string;
+    DockerfileCompiled: string;
     nginx: string;
     'start.sh': string;
     serverExternalsExemptions: Array<string | RegExp>;

package/build/configs/util/apply-overrides.js

@@ -5,9 +5,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const app_configs_1 = __importDefault(require("../app-configs"));
 let overrides = [];
-overrides = app_configs_1.default.overridesPath.map(path => {
+overrides = app_configs_1.default.overridesPath.map((path) => {
     try {
+        // eslint-disable-next-line import/no-dynamic-require, global-require, @typescript-eslint/no-var-requires
         const requireResult = require(path);
+        // eslint-disable-next-line no-underscore-dangle
         if (requireResult.__esModule) {
             // ts-node импортирует esModules, из них надо вытягивать default именно так
             return requireResult.default;
@@ -29,15 +31,18 @@ overrides = app_configs_1.default.overridesPath.map(path => {
  */
 function applyOverrides(overridesKey, config, args) {
     if (typeof overridesKey === 'string') {
+        // eslint-disable-next-line no-param-reassign
         overridesKey = [overridesKey];
     }
-    overridesKey.forEach(key => {
+    overridesKey.forEach((key) => {
         overrides.forEach((override) => {
+            // eslint-disable-next-line no-prototype-builtins
             if (override.hasOwnProperty(key)) {
                 const overrideFn = override[key];
                 if (typeof overrideFn !== 'function') {
                     throw new TypeError(`Override ${key} must be a function`);
                 }
+                // eslint-disable-next-line no-param-reassign
                 config = overrideFn(config, app_configs_1.default, args);
             }
         });

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

@@ -1,2 +1,2 @@
-import webpack from "webpack";
+import webpack from 'webpack';
 export declare function findLoader(config: webpack.Configuration, testRule: string): webpack.RuleSetRule | undefined;

package/build/configs/util/find-loader.js

@@ -6,6 +6,7 @@ function findLoader(config, testRule) {
     for (const rule of config.module.rules) {
         if (rule === '...' || !rule) {
             // Webpack имеет странный тип для rules, который позволяет в него положить строку '...'. Успокаиваем TS
+            // eslint-disable-next-line no-continue
             continue;
         }
         if (rule.test && rule.test.toString() === testRule) {
@@ -19,5 +20,6 @@ function findLoader(config, testRule) {
             }
         }
     }
+    return undefined;
 }
 exports.findLoader = findLoader;

package/build/configs/util/install-sourcemap-support.js

@@ -1,4 +1,8 @@
 "use strict";
+// TODO: remove eslint-disable or add override to .eslintrc.js
+/* eslint-disable global-require */
+/* eslint-disable import/no-extraneous-dependencies */
+/* eslint-disable @typescript-eslint/no-var-requires */
 try {
     require('source-map-support').install();
 }

package/build/configs/util/node-assets-ignore.js

@@ -2,9 +2,7 @@
 // ignore attempts to require any types of assets
 (() => {
     // simply ignore css files, it wont cause any damage
-    const ignoreExtensions = [
-        '.css'
-    ];
+    const ignoreExtensions = ['.css'];
     // warn about other requires, because it may lead to unexpected behaviour in production
     const warnExtensions = [
         '.gif',
@@ -20,12 +18,16 @@
         '.aac',
         '.mp3',
         '.wav',
-        '.ogg'
+        '.ogg',
     ];
     const noop = () => { };
     const warn = (_, path) => console.warn(`\u001B[0;31mWARNING!
     Trying to require ${path} in node.js.
     Non-js files is ignored when required in node_modules\u001B[0m`);
-    ignoreExtensions.forEach(e => require.extensions[e] = noop);
-    warnExtensions.forEach(e => require.extensions[e] = warn);
+    ignoreExtensions.forEach((e) => {
+        require.extensions[e] = noop;
+    });
+    warnExtensions.forEach((e) => {
+        require.extensions[e] = warn;
+    });
 })();

package/build/configs/util/register-ts-node.js

@@ -1,7 +1,8 @@
 "use strict";
+// TODO: remove eslint-disable
+/* eslint-disable @typescript-eslint/no-var-requires */
 // Мы используем ts-node для работы c конфигами, описаными на ts
-require('ts-node')
-    .register({
+require('ts-node').register({
     transpileOnly: true,
     ignore: [],
     compilerOptions: {

package/build/configs/webpack.client.js

@@ -4,37 +4,43 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createClientWebpackConfig = exports.createSingleClientWebpackConfig = void 0;
+// TODO: remove eslint-disable and eslint-disable-next-line
+/* eslint-disable global-require */
+/* eslint-disable @typescript-eslint/no-var-requires */
 const path_1 = __importDefault(require("path"));
-const webpack_1 = __importDefault(require("webpack"));
-const webpack_manifest_plugin_1 = require("webpack-manifest-plugin");
+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 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 mini_css_extract_plugin_1 = __importDefault(require("mini-css-extract-plugin"));
+const mini_svg_data_uri_1 = __importDefault(require("mini-svg-data-uri"));
 const terser_webpack_plugin_1 = __importDefault(require("terser-webpack-plugin"));
-const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
-const compression_webpack_plugin_1 = __importDefault(require("compression-webpack-plugin"));
-const assets_webpack_plugin_1 = __importDefault(require("assets-webpack-plugin"));
 const tsconfig_paths_webpack_plugin_1 = __importDefault(require("tsconfig-paths-webpack-plugin"));
-const getCSSModuleLocalIdent_1 = __importDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
+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 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 app_configs_1 = __importDefault(require("./app-configs"));
 const babel_client_1 = __importDefault(require("./babel-client"));
-const postcss_1 = __importDefault(require("./postcss"));
-const check_node_version_1 = __importDefault(require("./util/check-node-version"));
 const babel_dependencies_1 = require("./babel-dependencies");
-const react_refresh_typescript_1 = __importDefault(require("react-refresh-typescript"));
-const react_refresh_webpack_plugin_1 = __importDefault(require("@pmmmwh/react-refresh-webpack-plugin"));
-const case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sensitive-paths-webpack-plugin"));
-const webpack_deduplication_plugin_1 = require("webpack-deduplication-plugin");
-const minimizers_1 = require("./config-extras/minimizers");
-const mini_svg_data_uri_1 = __importDefault(require("mini-svg-data-uri"));
-const process_assets_plugin_output_1 = require("./process-assets-plugin-output");
 const modules_1 = require("./modules");
+const postcss_1 = __importDefault(require("./postcss"));
+const process_assets_plugin_output_1 = require("./process-assets-plugin-output");
 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
 function getSingleEntry(entryPoint, mode) {
     return [
-        ...(Array.isArray(app_configs_1.default.clientPolyfillsEntry) ? app_configs_1.default.clientPolyfillsEntry : [app_configs_1.default.clientPolyfillsEntry]),
-        ...entryPoint
+        ...(Array.isArray(app_configs_1.default.clientPolyfillsEntry)
+            ? app_configs_1.default.clientPolyfillsEntry
+            : [app_configs_1.default.clientPolyfillsEntry]),
+        ...entryPoint,
     ].filter(Boolean);
 }
 // Нам важно шарить assets plugin между разными сборками, чтобы файл не перезаписывался
@@ -92,8 +98,8 @@ function getMinimizeConfig(mode) {
                     // Default number of concurrent runs: os.cpus().length - 1
                     parallel: true,
                 }),
-                new CssMinimizerPlugin()
-            ].filter(Boolean)
+                new CssMinimizerPlugin(),
+            ].filter(Boolean),
         };
     }
     if (app_configs_1.default.keepCssVars) {
@@ -109,12 +115,12 @@ function getMinimizeConfig(mode) {
                         }),
                     },
                 }),
-            ]
+            ],
         };
     }
     return {
         minimize: false,
-        minimizer: []
+        minimizer: [],
     };
 }
 /**
@@ -123,6 +129,7 @@ function getMinimizeConfig(mode) {
  * @param entry Точка входа, любой валидный вход для webpack
  * @param configName Имя конфигурации, если не указано, то используется имя по умолчанию
  */
+// 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.default.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.default.cwd, output: {
@@ -136,22 +143,20 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
             ? `${configName ? `${configName}-` : ''}[name].js`
             : `${configName ? `${configName}-` : ''}[name].[chunkhash:8].chunk.js`,
         // 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, '/'),
+        devtoolModuleFilenameTemplate: (info) => path_1.default.relative(app_configs_1.default.appSrc, info.absoluteResourcePath).replace(/\\/g, '/'),
     }, optimization: Object.assign(Object.assign({}, getMinimizeConfig(mode)), { splitChunks: mode === 'prod'
             ? {
-                chunks: "all",
+                chunks: 'all',
                 cacheGroups: {
                     commons: {
-                        chunks: "initial",
+                        chunks: 'initial',
                         minChunks: 2,
                         maxInitialRequests: 5,
-                        minSize: 0 // This is example is too small to create commons chunks
+                        minSize: 0, // This is example is too small to create commons chunks
                     },
                     vendor: {
                         test: /node_modules/,
-                        chunks: "initial",
+                        chunks: 'initial',
                         name: (_, chunks, cacheGroupKey) => {
                             if (!configName) {
                                 return 'vendor';
@@ -161,9 +166,9 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                             return `${cacheGroupKey}-${allChunksNames}`;
                         },
                         priority: 10,
-                        enforce: true
-                    }
-                }
+                        enforce: true,
+                    },
+                },
             }
             : false, nodeEnv: mode === 'prod' ? 'production' : false, 
         // Оптимизации времени билда, см https://webpack.js.org/guides/build-performance/
@@ -180,16 +185,24 @@ 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.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)),
-    }, resolveLoader: {
         plugins: [
-            PnpWebpackPlugin.moduleLoader(module),
-        ],
+            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),
+    }, resolveLoader: {
+        plugins: [PnpWebpackPlugin.moduleLoader(module)],
     }, cache: mode === 'dev'
         ? {
             type: 'filesystem',
@@ -206,27 +219,39 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                 // "oneOf" will traverse all following loaders until one will
                 // match the requirements. When no loader matches it will fall
                 // back to the "file" loader at the end of the loader list.
-                oneOf: ([
+                oneOf: [
                     // Process JS with Babel.
                     {
-                        test: app_configs_1.default.useTscLoader ? /\.(js|jsx|mjs|cjs)$/ : /\.(js|jsx|mjs|ts|tsx|cjs)$/,
+                        test: app_configs_1.default.useTscLoader
+                            ? /\.(js|jsx|mjs|cjs)$/
+                            : /\.(js|jsx|mjs|ts|tsx|cjs)$/,
                         include: app_configs_1.default.appSrc,
                         loader: require.resolve('babel-loader'),
                         options: Object.assign(Object.assign({}, babel_client_1.default), { cacheDirectory: mode === 'dev', cacheCompression: false, plugins: [
                                 ...babel_client_1.default.plugins,
-                                mode === 'dev' ? [require.resolve('react-refresh/babel'), { skipEnvCheck: true }] : undefined
+                                mode === 'dev'
+                                    ? [
+                                        require.resolve('react-refresh/babel'),
+                                        { skipEnvCheck: true },
+                                    ]
+                                    : undefined,
                             ].filter(Boolean) }),
                     },
-                    (app_configs_1.default.tsconfig && app_configs_1.default.useTscLoader) && {
+                    app_configs_1.default.tsconfig &&
+                        app_configs_1.default.useTscLoader && {
                         test: /\.tsx?$/,
                         use: [
                             {
                                 loader: require.resolve('babel-loader'),
-                                options: Object.assign({
-                                    cacheDirectory: mode === 'dev',
-                                    cacheCompression: false,
-                                    plugins: mode === 'dev' ? [require.resolve('react-refresh/babel'), { skipEnvCheck: true }] : undefined,
-                                }, babel_client_1.default)
+                                options: Object.assign({ cacheDirectory: mode === 'dev', cacheCompression: false, 
+                                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                                    // @ts-ignore
+                                    plugins: mode === 'dev'
+                                        ? [
+                                            require.resolve('react-refresh/babel'),
+                                            { skipEnvCheck: true },
+                                        ]
+                                        : undefined }, babel_client_1.default),
                             },
                             {
                                 loader: require.resolve('ts-loader'),
@@ -237,10 +262,10 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                                     onlyCompileBundledFiles: true,
                                     transpileOnly: true,
                                     happyPackMode: true,
-                                    configFile: app_configs_1.default.tsconfig
-                                }
-                            }
-                        ]
+                                    configFile: app_configs_1.default.tsconfig,
+                                },
+                            },
+                        ],
                     },
                     // Process any JS outside of the app with Babel.
                     // Unlike the application JS, we only compile the standard ES features.
@@ -257,7 +282,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                         use: [
                             {
                                 loader: mini_css_extract_plugin_1.default.loader,
-                                options: { publicPath: './' }
+                                options: { publicPath: './' },
                             },
                             {
                                 loader: require.resolve('css-loader'),
@@ -271,7 +296,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                                 options: {
                                     postcssOptions: {
                                         plugins: postcss_1.default,
-                                    }
+                                    },
                                 },
                             },
                         ],
@@ -282,7 +307,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                         use: [
                             {
                                 loader: mini_css_extract_plugin_1.default.loader,
-                                options: { publicPath: './' }
+                                options: { publicPath: './' },
                             },
                             {
                                 loader: require.resolve('css-loader'),
@@ -290,7 +315,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                                     importLoaders: 1,
                                     sourceMap: mode === 'dev',
                                     modules: {
-                                        getLocalIdent: getCSSModuleLocalIdent_1.default
+                                        getLocalIdent: getCSSModuleLocalIdent_1.default,
                                     },
                                 },
                             },
@@ -299,7 +324,7 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                                 options: {
                                     postcssOptions: {
                                         plugins: postcss_1.default,
-                                    }
+                                    },
                                 },
                             },
                         ],
@@ -308,29 +333,29 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                         test: /\.svg/,
                         type: 'asset',
                         generator: {
-                            dataUrl: (content) => (0, mini_svg_data_uri_1.default)(content.toString())
+                            dataUrl: (content) => (0, mini_svg_data_uri_1.default)(content.toString()),
                         },
                         parser: {
                             dataUrlCondition: {
-                                maxSize: app_configs_1.default.dataUrlMaxSize
-                            }
-                        }
+                                maxSize: app_configs_1.default.dataUrlMaxSize,
+                            },
+                        },
                     },
                     {
                         exclude: [/\.(js|jsx|mjs|cjs|ts|tsx)$/, /\.(html|ejs)$/, /\.json$/],
                         type: 'asset',
                         parser: {
                             dataUrlCondition: {
-                                maxSize: app_configs_1.default.dataUrlMaxSize
-                            }
-                        }
+                                maxSize: app_configs_1.default.dataUrlMaxSize,
+                            },
+                        },
                     },
-                ].filter(Boolean)),
+                ].filter(Boolean),
             },
             // ** STOP ** Are you adding a new loader?
             // Make sure to add the new loader(s) before asset modules
         ],
-    }, plugins: ([
+    }, plugins: [
         assetsPlugin,
         clientAssetsPlugin,
         new webpack_1.default.DefinePlugin(Object.assign({ 
@@ -343,7 +368,9 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
             filename: mode === 'dev' ? '[name].css' : '[name].[contenthash:8].css',
             chunkFilename: mode === 'dev' ? '[id].css' : '[name].[contenthash:8].chunk.css',
         }),
-        (mode === "prod" || !app_configs_1.default.disableDevWebpackTypecheck) && app_configs_1.default.tsconfig !== null && new fork_ts_checker_webpack_plugin_1.default(),
+        (mode === 'prod' || !app_configs_1.default.disableDevWebpackTypecheck) &&
+            app_configs_1.default.tsconfig !== null &&
+            new fork_ts_checker_webpack_plugin_1.default(),
         // moment.js очень большая библиотека, которая включает в себя массу локализаций, которые мы не используем.
         // Поэтому мы их просто игнорируем, чтобы не включать в сборку.
         // https://github.com/jmblog/how-to-optimize-momentjs-with-webpack
@@ -356,42 +383,51 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
         // например проект зависит от lodash@1, библиотеки A и B зависят от lodash@2. Тогда lodash@2 будет включен в сборку
         // дважды, что приведет к увеличению размера бандла (и это не лечится дедубликацией в yarn/npm).
         // Сама реализация плагина зависит от yarn.lock, поэтому если мы используем npm, то плагин не будет работать.
-        app_configs_1.default.useYarn && new webpack_deduplication_plugin_1.WebpackDeduplicationPlugin({
-            cacheDir: path_1.default.join(app_configs_1.default.cwd, 'node_modules/.cache/deduplication-webpack-plugin/'),
-            rootPath: app_configs_1.default.cwd,
-        }),
+        app_configs_1.default.useYarn &&
+            new webpack_deduplication_plugin_1.WebpackDeduplicationPlugin({
+                cacheDir: path_1.default.join(app_configs_1.default.cwd, 'node_modules/.cache/deduplication-webpack-plugin/'),
+                rootPath: app_configs_1.default.cwd,
+            }),
         // dev plugins:
-        mode === 'dev' && new react_refresh_webpack_plugin_1.default({
-            overlay: false,
-        }),
+        mode === 'dev' &&
+            new react_refresh_webpack_plugin_1.default({
+                overlay: false,
+            }),
         // 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
         mode === 'dev' && new case_sensitive_paths_webpack_plugin_1.default(),
         // production plugins:
         mode === 'prod' && new webpack_manifest_plugin_1.WebpackManifestPlugin(),
-        mode === 'prod' && new compression_webpack_plugin_1.default({
-            filename: '[file].gz',
-            algorithm: 'gzip',
-            test: /\.js$|\.css$|\.png$|\.svg$/,
-            threshold: 10240,
-            minRatio: 0.8
-        }),
-        mode === 'prod' && (0, check_node_version_1.default)(10) && new compression_webpack_plugin_1.default({
-            filename: '[file].br',
-            algorithm: 'brotliCompress',
-            test: /\.(js|css|html|svg)$/,
-            compressionOptions: {
-                level: 11,
-            },
-            threshold: 10240,
-            minRatio: 0.8,
-        }),
+        mode === 'prod' &&
+            new compression_webpack_plugin_1.default({
+                filename: '[file].gz',
+                algorithm: 'gzip',
+                test: /\.js$|\.css$|\.png$|\.svg$/,
+                threshold: 10240,
+                minRatio: 0.8,
+            }),
+        mode === 'prod' &&
+            (0, check_node_version_1.default)(10) &&
+            new compression_webpack_plugin_1.default({
+                filename: '[file].br',
+                algorithm: 'brotliCompress',
+                test: /\.(js|css|html|svg)$/,
+                compressionOptions: {
+                    level: 11,
+                },
+                threshold: 10240,
+                minRatio: 0.8,
+            }),
         // Ignore prop-types packages in production mode
         // This should works fine, since proptypes usage should be eliminated in production mode
-        mode === 'prod' && !app_configs_1.default.keepPropTypes && new webpack_1.default.NormalModuleReplacementPlugin(/^react-style-proptype$/, noopPath),
-        mode === 'prod' && !app_configs_1.default.keepPropTypes && new webpack_1.default.NormalModuleReplacementPlugin(/^thrift-services\/proptypes/, noopPath)
-    ].filter(Boolean)), experiments: {
+        mode === 'prod' &&
+            !app_configs_1.default.keepPropTypes &&
+            new webpack_1.default.NormalModuleReplacementPlugin(/^react-style-proptype$/, noopPath),
+        mode === 'prod' &&
+            !app_configs_1.default.keepPropTypes &&
+            new webpack_1.default.NormalModuleReplacementPlugin(/^thrift-services\/proptypes/, noopPath),
+    ].filter(Boolean), experiments: {
         backCompat: app_configs_1.default.webpack4Compatibility,
     }, 
     // Без этого комиляция трирегилась на изменение в node_modules и приводила к утечке памяти