arui-scripts 17.4.0 → 18.1.0

package/build/configs/app-configs/calculate-dependent-config.d.ts

@@ -2,81 +2,7 @@ import { AppConfigs, AppContext } from './types';
 /**
  * Обновление ключей конфига, зависящих от других. Это нужно делать в самый последний момент
  */
-export declare function calculateDependentConfig(config: AppConfigs): {
-    clientPolyfillsEntry: string[];
-    clientServerPort: number;
-    serverPort: number;
-    debug: boolean;
-    devSourceMaps: string;
-    devServerCors: boolean;
-    useServerHMR: boolean;
-    presets: string | null;
-    proxy: {
-        [url: string]: import("webpack-dev-server").ProxyConfigArrayItem;
-    } | null;
-    clientOnly: boolean;
-    buildPath: string;
-    assetsPath: string;
-    additionalBuildPath: string[];
-    statsOutputFilename: string;
-    serverEntry: string | string[] | Record<string, string | string[]>;
-    serverOutput: string;
-    clientEntry: string | string[] | Record<string, string | string[]>;
-    dockerRegistry: string;
-    baseDockerImage: string;
-    nginxRootPath: string;
-    runFromNonRootUser: boolean;
-    removeDevDependenciesDuringDockerBuild: boolean;
-    archiveName: string;
-    keepPropTypes: boolean;
-    useTscLoader: boolean;
-    webpack4Compatibility: boolean;
-    installServerSourceMaps: boolean;
-    disableDevWebpackTypecheck: boolean;
-    jestUseTsJest: boolean;
-    collectCoverage: boolean;
-    dataUrlMaxSize?: number | undefined;
-    imageMinimizer?: {
-        svg?: {
-            enabled?: boolean | undefined;
-        } | undefined;
-        gif?: {
-            enabled?: boolean | undefined;
-            optimizationLevel?: number | undefined;
-        } | undefined;
-        jpg?: {
-            enabled?: boolean | undefined;
-            quality: number;
-        } | undefined;
-        png?: {
-            enabled?: boolean | undefined;
-            optimizationLevel?: number | undefined;
-            bitDepthReduction?: boolean | undefined;
-            colorTypeReduction?: boolean | undefined;
-            paletteReduction?: boolean | undefined;
-            interlaced?: boolean | undefined;
-        } | undefined;
-    } | undefined;
-    componentsTheme: string | null;
-    keepCssVars: boolean;
-    compatModules: {
-        shared?: {
-            [libraryName: string]: string;
-        } | undefined;
-        exposes?: {
-            [moduleId: string]: {
-                entry: string;
-                externals?: Record<string, string> | undefined;
-                cssPrefix?: string | false | undefined;
-            };
-        } | undefined;
-    } | null;
-    modules: {
-        name?: string | undefined;
-        shared: any;
-        exposes?: Record<string, string> | undefined;
-    } | null;
-};
+export declare function calculateDependentConfig(config: AppConfigs): AppConfigs;
 /**
  * Обновление контекста в зависимости от ключей конфига
  */

package/build/configs/app-configs/calculate-dependent-config.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.calculateDependentContext = exports.calculateDependentConfig = void 0;
+exports.calculateDependentConfig = calculateDependentConfig;
+exports.calculateDependentContext = calculateDependentContext;
 // TODO: remove eslint-disable-next-line
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
@@ -13,9 +14,8 @@ const resolve_1 = require("../util/resolve");
  * Обновление ключей конфига, зависящих от других. Это нужно делать в самый последний момент
  */
 function calculateDependentConfig(config) {
-    return Object.assign(Object.assign({}, config), { clientPolyfillsEntry: (0, get_polyfills_1.getPolyfills)(config) });
+    return Object.assign(Object.assign({}, config), { codeLoader: config.useTscLoader ? 'tsc' : config.codeLoader, jestCodeTransformer: config.jestUseTsJest ? 'tsc' : config.jestCodeTransformer, clientPolyfillsEntry: (0, get_polyfills_1.getPolyfills)(config) });
 }
-exports.calculateDependentConfig = calculateDependentConfig;
 /**
  * Обновление контекста в зависимости от ключей конфига
  */
