@gravity-ui/app-builder 0.6.10 → 0.7.0

package/README.md

@@ -57,32 +57,34 @@ If the config needs to be conditionally determined, it can export a function ins
 ```ts
 import {defineConfig} from '@gravity-ui/app-builder';
 
-export default defineConfig(async function (
-  /** @type dev | build */
-  command,
-  /**
-   * values specified with --env flag
-   *
-   * @type {[k in string]: string}
-   *
-   * @example
-   *   With follow command:
-   *       app-build dev --env=path.to.member1=value1 --env=path.to.member2=value2
-   *   you get:
-   *       env = {path: {to: {member1: 'value1', member2: 'value2'}}}
-   */
-  env,
-) {
-  return {
-    verbose: command === 'dev',
-    client: {
-      // client settings
-    },
-    server: {
-      // server settings
-    },
-  };
-});
+export default defineConfig(
+  async function (
+    /** @type dev | build */
+    command,
+    /**
+     * values specified with --env flag
+     *
+     * @type {[k in string]: string}
+     *
+     * @example
+     *   With follow command:
+     *       app-build dev --env=path.to.member1=value1 --env=path.to.member2=value2
+     *   you get:
+     *       env = {path: {to: {member1: 'value1', member2: 'value2'}}}
+     */
+    env,
+  ) {
+    return {
+      verbose: command === 'dev',
+      client: {
+        // client settings
+      },
+      server: {
+        // server settings
+      },
+    };
+  },
+);
 
 export default config;
 ```
@@ -227,7 +229,7 @@ With this `{rootDir}/src/ui/tsconfig.json`:
 
 ##### Optimization
 
