@servicetitan/startup 37.0.2 → 38.1.0

package/dist/webpack/utils/normalize-proxy-config.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "normalizeProxyConfig", {
+    enumerable: true,
+    get: function() {
+        return normalizeProxyConfig;
+    }
+});
+const _utils = require("../../utils");
+const LEGACY_PROXY_EVENTS = {
+    onProxyReq: 'proxyReq',
+    onProxyRes: 'proxyRes',
+    onProxyReqWs: 'proxyReqWs',
+    onOpen: 'open',
+    onClose: 'close',
+    onError: 'error'
+};
+function normalizeProxyConfig(proxy) {
+    return proxy.map((item)=>typeof item === 'function' ? (...args)=>migrateLegacyProxyEvents(item(...args)) : migrateLegacyProxyEvents(item));
+}
+function migrateLegacyProxyEvents(item) {
+    const source = item;
+    const legacyKeys = Object.keys(LEGACY_PROXY_EVENTS).filter((key)=>source[key] !== undefined);
+    if (!legacyKeys.length) {
+        return item;
+    }
+    _utils.log.warning(PROXY_EVENTS_DEPRECATION_WARNING);
+    const legacyOn = {};
+    const { on: modernOn, ...rest } = source;
+    for (const key of legacyKeys){
+        legacyOn[LEGACY_PROXY_EVENTS[key]] = rest[key];
+        delete rest[key];
+    }
+    return {
+        ...rest,
+        on: {
+            ...legacyOn,
+            ...modernOn
+        }
+    };
+}
+const PROXY_EVENTS_DEPRECATION_WARNING = `
+    DEPRECATION WARNING: webpack-dev-server proxy config uses one or more legacy event options
+    (onProxyReq, onProxyRes, onProxyReqWs, onOpen, onClose, onError). These are moved to an "on"
+    object automatically, but support for the legacy options will be removed in a future release.
+    See the http-proxy-middleware v3 migration guide:
+    https://github.com/chimurai/http-proxy-middleware/blob/master/MIGRATION.md
+`.replace(/\n\s*/g, ' ').trim();
+
+//# sourceMappingURL=normalize-proxy-config.js.map

