arui-scripts 20.0.0 → 20.2.0

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/util/find-plugin.d.ts

@@ -1,4 +1,4 @@
-import { Cluster } from 'cluster';
+import { Worker } from 'cluster';
 import { ReactRefreshPluginOptions } from '@pmmmwh/react-refresh-webpack-plugin/types/lib/types';
 import { type CssExtractRspackPluginOptions, Configuration, DefinePlugin, NormalModuleReplacementPlugin } from '@rspack/core';
 import { BannerPluginOptions } from '@rspack/core/dist/builtin-plugin/BannerPlugin';
@@ -62,7 +62,7 @@ type PluginsListServer = {
     };
     ReloadServerPlugin: {
         done: (...props: unknown[]) => unknown | null;
-        workers: Array<Cluster['Worker']>;
+        workers: Worker[];
     };
     CaseSensitivePathsPlugin: {
         options: CaseSensitivePathsPlugin.Options;

package/build/configs/util/resolve.d.ts

@@ -1,4 +1,6 @@
-export declare function tryResolve(...args: Parameters<typeof require.resolve>): string | undefined;
+export declare function tryResolve(...args: [id: string, options?: {
+    paths?: string[] | undefined;
+}]): string | undefined;
 /**
  * Возвращает полный путь до модуля из node_modules относительно базового пути.
  * Может быть полезно для определения пути до модуля, когда в проекте установлено сразу несколько модулей.

package/build/configs/webpack.client.js

@@ -1,10 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createClientWebpackConfig = exports.createSingleClientWebpackConfig = void 0;
 const path_1 = __importDefault(require("path"));
+const zlib = __importStar(require("zlib"));
 const getCSSModuleLocalIdent_1 = __importDefault(require("react-dev-utils/getCSSModuleLocalIdent"));
 const react_refresh_typescript_1 = __importDefault(require("react-refresh-typescript"));
 const core_1 = require("@rspack/core");
@@ -15,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");
@@ -23,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");
@@ -221,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,
@@ -300,6 +321,9 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
                 filename: '../index.html',
             }),
         mode === 'dev' && app_configs_1.configs.clientOnly && new client_env_config_1.ClientConfigPlugin(),
+        app_configs_1.configs.compressionPredefinedDictionaryPath && new core_1.CopyRspackPlugin({
+            patterns: app_configs_1.configs.compressionPredefinedDictionaryPath
+        }),
         // production plugins:
         mode === 'prod' && new rspack_manifest_plugin_1.RspackManifestPlugin({}),
         mode === 'prod' &&
@@ -315,9 +339,11 @@ const createSingleClientWebpackConfig = (mode, entry, configName) => (Object.ass
             new compression_webpack_plugin_1.default({
                 filename: '[file].br',
                 algorithm: 'brotliCompress',
-                test: /\.(js|css|html|svg)$/,
+                test: /\.(js|css|html|svg|dict)$/,
                 compressionOptions: {
-                    level: 11,
+                    params: {
+                        [zlib.constants.BROTLI_PARAM_QUALITY]: 11
+                    },
                 },
                 threshold: 10240,
                 minRatio: 0.8,
@@ -330,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('|')),
@@ -366,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,

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

@@ -1,7 +1,7 @@
-import cluster from 'cluster';
+import { Worker } from 'cluster';
 import { type Compiler } from 'webpack';
 export declare class ReloadServerPlugin {
-    workers: cluster.Worker[];
+    workers: Worker[];
     done: null | (() => void);
     constructor({ script }?: {
         script: string;

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

@@ -30,7 +30,9 @@ class ReloadServerPlugin {
             this.done = callback;
             this.workers.forEach((worker) => {
                 try {
-                    process.kill(worker.process.pid, 'SIGTERM');
+                    if (worker.process.pid) {
+                        process.kill(worker.process.pid, 'SIGTERM');
+                    }
                 }
                 catch (e) {
                     console.warn(`Unable to kill process #${worker.process.pid}`);

package/build/templates/nginx.conf.template.js

@@ -8,6 +8,7 @@ const nginxTemplate = `client_max_body_size 20m;
 server {
     listen ${app_configs_1.configs.clientServerPort};
     server_tokens off;
+    ${app_configs_1.configs.dictionaryCompression.enablePreviousVersionHeaders ? 'brotli_auto_dictionary on;' : ''}
 
     ${app_configs_1.configs.clientOnly
     ? `location / {