arui-scripts 0.0.0-next-20230725145300

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

@@ -0,0 +1,14 @@
+export declare const babelDependencies: {
+    sourceType: string;
+    presets: (string | {
+        useBuiltIns: string;
+        corejs: number;
+        exclude: string[];
+    })[][];
+    plugins: (string | {
+        corejs: boolean;
+        helpers: boolean;
+        version: string;
+        regenerator: boolean;
+    })[][];
+};

package/build/configs/babel-dependencies.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.babelDependencies = void 0;
+const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
+const app_configs_1 = __importDefault(require("./app-configs"));
+exports.babelDependencies = (0, apply_overrides_1.default)('babelDependencies', {
+    sourceType: 'unambiguous',
+    presets: [
+        [
+            require.resolve('@babel/preset-env'),
+            {
+                // 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
+                // This will need to change once we upgrade to corejs@3
+                corejs: 3,
+                // Exclude transforms that make all code slower
+                exclude: ['transform-typeof-symbol'],
+            },
+        ]
+    ],
+    plugins: [
+        [
+            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,
+            },
+        ]
+    ]
+});

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

@@ -0,0 +1,27 @@
+declare const config: {
+    presets: (string | false | (string | {
+        modules: boolean;
+        targets: {
+            node: string;
+        };
+        loose: boolean;
+    })[])[];
+    plugins: (string | (string | {
+        legacy: boolean;
+    })[] | (string | {
+        loose: boolean;
+    })[] | (string | {
+        useBuiltIns: boolean;
+    })[] | (string | {
+        helpers: boolean;
+    })[])[];
+    env: {
+        production: {
+            plugins: string[];
+        };
+        test: {
+            plugins: string[];
+        };
+    };
+};
+export default config;

package/build/configs/babel-server.js

@@ -0,0 +1,47 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
+const app_configs_1 = __importDefault(require("./app-configs"));
+const config = (0, apply_overrides_1.default)(['babel', 'babelServer'], {
+    presets: [
+        [
+            require.resolve('@babel/preset-env'),
+            { modules: false, targets: { node: 'current' }, loose: true }
+        ],
+        (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'), { helpers: false }],
+        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')
+            ]
+        },
+        test: {
+            plugins: [
+                require.resolve('@babel/plugin-transform-modules-commonjs')
+            ]
+        }
+    }
+});
+exports.default = config;

package/build/configs/config-extras/minimizers/imagemin/imagemin.d.ts

@@ -0,0 +1,2 @@
+import ImageMinimizerPlugin from "image-minimizer-webpack-plugin";
+export declare const getImageMin: () => (false | ImageMinimizerPlugin<unknown, unknown> | undefined)[];

package/build/configs/config-extras/minimizers/imagemin/imagemin.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getImageMin = void 0;
+const image_minimizer_webpack_plugin_1 = __importDefault(require("image-minimizer-webpack-plugin"));
+const app_configs_1 = __importDefault(require("../../../app-configs"));
+const getImageMin = () => {
+    var _a;
+    const { svg, gif, jpg, png } = (_a = app_configs_1.default.imageMinimizer) !== null && _a !== void 0 ? _a : {};
+    const doesAnyMinificationEnabled = (svg === null || svg === void 0 ? void 0 : svg.enabled) || (gif === null || gif === void 0 ? void 0 : gif.enabled) || (jpg === null || jpg === void 0 ? void 0 : jpg.enabled) || (png === null || png === void 0 ? void 0 : png.enabled);
+    return [
+        doesAnyMinificationEnabled &&
+            new image_minimizer_webpack_plugin_1.default({
+                minimizer: {
+                    implementation: image_minimizer_webpack_plugin_1.default.imageminMinify,
+                    options: {
+                        plugins: [
+                            (jpg === null || jpg === void 0 ? void 0 : jpg.enabled) && ["mozjpeg", {
+                                    quality: jpg === null || jpg === void 0 ? void 0 : jpg.quality,
+                                    progressive: true
+                                }],
+                            (png === null || png === void 0 ? void 0 : png.enabled) && ["optipng", {
+                                    optimizationLevel: png === null || png === void 0 ? void 0 : png.optimizationLevel,
+                                    bitDepthReduction: png === null || png === void 0 ? void 0 : png.bitDepthReduction,
+                                    colorTypeReduction: png === null || png === void 0 ? void 0 : png.colorTypeReduction,
+                                    paletteReduction: png === null || png === void 0 ? void 0 : png.paletteReduction,
+                                    interlaced: png === null || png === void 0 ? void 0 : png.interlaced
+                                }],
+                            (svg === null || svg === void 0 ? void 0 : svg.enabled) && ["svgo"],
+                            (gif === null || gif === void 0 ? void 0 : gif.enabled) && ["gifsicle", {
+                                    optimizationLevel: gif === null || gif === void 0 ? void 0 : gif.optimizationLevel,
+                                    interlaced: true
+                                }],
+                        ].filter(Boolean)
+                    }
+                }
+            })
+    ];
+};
+exports.getImageMin = getImageMin;