@@ -36,4 +36,3 @@ function calculateDependentContext(config, context) {
     }
     return Object.assign(Object.assign({}, context), { publicPath: `${config.assetsPath}/`, serverOutputPath: path_1.default.resolve(context.cwd, config.buildPath), clientOutputPath: path_1.default.resolve(context.cwd, config.buildPath, config.assetsPath), statsOutputPath: path_1.default.resolve(context.cwd, config.buildPath, config.statsOutputFilename), watchIgnorePath: ['node_modules', config.buildPath], babelRuntimeVersion });
 }
-exports.calculateDependentContext = calculateDependentContext;

package/build/configs/app-configs/get-defaults.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDefaultAppContext = exports.getDefaultAppConfig = void 0;
+exports.getDefaultAppConfig = getDefaultAppConfig;
+exports.getDefaultAppContext = getDefaultAppContext;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const resolve_1 = require("../util/resolve");
@@ -45,10 +46,12 @@ function getDefaultAppConfig() {
         // build tuning
         keepPropTypes: false,
         useTscLoader: false,
+        codeLoader: 'babel',
         webpack4Compatibility: false,
         installServerSourceMaps: false,
         disableDevWebpackTypecheck: true,
         jestUseTsJest: false,
+        jestCodeTransformer: 'babel',
         collectCoverage: process.env.NODE_ENV === 'cypress' || process.env.USE_ISTANBUL === 'enabled',
         // image processing
         dataUrlMaxSize: 1536,
@@ -80,7 +83,6 @@ function getDefaultAppConfig() {
         modules: null,
     };
 }
