arui-scripts 13.3.1 → 13.4.0-feat-vite-dev-build.2

package/build/commands/util/vite-proxy-utils.d.ts

@@ -0,0 +1,64 @@
+import { AxiosResponse } from 'axios';
+import { Request, Response } from 'express-serve-static-core';
+import { HTMLElement } from 'node-html-parser';
+export declare function processAssetsRequests(req: Request, res: Response): void;
+export declare function fetchDataFromServer(req: Request): Promise<AxiosResponse<any, any>>;
+export declare function updateHtmlResponse(fetchRes: AxiosResponse, templateScripts: HTMLElement[]): {
+    responseRoot: HTMLElement;
+    headers: {
+        [x: string]: string | undefined;
+        "set-cookie"?: string[] | undefined;
+        setContentType: (value: string | number | boolean | import("axios").AxiosHeaders | string[] | null, rewrite?: boolean | ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => import("axios").AxiosHeaders;
+        getContentType: ((parser?: RegExp | undefined) => RegExpExecArray | null) | ((matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => string | number | boolean | import("axios").AxiosHeaders | string[] | null);
+        hasContentType: (matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => boolean;
+        setContentLength: (value: string | number | boolean | import("axios").AxiosHeaders | string[] | null, rewrite?: boolean | ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => import("axios").AxiosHeaders;
+        getContentLength: ((parser?: RegExp | undefined) => RegExpExecArray | null) | ((matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => string | number | boolean | import("axios").AxiosHeaders | string[] | null);
+        hasContentLength: (matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => boolean;
+        setAccept: (value: string | number | boolean | import("axios").AxiosHeaders | string[] | null, rewrite?: boolean | ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => import("axios").AxiosHeaders;
+        getAccept: ((parser?: RegExp | undefined) => RegExpExecArray | null) | ((matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => string | number | boolean | import("axios").AxiosHeaders | string[] | null);
+        hasAccept: (matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => boolean;
+        setUserAgent: (value: string | number | boolean | import("axios").AxiosHeaders | string[] | null, rewrite?: boolean | ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => import("axios").AxiosHeaders;
+        getUserAgent: ((parser?: RegExp | undefined) => RegExpExecArray | null) | ((matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => string | number | boolean | import("axios").AxiosHeaders | string[] | null);
+        hasUserAgent: (matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => boolean;
+        setContentEncoding: (value: string | number | boolean | import("axios").AxiosHeaders | string[] | null, rewrite?: boolean | ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => import("axios").AxiosHeaders;
+        getContentEncoding: ((parser?: RegExp | undefined) => RegExpExecArray | null) | ((matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => string | number | boolean | import("axios").AxiosHeaders | string[] | null);
+        hasContentEncoding: (matcher?: ((this: import("axios").AxiosHeaders, value: string, name: string, headers: {
+            [x: string]: string | number | boolean | import("axios").AxiosHeaders | string[] | null;
+        }) => boolean) | undefined) => boolean;
+    } | {
+        [x: string]: string | undefined;
+        "set-cookie"?: string[] | undefined;
+    };
+};
+export declare function checkIfIsHtmlResponse(fetchRes: AxiosResponse): boolean | "" | undefined;
+export declare function checkIfIsAssetsRequest(req: Request): boolean;
+export declare function generateFakeWebpackAssets(): void;
+export declare const reloadHtmlResponse = "<html>\n<script type=\"text/javascript\">setTimeout(() => {window.location.reload()}, 300)</script>\n<body>\n    <h1>Getting things ready...</h1>\n</body>\n</html>";

package/build/commands/util/vite-proxy-utils.js

@@ -0,0 +1,100 @@
+"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.reloadHtmlResponse = exports.generateFakeWebpackAssets = exports.checkIfIsAssetsRequest = exports.checkIfIsHtmlResponse = exports.updateHtmlResponse = exports.fetchDataFromServer = exports.processAssetsRequests = void 0;
+const axios_1 = __importDefault(require("axios"));
+const fs_1 = __importDefault(require("fs"));
+const app_configs_1 = __importDefault(require("../../configs/app-configs"));
+const node_html_parser_1 = require("node-html-parser");
+const path_1 = __importDefault(require("path"));
+// Обработчик запросов за статичными ассетами, сгенеренными серверным бандлом (favicon и тд)
+function processAssetsRequests(req, res) {
+    const fileReadStream = fs_1.default.createReadStream(`${app_configs_1.default.serverOutputPath}${req.originalUrl}`);
+    fileReadStream.pipe(res);
+}
+exports.processAssetsRequests = processAssetsRequests;
+// Получает данные из оригинального сервера, фактически проксируя текущий запрос
+function fetchDataFromServer(req) {
+    return __awaiter(this, void 0, void 0, function* () {
+        return (0, axios_1.default)(`http://localhost:${app_configs_1.default.serverPort}${req.originalUrl}`, {
+            headers: req.headers,
+            method: req.method,
+            data: req,
+            maxRedirects: 0,
+            responseType: 'text',
+            transformResponse: (res) => {
+                // нам не нужно парсить ответ, если вернулся json - оставляем его просто как строку
+                return res;
+            },
+            validateStatus: function (status) {
+                // все ответы считаем валидными, нам достаточно просто проксировать статус как есть
+                return true;
+            }
+        });
+    });
+}
+exports.fetchDataFromServer = fetchDataFromServer;
+// Вставляет в html, полученный от ssr корректные ссылки на скрипты для подключения js.
+function updateHtmlResponse(fetchRes, templateScripts) {
+    const responseRoot = (0, node_html_parser_1.parse)(fetchRes.data);
+    const scripts = responseRoot.querySelectorAll('script');
+    let nonce = undefined;
+    scripts.forEach((appScript) => {
+        // Удаляем из ответа ссылку на фейковый js файл
+        if (appScript.getAttribute('src') === 'fake.js') {
+            appScript.parentNode.removeChild(appScript);
+        }
+        // Если приложение проставляет скриптам nonce тег - сохраняем его себе, чтобы поставить новым скриптам
+        if (appScript.getAttribute('nonce')) {
+            nonce = appScript.getAttribute('nonce');
+        }
+    });
+    const headElement = responseRoot.querySelector('head');
+    templateScripts.forEach((templateScript) => {
+        if (nonce) {
+            templateScript.setAttribute('nonce', nonce);
+        }
+        headElement === null || headElement === void 0 ? void 0 : headElement.appendChild(templateScript);
+    });
+    const headers = Object.assign({}, fetchRes.headers);
+    delete headers['content-length'];
+    return { responseRoot, headers };
+}
+exports.updateHtmlResponse = updateHtmlResponse;
+// Проверят, является ли полученный ответ от сервера html
+function checkIfIsHtmlResponse(fetchRes) {
+    return (fetchRes.status < 300 || fetchRes.status >= 400)
+        && fetchRes.headers['content-type'] && fetchRes.headers['content-type'].indexOf('html') !== -1;
+}
+exports.checkIfIsHtmlResponse = checkIfIsHtmlResponse;
+// Проверяет, является ли запрос - запросом за статичными ассетами
+function checkIfIsAssetsRequest(req) {
+    return req.originalUrl.startsWith(`/${app_configs_1.default.assetsPath}/`);
+}
+exports.checkIfIsAssetsRequest = checkIfIsAssetsRequest;
+// Создает фейковый файл с webpack-assets, который сможет использовать сервер приложения
+function generateFakeWebpackAssets() {
+    fs_1.default.writeFileSync(path_1.default.join(app_configs_1.default.cwd, app_configs_1.default.buildPath, 'webpack-assets.json'), JSON.stringify({
+        "main": {
+            "js": ["fake.js"]
+        }
+    }), 'utf8');
+}
+exports.generateFakeWebpackAssets = generateFakeWebpackAssets;
+exports.reloadHtmlResponse = `<html>
+<script type="text/javascript">setTimeout(() => {window.location.reload()}, 300)</script>
+<body>
+    <h1>Getting things ready...</h1>
+</body>
+</html>`;

package/build/commands/util/yarn.d.ts

@@ -1,4 +1,4 @@
-declare type YarnVersion = '1' | '2+' | 'unavailable';
+type YarnVersion = '1' | '2+' | 'unavailable';
 export declare function getYarnVersion(): YarnVersion;
 export declare function getPruningCommand(): string;
 export declare function getInstallProductionCommand(): string;

package/build/configs/app-configs/available-package-settings.d.ts

@@ -3,6 +3,6 @@ import { AppConfigs } from './types';
  * Эти ключи из конфига будут обновляться из package.json при их наличии
  */
 export declare const availablePackageSettings: readonly ["dockerRegistry", "baseDockerImage", "serverEntry", "buildPath", "assetsPath", "additionalBuildPath", "nginxRootPath", "runFromNonRootUser", "archiveName", "serverOutput", "clientPolyfillsEntry", "clientEntry", "keepPropTypes", "devSourceMaps", "useTscLoader", "useServerHMR", "webpack4Compatibility", "clientServerPort", "serverPort", "debug", "statsOutputFilename", "componentsTheme", "keepCssVars", "removeDevDependenciesDuringDockerBuild"];
-declare type ArrayElementType<ArrayType extends ReadonlyArray<unknown>> = ArrayType[number];
-export declare type PackageSettings = Partial<Pick<AppConfigs, ArrayElementType<typeof availablePackageSettings>>>;
+type ArrayElementType<ArrayType extends ReadonlyArray<unknown>> = ArrayType[number];
+export type PackageSettings = Partial<Pick<AppConfigs, ArrayElementType<typeof availablePackageSettings>>>;
 export {};

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

@@ -20,17 +20,17 @@ function calculateDependentConfig(config) {
         // Поэтому мы читаем версию того babel/runtime, который установлен в проекте.
         // Так же мы не можем использовать require для получения контента из babel/runtime/package.json,
         // потому что webpack.cache будет ругаться на то, что мы пытаемся импортировать файлы НЕ из своего node_modules.
-        const pathToProjectBabelRuntime = resolve_1.resolveNodeModuleRelativeTo(config.cwd, '@babel/runtime/package.json');
+        const pathToProjectBabelRuntime = (0, resolve_1.resolveNodeModuleRelativeTo)(config.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 lodash_merge_1.default(config, {
+    return (0, lodash_merge_1.default)(config, {
         publicPath: `${config.assetsPath}/`,
         serverOutputPath: path_1.default.resolve(config.cwd, config.buildPath),
         clientOutputPath: path_1.default.resolve(config.cwd, config.buildPath, config.assetsPath),
-        clientPolyfillsEntry: get_polyfills_1.getPolyfills(config),
+        clientPolyfillsEntry: (0, get_polyfills_1.getPolyfills)(config),
         statsOutputPath: path_1.default.resolve(config.cwd, config.buildPath, config.statsOutputFilename),
         watchIgnorePath: ['node_modules', config.buildPath],
         babelRuntimeVersion,

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

@@ -17,7 +17,7 @@ function getDefaults() {
     const absoluteNodeModulesPath = path_1.default.resolve(CWD, 'node_modules');
     const projectTsConfigPath = path_1.default.join(CWD, 'tsconfig.json');
     const yarnLockFilePath = path_1.default.join(CWD, 'yarn.lock');
-    const overridesPath = resolve_1.tryResolve(path_1.default.join(CWD, 'arui-scripts.overrides'));
+    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');
     return {
@@ -56,6 +56,7 @@ function getDefaults() {
         clientServerPort: 8080,
         serverPort: 3000,
         installServerSourceMaps: false,
+        viteDevPort: 23891,
         debug: false,
         overridesPath: overridesPath ? [overridesPath] : [],
         statsOutputFilename: 'stats.json',

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

@@ -7,10 +7,10 @@ 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 config = get_defaults_1.getDefaults();
-config = update_with_presets_1.updateWithPresets(config);
-config = update_with_package_1.updateWithPackage(config);
-config = update_with_config_file_1.updateWithConfigFile(config);
-config = update_with_env_1.updateWithEnv(config);
-config = calculate_dependent_config_1.calculateDependentConfig(config);
+let config = (0, get_defaults_1.getDefaults)();
+config = (0, update_with_presets_1.updateWithPresets)(config);
+config = (0, update_with_package_1.updateWithPackage)(config);
+config = (0, update_with_config_file_1.updateWithConfigFile)(config);
+config = (0, update_with_env_1.updateWithEnv)(config);
+config = (0, calculate_dependent_config_1.calculateDependentConfig)(config);
 exports.default = config;

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

@@ -1,4 +1,4 @@
-export declare type AppConfigs = {
+export type AppConfigs = {
     appPackage: any;
     name: string;
     version: string;
@@ -30,6 +30,7 @@ export declare type AppConfigs = {
     clientServerPort: number;
     serverPort: number;
     installServerSourceMaps: boolean;
+    viteDevPort: number;
     debug: boolean;
     overridesPath: string[];
     statsOutputFilename: string;

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

@@ -10,15 +10,15 @@ const resolve_1 = require("../util/resolve");
 const validate_settings_keys_1 = __importDefault(require("./validate-settings-keys"));
 const available_package_settings_1 = require("./available-package-settings");
 function updateWithConfigFile(config) {
-    const appConfigPath = resolve_1.tryResolve(path_1.default.join(config.cwd, '/arui-scripts.config'));
+    const appConfigPath = (0, resolve_1.tryResolve)(path_1.default.join(config.cwd, '/arui-scripts.config'));
     if (appConfigPath) {
         let appSettings = require(appConfigPath);
         if (appSettings.__esModule) {
             // ts-node импортирует esModules, из них надо вытягивать default именно так
             appSettings = appSettings.default;
         }
-        validate_settings_keys_1.default(available_package_settings_1.availablePackageSettings, appSettings);
-        config = lodash_merge_1.default(config, appSettings);
+        (0, validate_settings_keys_1.default)(available_package_settings_1.availablePackageSettings, appSettings);
+        config = (0, lodash_merge_1.default)(config, appSettings);
     }
     return config;
 }

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

@@ -14,8 +14,8 @@ function updateWithEnv(config) {
     try {
         console.warn('Используйте ARUI_SCRIPTS_CONFIG только для отладки');
         const envSettings = JSON.parse(process.env.ARUI_SCRIPTS_CONFIG);
-        validate_settings_keys_1.default(available_package_settings_1.availablePackageSettings, envSettings);
-        return lodash_merge_1.default(config, envSettings);
+        (0, validate_settings_keys_1.default)(available_package_settings_1.availablePackageSettings, envSettings);
+        return (0, lodash_merge_1.default)(config, envSettings);
     }
     catch (e) {
         console.error(e);

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

@@ -9,7 +9,7 @@ const validate_settings_keys_1 = __importDefault(require("./validate-settings-ke
 const available_package_settings_1 = require("./available-package-settings");
 function updateWithPackage(config) {
     const packageSettings = config.appPackage.aruiScripts || {};
-    validate_settings_keys_1.default(available_package_settings_1.availablePackageSettings, packageSettings);
-    return lodash_merge_1.default(config, packageSettings);
+    (0, validate_settings_keys_1.default)(available_package_settings_1.availablePackageSettings, packageSettings);
+    return (0, lodash_merge_1.default)(config, packageSettings);
 }
 exports.updateWithPackage = updateWithPackage;

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

@@ -13,16 +13,16 @@ function updateWithPresets(config) {
     if (!packageSettings.presets) {
         return config;
     }
-    const presetsConfigPath = resolve_1.tryResolve(`${packageSettings.presets}/arui-scripts.config`, { paths: [config.cwd] });
-    const presetsOverridesPath = resolve_1.tryResolve(`${packageSettings.presets}/arui-scripts.overrides`, { paths: [config.cwd] });
+    const presetsConfigPath = (0, resolve_1.tryResolve)(`${packageSettings.presets}/arui-scripts.config`, { paths: [config.cwd] });
+    const presetsOverridesPath = (0, resolve_1.tryResolve)(`${packageSettings.presets}/arui-scripts.overrides`, { paths: [config.cwd] });
     if (presetsConfigPath) {
         let presetsSettings = require(presetsConfigPath);
         if (presetsSettings.__esModule) {
             // ts-node импортирует esModules, из них надо вытягивать default именно так
             presetsSettings = presetsSettings.default;
         }
-        validate_settings_keys_1.default(available_package_settings_1.availablePackageSettings, presetsSettings);
-        config = lodash_merge_1.default(config, presetsSettings);
+        (0, validate_settings_keys_1.default)(available_package_settings_1.availablePackageSettings, presetsSettings);
+        config = (0, lodash_merge_1.default)(config, presetsSettings);
     }
     if (presetsOverridesPath) {
         config.overridesPath.unshift(presetsOverridesPath);

package/build/configs/babel-client.js

@@ -6,7 +6,7 @@ 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 = apply_overrides_1.default(['babel', 'babelClient'], {
+const babelClientConfig = (0, apply_overrides_1.default)(['babel', 'babelClient'], {
     presets: [
         [
             require.resolve('@babel/preset-env'),

package/build/configs/babel-dependencies.js

@@ -6,7 +6,7 @@ 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 = apply_overrides_1.default('babelDependencies', {
+exports.babelDependencies = (0, apply_overrides_1.default)('babelDependencies', {
     sourceType: 'unambiguous',
     presets: [
         [

package/build/configs/babel-server.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (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 = apply_overrides_1.default(['babel', 'babelServer'], {
+const config = (0, apply_overrides_1.default)(['babel', 'babelServer'], {
     presets: [
         [
             require.resolve('@babel/preset-env'),

package/build/configs/dev-server.js

@@ -6,7 +6,7 @@ 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 = apply_overrides_1.default('devServer', {
+const devServerConfig = (0, apply_overrides_1.default)('devServer', {
     port: app_configs_1.default.clientServerPort,
     liveReload: false,
     client: {

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

@@ -1,2 +1 @@
-export declare function process(src: any, filename: any): string;
-export declare function process(src: any, filename: any): string;
+export function process(src: any, filename: any): string;

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

@@ -1,17 +1,17 @@
-export declare const testRegex: string;
-export declare const moduleFileExtensions: string[];
-export declare const collectCoverageFrom: string[];
-export declare const transform: {
+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 declare const moduleNameMapper: {
+export const moduleNameMapper: {
     '\\.css$': string;
 };
-export declare const setupFiles: string[];
-export declare const snapshotSerializers: string[];
-export declare const globals: {
+export const setupFiles: string[];
+export const snapshotSerializers: string[];
+export const globals: {
     'ts-jest': {
         tsconfig: string | null;
         babelConfig: any;

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

@@ -10,7 +10,7 @@ export declare const postcssPluginsOptions: {
     'postcss-custom-properties'?: {
         preserve: boolean;
         importFrom: string | undefined;
-    };
+    } | undefined;
     'postcss-import': {
         path: string[];
         plugins: any[];

package/build/configs/postcss.js

@@ -5,5 +5,5 @@ var __importDefault = (this && this.__importDefault) || function (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 = apply_overrides_1.default('postcss', postcss_config_1.createPostcssConfig(postcss_config_1.postcssPlugins, postcss_config_1.postcssPluginsOptions));
+const postcssConfig = (0, apply_overrides_1.default)('postcss', (0, postcss_config_1.createPostcssConfig)(postcss_config_1.postcssPlugins, postcss_config_1.postcssPluginsOptions));
 exports.default = postcssConfig;

package/build/configs/stats-options.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
-const statsOptions = apply_overrides_1.default('stats', {
+const statsOptions = (0, apply_overrides_1.default)('stats', {
     // Add asset Information
     assets: false,
     // Add information about cached (not built) modules

package/build/configs/supporting-browsers.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
-const supportingBrowsers = apply_overrides_1.default(['browsers', 'supportingBrowsers'], [
+const supportingBrowsers = (0, apply_overrides_1.default)(['browsers', 'supportingBrowsers'], [
     'last 2 versions',
     'ie >= 10',
     'Android >= 4',

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

@@ -1,7 +1,8 @@
 import type { Configuration as WebpackConfiguration, WebpackOptionsNormalized } from 'webpack';
 import type { Configuration as WebpackDevServerConfiguration } from 'webpack-dev-server';
 import { AppConfigs } from '../app-configs/types';
-declare type Overrides = {
+import { InlineConfig } from 'vite';
+type Overrides = {
     webpack: WebpackConfiguration;
     webpackClient: WebpackConfiguration;
     webpackDev: WebpackConfiguration;
@@ -13,6 +14,8 @@ declare type Overrides = {
     webpackServerProd: WebpackConfiguration;
     devServer: WebpackDevServerConfiguration;
     stats: WebpackOptionsNormalized['stats'];
+    vite: InlineConfig;
+    viteHtml: string;
     babel: any;
     babelClient: any;
     babelServer: any;
@@ -25,8 +28,8 @@ declare type Overrides = {
     nginx: string;
     'start.sh': string;
 };
-declare type OverrideFunction<K extends keyof Overrides> = (config: Overrides[K], appConfig: AppConfigs) => Overrides[K];
-export declare type OverrideFile = {
+type OverrideFunction<K extends keyof Overrides> = (config: Overrides[K], appConfig: AppConfigs) => Overrides[K];
+export type OverrideFile = {
     [K in keyof Overrides]?: OverrideFunction<K>;
 };
 /**

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

@@ -0,0 +1 @@
+export declare const viteConfig: import("vite").InlineConfig;

package/build/configs/vite.config.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.viteConfig = void 0;
+const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
+const app_configs_1 = __importDefault(require("./app-configs"));
+const plugin_react_1 = __importDefault(require("@vitejs/plugin-react"));
+const postcss_1 = __importDefault(require("./postcss"));
+exports.viteConfig = (0, apply_overrides_1.default)('vite', {
+    server: {
+        middlewareMode: true,
+        hmr: {
+            protocol: 'ws',
+        }
+    },
+    appType: 'custom',
+    build: {
+        manifest: true,
+        rollupOptions: {
+            input: app_configs_1.default.clientEntry,
+        },
+    },
+    plugins: [
+        (0, plugin_react_1.default)({
+            jsxRuntime: 'classic',
+        }),
+    ],
+    resolve: {
+        alias: {
+            '#': app_configs_1.default.appSrc,
+            '@alfalab/core-components/vars': '@alfalab/core-components/vars/index.css',
+        },
+    },
+    define: {
+        global: 'window',
+        'process.env': {},
+        module: {},
+    },
+    css: {
+        postcss: {
+            plugins: postcss_1.default
+        }
+    }
+});

package/build/configs/vite.html-template.d.ts

@@ -0,0 +1 @@
+export declare const viteHtmlTemplate: string;

package/build/configs/vite.html-template.js

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.viteHtmlTemplate = void 0;
+const apply_overrides_1 = __importDefault(require("./util/apply-overrides"));
+const app_configs_1 = __importDefault(require("./app-configs"));
+exports.viteHtmlTemplate = (0, apply_overrides_1.default)('viteHtml', `<!DOCTYPE html>
+<html lang="en">
+  <head>
+  </head>
+  <body>
+    <script type="module" src="${app_configs_1.default.clientEntry}"></script>
+  </body>
+</html>`);

package/build/configs/webpack.client.dev.js

@@ -29,18 +29,21 @@ function getSingleEntry(clientEntry) {
         require.resolve('webpack/hot/dev-server'),
         // Finally, this is your app's code:
         ...clientEntry,
+        // We include the app code last so that if there is a runtime error during
+        // initialization, it doesn't blow up the WebpackDevServer client, and
+        // changing JS code would still trigger a refresh.
     ].filter(Boolean);
 }
 // This is the development configuration.
 // It is focused on developer experience and fast rebuilds.
 // The production configuration is different and lives in a separate file.
-const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient', 'webpackDev', 'webpackClientDev'], {
+const webpackClientDev = (0, apply_overrides_1.default)(['webpack', 'webpackClient', 'webpackDev', 'webpackClientDev'], {
     target: 'web',
     mode: 'development',
     devtool: app_configs_1.default.devSourceMaps,
     // These are the "entry points" to our application.
     // This means they will be the "root" imports that are included in JS bundle.
-    entry: get_entry_1.default(app_configs_1.default.clientEntry, getSingleEntry),
+    entry: (0, get_entry_1.default)(app_configs_1.default.clientEntry, getSingleEntry),
     context: app_configs_1.default.cwd,
     output: {
         // Add /* filename */ comments to generated require()s in the output.
@@ -247,6 +250,8 @@ const webpackClientDev = apply_overrides_1.default(['webpack', 'webpackClient',
                     },
                 ].filter(Boolean)),
             },
+            // ** STOP ** Are you adding a new loader?
+            // Make sure to add the new loader(s) before the "file" loader.
         ],
     },
     plugins: ([

package/build/configs/webpack.client.prod.js

@@ -33,12 +33,12 @@ function getSingleEntry(entryPoint) {
     ].filter(Boolean);
 }
 // This is the production configuration.
-const config = apply_overrides_1.default(['webpack', 'webpackClient', 'webpackProd', 'webpackClientProd'], {
+const config = (0, apply_overrides_1.default)(['webpack', 'webpackClient', 'webpackProd', 'webpackClientProd'], {
     mode: 'production',
     // You may want 'eval' instead if you prefer to see the compiled output in DevTools.
     devtool: 'cheap-module-source-map',
     // In production, we only want to load the polyfills and the app code.
-    entry: get_entry_1.default(app_configs_1.default.clientEntry, getSingleEntry),
+    entry: (0, get_entry_1.default)(app_configs_1.default.clientEntry, getSingleEntry),
     bail: true,
     context: app_configs_1.default.cwd,
     output: {
@@ -291,6 +291,8 @@ const config = apply_overrides_1.default(['webpack', 'webpackClient', 'webpackPr
                     },
                 ].filter(Boolean)),
             },
+            // ** STOP ** Are you adding a new loader?
+            // Make sure to add the new loader(s) before the "file" loader.
         ],
     },
     plugins: ([
@@ -312,7 +314,7 @@ const config = apply_overrides_1.default(['webpack', 'webpackClient', 'webpackPr
             threshold: 10240,
             minRatio: 0.8
         }),
-        check_node_version_1.default(10) && new compression_webpack_plugin_1.default({
+        (0, check_node_version_1.default)(10) && new compression_webpack_plugin_1.default({
             filename: '[file].br',
             algorithm: 'brotliCompress',
             test: /\.(js|css|html|svg)$/,

package/build/configs/webpack.server.dev.js

@@ -39,7 +39,7 @@ const config = {
         __filename: true,
         __dirname: true
     },
-    entry: get_entry_1.default(app_configs_1.default.serverEntry, getSingleEntry),
+    entry: (0, get_entry_1.default)(app_configs_1.default.serverEntry, getSingleEntry),
     context: app_configs_1.default.cwd,
     output: {
         // Add /* filename */ comments to generated require()s in the output.
@@ -61,7 +61,7 @@ const config = {
         },
     },
     externalsPresets: { node: true },
-    externals: [webpack_node_externals_1.default({
+    externals: [(0, webpack_node_externals_1.default)({
             allowlist: [
                 /^arui-feather/,
                 /^arui-ft-private/,
@@ -239,5 +239,5 @@ const config = {
         ignored: /node_modules/,
     }
 };
-const webpackServerDev = apply_overrides_1.default(['webpack', 'webpackServer', 'webpackDev', 'webpackServerDev'], config);
+const webpackServerDev = (0, apply_overrides_1.default)(['webpack', 'webpackServer', 'webpackDev', 'webpackServerDev'], config);
 exports.default = webpackServerDev;