package/dist/webpack/utils/normalize-proxy-config.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/webpack/utils/normalize-proxy-config.ts"],"sourcesContent":["import { Configuration } from 'webpack';\nimport { log } from '../../utils';\n\ntype DevServerConfig = NonNullable<Configuration['devServer']>;\ntype ProxyConfig = NonNullable<DevServerConfig['proxy']>;\ntype ProxyConfigItem = ProxyConfig[number];\n\nconst LEGACY_PROXY_EVENTS = {\n    onProxyReq: 'proxyReq',\n    onProxyRes: 'proxyRes',\n    onProxyReqWs: 'proxyReqWs',\n    onOpen: 'open',\n    onClose: 'close',\n    onError: 'error',\n} as const;\n\nexport function normalizeProxyConfig(proxy: ProxyConfig): ProxyConfig {\n    return proxy.map(item =>\n        typeof item === 'function'\n            ? (((...args: Parameters<typeof item>) =>\n                  migrateLegacyProxyEvents(item(...args))) as typeof item)\n            : migrateLegacyProxyEvents(item)\n    );\n}\n\nfunction migrateLegacyProxyEvents(item: ProxyConfigItem): ProxyConfigItem {\n    const source = item as Record<string, unknown>;\n    const legacyKeys = Object.keys(LEGACY_PROXY_EVENTS).filter(\n        key => source[key] !== undefined\n    ) as (keyof typeof LEGACY_PROXY_EVENTS)[];\n\n    if (!legacyKeys.length) {\n        return item;\n    }\n\n    log.warning(PROXY_EVENTS_DEPRECATION_WARNING);\n\n    const legacyOn: Record<string, unknown> = {};\n    const { on: modernOn, ...rest } = source;\n    for (const key of legacyKeys) {\n        legacyOn[LEGACY_PROXY_EVENTS[key]] = rest[key];\n        delete rest[key];\n    }\n\n    return {\n        ...rest,\n        on: { ...legacyOn, ...(modernOn as Record<string, unknown>) },\n    } as ProxyConfigItem;\n}\n\nconst PROXY_EVENTS_DEPRECATION_WARNING = `\n    DEPRECATION WARNING: webpack-dev-server proxy config uses one or more legacy event options\n    (onProxyReq, onProxyRes, onProxyReqWs, onOpen, onClose, onError). These are moved to an \"on\"\n    object automatically, but support for the legacy options will be removed in a future release.\n    See the http-proxy-middleware v3 migration guide:\n    https://github.com/chimurai/http-proxy-middleware/blob/master/MIGRATION.md\n`\n    .replace(/\\n\\s*/g, ' ')\n    .trim();\n"],"names":["normalizeProxyConfig","LEGACY_PROXY_EVENTS","onProxyReq","onProxyRes","onProxyReqWs","onOpen","onClose","onError","proxy","map","item","args","migrateLegacyProxyEvents","source","legacyKeys","Object","keys","filter","key","undefined","length","log","warning","PROXY_EVENTS_DEPRECATION_WARNING","legacyOn","on","modernOn","rest","replace","trim"],"mappings":";;;;+BAgBgBA;;;eAAAA;;;uBAfI;AAMpB,MAAMC,sBAAsB;IACxBC,YAAY;IACZC,YAAY;IACZC,cAAc;IACdC,QAAQ;IACRC,SAAS;IACTC,SAAS;AACb;AAEO,SAASP,qBAAqBQ,KAAkB;IACnD,OAAOA,MAAMC,GAAG,CAACC,CAAAA,OACb,OAAOA,SAAS,aACR,CAAC,GAAGC,OACFC,yBAAyBF,QAAQC,SACrCC,yBAAyBF;AAEvC;AAEA,SAASE,yBAAyBF,IAAqB;IACnD,MAAMG,SAASH;IACf,MAAMI,aAAaC,OAAOC,IAAI,CAACf,qBAAqBgB,MAAM,CACtDC,CAAAA,MAAOL,MAAM,CAACK,IAAI,KAAKC;IAG3B,IAAI,CAACL,WAAWM,MAAM,EAAE;QACpB,OAAOV;IACX;IAEAW,UAAG,CAACC,OAAO,CAACC;IAEZ,MAAMC,WAAoC,CAAC;IAC3C,MAAM,EAAEC,IAAIC,QAAQ,EAAE,GAAGC,MAAM,GAAGd;IAClC,KAAK,MAAMK,OAAOJ,WAAY;QAC1BU,QAAQ,CAACvB,mBAAmB,CAACiB,IAAI,CAAC,GAAGS,IAAI,CAACT,IAAI;QAC9C,OAAOS,IAAI,CAACT,IAAI;IACpB;IAEA,OAAO;QACH,GAAGS,IAAI;QACPF,IAAI;YAAE,GAAGD,QAAQ;YAAE,GAAIE,QAAQ;QAA6B;IAChE;AACJ;AAEA,MAAMH,mCAAmC,CAAC;;;;;;AAM1C,CAAC,CACIK,OAAO,CAAC,UAAU,KAClBC,IAAI"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/startup",
-    "version": "37.0.2",
+    "version": "38.1.0",
     "description": "CLI to create multi-package Lerna projects with TypeScript and React",
     "homepage": "https://docs.st.dev/docs/frontend/uikit/startup",
     "repository": {
@@ -103,16 +103,16 @@
         "@jest/core": "~30.4.2",
         "@jest/types": "~30.4.1",
         "@jsdevtools/coverage-istanbul-loader": "^3.0.5",
-        "@servicetitan/eslint-config": "37.0.2",
-        "@servicetitan/install": "37.0.2",
-        "@servicetitan/startup-utils": "37.0.2",
-        "@servicetitan/stylelint-config": "37.0.2",
+        "@servicetitan/eslint-config": "38.1.0",
+        "@servicetitan/install": "38.1.0",
+        "@servicetitan/startup-utils": "38.1.0",
+        "@servicetitan/stylelint-config": "38.1.0",
         "@svgr/webpack": "^8.1.0",
         "@swc/cli": "^0.8.1",
-        "@swc/core": "1.15.43",
+        "@swc/core": "1.15.46",
         "@types/debug": "^4.1.12",
         "@types/jest": "~30.0.0",
-        "@vitest/coverage-v8": "^4.1.9",
+        "@vitest/coverage-v8": "^4.1.10",
         "chalk": "~4.1.2",
         "cli-table3": "^0.6.5",
         "cpx2": "9.0.0",
@@ -120,7 +120,7 @@
         "css-minimizer-webpack-plugin": "^8.0.0",
         "debug": "^4.4.3",
         "deepmerge": "~4.3.1",
-        "es-module-lexer": "^2.1.0",
+        "es-module-lexer": "^2.3.1",
         "eslint": "~9.39.2",
         "eta": "^4.6.0",
         "execa": "~5.1.1",
@@ -131,8 +131,8 @@
         "jest": "~30.4.2",
         "jest-circus": "~30.4.2",
         "jest-environment-jsdom": "~30.4.1",
-        "jest-fetch-mock": "~3.0.3",
-        "js-yaml": "~4.2.0",
+        "jest-fetch-mock": "~4.2.0",
+        "js-yaml": "~5.2.1",
         "json5": "^2.2.3",
         "lerna": "~9.0.7",
         "less": "~4.6.7",
@@ -140,36 +140,39 @@
         "less-plugin-npm-import": "~2.1.0",
         "lodash.kebabcase": "^4.1.1",
         "lodash.memoize": "^4.1.2",
-        "memfs": "~4.57.8",
+        "magic-string": "^0.30.21",
+        "memfs": "~4.64.0",
         "mini-css-extract-plugin": "~2.10.2",
+        "minimizer-webpack-plugin": "^5.6.1",
         "moment-locales-webpack-plugin": "~1.2.0",
         "multimatch": "~8.0.0",
         "patch-package": "^8.0.1",
         "portfinder": "~1.0.38",
-        "postcss": "~8.5.15",
-        "prettier": "~3.8.4",
+        "postcss": "~8.5.16",
+        "prettier": "~3.9.5",
+        "react-refresh": "^0.18.0",
         "sass": "~1.101.0",
         "sass-loader": "~17.0.0",
         "semver": "~7.8.5",
+        "source-map-js": "^1.2.1",
         "source-map-loader": "~5.0.0",
         "style-loader": "~4.0.0",
-        "stylelint": "~17.14.0",
+        "stylelint": "~17.14.1",
         "swc-loader": "^0.2.7",
         "terminal-link": "^5.0.0",
-        "terser-webpack-plugin": "^5.6.1",
         "ts-jest": "29.4.11",
         "ts-node": "~10.9.2",
         "typed-css-modules": "~0.9.1",
         "typescript": "6.0.3",
-        "vite": "^8.0.16",
-        "vite-bundle-analyzer": "^1.3.8",
+        "vite": "^8.1.5",
+        "vite-bundle-analyzer": "^1.3.9",
         "vite-plugin-istanbul": "^9.0.1",
         "vite-plugin-svgr": "^5.2.0",
-        "vitest": "^4.1.9",
-        "webpack": "~5.107.2",
+        "vitest": "^4.1.10",
+        "webpack": "~5.108.4",
         "webpack-assets-manifest": "~6.5.2",
-        "webpack-bundle-analyzer": "^5.3.0",
-        "webpack-dev-server": "^5.2.5",
+        "webpack-bundle-analyzer": "^5.3.1",
+        "webpack-dev-server": "^6.0.0",
         "webpack-filter-warnings-plugin": "~1.2.1",
         "webpack-merge": "~6.0.1",
         "webpack-remove-empty-scripts": "^1.1.1",
@@ -197,5 +200,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "d30a9eb850b4bdb98b6af7cc06fade1359fcc943"
+    "gitHead": "e8c601a26ad49ca0d6b0b84a9f530f3242d53c7f"
 }