package/build/configs/config-extras/minimizers/imagemin/index.d.ts

@@ -0,0 +1 @@
+export * from './imagemin';

package/build/configs/config-extras/minimizers/imagemin/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./imagemin"), exports);

package/build/configs/config-extras/minimizers/index.d.ts

@@ -0,0 +1 @@
+export * from './imagemin';

package/build/configs/config-extras/minimizers/index.js

@@ -0,0 +1,17 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./imagemin"), exports);

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

@@ -0,0 +1,2 @@
+declare const devServerConfig: import("webpack-dev-server").Configuration;
+export default devServerConfig;

package/build/configs/dev-server.js

@@ -0,0 +1,48 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const path_1 = __importDefault(require("path"));
+const app_configs_1 = __importDefault(require("./app-configs"));
+const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
+const devServerConfig = (0, apply_overrides_1.default)('devServer', {
+    port: app_configs_1.default.clientServerPort,
+    liveReload: false,
+    client: {
+        overlay: {
+            errors: true,
+            warnings: false,
+        },
+    },
+    devMiddleware: {
+        publicPath: `/${app_configs_1.default.publicPath}`,
+    },
+    static: [app_configs_1.default.serverOutputPath],
+    proxy: Object.assign(app_configs_1.default.appPackage.proxy || {}, {
+        '/**': Object.assign({ target: `http://localhost:${app_configs_1.default.serverPort}`, bypass: (req) => {
+                var _a;
+                const assetsRoot = path_1.default.normalize(`/${app_configs_1.default.publicPath}`).replace(/\\/g, '/');
+                if ((_a = req === null || req === void 0 ? void 0 : req.url) === null || _a === void 0 ? void 0 : _a.startsWith(assetsRoot)) {
+                    return req.url;
+                }
+                return null;
+            } }, (app_configs_1.default.devSourceMaps.includes('eval') ? {
+            onProxyRes: (proxyRes) => {
+                const cspHeader = proxyRes.headers['content-security-policy'];
+                if (typeof cspHeader === 'string' && !cspHeader.includes('unsafe-eval')) {
+                    proxyRes.headers['content-security-policy'] = cspHeader
+                        .replace(/script-src/, 'script-src \'unsafe-eval\'');
+                }
+            },
+        } : {})),
+    }),
+    headers: app_configs_1.default.devServerCors
+        ? {
+            'Access-Control-Allow-Origin': '*',
+            'Access-Control-Allow-Headers': '*',
+            'Access-Control-Allow-Methods': '*',
+        }
+        : {},
+});
+exports.default = devServerConfig;

package/build/configs/jest/babel-transform.d.ts

@@ -0,0 +1,2 @@
+declare const _exports: import("@jest/transform").SyncTransformer<babel.TransformOptions>;
+export = _exports;

package/build/configs/jest/babel-transform.js

@@ -0,0 +1,4 @@
+"use strict";
+const babelJest = require('babel-jest');
+const babelPresets = require('../babel-server');
+module.exports = babelJest.createTransformer(babelPresets.default);

package/build/configs/jest/css-mock.d.ts

@@ -0,0 +1 @@
+export {};

package/build/configs/jest/css-mock.js

@@ -0,0 +1,2 @@
+"use strict";
+module.exports = {};

package/build/configs/jest/file-transform.d.ts

@@ -0,0 +1,3 @@
+export function process(src: any, filename: any): {
+    code: string;
+};

package/build/configs/jest/file-transform.js

@@ -0,0 +1,9 @@
+"use strict";
+const path = require('path');
+// This is a custom Jest transformer turning file imports into filenames.
+// http://facebook.github.io/jest/docs/en/webpack.html
+module.exports = {
+    process(src, filename) {
+        return { code: `module.exports = ${JSON.stringify(path.basename(filename))};` };
+    },
+};

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

