arui-scripts 0.0.0-next-20230725145300

package/build/commands/util/yarn.js

@@ -0,0 +1,53 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInstallProductionCommand = exports.getPruningCommand = exports.getYarnVersion = void 0;
+const app_configs_1 = __importDefault(require("../../configs/app-configs"));
+const shelljs_1 = __importDefault(require("shelljs"));
+function getYarnVersion() {
+    if (app_configs_1.default.useYarn && shelljs_1.default.which('yarn')) {
+        const yarnVersion = shelljs_1.default.exec('yarn -v', { silent: true });
+        const yarnMajorVersion = Number(yarnVersion.split('.')[0]);
+        return yarnMajorVersion > 1 ? '2+' : '1';
+    }
+    return 'unavailable';
+}
+exports.getYarnVersion = getYarnVersion;
+function getPruningCommand() {
+    const yarnVersion = getYarnVersion();
+    switch (yarnVersion) {
+        case '1': {
+            return 'yarn install --production --ignore-optional --frozen-lockfile --ignore-scripts --prefer-offline';
+        }
+        case '2+': {
+            return 'yarn workspaces focus --production --all';
+        }
+        case 'unavailable': {
+            return 'npm prune --production';
+        }
+        default: {
+            return '';
+        }
+    }
+}
+exports.getPruningCommand = getPruningCommand;
+function getInstallProductionCommand() {
+    const yarnVersion = getYarnVersion();
+    switch (yarnVersion) {
+        case '1': {
+            return 'yarn install --production --ignore-optional --frozen-lockfile --ignore-scripts --prefer-offline';
+        }
+        case '2+': {
+            return 'yarn workspaces focus --production --all';
+        }
+        case 'unavailable': {
+            return 'npm install --production';
+        }
+        default: {
+            return '';
+        }
+    }
+}
+exports.getInstallProductionCommand = getInstallProductionCommand;

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

@@ -0,0 +1,76 @@
+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;
+    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;
+    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;
+    embeddedModules: {
+        shared?: {
+            [libraryName: string]: string;
+        } | undefined;
+        exposes?: {
+            [moduleId: string]: {
+                entry: string;
+                embeddedConfig?: Record<string, string> | undefined;
+                cssPrefix?: string | false | undefined;
+            };
+        } | undefined;
+    } | null;
+    mfModules: {
+        name?: string | undefined;
+        shared: any;
+        exposes?: Record<string, string> | undefined;
+    } | null;
+};
+/**
+ * Обновление контекста в зависимости от ключей конфига
+ */
+export declare function calculateDependentContext(config: AppConfigs, context: AppContext): AppContext;

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