package/src/cli/commands/__tests__/build.test.ts

@@ -2,7 +2,7 @@
  * @jest-environment node
  */
 import { createPackage } from '../../../__mocks__';
-import { Package, PackageType, getPackages, log } from '../../../utils';
+import { Package, PackageType, getConfiguration, getPackages, log } from '../../../utils';
 import { compile, lernaExec, typeCheck } from '../../utils';
 import { Build } from '../build';
 import { kendoUILicense } from '../kendo-ui-license';
@@ -32,6 +32,7 @@ describe(`[startup] ${Build.name}`, () => {
         args = {};
         packages = [];
         jest.clearAllMocks();
+        jest.mocked(getConfiguration).mockReturnValue({});
         jest.mocked(getPackages).mockImplementation(() => packages);
     });
 
@@ -105,7 +106,7 @@ describe(`[startup] ${Build.name}`, () => {
         });
     });
 
-    describe('with Webpack package', () => {
+    describe('with bundle package', () => {
         beforeEach(() => packages.push(createPackage({ type: PackageType.Bundle })));
 
         itPreparesThePackage();
@@ -122,11 +123,11 @@ describe(`[startup] ${Build.name}`, () => {
             await subject();
 
             expect(lernaExec).toHaveBeenCalledWith({
-                'cmd': 'startup bundle-webpack',
+                'cmd': 'startup bundle-package',
                 'scope': packages.map(({ name }) => name),
                 'parallel': true,
                 'stream': true,
-                '--': ['--exposed-dependencies'],
+                '--': ['--exposed-dependencies', '--bundler webpack'],
             });
         });
 
@@ -134,23 +135,36 @@ describe(`[startup] ${Build.name}`, () => {
             await subject();
 
             expect(lernaExec).toHaveBeenCalledWith({
-                'cmd': 'startup bundle-webpack',
+                'cmd': 'startup bundle-package',
                 'scope': packages.map(({ name }) => name),
                 'stream': true,
-                '--': [],
+                '--': ['--bundler webpack'],
             });
         });
 
-        describe('with --bundler=vite', () => {
-            beforeEach(() => (args.bundler = 'vite'));
-
-            test('bundles with Vite', async () => {
+        function itBundlesWithVite() {
+            test('bundles with vite', async () => {
                 await subject();
 
                 expect(lernaExec).toHaveBeenCalledWith(
-                    expect.objectContaining({ cmd: 'startup bundle-vite' })
+                    expect.objectContaining({
+                        'cmd': 'startup bundle-package',
+                        '--': ['--bundler vite'],
+                    })
                 );
             });
+        }
+
+        describe('with --bundler=vite', () => {
+            beforeEach(() => (args.bundler = 'vite'));
+
+            itBundlesWithVite();
+        });
+
+        describe('with cli.bundler set to vite', () => {
+            beforeEach(() => jest.mocked(getConfiguration).mockReturnValue({ bundler: 'vite' }));
+
+            itBundlesWithVite();
         });
 
         describe('with "code-coverage"', () => {
@@ -161,8 +175,8 @@ describe(`[startup] ${Build.name}`, () => {
 
                 expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
-                        'cmd': 'startup bundle-webpack',
-                        '--': ['--code-coverage'],
+                        'cmd': 'startup bundle-package',
+                        '--': ['--code-coverage', '--bundler webpack'],
                     })
                 );
             });
@@ -176,8 +190,8 @@ describe(`[startup] ${Build.name}`, () => {
 
                 expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
-                        'cmd': 'startup bundle-webpack',
-                        '--': ['--stat'],
+                        'cmd': 'startup bundle-package',
+                        '--': ['--stat', '--bundler webpack'],
                     })
                 );
             });
@@ -191,8 +205,8 @@ describe(`[startup] ${Build.name}`, () => {
 
                 expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
-                        'cmd': 'startup bundle-webpack',
-                        '--': ['--preview'],
+                        'cmd': 'startup bundle-package',
+                        '--': ['--preview', '--bundler webpack'],
                     })
                 );
             });
@@ -206,8 +220,8 @@ describe(`[startup] ${Build.name}`, () => {
 
                 expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
-                        'cmd': 'startup bundle-webpack',
-                        '--': [`--config "${args.config}"`],
+                        'cmd': 'startup bundle-package',
+                        '--': [`--config "${args.config}"`, '--bundler webpack'],
                     })
                 );
             });