-exports.getDefaultAppConfig = getDefaultAppConfig;
 function getPackageJson() {
     const appPackage = JSON.parse(fs_1.default.readFileSync(path_1.default.join(CWD, 'package.json'), 'utf8'));
     if (appPackage['arui-scripts']) {
@@ -101,7 +103,7 @@ function getDefaultAppContext() {
     return {
         appPackage,
         name: appPackage.name,
-        normalizedName: appPackage.name.replace(/-/g, '_'),
+        normalizedName: appPackage.name.replace(/-/g, '_'), // для использования в качестве имени переменной
         version: appPackage.version,
         // general paths
         cwd: CWD,
@@ -131,4 +133,3 @@ function getDefaultAppContext() {
         changelogBreakingChangesPath: path_1.default.resolve(CWD, './changelog_breaking_changes.tmp'),
     };
 }
-exports.getDefaultAppContext = getDefaultAppContext;

package/build/configs/app-configs/read-config-file.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getConfigFilePath = exports.readConfigFile = void 0;
+exports.readConfigFile = readConfigFile;
+exports.getConfigFilePath = getConfigFilePath;
 const path_1 = __importDefault(require("path"));
 const resolve_1 = require("../util/resolve");
 function readConfigFile(cwd) {
@@ -22,8 +23,6 @@ function readConfigFile(cwd) {
     }
     return null;
 }
-exports.readConfigFile = readConfigFile;
 function getConfigFilePath(cwd) {
     return (0, resolve_1.tryResolve)(path_1.default.join(cwd, '/arui-scripts.config'));
 }
-exports.getConfigFilePath = getConfigFilePath;

package/build/configs/app-configs/types.d.ts

@@ -33,10 +33,18 @@ export type AppConfigs = {
      * @deprecated использование ts-loader крайне не рекомендуется - он медленнее и не имеет преимуществ перед babel
      */
     useTscLoader: boolean;
+    codeLoader: 'babel' | 'tsc' | 'swc';
+    /**
+     * @deprecated эта настройка будет удалена в будущих версиях скриптов
+     */
     webpack4Compatibility: boolean;
     installServerSourceMaps: boolean;
     disableDevWebpackTypecheck: boolean;
+    /**
+     * @deprecated используйте настройку jestCodeTransformer
+     */
     jestUseTsJest: boolean;
+    jestCodeTransformer: 'babel' | 'tsc' | 'swc';
     collectCoverage: boolean;
     dataUrlMaxSize?: number;
     imageMinimizer?: {
@@ -74,12 +82,15 @@ export type AppConfigs = {
         name?: string;
         shared: any;
         exposes?: Record<string, string>;
+        options?: ModuleConfigBase;
     } | null;
 };
-type CompatModuleConfigBase = {
+export type ModuleConfigBase = {
+    cssPrefix?: false | string;
+};
+type CompatModuleConfigBase = ModuleConfigBase & {
     entry: string;
     externals?: Record<string, string>;
-    cssPrefix?: false | string;
 };
 export type CompatModuleConfig = CompatModuleConfigBase & {
     name: string;

package/build/configs/app-configs/update-with-config-file.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateWithConfigFile = void 0;
+exports.updateWithConfigFile = updateWithConfigFile;
 const lodash_merge_1 = __importDefault(require("lodash.merge"));
 const read_config_file_1 = require("./read-config-file");
 const validate_settings_keys_1 = require("./validate-settings-keys");
@@ -15,4 +15,3 @@ function updateWithConfigFile(config, context) {
     }
     return config;
 }
-exports.updateWithConfigFile = updateWithConfigFile;

package/build/configs/app-configs/update-with-env.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateWithEnv = void 0;
+exports.updateWithEnv = updateWithEnv;
 const lodash_merge_1 = __importDefault(require("lodash.merge"));
 const validate_settings_keys_1 = require("./validate-settings-keys");
 function updateWithEnv(config) {
@@ -21,4 +21,3 @@ function updateWithEnv(config) {
         throw Error('Not valid JSON passed. Correct it. For example: ARUI_SCRIPTS_CONFIG="{"serverPort":3333}"');
     }
 }
-exports.updateWithEnv = updateWithEnv;

package/build/configs/app-configs/update-with-package.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateWithPackage = void 0;
+exports.updateWithPackage = updateWithPackage;
 const lodash_merge_1 = __importDefault(require("lodash.merge"));
 const validate_settings_keys_1 = require("./validate-settings-keys");
 function updateWithPackage(config, context) {
@@ -11,4 +11,3 @@ function updateWithPackage(config, context) {
     (0, validate_settings_keys_1.validateSettingsKeys)(config, packageSettings, 'package.json');
     return (0, lodash_merge_1.default)(config, packageSettings);
 }
-exports.updateWithPackage = updateWithPackage;

package/build/configs/app-configs/update-with-presets.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPresetsConfigPath = exports.updateWithPresets = void 0;
+exports.updateWithPresets = updateWithPresets;
+exports.getPresetsConfigPath = getPresetsConfigPath;
 // TODO: remove eslint-disable-next-line
 const lodash_merge_1 = __importDefault(require("lodash.merge"));
 const resolve_1 = require("../util/resolve");
@@ -33,10 +34,8 @@ function updateWithPresets(config, context) {
     }
     return config;
 }
-exports.updateWithPresets = updateWithPresets;
 function getPresetsConfigPath(config, cwd) {
     return (0, resolve_1.tryResolve)(`${config.presets}/arui-scripts.config`, {
         paths: [cwd],
     });
 }
-exports.getPresetsConfigPath = getPresetsConfigPath;

package/build/configs/app-configs/validate-settings-keys.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateSettingsKeys = void 0;
+exports.validateSettingsKeys = validateSettingsKeys;
 /**
  * Функция проверяет что все ключи объекта settingsObject есть в уже существующей конфигурации
  */
@@ -11,4 +11,3 @@ function validateSettingsKeys(existingConfig, settingsObject, source) {
         }
     });
 }
-exports.validateSettingsKeys = validateSettingsKeys;

package/build/configs/app-configs/warn-about-deprecations.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.warnAboutDeprecations = void 0;
+exports.warnAboutDeprecations = warnAboutDeprecations;
 function warnAboutDeprecations(config) {
     if (config.useTscLoader) {
-        // eslint-disable-next-line no-console
         console.warn('Использование опции `useTscLoader` не рекомендуется и будет удалено в будущих версиях. ', 'Обратитесь к документации https://github.com/core-ds/arui-scripts/blob/master/packages/arui-scripts/docs/settings.md#usetscloader', 'для получения дополнительной информации.');
     }
+    if (config.webpack4Compatibility) {
+        console.warn('Опция `webpack4Compatibility` будет удалена в будущих версиях arui-scripts.', 'Обратитесь к issue в webpack https://github.com/webpack/webpack/issues/14580 для получения дополнительной информации');
+    }
 }
-exports.warnAboutDeprecations = warnAboutDeprecations;

package/build/configs/client-env-config/add-env-to-html-template.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.addEnvToHtmlTemplate = void 0;
+exports.addEnvToHtmlTemplate = addEnvToHtmlTemplate;
 const get_env_config_1 = require("./get-env-config");
 function addEnvToHtmlTemplate(html) {
     return html.replace('<%= envConfig %>', (0, get_env_config_1.getEnvConfigContent)());
 }
-exports.addEnvToHtmlTemplate = addEnvToHtmlTemplate;

package/build/configs/client-env-config/get-env-config.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getEnvConfigContent = exports.replaceTemplateVariables = void 0;
+exports.replaceTemplateVariables = replaceTemplateVariables;
+exports.getEnvConfigContent = getEnvConfigContent;
 const fs_1 = __importDefault(require("fs"));
 const path_1 = __importDefault(require("path"));
 const app_configs_1 = require("../app-configs");
@@ -11,7 +12,6 @@ const constants_1 = require("./constants");
 function replaceTemplateVariables(template, variables) {
     return template.replace(/\$\{(\w+)}/g, (match, varName) => variables[varName] || '');
 }
-exports.replaceTemplateVariables = replaceTemplateVariables;
 let cachedEnvConfig = null;
 function getEnvConfigContent() {
     if (cachedEnvConfig) {
@@ -26,4 +26,3 @@ function getEnvConfigContent() {
     cachedEnvConfig = replaceTemplateVariables(templateContent, process.env);
     return cachedEnvConfig;
 }
-exports.getEnvConfigContent = getEnvConfigContent;

package/build/configs/jest/index.d.ts

@@ -6,9 +6,9 @@ declare const _exports: {
         url: string;
     };
     transform: {
-        '^.+\\.jsx?$': string;
-        '^.+\\.mjs$': string;
-        '^.+\\.tsx?$': string;
+        '^.+\\.jsx?$': string | (string | import("@swc/types").Options)[];
+        '^.+\\.mjs$': string | (string | import("@swc/types").Options)[];
+        '^.+\\.tsx?$': string | (string | import("@swc/types").Options)[];
         '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': string;
     };
     moduleNameMapper: {

package/build/configs/jest/settings.d.ts

@@ -1,20 +1,20 @@
-export const testRegex: string;
-export const moduleFileExtensions: string[];
-export const collectCoverageFrom: string[];
+export let testRegex: string;
+export let moduleFileExtensions: string[];
+export let collectCoverageFrom: string[];
 export namespace testEnvironmentOptions {
-    const url: string;
+    let url: string;
 }
-export const transform: {
-    '^.+\\.jsx?$': string;
-    '^.+\\.mjs$': string;
-    '^.+\\.tsx?$': string;
+export let transform: {
+    '^.+\\.jsx?$': string | (string | import("@swc/types").Options)[];
+    '^.+\\.mjs$': string | (string | import("@swc/types").Options)[];
+    '^.+\\.tsx?$': string | (string | import("@swc/types").Options)[];
     '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': string;
 };
-export const moduleNameMapper: {
+export let moduleNameMapper: {
     '\\.css$': string;
 };
-export const snapshotSerializers: string[];
-export const globals: {
+export let snapshotSerializers: string[];
+export let globals: {
     'ts-jest': {
         tsconfig: string | null;
     };

package/build/configs/jest/settings.js

@@ -1,5 +1,4 @@
 "use strict";
-var _a;
 /* eslint-disable @typescript-eslint/no-var-requires */
 // Мы используем эти настройки сразу в двух местах - в jest-presets и в настройках jest-а, которые мы загружаем в самих скриптах
 // jest-presets могут использоваться внешними утилитами, которые используют разработчики, настройки в скриптах
@@ -8,13 +7,8 @@ var _a;
 const fs = require('fs');
 const { pathsToModuleNameMapper } = require('ts-jest');
 const { parseConfigFileTextToJson } = require('typescript');
+const { swcJestConfig } = require('../swc');
 const configs = require('../app-configs').default;
-let tsConfigPaths = {};
-if (configs.tsconfig) {
-    const tsConfigText = fs.readFileSync(configs.tsconfig, 'utf8');
-    const tsConfig = parseConfigFileTextToJson(configs.tsconfig, tsConfigText);
-    tsConfigPaths = ((_a = tsConfig.config.compilerOptions) === null || _a === void 0 ? void 0 : _a.paths) || {};
-}
 module.exports = {
     testRegex: 'src/.*(((/__test__/|/__tests__/).*)|(test|spec|tests)).(jsx?|tsx?)$',
     moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
@@ -23,16 +17,14 @@ module.exports = {
         url: 'http://localhost',
     },
     transform: {
-        '^.+\\.jsx?$': require.resolve('./babel-transform'),
-        '^.+\\.mjs$': require.resolve('./babel-transform'),
-        '^.+\\.tsx?$': configs.jestUseTsJest
-            ? require.resolve('ts-jest')
-            : require.resolve('./babel-transform'),
+        '^.+\\.jsx?$': getJsTransformer(),
+        '^.+\\.mjs$': getJsTransformer(),
+        '^.+\\.tsx?$': getTsTransformer(),
         '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': require.resolve('./file-transform'),
     },
     moduleNameMapper: Object.assign({ 
         // replace all css files with simple empty exports
-        '\\.css$': require.resolve('./css-mock') }, pathsToModuleNameMapper(tsConfigPaths, { prefix: '<rootDir>/' })),
+        '\\.css$': require.resolve('./css-mock') }, pathsToModuleNameMapper(getPathMapping(), { prefix: '<rootDir>/' })),
     snapshotSerializers: [require.resolve('jest-snapshot-serializer-class-name-to-string')],
     globals: {
         'ts-jest': {
@@ -40,3 +32,27 @@ module.exports = {
         },
     },
 };
+function getPathMapping() {
+    var _a;
+    if (!configs.tsconfig) {
+        return {};
+    }
+    const tsConfigText = fs.readFileSync(configs.tsconfig, 'utf8');
+    const tsConfig = parseConfigFileTextToJson(configs.tsconfig, tsConfigText);
+    return ((_a = tsConfig.config.compilerOptions) === null || _a === void 0 ? void 0 : _a.paths) || {};
+}
+function getTsTransformer() {
+    if (configs.jestCodeTransformer === 'tsc') {
+        return require.resolve('ts-jest');
+    }
+    if (configs.jestCodeTransformer === 'swc') {
+        return [require.resolve('@swc/jest'), swcJestConfig];
+    }
+    return require.resolve('./babel-transform');
+}
+function getJsTransformer() {
+    if (configs.jestCodeTransformer === 'swc') {
+        return [require.resolve('@swc/jest'), swcJestConfig];
+    }
+    return require.resolve('./babel-transform');
+}

package/build/configs/modules.js

@@ -3,7 +3,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.patchWebpackConfigForCompat = exports.getExposeLoadersFormCompatModules = exports.getCssPrefixForModule = exports.patchMainWebpackConfigForModules = exports.MODULES_ENTRY_NAME = exports.haveExposedDefaultModules = void 0;
+exports.MODULES_ENTRY_NAME = void 0;
+exports.haveExposedDefaultModules = haveExposedDefaultModules;
+exports.patchMainWebpackConfigForModules = patchMainWebpackConfigForModules;
+exports.getCssPrefixForModule = getCssPrefixForModule;
+exports.getExposeLoadersFormCompatModules = getExposeLoadersFormCompatModules;
+exports.patchWebpackConfigForCompat = patchWebpackConfigForCompat;
 // TODO: remove eslint-disable
 /* eslint-disable no-param-reassign */
 const webpack_1 = __importDefault(require("webpack"));
@@ -14,7 +19,6 @@ function haveExposedDefaultModules() {
     var _a;
     return (_a = app_configs_1.default.modules) === null || _a === void 0 ? void 0 : _a.exposes;
 }
-exports.haveExposedDefaultModules = haveExposedDefaultModules;
 exports.MODULES_ENTRY_NAME = 'remoteEntry.js';
 function patchMainWebpackConfigForModules(webpackConf) {
     // Добавляем expose loader для библиотек, которые мы хотим вынести в глобальную область видимости
@@ -22,6 +26,10 @@ function patchMainWebpackConfigForModules(webpackConf) {
     if (!app_configs_1.default.modules || !webpackConf.output || !webpackConf.plugins) {
         return webpackConf;
     }
+    const { cssPrefix } = app_configs_1.default.modules.options || {};
+    if (cssPrefix) {
+        addCssPrefix(webpackConf, cssPrefix);
+    }
     webpackConf.output.publicPath = haveExposedDefaultModules()
         ? 'auto' // Для того чтобы модули могли подключаться из разных мест, нам необходимо использовать auto. Для корректной работы в IE надо подключaть https://github.com/amiller-gh/currentScript-polyfill
         : app_configs_1.default.publicPath;
@@ -33,7 +41,6 @@ function patchMainWebpackConfigForModules(webpackConf) {
     }));
     return webpackConf;
 }
-exports.patchMainWebpackConfigForModules = patchMainWebpackConfigForModules;
 function getCssPrefixForModule(module) {
     if (module.cssPrefix) {
         return module.cssPrefix;
@@ -43,7 +50,6 @@ function getCssPrefixForModule(module) {
     }
     return `.module-${module.name}`;
 }
-exports.getCssPrefixForModule = getCssPrefixForModule;
 function getExposeLoadersFormCompatModules() {
     var _a;
     const shared = (_a = app_configs_1.default.compatModules) === null || _a === void 0 ? void 0 : _a.shared;
@@ -65,7 +71,12 @@ function getExposeLoadersFormCompatModules() {
         };
     });
 }
-exports.getExposeLoadersFormCompatModules = getExposeLoadersFormCompatModules;
+function addCssPrefix(webpackConf, cssPrefix) {
+    const cssRule = (0, find_loader_1.findLoader)(webpackConf, '/\\.css$/');
+    const cssModulesRule = (0, find_loader_1.findLoader)(webpackConf, '/\\.module\\.css$/');
+    addPrefixCssRule(cssRule, cssPrefix);
+    addPrefixCssRule(cssModulesRule, `:global(${cssPrefix})`);
+}
 function addPrefixCssRule(rule, prefix) {
     if (!rule || !rule.use || !Array.isArray(rule.use)) {
         return;
@@ -94,15 +105,12 @@ function patchWebpackConfigForCompat(module, webpackConf) {
     webpackConf.externals = Object.assign(Object.assign({}, (webpackConf.externals || {})), (module.externals || {}));
     // Название переменной вебпака, которую он будет использовать для загрузки чанков. Важно чтобы для разных модулей они отличались,
     // иначе несколько модулей из одного приложения будут конфликтовать между собой
-    webpackConf.output.uniqueName = module.name;
+    const uniqueName = module.name;
+    // Для того чтобы модули могли подключаться из разных мест, нам необходимо использовать publicPath = auto. Для корректной работы в IE надо подключaть https://github.com/amiller-gh/currentScript-polyfill
+    webpackConf.output = Object.assign(Object.assign({}, webpackConf.output), { publicPath: 'auto', uniqueName });
     const cssPrefix = getCssPrefixForModule(module);
     if (cssPrefix) {
-        // Добавляем префикс для css-классов, чтобы изолировать стили модуля от стилей основного приложения
-        const cssRule = (0, find_loader_1.findLoader)(webpackConf, '/\\.css$/');
-        const cssModulesRule = (0, find_loader_1.findLoader)(webpackConf, '/\\.module\\.css$/');
-        addPrefixCssRule(cssRule, cssPrefix);
-        addPrefixCssRule(cssModulesRule, `:global(${cssPrefix})`);
+        addCssPrefix(webpackConf, cssPrefix);
     }
     return webpackConf;
 }
-exports.patchWebpackConfigForCompat = patchWebpackConfigForCompat;

package/build/configs/postcss.config.js

@@ -3,7 +3,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.postcssPluginsOptions = exports.postcssPlugins = exports.createPostcssConfig = void 0;
+exports.postcssPluginsOptions = exports.postcssPlugins = void 0;
+exports.createPostcssConfig = createPostcssConfig;
 const path_1 = __importDefault(require("path"));
 const app_configs_1 = __importDefault(require("./app-configs"));
 const supporting_browsers_1 = __importDefault(require("./supporting-browsers"));
@@ -21,7 +22,6 @@ function createPostcssConfig(plugins, options) {
         return pluginName;
     });
 }
-exports.createPostcssConfig = createPostcssConfig;
 exports.postcssPlugins = [
     'postcss-omit-import-tilde',
     'postcss-import',

package/build/configs/process-assets-plugin-output.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.processAssetsPluginOutput = void 0;
+exports.processAssetsPluginOutput = processAssetsPluginOutput;
 const path_1 = __importDefault(require("path"));
 const app_configs_1 = __importDefault(require("./app-configs"));
 const modules_1 = require("./modules");
@@ -34,7 +34,6 @@ function processAssetsPluginOutput(assets) {
         } });
     return JSON.stringify(result);
 }
-exports.processAssetsPluginOutput = processAssetsPluginOutput;
 function replaceAutoPath(assets) {
     if (!assets) {
         return assets;

package/build/configs/swc.d.ts

@@ -0,0 +1,4 @@
+import type { Options } from '@swc/core';
+export declare const swcClientConfig: Options;
+export declare const swcServerConfig: Options;
+export declare const swcJestConfig: Options;

package/build/configs/swc.js

@@ -0,0 +1,35 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.swcJestConfig = exports.swcServerConfig = exports.swcClientConfig = void 0;
+const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
+const app_configs_1 = require("./app-configs");
+const swcConfig = {
+    env: { coreJs: '3', mode: 'entry' },
+    jsc: {
+        parser: {
+            syntax: 'typescript',
+            tsx: true,
+            decorators: true,
+        },
+        loose: true,
+        transform: {
+            legacyDecorator: true,
+            react: {
+                runtime: 'automatic',
+            },
+        },
+        experimental: app_configs_1.configs.collectCoverage
+            ? {
+                plugins: [
+                    ['swc-plugin-coverage-instrument', {}],
+                ],
+            }
+            : {},
+    },
+};
+exports.swcClientConfig = (0, apply_overrides_1.default)(['swc', 'swcClient'], swcConfig);
+exports.swcServerConfig = (0, apply_overrides_1.default)(['swc', 'swcServer'], swcConfig);
+exports.swcJestConfig = (0, apply_overrides_1.default)(['swc', 'swcJest'], swcConfig);

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

@@ -1,5 +1,6 @@
 import type { Configuration as WebpackConfiguration, WebpackOptionsNormalized } from 'webpack';
 import type { Configuration as WebpackDevServerConfiguration } from 'webpack-dev-server';
+import type { Options as SwcOptions } from '@swc/core';
 import { AppContextWithConfigs } from '../app-configs/types';
 import { createSingleClientWebpackConfig } from '../webpack.client';
 import { findLoader } from './find-loader';
@@ -20,6 +21,10 @@ type Overrides = {
     babelClient: any;
     babelServer: any;
     babelDependencies: any;
+    swc: SwcOptions;
+    swcServer: SwcOptions;
+    swcClient: SwcOptions;
+    swcJest: SwcOptions;
     postcss: any[];
     browsers: string[];
     supportingBrowsers: string[];

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.findLoader = void 0;
+exports.findLoader = findLoader;
 function findLoader(config, testRule) {
     var _a;
     for (const rule of config.module.rules) {
@@ -22,4 +22,3 @@ function findLoader(config, testRule) {
     }
     return undefined;
 }
-exports.findLoader = findLoader;

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { Cluster } from 'cluster';
 import { ReactRefreshPluginOptions } from '@pmmmwh/react-refresh-webpack-plugin/types/lib/types';
 import AssetsPlugin from 'assets-webpack-plugin';