-- `vendors` (`string[]`) — additional libraries for vendor chunk
+- `vendors` (`string[] | (defaultVendors: string[]) => string[]`) — additional libraries or a function returning libraries for a vendor chunk;
 - `momentTz` — [settings](https://www.npmjs.com/package/moment-timezone-data-webpack-plugin) for moment-timezone (by default data is truncated);
 - `contextReplacement` (`object`)
   - `highlight.js` (`string[]`) — list of language names to include, e.g. `['javascript', 'python', 'bash']`;

package/dist/commands/build/build-service/server.js

@@ -17,7 +17,7 @@ function buildServer(config) {
         const {compile} = require(${JSON.stringify(require.resolve('../../../common/typescript/compile'))});
 
         const logger = new Logger('server', ${config.verbose});
-        compile(ts, ${JSON.stringify(paths_1.default.appServer)}, {logger});
+        compile(ts, {logger, projectPath: ${JSON.stringify(paths_1.default.appServer)}});
     `, null);
         build.start();
         build.onExit((code) => {

package/dist/commands/build/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const models_1 = require("../../common/models");
 async function default_1(config) {
     process.env.NODE_ENV = 'production';
-    // eslint-disable-next-line global-require, security/detect-non-literal-require
+    // eslint-disable-next-line security/detect-non-literal-require
     const { default: build } = require((0, models_1.isLibraryConfig)(config) ? './build-lib' : './build-service');
     return build(config);
 }

package/dist/commands/dev/client.js

@@ -1,11 +1,34 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.watchClientCompilation = void 0;
-const path_1 = __importDefault(require("path"));
-const fs_1 = __importDefault(require("fs"));
+const path = __importStar(require("node:path"));
+const fs = __importStar(require("node:fs"));
 const webpack_1 = __importDefault(require("webpack"));
 const webpack_dev_server_1 = __importDefault(require("webpack-dev-server"));
 const webpack_manifest_plugin_1 = require("webpack-manifest-plugin");
@@ -21,13 +44,13 @@ async function watchClientCompilation(config, onCompilationEnd) {
 exports.watchClientCompilation = watchClientCompilation;
 async function buildWebpackServer(config) {
     const logger = new logger_1.Logger('webpack', config.verbose);
-    const { webSocketPath = path_1.default.normalize(`/${config.client.publicPathPrefix}/build/sockjs-node`), ...devServer } = config.client.devServer || {};
+    const { webSocketPath = path.normalize(`/${config.client.publicPathPrefix}/build/sockjs-node`), ...devServer } = config.client.devServer || {};
     const normalizedConfig = { ...config.client, devServer: { ...devServer, webSocketPath } };
     const webpackConfig = (0, config_1.webpackConfigFactory)("development" /* WebpackMode.Dev */, normalizedConfig, { logger });
     const options = {
-        static: path_1.default.resolve(paths_1.default.appDist, 'public'),
+        static: path.resolve(paths_1.default.appDist, 'public'),
         devMiddleware: {
-            publicPath: path_1.default.normalize(config.client.publicPathPrefix + '/build/'),
+            publicPath: path.normalize(config.client.publicPathPrefix + '/build/'),
             stats: 'errors-warnings',
         },
         liveReload: false,
@@ -56,7 +79,7 @@ async function buildWebpackServer(config) {
     };
     const listenOn = options.port || options.ipc;
     if (!listenOn) {
-        options.ipc = path_1.default.resolve(paths_1.default.appDist, 'run/client.sock');
+        options.ipc = path.resolve(paths_1.default.appDist, 'run/client.sock');
     }
     if (config.client.lazyCompilation) {
         options.proxy = {
@@ -77,11 +100,11 @@ async function buildWebpackServer(config) {
                         return null;
                     }
                     const pathname = req.path.replace(/^\//, '');
-                    const filepath = path_1.default.resolve(paths_1.default.appDist, 'public', pathname);
-                    if (!fs_1.default.existsSync(filepath)) {
+                    const filepath = path.resolve(paths_1.default.appDist, 'public', pathname);
+                    if (!fs.existsSync(filepath)) {
                         return null;
                     }
-                    const stat = fs_1.default.statSync(filepath);
+                    const stat = fs.statSync(filepath);
                     if (!stat.isFile()) {
                         return null;
                     }
@@ -99,7 +122,7 @@ async function buildWebpackServer(config) {
         logger.logError(e);
     }
     if (options.ipc && typeof options.ipc === 'string') {
-        fs_1.default.chmod(options.ipc, 0o666, (e) => logger.logError('', e));
+        fs.chmod(options.ipc, 0o666, (e) => logger.logError('', e));
     }
     return server;
 }

package/dist/commands/dev/index.js

@@ -1,9 +1,32 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-const node_path_1 = __importDefault(require("node:path"));
+const path = __importStar(require("node:path"));
 const nodemon_1 = __importDefault(require("nodemon"));
 const signal_exit_1 = require("signal-exit");
 const rimraf_1 = require("rimraf");
@@ -20,7 +43,7 @@ async function default_1(config) {
     let clientCompiled = !shouldCompileClient;
     let serverCompiled = !shouldCompileServer;
     let needToStartNodemon = shouldCompileServer;
-    const serverPath = node_path_1.default.resolve(paths_1.default.appDist, 'server');
+    const serverPath = path.resolve(paths_1.default.appDist, 'server');
     const { inspect, inspectBrk } = config.server;
     const startNodemon = () => {
         if (needToStartNodemon && serverCompiled && clientCompiled) {

package/dist/commands/dev/server.js

@@ -1,16 +1,39 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.watchServerCompilation = void 0;
-const node_path_1 = __importDefault(require("node:path"));
+const path = __importStar(require("node:path"));
 const rimraf_1 = require("rimraf");
 const controllable_script_1 = require("../../common/child-process/controllable-script");
 const utils_1 = require("../../common/utils");
 const paths_1 = __importDefault(require("../../common/paths"));
 function watchServerCompilation(config) {
-    const serverPath = node_path_1.default.resolve(paths_1.default.appDist, 'server');
+    const serverPath = path.resolve(paths_1.default.appDist, 'server');
     rimraf_1.rimraf.sync(serverPath);
     (0, utils_1.createRunFolder)();
     const build = new controllable_script_1.ControllableScript(`

package/dist/common/babel/ui-preset.js

@@ -46,6 +46,13 @@ module.exports = function (_context, options = {}) {
     const plugins = [
         // Polyfills the runtime needed for async/await and generators
         [require.resolve('@babel/plugin-transform-runtime'), runtimeOptions],
+        /**
+         * Safari 15 has a buggy implementation of class properties,
+         * but @babel/compat-data marks it as stable.
+         * Can be removed once the issue is fixed and released.
+         * @see https://github.com/babel/babel/issues/14289
+         */
+        [require.resolve('@babel/plugin-transform-class-properties')],
         isEnvProduction && [
             require.resolve('babel-plugin-transform-react-remove-prop-types'),
             {

package/dist/common/child-process/controllable-script.js

@@ -29,9 +29,11 @@ const fs = __importStar(require("fs-extra"));
 const execa = __importStar(require("execa"));
 const utils_2 = require("../utils");
 class ControllableScript {
+    isRunning = false;
+    process;
+    script = '';
+    debugInfo;
     constructor(script, debugInfo) {
-        this.isRunning = false;
-        this.script = '';
         this.script = script;
         this.debugInfo = debugInfo;
     }

package/dist/common/child-process/utils.js

@@ -22,13 +22,10 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.tmpNameSync = void 0;
-const crypto_1 = __importDefault(require("crypto"));
-const path_1 = __importDefault(require("path"));
+const crypto = __importStar(require("node:crypto"));
+const path = __importStar(require("node:path"));
 const fs = __importStar(require("fs-extra"));
 const RANDOM_CHARS = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
 function randomChars(howMany) {
@@ -36,11 +33,11 @@ function randomChars(howMany) {
     let rnd = null;
     // make sure that we do not fail because we ran out of entropy
     try {
-        rnd = crypto_1.default.randomBytes(howMany);
+        rnd = crypto.randomBytes(howMany);
     }
     catch (e) {
         // eslint-disable-next-line security/detect-pseudoRandomBytes
-        rnd = crypto_1.default.pseudoRandomBytes(howMany);
+        rnd = crypto.pseudoRandomBytes(howMany);
     }
     for (let i = 0; i < howMany; i++) {
         value.push(RANDOM_CHARS[(rnd[i] ?? 0) % RANDOM_CHARS.length] ?? '0');
@@ -49,7 +46,7 @@ function randomChars(howMany) {
 }
 function generateTmpName(tmpDir) {
     const name = ['tmp', '-', process.pid, '-', randomChars(12)].join('');
-    return path_1.default.join(tmpDir, name);
+    return path.join(tmpDir, name);
 }
 function tmpNameSync(tmpDir, retries = 3) {
     let tries = retries;

package/dist/common/config.d.ts

@@ -1,4 +1,4 @@
-import type { NormalizedServiceConfig, ServiceConfig, LibraryConfig } from './models';
+import type { LibraryConfig, NormalizedServiceConfig, ServiceConfig } from './models';
 import type { CliArgs } from '../create-cli';
 export declare function getProjectConfig(command: string, { env, storybook, ...argv }: Partial<CliArgs> & {
     storybook?: boolean;

package/dist/common/config.js

@@ -1,10 +1,33 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.normalizeConfig = exports.getProjectConfig = void 0;
-const path_1 = __importDefault(require("path"));
+const path = __importStar(require("node:path"));
 const lodash_1 = __importDefault(require("lodash"));
 const cosmiconfig_1 = require("cosmiconfig");
 const cosmiconfig_typescript_loader_1 = require("cosmiconfig-typescript-loader");
@@ -14,7 +37,7 @@ function splitPaths(paths) {
     return (Array.isArray(paths) ? paths : [paths]).flatMap((p) => p.split(','));
 }
 function remapPaths(paths) {
-    return splitPaths(paths).map((p) => path_1.default.resolve(process.cwd(), p));
+    return splitPaths(paths).map((p) => path.resolve(process.cwd(), p));
 }
 function omitUndefined(obj) {
     return lodash_1.default.omitBy(obj, lodash_1.default.isUndefined);
@@ -92,7 +115,7 @@ async function getProjectConfig(command, { env, storybook, ...argv }) {
         inspect: argv.inspect,
         inspectBrk: argv.inspectBrk,
     };
-    const config = { ...(await cfg?.config) };
+    const config = { verbose: false, ...(await cfg?.config) };
     if ((0, models_1.isLibraryConfig)(config)) {
         return normalizeConfig({
             ...config,

package/dist/common/env.js

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const path_1 = require("path");
+const node_path_1 = require("node:path");
 const dotenv_1 = require("dotenv");
-(0, dotenv_1.config)({ path: (0, path_1.resolve)(process.cwd(), '.env') });
+(0, dotenv_1.config)({ path: (0, node_path_1.resolve)(process.cwd(), '.env') });