package/src/cli/commands/__tests__/bundle-package.test.ts

@@ -0,0 +1,65 @@
+import { getConfiguration } from '../../../utils';
+import { BundlePackage } from '../bundle-package';
+import { BundleVite } from '../bundle-vite';
+import { BundleWebpack } from '../bundle-webpack';
+
+jest.mock('../../../utils', () => ({
+    ...jest.requireActual('../../../utils'),
+    getConfiguration: jest.fn(() => ({})),
+}));
+jest.mock('../bundle-vite', () => ({ BundleVite: jest.fn(() => ({ execute: jest.fn() })) }));
+jest.mock('../bundle-webpack', () => ({ BundleWebpack: jest.fn(() => ({ execute: jest.fn() })) }));
+
+describe(`[startup] ${BundlePackage.name}`, () => {
+    let args: ConstructorParameters<typeof BundlePackage>[0];
+
+    const subject = () => new BundlePackage(args).execute();
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        args = { exposedDependencies: true };
+        jest.mocked(getConfiguration).mockReturnValue({});
+    });
+
+    function itBundlesWithWebpack() {
+        test('bundles with webpack', async () => {
+            await subject();
+
+            expect(BundleWebpack).toHaveBeenCalledWith(args);
+        });
+    }
+
+    function itBundlesWithVite() {
+        test('bundles with vite', async () => {
+            await subject();
+
+            expect(BundleVite).toHaveBeenCalledWith(args);
+        });
+    }
+
+    itBundlesWithWebpack();
+
+    describe('with --bundler=vite', () => {
+        beforeEach(() => (args = { bundler: 'vite' }));
+
+        itBundlesWithVite();
+
+        describe('with cli.bundler set to webpack', () => {
+            beforeEach(() => jest.mocked(getConfiguration).mockReturnValue({ bundler: 'webpack' }));
+
+            itBundlesWithWebpack();
+        });
+    });
+
+    describe('with cli.bundler set to vite', () => {
+        beforeEach(() => jest.mocked(getConfiguration).mockReturnValue({ bundler: 'vite' }));
+
+        itBundlesWithVite();
+
+        describe('with --bundler=webpack', () => {
+            beforeEach(() => (args = { bundler: 'webpack' }));
+
+            itBundlesWithVite();
+        });
+    });
+});

