arui-scripts 20.1.0 → 20.2.0

package/.turbo/turbo-test.log

@@ -5,21 +5,20 @@ 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/commands/util/brotli-dictionary/__tests__/find-files-to-compress.test.ts (28.265 s)
-PASS src/plugins/postcss-global-variables/utils/__tests__/add-global-variable.tests.ts
-PASS src/commands/util/brotli-dictionary/__tests__/create-dcb-file.test.ts (28.501 s)
-PASS src/configs/app-configs/__tests__/update-with-presets.tests.ts
-PASS src/configs/app-configs/__tests__/update-with-env.tests.ts
+PASS src/plugins/postcss-global-variables/utils/__tests__/add-global-variable.tests.ts (28.142 s)
+PASS src/configs/app-configs/__tests__/update-with-presets.tests.ts (28.023 s)
 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__/update-with-env.tests.ts
+PASS src/configs/util/__tests__/compress-with-dcb.test.ts
 PASS src/configs/util/__tests__/get-polyfills.tests.ts
+PASS src/plugins/postcss-global-variables/utils/__tests__/parse-variables.tests.ts
 PASS src/plugins/postcss-global-variables/utils/__tests__/get-media-query-name.tests.ts
 PASS src/configs/app-configs/__tests__/validate-settings-keys.tests.ts
-PASS src/configs/util/__tests__/find-plugin.tests.ts (31.057 s)
+PASS src/configs/util/__tests__/find-plugin.tests.ts (30.762 s)
 
-Test Suites: 12 passed, 12 total
-Tests:       32 passed, 32 total
+Test Suites: 11 passed, 11 total
+Tests:       25 passed, 25 total
 Snapshots:   0 total
-Time:        32.219 s
+Time:        31.825 s
 Ran all test suites.

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # [15.3.0](https://github.com/core-ds/arui-scripts/compare/v15.2.0...v15.3.0) (2023-06-30)
 