@@ -0,0 +1,50 @@
+export const testRegex: string;
+export const moduleFileExtensions: string[];
+export const collectCoverageFrom: string[];
+export const transform: {
+    '^.+\\.jsx?$': string;
+    '^.+\\.tsx?$': string;
+    '^(?!.*\\.(js|jsx|ts|tsx|css|json)$)': string;
+};
+export const moduleNameMapper: {
+    '\\.css$': string;
+};
+export const snapshotSerializers: string[];
+export const globals: {
+    'ts-jest': {
+        tsconfig: string | null;
+        babelConfig: {
+            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[];
+                };
+            };
+        };
+    };
+};

package/build/configs/jest/index.js

@@ -0,0 +1,47 @@
+"use strict";
+const fs = require('fs');
+const { pathsToModuleNameMapper } = require('ts-jest');
+const { parseConfigFileTextToJson } = require('typescript');
+const merge = require('lodash.merge');
+const configs = require('../app-configs').default;
+const tsConfigPath = configs.tsconfig;
+const tsConfigText = fs.readFileSync(configs.tsconfig, 'utf8');
+const tsConfig = parseConfigFileTextToJson(tsConfigPath, tsConfigText);
+const tsConfigPaths = tsConfig.config.compilerOptions.paths || {};
+const defaultJestConfig = {
+    testRegex: '(^.*src).*(((\/__test__\/|\/__tests__\/).*)|(test|spec|tests))\.(jsx?|tsx?)$',
+    moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx'],
+    collectCoverageFrom: [
+        'src/**/*.{js,jsx,ts,tsx}'
+    ],
+    // transform project js and ts files using babel ant ts transformers
+    transform: {
+        '^.+\\.jsx?$': require.resolve('./babel-transform'),
+        '^.+\\.tsx?$': require.resolve('ts-jest'),
+        // transform other files to simple empty strings
+        '^(?!.*\\.(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>/' })),
+    snapshotSerializers: [
+        require.resolve('jest-snapshot-serializer-class-name-to-string')
+    ],
+    globals: {
+        'ts-jest': {
+            tsconfig: configs.tsconfig,
+            babelConfig: require('../babel-client').default
+        }
+    }
+};
+let appJestConfig = {};
+if (configs.appPackage.jest) {
+    appJestConfig = configs.appPackage.jest;
+    if (appJestConfig.preset) { // we don't need presets when using presets
+        if (appJestConfig.preset !== 'arui-scripts') {
+            console.warn('arui-scripts test command doesn\'t support jest preset config');
+        }
+        delete appJestConfig.preset;
+    }
+}
+module.exports = merge(defaultJestConfig, appJestConfig);

package/build/configs/modules.d.ts

@@ -0,0 +1,16 @@
+import webpack from 'webpack';
+import { EmbeddedModuleConfig } from './app-configs/types';
+export declare function haveExposedMfModules(): Record<string, string> | undefined;
+export declare const MF_ENTRY_NAME = "remoteEntry.js";
+export declare function patchMainWebpackConfigForModules(webpackConf: webpack.Configuration): webpack.Configuration;
+export declare function getCssPrefixForModule(module: EmbeddedModuleConfig): string | undefined;
+export declare function getExposeLoadersFormEmbeddedModules(): {
+    test: string;
+    use: {
+        loader: string;
+        options: {
+            exposes: string[];
+        };
+    }[];
+}[];
+export declare function patchWebpackConfigForEmbedded(module: EmbeddedModuleConfig, webpackConf: webpack.Configuration): webpack.Configuration;

package/build/configs/modules.js