package/src/cli/commands/__tests__/bundle-vite.test.ts

@@ -136,6 +136,7 @@ describe(BundleVite.name, () => {
             beforeEach(() => (args.watch = true));
 
             test('throws error', async () => {
+                jest.spyOn(process.stdout, 'write').mockImplementationOnce(jest.fn()); // suppress error output
                 await expect(subject()).rejects.toThrow(
                     'cannot bundle exposed dependencies in watch mode'
                 );

package/src/cli/commands/__tests__/command.test.ts

@@ -0,0 +1,42 @@
+import { exitWhenParentExits } from '../../../utils';
+import { Command } from '../command';
+
+jest.mock('../../../utils', () => ({
+    exitWhenParentExits: jest.fn(),
+}));
+
+class MockCommand extends Command {
+    execute() {
+        return Promise.resolve();
+    }
+}
+
+describe(`[startup] ${Command.name} entity`, () => {
+    const name: any = 'mock-command';
+    let args: any;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        args = {};
+    });
+
+    describe('watchForParentExit', () => {
+        const subject = () => new MockCommand(args).watchForParentExit(name);
+
+        test('does not watch for the parent process to exit', () => {
+            subject();
+
+            expect(exitWhenParentExits).not.toHaveBeenCalled();
+        });
+
+        describe('with watch: true', () => {
+            beforeEach(() => (args = { watch: true }));
+
+            test('watches for the parent process to exit', () => {
+                subject();
+
+                expect(exitWhenParentExits).toHaveBeenCalledWith(name);
+            });
+        });
+    });
+});

package/src/cli/commands/__tests__/mfe-check.test.ts

@@ -83,6 +83,14 @@ describe(`[startup] ${MfeCheck.name}`, () => {
         });
     }
 
+    function itReportsCompatibleLightBundle() {
+        test('outputs human-readable compatible message', async () => {
+            await subject();
+
+            expect(utils.log.info).toHaveBeenCalledWith('Compatible: light bundle can be used');
+        });
+    }
+
     test('allows running from global location', () => {
         expect(entry.allowRunFromGlobal).toBe(true);
     });
@@ -97,11 +105,7 @@ describe(`[startup] ${MfeCheck.name}`, () => {
             });
         });
 
-        test('outputs human-readable compatible message', async () => {
-            await subject();
-
-            expect(utils.log.info).toHaveBeenCalledWith('Compatible: light bundle can be used');
-        });
+        itReportsCompatibleLightBundle();
 
         test('does not set exit code', async () => {
             await subject();
@@ -131,6 +135,23 @@ describe(`[startup] ${MfeCheck.name}`, () => {
                 });
             });
         });