+## 20.2.0
+
+### Minor Changes
+
+-   [#352](https://github.com/core-ds/arui-scripts/pull/352) [`bcc3155`](https://github.com/core-ds/arui-scripts/commit/bcc3155b3450bf682f7d8d653d282b749853d7af) Thanks [@heymdall-legal](https://github.com/heymdall-legal)! - Обновление rspack до версии 1.4.11. Приносит дополнительное ускорение, исправление багов.
+    Основные фичи описаны в релиз-ноутах к версии [1.2](https://rspack.rs/blog/announcing-1-2), [1.3](https://rspack.rs/blog/announcing-1-3) и [1.4](https://rspack.rs/blog/announcing-1-4).
+
+    Кратко:
+
+    -   меньше бинарник самого rspack
+    -   более быстрый code-splitting
+    -   из дефолтных watch-таргетов убраны node_modules, что ускоряет как старт, так и работу в дев режиме
+    -   меньшее использование памяти
+    -   более быстрый парсер кода
+    -   улучшенный алгоритм tree-shaking - более компактные бандлы
+    -   инкрементальная сборка в дев режиме - на 30% более быстрый HMR
+
+    С полным списком изменений можно ознакомится на [странице релизов rspack](https://github.com/web-infra-dev/rspack/releases?page=1).
+
+### Patch Changes
+
+-   [`43a7c5c`](https://github.com/core-ds/arui-scripts/commit/43a7c5c3dff8b933a75c1eaddfc738cdbdfb9e1b) Thanks [@Heymdall](https://github.com/Heymdall)! - Сжатие с DCB теперь просто использует compression plugin. Улучшен вывод статистики по собранным файлам
+
 ## 20.1.0
 
 ### Minor Changes

package/build/commands/build/client.js

@@ -17,7 +17,6 @@ const printBuildError_1 = __importDefault(require("react-dev-utils/printBuildErr
 const build_wrapper_1 = __importDefault(require("./build-wrapper"));
 const client_assets_sizes_1 = require("../util/client-assets-sizes");
 const webpack_client_prod_1 = require("../../configs/webpack.client.prod");
-const create_dictionary_files_1 = require("../util/create-dictionary-files");
 console.log(chalk_1.default.magenta('Building client...'));
 function main() {
     return __awaiter(this, void 0, void 0, function* () {
@@ -33,9 +32,8 @@ function main() {
                 console.log(chalk_1.default.green('Client compiled successfully.\n'));
             }
             function printOutputSizes(webpackConfig, stats) {
-                var _a;
-                const sizes = (0, client_assets_sizes_1.calculateAssetsSizes)(stats, (_a = webpackConfig === null || webpackConfig === void 0 ? void 0 : webpackConfig.output) === null || _a === void 0 ? void 0 : _a.path);
-                (0, client_assets_sizes_1.printAssetsSizes)(sizes);
+                console.log(chalk_1.default.bold(`Sizes for "${webpackConfig.name || 'main'}"`));
+                (0, client_assets_sizes_1.printAssetsSizes)(stats);
             }
             if (Array.isArray(webpack_client_prod_1.webpackClientConfig)) {
                 webpack_client_prod_1.webpackClientConfig.forEach((conf, index) => printOutputSizes(conf, stats.stats[index]));
@@ -43,12 +41,6 @@ function main() {
             else {
                 printOutputSizes(webpack_client_prod_1.webpackClientConfig, stats);
             }
-            try {
-                yield (0, create_dictionary_files_1.createDictionaryFiles)();
-            }
-            catch (error) {
-                console.warn('Unable to create dcb files', error);
-            }
         }
         catch (err) {
             console.log(chalk_1.default.red('Failed to compile client.\n'));

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

@@ -1,26 +1,2 @@
 import { Stats } from '@rspack/core';
-type AssetSize = {
-    name: string;
-    fullName: string;
-    gzipSize: number;
-    brotliSize: number;
-    size: number;
-    sizeLabel: string;
-    gzipLabel: string;
-    brotliLabel: string;
-};
-type TotalSizes = {
-    size: number;
-    sizeLabel: string;
-    gzipSize: number;
-    gzipLabel: string;
-    brotliSize: number;
-    brotliLabel: string;
-};
-type ClientAssetsSizes = {
-    totalSizes: TotalSizes;
-    assets: AssetSize[];
-};
-export declare function calculateAssetsSizes(webpackStats: Stats, rootDir?: string): ClientAssetsSizes;
-export declare function printAssetsSizes(sizes: ClientAssetsSizes): void;
-export {};
+export declare function printAssetsSizes(webpackStats: Stats): void;

package/build/commands/util/client-assets-sizes.js

@@ -3,79 +3,67 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateAssetsSizes = calculateAssetsSizes;
 exports.printAssetsSizes = printAssetsSizes;
-const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const chalk_1 = __importDefault(require("chalk"));
 const filesize_1 = __importDefault(require("filesize"));
-const gzip_size_1 = require("gzip-size");
-const strip_ansi_1 = __importDefault(require("strip-ansi"));
-let brotliSize = () => NaN;
-try {
-    // eslint-disable-next-line global-require, @typescript-eslint/no-var-requires
-    brotliSize = require('brotli-size').sync;
-}
-catch (error) {
-    // empty error
-}
-function canReadAsset(asset) {
-    return (/\.(js|css)$/.test(asset) &&
-        !/service-worker\.js/.test(asset) &&
-        !/precache-manifest\.[0-9a-f]+\.js/.test(asset));
-}
+const app_configs_1 = require("../../configs/app-configs");
 function removeFileNameHash(fileName) {
-    return fileName
+    const parts = fileName
         .replace(/\\/g, '/')
-        .replace(/\/?(.*)(\.[0-9a-f]+)(\.chunk)?(\.js|\.css)/, (match, p1, p2, p3, p4) => p1 + p4);
+        .split('.');
+    const id = parts[0];
+    const isChunk = fileName.includes('.chunk.');
+    const extension = parts.find(p => ['js', 'css'].includes(p));
+    return `${id}${isChunk ? '.chunk' : ''}.${extension}`;
 }
-function calculateAssetsSizes(webpackStats, rootDir = '') {
+function printAssetsSizes(webpackStats) {
     const assetsStats = webpackStats.toJson({ all: false, assets: true }).assets || [];
-    const assets = assetsStats
-        .filter((asset) => canReadAsset(asset.name))
-        .map((asset) => {
-        const fileContents = fs_1.default.readFileSync(path_1.default.join(rootDir, asset.name));
-        const size = (0, gzip_size_1.sync)(fileContents);
-        const brSize = brotliSize(fileContents);
-        const filename = path_1.default.basename(asset.name);
-        return {
-            name: removeFileNameHash(filename),
-            fullName: filename,
-            gzipSize: size,
-            brotliSize: brSize,
-            size: asset.size,
-            sizeLabel: (0, filesize_1.default)(asset.size),
-            gzipLabel: (0, filesize_1.default)(size),
-            brotliLabel: brSize ? (0, filesize_1.default)(brSize) : '-',
-        };
+    const assetsMap = {};
+    const statExtensions = ['js', 'css', 'br', 'gz', 'dcb'];
+    assetsStats.forEach((asset) => {
+        if (asset.type !== 'asset') {
+            return;
+        }
+        const extension = path_1.default.parse(asset.name).ext.substring(1);
+        if (!statExtensions.includes(extension) || asset.name.endsWith('.dict.br')) {
+            return;
+        }
+        const assetName = removeFileNameHash(asset.name);
+        if (!assetsMap[assetName]) {
+            assetsMap[assetName] = {};
+        }
+        if (extension === 'js' || extension === 'css') {
+            assetsMap[assetName].size = asset.size;
+        }
+        if (extension === 'br') {
+            assetsMap[assetName].brSize = asset.size;
+        }
+        if (extension === 'gz') {
+            assetsMap[assetName].gzipSize = asset.size;
+        }
+        if (extension === 'dcb') {
+            assetsMap[assetName].dcbSize = asset.size;
+        }
     });
-    const totalSizes = (assets || []).reduce((file, total) => ({
-        size: total.size + file.size,
-        gzipSize: total.gzipSize + file.gzipSize,
-        brotliSize: total.brotliSize + file.brotliSize,
-    }), { size: 0, gzipSize: 0, brotliSize: 0 });
-    totalSizes.sizeLabel = (0, filesize_1.default)(totalSizes.size || 0);
-    totalSizes.gzipLabel = (0, filesize_1.default)(totalSizes.gzipSize || 0);
-    totalSizes.brotliLabel = totalSizes.brotliSize ? (0, filesize_1.default)(totalSizes.brotliSize) : '-';
-    return {
-        totalSizes: totalSizes,
-        assets,
+    const totalSizes = {
+        size: 0,
+        gzipSize: 0,
+        brSize: 0,
+        dcbSize: 0,
     };
-}
-function printAssetsSizes(sizes) {
-    const longestSizeLabelLength = Math.max.apply(null, sizes.assets.map((a) => {
-        const sizeLength = (0, strip_ansi_1.default)(a.gzipLabel).length;
-        return sizeLength + sizeLength + 8;
-    }));
     console.log(chalk_1.default.blueBright('Assets sizes:'));
-    sizes.assets.forEach((asset) => {
-        let sizeLabel = `${asset.sizeLabel} (${asset.gzipLabel} gzip, ${asset.brotliLabel} br)`;
-        const sizeLength = (0, strip_ansi_1.default)(sizeLabel).length;
-        if (sizeLength < longestSizeLabelLength) {
-            const rightPadding = ' '.repeat(longestSizeLabelLength - sizeLength);
-            sizeLabel += rightPadding;
-        }
-        console.log(`  ${sizeLabel}  ${chalk_1.default.cyan(asset.name)}`);
+    Object.keys(assetsMap).forEach((assetName) => {
+        const asset = assetsMap[assetName];
+        const size = asset.size || 0;
+        const gzipSize = asset.brSize || size;
+        const brSize = asset.brSize || gzipSize;
+        const dcbSize = asset.dcbSize || brSize;
+        totalSizes.size += size;
+        totalSizes.gzipSize += gzipSize;
+        totalSizes.brSize += brSize;
+        totalSizes.dcbSize += dcbSize;
+        console.log(`  ${(0, filesize_1.default)(size)} (${(0, filesize_1.default)(gzipSize)} gzip, ${(0, filesize_1.default)(brSize)} br${app_configs_1.configs.dictionaryCompression.dictionaryPath.length > 0 ? `, ${(0, filesize_1.default)(dcbSize)} dcb` : ''}) ${chalk_1.default.cyan(assetName)}`);
     });
-    console.log(`${chalk_1.default.blueBright('\nTotal size:\n')}  ${sizes.totalSizes.sizeLabel} (${sizes.totalSizes.gzipLabel} gzip, ${sizes.totalSizes.brotliLabel} br)\n`);
+    console.log(`${chalk_1.default.blueBright('\nTotal size:\n')}  ${(0, filesize_1.default)(totalSizes.size)} (${(0, filesize_1.default)(totalSizes.gzipSize)} gzip, ${(0, filesize_1.default)(totalSizes.brSize)} br${app_configs_1.configs.dictionaryCompression.dictionaryPath.length > 0 ? `, ${(0, filesize_1.default)(totalSizes.dcbSize)} dcb` : ''})\n`);
 }

package/build/configs/dev-server.d.ts

@@ -1 +1,2 @@
-export declare const devServerConfig: import("webpack-dev-server").Configuration;
+import { Configuration } from '@rspack/dev-server';
+export declare const devServerConfig: Configuration;

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

@@ -1,6 +1,6 @@
 import type * as rspack from '@rspack/core';
+import type { Configuration as RspackDevServerConfiguration } from '@rspack/dev-server';
 import type { Options as SwcOptions } from '@swc/core';
-import type { Configuration as WebpackDevServerConfiguration } from 'webpack-dev-server';
 import { AppContextWithConfigs } from '../app-configs/types';
 import { createSingleClientWebpackConfig } from '../webpack.client';
 import { findLoader } from './find-loader';
@@ -15,7 +15,7 @@ type Overrides = {
     webpackProd: rspack.Configuration;
     webpackClientProd: rspack.Configuration | rspack.Configuration[];
     webpackServerProd: rspack.Configuration;
-    devServer: WebpackDevServerConfiguration;
+    devServer: RspackDevServerConfiguration;
     stats: rspack.RspackOptionsNormalized['stats'];
     babel: any;
     babelClient: any;

package/build/configs/util/compress-with-dcb.d.ts

@@ -0,0 +1,2 @@
+import { Buffer } from 'buffer';
+export declare function compressWithDcb(inputFile: Buffer, dictionaryData: Buffer): Promise<Buffer>;

package/build/{commands/util/brotli-dictionary/create-dcb-file.js → configs/util/compress-with-dcb.js}

@@ -12,27 +12,21 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.createDcbFile = createDcbFile;
+exports.compressWithDcb = compressWithDcb;
 const buffer_1 = require("buffer");
 const crypto_1 = __importDefault(require("crypto"));
-const fs_1 = __importDefault(require("fs"));
 const brotli_dict_1 = require("brotli-dict");
-function createDcbFile(_a) {
-    return __awaiter(this, arguments, void 0, function* ({ inputFilePath, dictionaryFilePath, outFilePath, }) {
-        // Формат файла: {Magic Number}{sha256(dictionary)}{compressed data}
-        // Подробнее в документации: https://www.ietf.org/archive/id/draft-ietf-httpbis-compression-dictionary-19.html#section-4
-        const dictionaryData = yield fs_1.default.promises.readFile(dictionaryFilePath);
-        const inputFile = yield fs_1.default.promises.readFile(inputFilePath);
+function compressWithDcb(inputFile, dictionaryData) {
+    return __awaiter(this, void 0, void 0, function* () {
         const magicNumberHeader = buffer_1.Buffer.from([0xff, 0x44, 0x43, 0x42]);
         const dictionaryHash = crypto_1.default.createHash('sha256').update(dictionaryData).digest();
         const compressedData = yield (0, brotli_dict_1.compress)(inputFile, {
             dictionary: dictionaryData,
         });
-        const outputData = buffer_1.Buffer.concat([
+        return buffer_1.Buffer.concat([
             magicNumberHeader,
             dictionaryHash,
             buffer_1.Buffer.from(compressedData),
         ]);
-        yield fs_1.default.promises.writeFile(outFilePath, outputData);
     });
 }

package/build/configs/util/compression-plugins-for-dictionaries.d.ts

@@ -0,0 +1,2 @@
+import { CustomCompressionPlugin } from './dcb-compression-plugin';
+export declare function compressionPluginsForDictionaries(): CustomCompressionPlugin[];

package/build/configs/util/compression-plugins-for-dictionaries.js

@@ -0,0 +1,81 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.compressionPluginsForDictionaries = compressionPluginsForDictionaries;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const app_configs_1 = require("../app-configs");
+const compress_with_dcb_1 = require("./compress-with-dcb");
+const dcb_compression_plugin_1 = require("./dcb-compression-plugin");
+function compressionPluginsForDictionaries() {
+    const predefinedPlugins = app_configs_1.configs.compressionPredefinedDictionaryPath.map((dictionaryPath) => {
+        const dictionaryName = path_1.default.parse(dictionaryPath).name;
+        const dictionaryContent = fs_1.default.readFileSync(dictionaryPath, null);
+        return new dcb_compression_plugin_1.CustomCompressionPlugin({
+            test: /\.js$|\.css$/,
+            filename: ({ filename }) => `${filename}.${dictionaryName}.dcb`,
+            algorithm: (input) => (0, compress_with_dcb_1.compressWithDcb)(input, dictionaryContent),
+            threshold: 10240,
+            minRatio: 0.8,
+        });
+    });
+    const prevVersionPlugins = app_configs_1.configs.compressionPreviousVersionPath.map((dictionaryPath) => {
+        const dictionaries = fs_1.default.readdirSync(dictionaryPath);
+        const parsedDictionaries = dictionaries.reduce((map, current) => {
+            const parsed = parseFilename(current);
+            return (Object.assign(Object.assign({}, map), { [`${parsed.stableName}.${parsed.ext}`]: parsed }));
+        }, {});
+        return new dcb_compression_plugin_1.CustomCompressionPlugin({
+            test: /\.js$|\.css$/,
+            threshold: 10240,
+            minRatio: 0.8,
+            filename: (pathData) => {
+                const parsedFilename = parseFilename(pathData.filename || '');
+                const matchedDictionary = parsedDictionaries[`${parsedFilename.stableName}.${parsedFilename.ext}`];
+                if (!matchedDictionary) {
+                    return '';
+                }
+                return `${parsedFilename.filename}.${matchedDictionary.hash}.dcb`;
+            },
+            algorithm: (input_1, _a) => __awaiter(this, [input_1, _a], void 0, function* (input, { filename }) {
+                const parsedFilename = parseFilename(filename);
+                const matchedDictionary = parsedDictionaries[`${parsedFilename.stableName}.${parsedFilename.ext}`];
+                if (!matchedDictionary) {
+                    return input;
+                }
+                try {
+                    const dictionaryContent = fs_1.default.readFileSync(path_1.default.join(dictionaryPath, matchedDictionary.filename), null);
+                    return yield (0, compress_with_dcb_1.compressWithDcb)(input, dictionaryContent);
+                }
+                catch (e) {
+                    return input;
+                }
+            })
+        });
+    });
+    return [
+        ...predefinedPlugins,
+        ...prevVersionPlugins,
+    ];
+}
+function parseFilename(filename) {
+    const parsedName = path_1.default.parse(filename);
+    const [stableName, hash] = parsedName.name.split('.');
+    return {
+        stableName,
+        hash,
+        ext: parsedName.ext.substring(1),
+        filename,
+    };
+}

package/build/configs/util/dcb-compression-plugin.d.ts

@@ -0,0 +1,22 @@
+import { Assets, Compilation, Compiler } from '@rspack/core';
+import { PathData } from '@rspack/core/dist/Compilation';
+import { Rules } from 'compression-webpack-plugin';
+type DcbCompressionOptions = {
+    test?: Rules;
+    include?: Rules;
+    exclude?: Rules;
+    algorithm: (input: Buffer, options: {
+        filename: string;
+    }) => Promise<Buffer>;
+    filename: (pathdata: PathData) => string;
+    threshold: number;
+    minRatio: number;
+};
+export declare class CustomCompressionPlugin {
+    protected options: DcbCompressionOptions;
+    constructor(options: DcbCompressionOptions);
+    runCompressionAlgorithm(input: Buffer, filename: string): Promise<Buffer>;
+    compress(compiler: Compiler, compilation: Compilation, assets: Assets): Promise<void>;
+    apply(compiler: Compiler): void;
+}
+export {};

package/build/configs/util/dcb-compression-plugin.js

@@ -0,0 +1,122 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomCompressionPlugin = void 0;
+const crypto_1 = __importDefault(require("crypto"));
+const serialize_javascript_1 = __importDefault(require("serialize-javascript"));
+/*
+Based on compression-webpack-plugin, https://github.com/webpack-contrib/compression-webpack-plugin/tree/master
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+class CustomCompressionPlugin {
+    constructor(options) {
+        this.options = options;
+    }
+    runCompressionAlgorithm(input, filename) {
+        return this.options.algorithm(input, { filename });
+    }
+    compress(compiler, compilation, assets) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const cache = compilation.getCache('BrCompressionWebpackPlugin');
+            const assetsForCompression = (yield Promise.all(Object.keys(assets).map((name) => __awaiter(this, void 0, void 0, function* () {
+                const asset = compilation.getAsset(name);
+                if (!asset || asset.info.compressed) {
+                    return false;
+                }
+                if (!compiler.webpack.ModuleFilenameHelpers.matchObject.bind(undefined, this.options)(name)) {
+                    return false;
+                }
+                const relatedName = `compression-function-${crypto_1.default
+                    .createHash('md5')
+                    .update((0, serialize_javascript_1.default)(this.options.filename))
+                    .digest('hex')}`;
+                if (asset.info.related && asset.info.related[relatedName]) {
+                    return false;
+                }
+                const cacheItem = cache.getItemCache((0, serialize_javascript_1.default)({
+                    name,
+                    algorithm: this.options.algorithm,
+                }), cache.getLazyHashedEtag(asset.source));
+                // eslint-disable-next-line @typescript-eslint/no-explicit-any
+                const output = ((yield cacheItem.getPromise()) || {});
+                let buffer;
+                // No need original buffer for cached files
+                if (!output.source) {
+                    if (typeof asset.source.buffer === 'function') {
+                        buffer = asset.source.buffer();
+                    }
+                    // Compatibility with webpack plugins which don't use `webpack-sources`
+                    // See https://github.com/webpack-contrib/compression-webpack-plugin/issues/236
+                    else {
+                        buffer = asset.source.source();
+                        if (!Buffer.isBuffer(buffer)) {
+                            buffer = Buffer.from(buffer);
+                        }
+                    }
+                    if (buffer.length < this.options.threshold) {
+                        return false;
+                    }
+                }
+                return { name, source: asset.source, info: asset.info, buffer, output, cacheItem, relatedName };
+            })))).filter(Boolean);
+            const { RawSource } = compiler.webpack.sources;
+            const scheduledTasks = [];
+            for (const asset of assetsForCompression) {
+                scheduledTasks.push((() => __awaiter(this, void 0, void 0, function* () {
+                    if (!asset || !asset.buffer) {
+                        return;
+                    }
+                    const { name, source, buffer, output, cacheItem, relatedName } = asset;
+                    if (!output.source) {
+                        if (!output.compressed) {
+                            try {
+                                output.compressed = yield this.runCompressionAlgorithm(buffer, name);
+                            }
+                            catch (error) {
+                                compilation.errors.push(error);
+                                return;
+                            }
+                        }
+                        if (output.compressed.length / buffer.length >
+                            this.options.minRatio) {
+                            yield cacheItem.storePromise({ compressed: output.compressed });
+                            return;
+                        }
+                        output.source = new RawSource(output.compressed);
+                        yield cacheItem.storePromise(output);
+                    }
+                    const newFilename = compilation.getPath(this.options.filename({ filename: name }));
+                    const newInfo = { compressed: true };
+                    compilation.updateAsset(name, source, {
+                        related: { [relatedName]: newFilename },
+                    });
+                    compilation.emitAsset(newFilename, output.source, newInfo);
+                }))());
+            }
+            yield Promise.all(scheduledTasks);
+        });
+    }
+    apply(compiler) {
+        const pluginName = this.constructor.name;
+        compiler.hooks.thisCompilation.tap(pluginName, (compilation) => {
+            compilation.hooks.processAssets.tapPromise({
+                name: pluginName,
+                stage: compiler.webpack.Compilation.PROCESS_ASSETS_STAGE_OPTIMIZE_TRANSFER,
+                // additionalAssets: true,
+            }, (assets) => this.compress(compiler, compilation, assets));
+        });
+    }
+}
+exports.CustomCompressionPlugin = CustomCompressionPlugin;

package/build/configs/webpack.client.js

@@ -39,7 +39,6 @@ const compression_webpack_plugin_1 = __importDefault(require("compression-webpac
 const css_minimizer_webpack_plugin_1 = __importDefault(require("css-minimizer-webpack-plugin"));
 const fork_ts_checker_webpack_plugin_1 = __importDefault(require("fork-ts-checker-webpack-plugin"));
 const html_webpack_plugin_1 = __importDefault(require("html-webpack-plugin"));
-const mini_svg_data_uri_1 = __importDefault(require("mini-svg-data-uri"));
 const rspack_manifest_plugin_1 = require("rspack-manifest-plugin");
 const terser_webpack_plugin_1 = __importDefault(require("terser-webpack-plugin"));
 const webpack_deduplication_plugin_1 = require("webpack-deduplication-plugin");
@@ -47,6 +46,7 @@ const arui_runtime_1 = require("../plugins/arui-runtime");
 const html_template_1 = require("../templates/html.template");
 const minimizers_1 = require("./config-extras/minimizers");
 const check_node_version_1 = require("./util/check-node-version");
+const compression_plugins_for_dictionaries_1 = require("./util/compression-plugins-for-dictionaries");
 const get_entry_1 = require("./util/get-entry");
 const app_configs_1 = require("./app-configs");
 const babel_client_1 = require("./babel-client");
@@ -245,9 +245,6 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                     {
                         test: /\.svg/,
                         type: 'asset',
-                        generator: {
-                            dataUrl: (file) => (0, mini_svg_data_uri_1.default)(file.content.toString()),
-                        },
                         parser: {
                             dataUrlCondition: {
                                 maxSize: app_configs_1.configs.dataUrlMaxSize,
@@ -359,7 +356,9 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
         mode === 'prod' &&
             !app_configs_1.configs.keepPropTypes &&
             new core_1.NormalModuleReplacementPlugin(/^thrift-services\/proptypes/, noopPath),
-    ].filter(Boolean), 
+    ].concat([
+        ...(mode === 'prod' ? (0, compression_plugins_for_dictionaries_1.compressionPluginsForDictionaries)() : [])
+    ]).filter(Boolean), 
     // Без этого комиляция трирегилась на изменение в node_modules и приводила к утечке памяти
     watchOptions: {
         ignored: new RegExp(app_configs_1.configs.watchIgnorePath.join('|')),
@@ -395,7 +394,7 @@ function getCodeLoader(mode) {
             test: /\.(js|jsx|mjs|ts|tsx|cjs)$/,
             include: app_configs_1.configs.appSrc,
             loader: 'builtin:swc-loader',
-            options: Object.assign(Object.assign({ cacheDirectory: mode === 'dev', cacheCompression: false }, swc_1.swcClientConfig), { jsc: Object.assign(Object.assign({}, swc_1.swcClientConfig.jsc), { transform: Object.assign(Object.assign({}, (_a = swc_1.swcClientConfig.jsc) === null || _a === void 0 ? void 0 : _a.transform), { react: Object.assign(Object.assign({}, (_c = (_b = swc_1.swcClientConfig.jsc) === null || _b === void 0 ? void 0 : _b.transform) === null || _c === void 0 ? void 0 : _c.react), { refresh: mode === 'dev' }) }) }) }),
+            options: Object.assign(Object.assign({}, swc_1.swcClientConfig), { jsc: Object.assign(Object.assign({}, swc_1.swcClientConfig.jsc), { transform: Object.assign(Object.assign({}, (_a = swc_1.swcClientConfig.jsc) === null || _a === void 0 ? void 0 : _a.transform), { react: Object.assign(Object.assign({}, (_c = (_b = swc_1.swcClientConfig.jsc) === null || _b === void 0 ? void 0 : _b.transform) === null || _c === void 0 ? void 0 : _c.react), { refresh: mode === 'dev' }) }) }) }),
         };
     }
     return {

package/build/configs/webpack.server.js

@@ -9,7 +9,6 @@ const path_1 = __importDefault(require("path"));
 const getCSSModuleLocalIdent_1 = __importDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
 const core_1 = require("@rspack/core");
 const case_sensitive_paths_webpack_plugin_1 = __importDefault(require("case-sensitive-paths-webpack-plugin"));
-const mini_svg_data_uri_1 = __importDefault(require("mini-svg-data-uri"));
 const run_script_webpack_plugin_1 = require("run-script-webpack-plugin");
 const webpack_node_externals_1 = __importDefault(require("webpack-node-externals"));
 const reload_server_plugin_1 = require("../plugins/reload-server-plugin");
@@ -126,10 +125,6 @@ const createServerConfig = (mode) => ({
                     {
                         test: /\.svg/,
                         type: 'asset',
-                        generator: {
-                            dataUrl: (file) => (0, mini_svg_data_uri_1.default)(file.content.toString()),
-                            publicPath: '',
-                        },
                         parser: {
                             dataUrlCondition: {
                                 maxSize: app_configs_1.configs.dataUrlMaxSize,