@@ -0,0 +1,101 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.patchWebpackConfigForEmbedded = exports.getExposeLoadersFormEmbeddedModules = exports.getCssPrefixForModule = exports.patchMainWebpackConfigForModules = exports.MF_ENTRY_NAME = exports.haveExposedMfModules = void 0;
+const webpack_1 = __importDefault(require("webpack"));
+const postcss_prefix_selector_1 = __importDefault(require("postcss-prefix-selector"));
+const app_configs_1 = __importDefault(require("./app-configs"));
+const find_loader_1 = require("./util/find-loader");
+function haveExposedMfModules() {
+    var _a;
+    return (_a = app_configs_1.default.mfModules) === null || _a === void 0 ? void 0 : _a.exposes;
+}
+exports.haveExposedMfModules = haveExposedMfModules;
+exports.MF_ENTRY_NAME = 'remoteEntry.js';
+function patchMainWebpackConfigForModules(webpackConf) {
+    // Добавляем expose loader для библиотек, которые мы хотим вынести в глобальную область видимости
+    webpackConf.module.rules.unshift(...getExposeLoadersFormEmbeddedModules());
+    if (!app_configs_1.default.mfModules || !webpackConf.output || !webpackConf.plugins) {
+        return webpackConf;
+    }
+    webpackConf.output.publicPath = haveExposedMfModules()
+        ? 'auto' // Для того чтобы модули могли подключаться из разных мест, нам необходимо использовать auto. Для корректной работы в IE надо подключaть https://github.com/amiller-gh/currentScript-polyfill
+        : app_configs_1.default.publicPath;
+    webpackConf.plugins.push(new webpack_1.default.container.ModuleFederationPlugin({
+        name: app_configs_1.default.mfModules.name || app_configs_1.default.normalizedName,
+        filename: app_configs_1.default.mfModules.exposes ? exports.MF_ENTRY_NAME : undefined,
+        shared: app_configs_1.default.mfModules.shared,
+        exposes: app_configs_1.default.mfModules.exposes,
+    }));
+    return webpackConf;
+}
+exports.patchMainWebpackConfigForModules = patchMainWebpackConfigForModules;
+function getCssPrefixForModule(module) {
+    if (module.cssPrefix) {
+        return module.cssPrefix;
+    }
+    if (module.cssPrefix === false) {
+        return undefined;
+    }
+    return `.module-${module.name}`;
+}
+exports.getCssPrefixForModule = getCssPrefixForModule;
+function getExposeLoadersFormEmbeddedModules() {
+    var _a;
+    const shared = (_a = app_configs_1.default.embeddedModules) === null || _a === void 0 ? void 0 : _a.shared;
+    if (!shared) {
+        return [];
+    }
+    return Object.keys(shared).map((libraryName) => {
+        const globalVarName = shared[libraryName];
+        return {
+            test: require.resolve(libraryName),
+            use: [
+                {
+                    loader: require.resolve('expose-loader'),
+                    options: {
+                        exposes: [globalVarName],
+                    },
+                },
+            ],
+        };
+    });
+}
+exports.getExposeLoadersFormEmbeddedModules = getExposeLoadersFormEmbeddedModules;
+function addPrefixCssRule(rule, prefix) {
+    if (!rule || !rule.use || !Array.isArray(rule.use)) {
+        return;
+    }
+    const postCssLoader = rule.use.find((loaderConfig) => {
+        var _a;
+        if (typeof loaderConfig === 'string' || typeof loaderConfig === 'function' || !loaderConfig) {
+            return false;
+        }
+        return ((_a = loaderConfig.loader) === null || _a === void 0 ? void 0 : _a.indexOf('postcss-loader')) !== -1;
+    });
+    if (!postCssLoader || typeof postCssLoader !== 'object' || !postCssLoader.options || typeof postCssLoader.options !== 'object') {
+        return;
+    }
+    postCssLoader.options.postcssOptions.plugins = [
+        ...postCssLoader.options.postcssOptions.plugins,
+        (0, postcss_prefix_selector_1.default)({ prefix }),
+    ];
+}
+function patchWebpackConfigForEmbedded(module, webpackConf) {
+    webpackConf.externals = Object.assign(Object.assign({}, (webpackConf.externals || {})), (module.embeddedConfig || {}));
+    // Название переменной вебпака, которую он будет использовать для загрузки чанков. Важно чтобы для разных модулей они отличались,
+    // иначе несколько модулей из одного приложения будут конфликтовать между собой
+    webpackConf.output.uniqueName = module.name;
+    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})`);
+    }
+    return webpackConf;
+}
+exports.patchWebpackConfigForEmbedded = patchWebpackConfigForEmbedded;

package/build/configs/mq.css

@@ -0,0 +1,22 @@
+@custom-media --small screen;
+@custom-media --small-only screen and (max-width:47.9375em);
+@custom-media --medium screen and (min-width:48em);
+@custom-media --medium-only screen and (min-width:48em) and (max-width:63.9375em);
+@custom-media --large screen and (min-width 64em);
+@custom-media --large-only screen and (min-width:64em) and (max-width:89.9375em);
+@custom-media --xlarge screen and (min-width 90em);
+@custom-media --xlarge-only screen and (min-width:90em) and (max-width:119.9375em);
+@custom-media --xxlarge screen and (min-width 120em);
+@custom-media --xxlarge-only screen and (min-width:120em) and (max-width:99999999em);
+@custom-media --mobile-s (min-width:320px);
+@custom-media --mobile-m (min-width:375px);
+@custom-media --mobile-l (min-width:412px);
+@custom-media --mobile (max-width:599px);
+@custom-media --tablet-s (min-width:600px);
+@custom-media --tablet-m (min-width:768px);
+@custom-media --tablet (min-width:600px) and (max-width:1023px);
+@custom-media --desktop-s (min-width:1024px);
+@custom-media --desktop-m (min-width:1280px);
+@custom-media --desktop-l (min-width:1440px);
+@custom-media --desktop-xl (min-width:1920px);
+@custom-media --desktop (min-width:1024px);

package/build/configs/postcss.config.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Функция для создания конфигурационного файла postcss
+ * @param {String[]} plugins список плагинов
+ * @param {Object} options коллекция конфигураций плагинов, где ключ - название плагина, а значение - аргумент для инициализации
+ * @returns {*}
+ */
+export declare function createPostcssConfig(plugins: string[], options: Record<string, unknown>): string[] | unknown[];
+export declare const postcssPlugins: string[];
+export declare const postcssPluginsOptions: {
+    'postcss-import': {
+        path: string[];
+    };
+    '@csstools/postcss-global-data': {
+        files: string[];
+    };
+    'postcss-url': {
+        url: string;
+    };
+    'postcss-color-mod-function': {
+        unresolved: string;
+    };
+    'postcss-custom-properties': {
+        preserve: boolean;
+    };
+};

package/build/configs/postcss.config.js

@@ -0,0 +1,62 @@
+"use strict";
+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;
+const app_configs_1 = __importDefault(require("./app-configs"));
+const path_1 = __importDefault(require("path"));
+/**
+ * Функция для создания конфигурационного файла postcss
+ * @param {String[]} plugins список плагинов
+ * @param {Object} options коллекция конфигураций плагинов, где ключ - название плагина, а значение - аргумент для инициализации
+ * @returns {*}
+ */
+function createPostcssConfig(plugins, options) {
+    return plugins.map(pluginName => {
+        if (pluginName in options) {
+            return [pluginName, options[pluginName]];
+        }
+        return pluginName;
+    });
+}
+exports.createPostcssConfig = createPostcssConfig;
+exports.postcssPlugins = [
+    'postcss-omit-import-tilde',
+    'postcss-import',
+    'postcss-url',
+    'postcss-mixins',
+    'postcss-for',
+    'postcss-each',
+    (app_configs_1.default.componentsTheme || app_configs_1.default.keepCssVars) && '@csstools/postcss-global-data',
+    app_configs_1.default.keepCssVars && 'postcss-custom-media',
+    app_configs_1.default.componentsTheme && 'postcss-custom-properties',
+    'postcss-strip-units',
+    'postcss-calc',
+    'postcss-color-function',
+    'postcss-color-mod-function',
+    'postcss-nested',
+    'autoprefixer',
+    'postcss-inherit',
+    'postcss-discard-comments',
+].filter(Boolean);
+exports.postcssPluginsOptions = {
+    'postcss-import': {
+        path: ['./src'],
+    },
+    '@csstools/postcss-global-data': {
+        files: [
+            app_configs_1.default.keepCssVars && path_1.default.join(__dirname, 'mq.css'),
+            app_configs_1.default.componentsTheme
+        ].filter(Boolean),
+    },
+    'postcss-url': {
+        url: 'rebase',
+    },
+    'postcss-color-mod-function': {
+        unresolved: 'warn',
+    },
+    'postcss-custom-properties': {
+        preserve: false,
+    }
+};

package/build/configs/postcss.d.ts

@@ -0,0 +1,2 @@
+declare const postcssConfig: string[] | unknown[];
+export default postcssConfig;

package/build/configs/postcss.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
+const postcss_config_1 = require("./postcss.config");
+const postcssConfig = (0, apply_overrides_1.default)('postcss', (0, postcss_config_1.createPostcssConfig)(postcss_config_1.postcssPlugins, postcss_config_1.postcssPluginsOptions));
+exports.default = postcssConfig;