+
+        describe('when host enables expose-shared-dependencies at the top level of cli', () => {
+            beforeEach(() => {
+                vol.fromJSON({
+                    '/path/to/host/package.json': JSON.stringify({
+                        name: 'host-app',
+                        dependencies: mockMetadata.dependencies,
+                        cli: {
+                            'expose-shared-dependencies': true,
+                            'shared-dependencies': mockMetadata.sharedDependencies,
+                        },
+                    }),
+                });
+            });
+
+            itReportsCompatibleLightBundle();
+        });
     });
 
     describe('when incompatible', () => {

package/src/cli/commands/__tests__/run-task.test.ts

@@ -1,9 +1,10 @@
-import { log } from '../../../utils';
+import { exitWhenParentExits, log } from '../../../utils';
 import { SwcCompilePackage, TscCompile, TscCompilePackage } from '../../tasks';
 import { RunTask } from '../run-task';
 
 jest.mock('../../../utils', () => ({
     ...jest.requireActual('../../../utils'),
+    exitWhenParentExits: jest.fn(),
     log: { error: jest.fn(), text: jest.fn() },
 }));
 jest.mock('../../tasks/swc-compile-package');
@@ -34,9 +35,27 @@ describe(`[startup] ${RunTask.name}`, () => {
 
                 expect(jest.mocked(task).mock.instances[0].execute).toHaveBeenCalled();
             });
+
+            test(`watches ${task.name} for the parent process to exit`, async () => {
+                await subject();
+
+                expect(jest.mocked(task).mock.instances[0].watchForParentExit).toHaveBeenCalled();
+            });
         })
     );
 