@@ -0,0 +1,37 @@
+"use strict";
+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;
+const fs_1 = __importDefault(require("fs"));
+const path_1 = __importDefault(require("path"));
+const get_polyfills_1 = require("../util/get-polyfills");
+const resolve_1 = require("../util/resolve");
+/**
+ * Обновление ключей конфига, зависящих от других. Это нужно делать в самый последний момент
+ */
+function calculateDependentConfig(config) {
+    return Object.assign(Object.assign({}, config), { clientPolyfillsEntry: (0, get_polyfills_1.getPolyfills)(config) });
+}
+exports.calculateDependentConfig = calculateDependentConfig;
+/**
+ * Обновление контекста в зависимости от ключей конфига
+ */
+function calculateDependentContext(config, context) {
+    let babelRuntimeVersion;
+    try {
+        // В проекте может стоять babel/runtime отличный от того, что установлен как зависимость arui-scripts.
+        // При этом webpack будет резолвить babel/runtime относительно проекта, а не относительно arui-scripts.
+        // Поэтому мы читаем версию того babel/runtime, который установлен в проекте.
+        // Так же мы не можем использовать require для получения контента из babel/runtime/package.json,
+        // потому что webpack.cache будет ругаться на то, что мы пытаемся импортировать файлы НЕ из своего node_modules.
+        const pathToProjectBabelRuntime = (0, resolve_1.resolveNodeModuleRelativeTo)(context.cwd, '@babel/runtime/package.json');
+        babelRuntimeVersion = JSON.parse(fs_1.default.readFileSync(pathToProjectBabelRuntime, 'utf8')).version;
+    }
+    catch (e) {
+        babelRuntimeVersion = require('@babel/runtime/package.json').version;
+    }
+    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.d.ts

@@ -0,0 +1,3 @@
+import { AppConfigs, AppContext } from './types';
+export declare function getDefaultAppConfig(): AppConfigs;
+export declare function getDefaultAppContext(): AppContext;

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

@@ -0,0 +1,127 @@
+"use strict";
+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;
+const path_1 = __importDefault(require("path"));
+const fs_1 = __importDefault(require("fs"));
+const resolve_1 = require("../util/resolve");
+const CWD = process.cwd();
+const absoluteSrcPath = path_1.default.resolve(CWD, 'src');
+function getDefaultAppConfig() {
+    var _a;
+    const appPackage = getPackageJson();
+    return {
+        /// general settings
+        clientServerPort: 8080,
+        serverPort: 3000,
+        debug: false,
+        devSourceMaps: 'eval',
+        devServerCors: false,
+        useServerHMR: false,
+        presets: ((_a = appPackage.aruiScripts) === null || _a === void 0 ? void 0 : _a.presets) || null,
+        // paths
+        buildPath: '.build',
+        assetsPath: 'assets',
+        additionalBuildPath: ['config'],
+        statsOutputFilename: 'stats.json',
+        serverEntry: path_1.default.resolve(absoluteSrcPath, 'server/index'),
+        serverOutput: 'server.js',
+        clientPolyfillsEntry: null,
+        clientEntry: path_1.default.resolve(absoluteSrcPath, 'index'),
+        // docker compilation configs
+        dockerRegistry: '',
+        baseDockerImage: 'alfabankui/arui-scripts:latest',
+        nginxRootPath: '/src',
+        runFromNonRootUser: true,
+        removeDevDependenciesDuringDockerBuild: true,
+        // archive compilation configs
+        archiveName: 'build.tar',
+        // build tuning
+        keepPropTypes: false,
+        useTscLoader: false,
+        webpack4Compatibility: false,
+        installServerSourceMaps: false,
+        // image processing
+        dataUrlMaxSize: 1536,
+        imageMinimizer: {
+            svg: {
+                enabled: true,
+            },
+            gif: {
+                enabled: false,
+                optimizationLevel: 1,
+            },
+            jpg: {
+                enabled: false,
+                quality: 75,
+            },
+            png: {
+                enabled: false,
+                optimizationLevel: 3,
+                bitDepthReduction: false,
+                colorTypeReduction: false,
+                paletteReduction: false,
+            },
+        },
+        // CSS
+        componentsTheme: null,
+        keepCssVars: false,
+        // Modules
+        embeddedModules: null,
+        mfModules: 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']) {
+        throw Error('arui-scripts in package.json is not supported. Use aruiScripts instead.');
+    }
+    return appPackage;
+}
+function getDefaultAppContext() {
+    const appPackage = getPackageJson();
+    const absoluteNodeModulesPath = path_1.default.resolve(CWD, 'node_modules');
+    const absoluteNodeModulesBinPath = path_1.default.resolve(absoluteNodeModulesPath, '.bin');
+    const projectTsConfigPath = path_1.default.join(CWD, 'tsconfig.json');
+    const yarnLockFilePath = path_1.default.join(CWD, 'yarn.lock');
+    const overridesPath = (0, resolve_1.tryResolve)(path_1.default.join(CWD, 'arui-scripts.overrides'));
+    const nginxConfFilePath = path_1.default.join(CWD, 'nginx.conf');
+    const dockerfileFilePath = path_1.default.join(CWD, 'Dockerfile');
+    const startScriptFilePath = path_1.default.join(CWD, 'start.sh');
+    return {
+        appPackage,
+        name: appPackage.name,
+        normalizedName: appPackage.name.replace(/-/g, '_'),
+        version: appPackage.version,
+        // general paths
+        cwd: CWD,
+        appSrc: absoluteSrcPath,
+        appNodeModules: absoluteNodeModulesPath,
+        appNodeModulesBin: absoluteNodeModulesBinPath,
+        overridesPath: overridesPath ? [overridesPath] : [],
+        // tools availability
+        babelRuntimeVersion: '7.0.0-beta.0',
+        useYarn: fs_1.default.existsSync(yarnLockFilePath),
+        // compilation configs locations
+        tsconfig: fs_1.default.existsSync(projectTsConfigPath) ? projectTsConfigPath : null,
+        localNginxConf: fs_1.default.existsSync(nginxConfFilePath) ? nginxConfFilePath : null,
+        localDockerfile: fs_1.default.existsSync(dockerfileFilePath) ? dockerfileFilePath : null,
+        localStartScript: fs_1.default.existsSync(startScriptFilePath) ? startScriptFilePath : null,
+        // Эти пути зависят от других настроек, которые могут быть переопределены пользователем
+        publicPath: '',
+        serverOutputPath: '',
+        clientOutputPath: '',
+        statsOutputPath: '',
+        watchIgnorePath: [],
+        // changelog paths
+        changelogPath: path_1.default.resolve(CWD, './CHANGELOG.md'),
+        changelogTmpPath: path_1.default.resolve(CWD, './CHANGELOG_TMP.md'),
+        changelogFeaturesPath: path_1.default.resolve(CWD, './changelog_features.tmp'),
+        changelogBugfixesPath: path_1.default.resolve(CWD, './changelog_bugfixes.tmp'),
+        changelogBreakingChangesPath: path_1.default.resolve(CWD, './changelog_breaking_changes.tmp'),
+    };
+}
+exports.getDefaultAppContext = getDefaultAppContext;

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

@@ -0,0 +1,6 @@
+import '../util/register-ts-node';
+import { AppConfigs, AppContext, AppContextWithConfigs } from './types';
+export declare const appContext: AppContext;
+export declare const appConfigs: AppConfigs;
+export declare const configs: AppContextWithConfigs;
+export default configs;

package/build/configs/app-configs/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configs = exports.appConfigs = exports.appContext = void 0;
+require("../util/register-ts-node");
+const get_defaults_1 = require("./get-defaults");
+const update_with_env_1 = require("./update-with-env");
+const update_with_package_1 = require("./update-with-package");
+const update_with_presets_1 = require("./update-with-presets");
+const calculate_dependent_config_1 = require("./calculate-dependent-config");
+const update_with_config_file_1 = require("./update-with-config-file");
+let tmpConfig = (0, get_defaults_1.getDefaultAppConfig)();
+let tmpContext = (0, get_defaults_1.getDefaultAppContext)();
+tmpConfig = (0, update_with_presets_1.updateWithPresets)(tmpConfig, tmpContext);
+tmpConfig = (0, update_with_package_1.updateWithPackage)(tmpConfig, tmpContext);
+tmpConfig = (0, update_with_config_file_1.updateWithConfigFile)(tmpConfig, tmpContext);
+tmpConfig = (0, update_with_env_1.updateWithEnv)(tmpConfig);
+tmpConfig = (0, calculate_dependent_config_1.calculateDependentConfig)(tmpConfig);
+tmpContext = (0, calculate_dependent_config_1.calculateDependentContext)(tmpConfig, tmpContext);
+exports.appContext = tmpContext;
+exports.appConfigs = tmpConfig;
+exports.configs = Object.assign(Object.assign({}, exports.appConfigs), exports.appContext);
+exports.default = exports.configs;

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

@@ -0,0 +1,108 @@
+/**
+ * Конфигурация arui-scripts, которая может быть переопределена приложением
+ */
+export type AppConfigs = {
+    clientServerPort: number;
+    serverPort: number;
+    debug: boolean;
+    devSourceMaps: string;
+    devServerCors: boolean;
+    useServerHMR: boolean;
+    presets: string | null;
+    buildPath: string;
+    assetsPath: string;
+    additionalBuildPath: string[];
+    statsOutputFilename: string;
+    serverEntry: string | string[] | Record<string, string | string[]>;
+    serverOutput: string;
+    clientPolyfillsEntry: null | string | 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;
+    dataUrlMaxSize?: number;
+    imageMinimizer?: {
+        svg?: {
+            enabled?: boolean;
+        };
+        gif?: {
+            enabled?: boolean;
+            optimizationLevel?: number;
+        };
+        jpg?: {
+            enabled?: boolean;
+            quality: number;
+        };
+        png?: {
+            enabled?: boolean;
+            optimizationLevel?: number;
+            bitDepthReduction?: boolean;
+            colorTypeReduction?: boolean;
+            paletteReduction?: boolean;
+            interlaced?: boolean;
+        };
+    };
+    componentsTheme: string | null;
+    keepCssVars: boolean;
+    embeddedModules: {
+        shared?: {
+            [libraryName: string]: string;
+        };
+        exposes?: {
+            [moduleId: string]: EmbeddedModuleConfigBase;
+        };
+    } | null;
+    mfModules: {
+        name?: string;
+        shared: any;
+        exposes?: Record<string, string>;
+    } | null;
+};
+type EmbeddedModuleConfigBase = {
+    entry: string;
+    embeddedConfig?: Record<string, string>;
+    cssPrefix?: false | string;
+};
+export type EmbeddedModuleConfig = EmbeddedModuleConfigBase & {
+    name: string;
+};
+/**
+ * Внутренний контекст arui-scripts
+ */
+export type AppContext = {
+    appPackage: any;
+    name: string;
+    normalizedName: string;
+    version: string;
+    cwd: string;
+    appSrc: string;
+    appNodeModules: string;
+    appNodeModulesBin: string;
+    babelRuntimeVersion: string;
+    useYarn: boolean;
+    tsconfig: string | null;
+    localNginxConf: string | null;
+    localDockerfile: string | null;
+    localStartScript: string | null;
+    overridesPath: string[];
+    publicPath: string;
+    serverOutputPath: string;
+    clientOutputPath: string;
+    statsOutputPath: string;
+    watchIgnorePath: string[];
+    changelogPath: string;
+    changelogTmpPath: string;
+    changelogFeaturesPath: string;
+    changelogBugfixesPath: string;
+    changelogBreakingChangesPath: string;
+};
+export type AppContextWithConfigs = AppContext & AppConfigs;
+export type PackageSettings = Partial<AppConfigs>;
+export {};

package/build/configs/app-configs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/build/configs/app-configs/update-with-config-file.d.ts

@@ -0,0 +1,2 @@
+import { AppConfigs, AppContext } from './types';
+export declare function updateWithConfigFile(config: AppConfigs, context: AppContext): any;

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

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateWithConfigFile = void 0;
+const path_1 = __importDefault(require("path"));
+const resolve_1 = require("../util/resolve");
+const validate_settings_keys_1 = require("./validate-settings-keys");
+function updateWithConfigFile(config, context) {
+    const appConfigPath = (0, resolve_1.tryResolve)(path_1.default.join(context.cwd, '/arui-scripts.config'));
+    if (appConfigPath) {
+        let appSettings = require(appConfigPath);
+        if (appSettings.__esModule) {
+            // ts-node импортирует esModules, из них надо вытягивать default именно так
+            appSettings = appSettings.default;
+        }
+        (0, validate_settings_keys_1.validateSettingsKeys)(config, appSettings, appConfigPath);
+        return Object.assign(Object.assign({}, config), appSettings);
+    }
+    return config;
+}
+exports.updateWithConfigFile = updateWithConfigFile;

package/build/configs/app-configs/update-with-env.d.ts

@@ -0,0 +1,2 @@
+import { AppConfigs } from './types';
+export declare function updateWithEnv(config: AppConfigs): any;

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

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateWithEnv = void 0;
+const validate_settings_keys_1 = require("./validate-settings-keys");
+function updateWithEnv(config) {
+    if (!process.env.ARUI_SCRIPTS_CONFIG) {
+        return config;
+    }
+    try {
+        console.warn('Используйте ARUI_SCRIPTS_CONFIG только для отладки');
+        const envSettings = JSON.parse(process.env.ARUI_SCRIPTS_CONFIG);
+        (0, validate_settings_keys_1.validateSettingsKeys)(config, envSettings, 'ENV');
+        return Object.assign(Object.assign({}, config), envSettings);
+    }
+    catch (e) {
+        console.error(e);
+        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.d.ts

@@ -0,0 +1,2 @@
+import { AppConfigs, AppContext } from './types';
+export declare function updateWithPackage(config: AppConfigs, context: AppContext): any;

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateWithPackage = void 0;
+const validate_settings_keys_1 = require("./validate-settings-keys");
+function updateWithPackage(config, context) {
+    const packageSettings = context.appPackage.aruiScripts || {};
+    (0, validate_settings_keys_1.validateSettingsKeys)(config, packageSettings, 'package.json');
+    return Object.assign(Object.assign({}, config), packageSettings);
+}
+exports.updateWithPackage = updateWithPackage;

package/build/configs/app-configs/update-with-presets.d.ts

@@ -0,0 +1,2 @@
+import { AppConfigs, AppContext } from './types';
+export declare function updateWithPresets(config: AppConfigs, context: AppContext): AppConfigs;

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

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.updateWithPresets = void 0;
+const resolve_1 = require("../util/resolve");
+const validate_settings_keys_1 = require("./validate-settings-keys");
+function updateWithPresets(config, context) {
+    if (!config.presets) {
+        return config;
+    }
+    const presetsConfigPath = (0, resolve_1.tryResolve)(`${config.presets}/arui-scripts.config`, { paths: [context.cwd] });
+    const presetsOverridesPath = (0, resolve_1.tryResolve)(`${config.presets}/arui-scripts.overrides`, { paths: [context.cwd] });
+    if (presetsConfigPath) {
+        let presetsSettings = require(presetsConfigPath);
+        if (presetsSettings.__esModule) {
+            // ts-node импортирует esModules, из них надо вытягивать default именно так
+            presetsSettings = presetsSettings.default;
+        }
+        (0, validate_settings_keys_1.validateSettingsKeys)(config, presetsSettings, presetsConfigPath);
+        config = Object.assign(Object.assign({}, config), presetsSettings);
+    }
+    if (presetsOverridesPath) {
+        context.overridesPath.unshift(presetsOverridesPath);
+    }
+    return config;
+}
+exports.updateWithPresets = updateWithPresets;

package/build/configs/app-configs/validate-settings-keys.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Функция проверяет что все ключи объекта settingsObject есть в уже существующей конфигурации
+ */
+export declare function validateSettingsKeys(existingConfig: Record<string, unknown>, settingsObject: Record<string, unknown>, source?: string): void;

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.validateSettingsKeys = void 0;
+/**
+ * Функция проверяет что все ключи объекта settingsObject есть в уже существующей конфигурации
+ */
+function validateSettingsKeys(existingConfig, settingsObject, source) {
+    Object.keys(settingsObject).forEach((setting) => {
+        if (typeof existingConfig[setting] === 'undefined') {
+            console.warn(`Неизвестная настройка "${setting}" в ${source || 'конфигурации'}`);
+        }
+    });
+}
+exports.validateSettingsKeys = validateSettingsKeys;

package/build/configs/babel-client.d.ts

@@ -0,0 +1,34 @@
+declare const babelClientConfig: {
+    presets: (string | false | (string | {
+        targets: {
+            browsers: string[];
+        };
+        loose: boolean;
+        useBuiltIns: string;
+        corejs: number;
+        exclude: string[];
+    })[])[];
+    plugins: (string | (string | {
+        legacy: boolean;
+    })[] | (string | {
+        loose: boolean;
+    })[] | (string | {
+        useBuiltIns: boolean;
+    })[] | (string | {
+        corejs: boolean;
+        helpers: boolean;
+        version: string;
+        regenerator: boolean;
+    })[])[];
+    env: {
+        production: {
+            plugins: (string | (string | {
+                removeImport: boolean;
+            })[])[];
+        };
+        test: {
+            plugins: string[];
+        };
+    };
+};
+export default babelClientConfig;

package/build/configs/babel-client.js

@@ -0,0 +1,65 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const supporting_browsers_1 = __importDefault(require("./supporting-browsers"));
+const app_configs_1 = __importDefault(require("./app-configs"));
+const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
+const babelClientConfig = (0, apply_overrides_1.default)(['babel', 'babelClient'], {
+    presets: [
+        [
+            require.resolve('@babel/preset-env'),
+            {
+                targets: { browsers: supporting_browsers_1.default },
+                loose: true,
+                // Allow importing core-js in entrypoint and use browserlist to select polyfills
+                useBuiltIns: 'entry',
+                // Set the corejs version we are using to avoid warnings in console
+                corejs: 3,
+                // Exclude transforms that make all code slower
+                exclude: ['transform-typeof-symbol'],
+            }
+        ],
+        (app_configs_1.default.tsconfig !== null && !app_configs_1.default.useTscLoader) && require.resolve('@babel/preset-typescript'),
+        require.resolve('@babel/preset-react')
+    ].filter(Boolean),
+    plugins: [
+        require.resolve('@babel/plugin-syntax-dynamic-import'),
+        require.resolve('@babel/plugin-transform-proto-to-assign'),
+        [require.resolve('@babel/plugin-proposal-decorators'), { legacy: true }],
+        [require.resolve('@babel/plugin-proposal-class-properties'), { loose: true }],
+        [require.resolve('@babel/plugin-proposal-private-methods'), { loose: true }],
+        [require.resolve('@babel/plugin-proposal-private-property-in-object'), { loose: true }],
+        require.resolve('@babel/plugin-proposal-numeric-separator'),
+        require.resolve('@babel/plugin-proposal-export-default-from'),
+        require.resolve('@babel/plugin-proposal-export-namespace-from'),
+        [require.resolve('@babel/plugin-proposal-object-rest-spread'), { useBuiltIns: true }],
+        [require.resolve('@babel/plugin-transform-runtime'), {
+                corejs: false,
+                helpers: true,
+                // By default, babel assumes babel/runtime version 7.0.0-beta.0,
+                // explicitly resolving to match the provided helper functions.
+                // https://github.com/babel/babel/issues/10261
+                version: app_configs_1.default.babelRuntimeVersion,
+                regenerator: true,
+            }],
+        require.resolve('@babel/plugin-proposal-nullish-coalescing-operator'),
+        require.resolve('@babel/plugin-proposal-optional-chaining')
+    ],
+    env: {
+        production: {
+            plugins: [
+                require.resolve('@babel/plugin-transform-react-constant-elements'),
+                require.resolve('@babel/plugin-transform-react-inline-elements'),
+                [require.resolve('babel-plugin-transform-react-remove-prop-types'), { removeImport: true }]
+            ]
+        },
+        test: {
+            plugins: [
+                require.resolve('@babel/plugin-transform-modules-commonjs')
+            ]
+        }
+    }
+});
+exports.default = babelClientConfig;