+    describe('watchForParentExit', () => {
+        beforeEach(() => (args = {}));
+
+        const subject = () => new RunTask(args).watchForParentExit();
+
+        test('does not watch for the parent process to exit', () => {
+            subject();
+
+            expect(exitWhenParentExits).not.toHaveBeenCalled();
+        });
+    });
+
     describe('with empty args', () => {
         beforeEach(() => (args = {}));
 

package/src/cli/commands/__tests__/start.test.ts

@@ -1,5 +1,5 @@
 import { createPackage } from '../../../__mocks__';
-import { Package, PackageType, getPackages, log } from '../../../utils';
+import { Package, PackageType, getConfiguration, getPackages, log } from '../../../utils';
 import { compile, lernaExec, typeCheck, watchStdout } from '../../utils';
 import { entry } from '../registry/start';
 import { Start } from '../start';
@@ -38,6 +38,7 @@ describe(`[startup] ${Start.name}`, () => {
         args = {};
         packages = [];
         jest.clearAllMocks();
+        jest.mocked(getConfiguration).mockReturnValue({});
         jest.mocked(getPackages).mockImplementation(() => packages);
         jest.mocked(watchStdout).mockImplementation((_process, _indicator, handler) => {
             handler(packages.length);
@@ -106,6 +107,12 @@ describe(`[startup] ${Start.name}`, () => {
         expect(entry.greedy).toBe(true);
     });
 
+    test('sets process.env.STARTUP_PARENT_PID', async () => {
+        await subject();
+
+        expect(process.env.STARTUP_PARENT_PID).toBe(String(process.pid));
+    });
+
     describe('with TSC package', () => {
         beforeEach(() => packages.push(createPackage({ type: PackageType.TSC })));
 
@@ -121,7 +128,7 @@ describe(`[startup] ${Start.name}`, () => {
         });
     });
 
-    describe('with Webpack package', () => {
+    describe('with bundle package', () => {
         beforeEach(() => packages.push(createPackage({ type: PackageType.Bundle })));
 
         itPreparesThePackages();
@@ -132,11 +139,11 @@ describe(`[startup] ${Start.name}`, () => {
             await subject();
 
             expect(lernaExec).toHaveBeenCalledWith({
-                'cmd': 'startup bundle-webpack',
+                'cmd': 'startup bundle-package',
                 'scope': packages.map(({ name }) => name),
                 'parallel': true,
                 'stream': true,
-                '--': ['--exposed-dependencies', '--use-watch-config'],
+                '--': ['--exposed-dependencies', '--use-watch-config', '--bundler webpack'],
             });
         });
 
@@ -144,24 +151,37 @@ describe(`[startup] ${Start.name}`, () => {
             await subject();
 
             expect(lernaExec).toHaveBeenCalledWith({
-                'cmd': 'startup bundle-webpack',
+                'cmd': 'startup bundle-package',
                 'scope': packages.map(({ name }) => name),
                 'parallel': true,
                 'stream': true,
-                '--': ['--watch'],
+                '--': ['--watch', '--bundler webpack'],
             });
         });
 
-        describe('with --bundler=vite', () => {
-            beforeEach(() => (args.bundler = 'vite'));
-
-            test('bundles with Vite in watch mode', async () => {
+        function itBundlesWithVite() {
+            test('bundles with vite', async () => {
                 await subject();
 
                 expect(lernaExec).toHaveBeenCalledWith(
-                    expect.objectContaining({ cmd: 'startup bundle-vite' })
+                    expect.objectContaining({
+                        'cmd': 'startup bundle-package',
+                        '--': ['--watch', '--bundler vite'],
+                    })
                 );
             });
+        }
+
+        describe('with --bundler=vite', () => {
+            beforeEach(() => (args.bundler = 'vite'));
+
+            itBundlesWithVite();
+        });
+
+        describe('with cli.bundler set to vite', () => {
+            beforeEach(() => jest.mocked(getConfiguration).mockReturnValue({ bundler: 'vite' }));
+
+            itBundlesWithVite();
         });
 
         describe('with "code-coverage"', () => {
@@ -172,8 +192,8 @@ describe(`[startup] ${Start.name}`, () => {
 
                 expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
-                        'cmd': 'startup bundle-webpack',
-                        '--': ['--watch', '--code-coverage'],
+                        'cmd': 'startup bundle-package',
+                        '--': ['--watch', '--code-coverage', '--bundler webpack'],
                     })
                 );
             });
@@ -187,8 +207,8 @@ describe(`[startup] ${Start.name}`, () => {
 
                 expect(lernaExec).toHaveBeenCalledWith(
                     expect.objectContaining({
-                        'cmd': 'startup bundle-webpack',
-                        '--': ['--watch', `--config "${args.config}"`],
+                        'cmd': 'startup bundle-package',
+                        '--': ['--watch', `--config "${args.config}"`, '--bundler webpack'],
                     })
                 );
             });

package/src/cli/commands/build.ts

@@ -1,5 +1,5 @@
 import { getPackages, logErrors, PackageType } from '../../utils';
-import { checkArgs, compile, getBundleCommand, lernaExec, ProcessTree, typeCheck } from '../utils';
+import { checkArgs, compile, lernaExec, ProcessTree, resolveBundler, typeCheck } from '../utils';
 import { kendoUILicense } from './kendo-ui-license';
 import type { entry } from './registry/build';
 import { Command } from './types';
@@ -38,7 +38,7 @@ export class Build extends Command<typeof entry> {
         const bundleScope = packages
             .filter(({ type }) => type === PackageType.Bundle)
             .map(({ name }) => name);
-        const bundleCmd = getBundleCommand(this.args);
+        const bundlerArg = [`--bundler ${resolveBundler(this.args)}`];
         const precompileScope = packages
             .filter(({ scripts }) => !!scripts?.precompile)
             .map(({ name }) => name);
@@ -77,11 +77,11 @@ export class Build extends Command<typeof entry> {
                     return Promise.resolve();
                 }
                 return lernaExec({
-                    'cmd': bundleCmd,
+                    'cmd': 'startup bundle-package',
                     'scope': bundleScope,
                     'parallel': true,
                     'stream': true,
-                    '--': ['--exposed-dependencies'],
+                    '--': ['--exposed-dependencies', ...bundlerArg],
                 });
             },
             {
@@ -100,7 +100,7 @@ export class Build extends Command<typeof entry> {
                 }
 
                 return lernaExec({
-                    'cmd': bundleCmd,
+                    'cmd': 'startup bundle-package',
                     'scope': bundleScope,
                     'stream': true,
                     '--': [
@@ -108,6 +108,7 @@ export class Build extends Command<typeof entry> {
                         ...[this.args.codeCoverage ? '--code-coverage' : undefined],
                         ...[this.args.stat ? '--stat' : undefined],
                         ...[this.args.preview ? '--preview' : undefined],
+                        ...bundlerArg,
                     ].filter(item => !!item) as string[],
                 });
             },