@servicetitan/startup 36.3.1 → 36.4.0

package/dist/webpack/index.d.ts

@@ -1,3 +1,5 @@
+export * from './bundle-webpack';
 export * from './create-webpack-config';
+export * from './create-webpack-configs';
 export type * from './types';
 //# sourceMappingURL=index.d.ts.map

package/dist/webpack/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/webpack/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,mBAAmB,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/webpack/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,mBAAmB,SAAS,CAAC"}

package/dist/webpack/index.js

@@ -2,7 +2,9 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+_export_star(require("./bundle-webpack"), exports);
 _export_star(require("./create-webpack-config"), exports);
+_export_star(require("./create-webpack-configs"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/webpack/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/webpack/index.ts"],"sourcesContent":["export * from './create-webpack-config';\nexport type * from './types';\n"],"names":[],"mappings":";;;;qBAAc"}
+{"version":3,"sources":["../../src/webpack/index.ts"],"sourcesContent":["export * from './bundle-webpack';\nexport * from './create-webpack-config';\nexport * from './create-webpack-configs';\nexport type * from './types';\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA"}

package/dist/webpack/types.d.ts

@@ -1,17 +1,9 @@
 import { Options as HtmlWebpackPluginOptions } from 'html-webpack-plugin';
 import { PluginOptions as MiniCssExtractPlugInOptions } from 'mini-css-extract-plugin';
 import { Configuration } from 'webpack';
-export interface ExposedDependenciesConfig {
-    output?: Configuration['output'];
-}
-export interface Options {
-    buildStat?: boolean;
-    codeCoverage?: boolean;
-    embed?: boolean;
-    emitExposedDependencies?: boolean | ExposedDependenciesConfig;
-    headless?: boolean;
-    name?: string;
-}
+import { BuildContext, BuildIdentity, BuildOptions } from '../core';
+import { WebpackConfiguration } from '../utils';
+export type Options = Partial<Pick<BuildIdentity, 'name' | 'light' | 'headless' | 'emitExposedDependencies' | 'outputBasePath'> & Pick<BuildOptions, 'codeCoverage' | 'buildStat'>>;
 export interface Overrides {
     configuration?: Configuration;
     plugins?: {
@@ -19,4 +11,5 @@ export interface Overrides {
         MiniCssExtractPlugin?: MiniCssExtractPlugInOptions;
     };
 }
+export type WebpackBuildContext = BuildContext<WebpackConfiguration>;
 //# sourceMappingURL=types.d.ts.map

package/dist/webpack/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/webpack/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,aAAa,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAExC,MAAM,WAAW,yBAAyB;IACtC,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;CACpC;AACD,MAAM,WAAW,OAAO;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,uBAAuB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IAC9D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE;QACN,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;QAC7C,oBAAoB,CAAC,EAAE,2BAA2B,CAAC;KACtD,CAAC;CACL"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/webpack/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,aAAa,IAAI,2BAA2B,EAAE,MAAM,yBAAyB,CAAC;AACvF,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,MAAM,OAAO,GAAG,OAAO,CACzB,IAAI,CACA,aAAa,EACb,MAAM,GAAG,OAAO,GAAG,UAAU,GAAG,yBAAyB,GAAG,gBAAgB,CAC/E,GACG,IAAI,CAAC,YAAY,EAAE,cAAc,GAAG,WAAW,CAAC,CACvD,CAAC;AAEF,MAAM,WAAW,SAAS;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,OAAO,CAAC,EAAE;QACN,iBAAiB,CAAC,EAAE,wBAAwB,CAAC;QAC7C,oBAAoB,CAAC,EAAE,2BAA2B,CAAC;KACtD,CAAC;CACL;AAED,MAAM,MAAM,mBAAmB,GAAG,YAAY,CAAC,oBAAoB,CAAC,CAAC"}

package/dist/webpack/utils/create-webpack-build-context.d.ts

@@ -0,0 +1,4 @@
+import { BuildContextOptions } from '../../core';
+import { WebpackBuildContext } from '../types';
+export declare function createWebpackBuildContext(options: BuildContextOptions): WebpackBuildContext;
+//# sourceMappingURL=create-webpack-build-context.d.ts.map

package/dist/webpack/utils/create-webpack-build-context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-webpack-build-context.d.ts","sourceRoot":"","sources":["../../../src/webpack/utils/create-webpack-build-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAsB,MAAM,YAAY,CAAC;AAErE,OAAO,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAE/C,wBAAgB,yBAAyB,CAAC,OAAO,EAAE,mBAAmB,GAAG,mBAAmB,CAO3F"}

package/dist/webpack/utils/create-webpack-build-context.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "createWebpackBuildContext", {
+    enumerable: true,
+    get: function() {
+        return createWebpackBuildContext;
+    }
+});
+const _core = require("../../core");
+const _utils = require("../../utils");
+function createWebpackBuildContext(options) {
+    const context = (0, _core.createBuildContext)(options);
+    return {
+        ...context,
+        bundlerConfig: (0, _utils.getWebpackConfiguration)()
+    };
+}
+
+//# sourceMappingURL=create-webpack-build-context.js.map

package/dist/webpack/utils/create-webpack-build-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/webpack/utils/create-webpack-build-context.ts"],"sourcesContent":["import { BuildContextOptions, createBuildContext } from '../../core';\nimport { getWebpackConfiguration } from '../../utils';\nimport { WebpackBuildContext } from '../types';\n\nexport function createWebpackBuildContext(options: BuildContextOptions): WebpackBuildContext {\n    const context = createBuildContext(options);\n\n    return {\n        ...context,\n        bundlerConfig: getWebpackConfiguration(),\n    };\n}\n"],"names":["createWebpackBuildContext","options","context","createBuildContext","bundlerConfig","getWebpackConfiguration"],"mappings":";;;;+BAIgBA;;;eAAAA;;;sBAJwC;uBAChB;AAGjC,SAASA,0BAA0BC,OAA4B;IAClE,MAAMC,UAAUC,IAAAA,wBAAkB,EAACF;IAEnC,OAAO;QACH,GAAGC,OAAO;QACVE,eAAeC,IAAAA,8BAAuB;IAC1C;AACJ"}

package/dist/webpack/utils/index.d.ts

@@ -1,5 +1,5 @@
+export * from './create-webpack-build-context';
 export * from './get-caller-filename';
 export * from './get-module-entry-path';
 export * from './split-by-entry';
-export * from './stringify-config';
 //# sourceMappingURL=index.d.ts.map

package/dist/webpack/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/webpack/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC;AACjC,cAAc,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/webpack/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC"}

package/dist/webpack/utils/index.js

@@ -2,10 +2,10 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
+_export_star(require("./create-webpack-build-context"), exports);
 _export_star(require("./get-caller-filename"), exports);
 _export_star(require("./get-module-entry-path"), exports);
 _export_star(require("./split-by-entry"), exports);
-_export_star(require("./stringify-config"), exports);
 function _export_star(from, to) {
     Object.keys(from).forEach(function(k) {
         if (k !== "default" && !Object.prototype.hasOwnProperty.call(to, k)) {

package/dist/webpack/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/webpack/utils/index.ts"],"sourcesContent":["export * from './get-caller-filename';\nexport * from './get-module-entry-path';\nexport * from './split-by-entry';\nexport * from './stringify-config';\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA"}
+{"version":3,"sources":["../../../src/webpack/utils/index.ts"],"sourcesContent":["export * from './create-webpack-build-context';\nexport * from './get-caller-filename';\nexport * from './get-module-entry-path';\nexport * from './split-by-entry';\n"],"names":[],"mappings":";;;;qBAAc;qBACA;qBACA;qBACA"}

package/jest/babel-plugin-import-meta-env.js

@@ -0,0 +1,18 @@
+/**
+ * Replaces `import.meta.env.X` with `undefined` so Jest can process
+ * ESM files that use Vite's import.meta.env convention.
+ */
+module.exports = () => ({
+    visitor: {
+        MemberExpression(path) {
+            const { node } = path;
+            if (
+                node.object.type === 'MemberExpression' &&
+                node.object.object.type === 'MetaProperty' &&
+                node.object.property.name === 'env'
+            ) {
+                path.replaceWith({ type: 'Identifier', name: 'undefined' });
+            }
+        },
+    },
+});

package/jest/jest-preset.js

@@ -1,9 +1,12 @@
 module.exports = {
     transform: {
         '^.+\\.svg$': '@servicetitan/startup/jest-svg-transformer',
-        '^.+\\.jsx?$': [
+        '^.+\\.(jsx?|mjs)$': [
             'babel-jest',
-            { presets: [['@babel/preset-env', { targets: { node: 'current' } }]] },
+            {
+                presets: [['@babel/preset-env', { targets: { node: 'current' } }]],
+                plugins: [require.resolve('./babel-plugin-import-meta-env')],
+            },
         ],
         '^.+\\.tsx?$': ['ts-jest', { tsconfig: 'tsconfig.test.json' }],
     },

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@servicetitan/startup",
-    "version": "36.3.1",
+    "version": "36.4.0",
     "description": "CLI to create multi-package Lerna projects with TypeScript and React",
     "homepage": "https://docs.st.dev/docs/frontend/uikit/startup",
     "repository": {
@@ -30,6 +30,10 @@
         "./jest-svg-transformer": "./dist/jest/svg-transformer.js",
         "./storybook-config": "./dist/storybook-config/index.js",
         "./tsconfig/*": "./tsconfig/*.json",
+        "./vite": {
+            "types": "./dist/vite/index.d.ts",
+            "default": "./dist/vite/index.js"
+        },
         "./vitest-svg-transformer": "./dist/vitest/svg-transformer.js"
     },
     "files": [
@@ -70,6 +74,7 @@
         "ts-script": "./bin/ts-script.js",
         "tsc": "./bin/tsc.js",
         "tsserver": "./bin/tsserver.js",
+        "vite": "./bin/vite.js",
         "vitest": "./bin/vitest.js",
         "webpack": "./bin/webpack.js",
         "webpack-bundle-analyzer": "./bin/webpack-bundle-analyzer.js",
@@ -93,28 +98,29 @@
         "@types/yargs": "~17.0.35"
     },
     "dependencies": {
-        "@babel/preset-env": "~7.29.5",
+        "@babel/preset-env": "~7.29.7",
         "@jest/core": "~30.4.2",
         "@jest/types": "~30.4.1",
         "@jsdevtools/coverage-istanbul-loader": "^3.0.5",
-        "@servicetitan/eslint-config": "36.3.1",
-        "@servicetitan/install": "36.3.1",
-        "@servicetitan/startup-utils": "36.3.1",
-        "@servicetitan/stylelint-config": "36.3.1",
+        "@servicetitan/eslint-config": "36.4.0",
+        "@servicetitan/install": "36.4.0",
+        "@servicetitan/startup-utils": "36.4.0",
+        "@servicetitan/stylelint-config": "36.4.0",
         "@svgr/webpack": "^8.1.0",
         "@swc/cli": "^0.8.1",
-        "@swc/core": "1.15.33",
+        "@swc/core": "1.15.40",
         "@types/debug": "^4.1.12",
         "@types/jest": "~30.0.0",
-        "@vitest/coverage-v8": "^4.1.6",
+        "@vitest/coverage-v8": "^4.1.8",
         "chalk": "~4.1.2",
         "cli-table3": "^0.6.5",
-        "cpx2": "8.0.2",
+        "cpx2": "9.0.0",
         "css-loader": "~7.1.4",
         "css-minimizer-webpack-plugin": "^8.0.0",
         "debug": "^4.4.3",
         "deepmerge": "~4.3.1",
         "eslint": "~9.39.2",
+        "eta": "^4.6.0",
         "execa": "~5.1.1",
         "glob": "~13.0.6",
         "html-webpack-plugin": "~5.6.7",
@@ -124,11 +130,11 @@
         "jest-circus": "~30.4.2",
         "jest-environment-jsdom": "~30.4.1",
         "jest-fetch-mock": "~3.0.3",
-        "js-yaml": "~4.1.1",
+        "js-yaml": "~4.2.0",
         "json5": "^2.2.3",
         "lerna": "~9.0.7",
         "less": "~4.6.4",
-        "less-loader": "~12.3.2",
+        "less-loader": "~13.0.0",
         "less-plugin-npm-import": "~2.1.0",
         "lodash.kebabcase": "^4.1.1",
         "lodash.memoize": "^4.1.2",
@@ -138,24 +144,26 @@
         "multimatch": "~8.0.0",
         "patch-package": "^8.0.1",
         "portfinder": "~1.0.38",
-        "postcss": "~8.5.14",
+        "postcss": "~8.5.15",
         "prettier": "~3.8.3",
-        "sass": "~1.99.0",
-        "sass-loader": "~16.0.8",
-        "semver": "~7.8.0",
+        "sass": "~1.100.0",
+        "sass-loader": "~17.0.0",
+        "semver": "~7.8.1",
         "source-map-loader": "~5.0.0",
         "style-loader": "~4.0.0",
         "stylelint": "~16.26.1",
         "swc-loader": "^0.2.7",
         "terminal-link": "^5.0.0",
-        "terser-webpack-plugin": "^5.6.0",
-        "ts-jest": "29.4.9",
+        "terser-webpack-plugin": "^5.6.1",
+        "ts-jest": "29.4.11",
         "ts-node": "~10.9.2",
         "typed-css-modules": "~0.9.1",
         "typescript": "5.9.3",
-        "vitest": "^4.1.6",
-        "webpack": "~5.106.2",
-        "webpack-assets-manifest": "~6.5.1",
+        "vite": "^8.0.16",
+        "vite-plugin-svgr": "^5.2.0",
+        "vitest": "^4.1.8",
+        "webpack": "~5.107.2",
+        "webpack-assets-manifest": "~6.5.2",
         "webpack-bundle-analyzer": "^5.3.0",
         "webpack-dev-server": "^5.2.4",
         "webpack-filter-warnings-plugin": "~1.2.1",
@@ -185,5 +193,5 @@
     "cli": {
         "webpack": false
     },
-    "gitHead": "93a049ba1e5cb737afb7bc95c06020736bc61a38"
+    "gitHead": "8beab9ae3a70ce381e8cd53f2de8691640e96c6e"
 }

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

@@ -86,7 +86,7 @@ describe(`[startup] ${Build.name}`, () => {
     test('selects TSC and Webpack packages', async () => {
         await subject();
 
-        expect(getPackages).toHaveBeenCalledWith({ type: [PackageType.TSC, PackageType.Webpack] });
+        expect(getPackages).toHaveBeenCalledWith({ type: [PackageType.TSC, PackageType.Bundle] });
     });
 
     describe('with TSC package', () => {
@@ -105,7 +105,7 @@ describe(`[startup] ${Build.name}`, () => {
     });
 
     describe('with Webpack package', () => {
-        beforeEach(() => packages.push(createPackage({ type: PackageType.Webpack })));
+        beforeEach(() => packages.push(createPackage({ type: PackageType.Bundle })));
 
         itPreparesThePackage();
         itRunsCompileAndTypeCheck();

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

@@ -0,0 +1,228 @@
+import { build, createServer, preview as previewServer } from 'vite';
+import { getBuildName, stringifyConfig } from '../../../core';
+import { hasHeadlessBundle, isExposeSharedDependencies, isWebComponent, log } from '../../../utils';
+import { buildSharedDependencies } from '../../../vite/build-shared-dependencies';
+import { createViteConfig } from '../../../vite/config';
+import { validateViteSharedDependencies } from '../../../vite/validate-shared-dependencies';
+import { BundleVite } from '../bundle-vite';
+
+jest.mock('vite', () => ({
+    build: jest.fn(),
+    createServer: jest.fn(),
+    preview: jest.fn(),
+}));
+jest.mock('../../../core', () => ({
+    ...jest.requireActual('../../../core'),
+    getBuildName: jest.fn(() => 'test-app'),
+    stringifyConfig: jest.fn(() => 'config-string'),
+}));
+jest.mock('../../../utils', () => ({
+    ...jest.requireActual('../../../utils'),
+    hasHeadlessBundle: jest.fn(() => false),
+    isExposeSharedDependencies: jest.fn(() => true),
+    isWebComponent: jest.fn(() => false),
+    log: { text: jest.fn() },
+}));
+jest.mock('../../../vite/build-shared-dependencies', () => ({
+    buildSharedDependencies: jest.fn(),
+}));
+jest.mock('../../../vite/config', () => ({
+    createViteConfig: jest.fn(),
+}));
+jest.mock('../../../vite/validate-shared-dependencies', () => ({
+    validateViteSharedDependencies: jest.fn(),
+}));
+
+describe(BundleVite.name, () => {
+    let args: ConstructorParameters<typeof BundleVite>[0];
+    let viteConfig: any;
+    let mockServer: any;
+
+    beforeEach(() => {
+        jest.clearAllMocks();
+        args = {};
+        viteConfig = { server: { port: 8080 } };
+        jest.mocked(createViteConfig).mockResolvedValue(viteConfig);
+        mockServer = {
+            listen: jest.fn(),
+            printUrls: jest.fn(),
+            bindCLIShortcuts: jest.fn(),
+        };
+        jest.mocked(createServer).mockResolvedValue(mockServer);
+        jest.mocked(previewServer).mockResolvedValue(mockServer);
+    });
+
+    const subject = () => new BundleVite(args).execute();
+
+    const itServesApp = () => {
+        test('starts server', async () => {
+            await subject();
+
+            expect(mockServer.listen).toHaveBeenCalled();
+            expect(mockServer.printUrls).toHaveBeenCalled();
+            expect(mockServer.bindCLIShortcuts).toHaveBeenCalledWith({ print: true });
+        });
+    };
+
+    test('validates shared dependencies', async () => {
+        await subject();
+
+        expect(validateViteSharedDependencies).toHaveBeenCalled();
+    });
+
+    test('builds with vite', async () => {
+        await subject();
+
+        expect(createViteConfig).toHaveBeenCalledWith(
+            expect.objectContaining({ name: getBuildName() })
+        );
+        expect(build).toHaveBeenCalledWith(viteConfig);
+    });
+
+    describe('with "printConfig"', () => {
+        beforeEach(() => (args.printConfig = true));
+
+        test('only prints config', async () => {
+            await subject();
+
+            const configString = jest.mocked(stringifyConfig).mock.results[0].value;
+            expect(log.text).toHaveBeenCalledWith(configString);
+            expect(build).not.toHaveBeenCalled();
+        });
+    });
+
+    describe('with "exposedDependencies"', () => {
+        beforeEach(() => (args.exposedDependencies = true));
+
+        test('only builds shared dependencies', async () => {
+            await subject();
+
+            expect(buildSharedDependencies).toHaveBeenCalledWith(
+                expect.objectContaining({ name: getBuildName() })
+            );
+            expect(build).not.toHaveBeenCalled();
+        });
+
+        describe('when not exposing shared dependencies', () => {
+            beforeEach(() => jest.mocked(isExposeSharedDependencies).mockReturnValue(false));
+
+            test('skips build', async () => {
+                await subject();
+
+                expect(buildSharedDependencies).not.toHaveBeenCalled();
+            });
+        });
+
+        describe('with "watch"', () => {
+            beforeEach(() => (args.watch = true));
+
+            test('throws error', async () => {
+                await expect(subject()).rejects.toThrow(
+                    'cannot bundle exposed dependencies in watch mode'
+                );
+            });
+        });
+    });
+
+    describe('with "watch"', () => {
+        beforeEach(() => (args.watch = true));
+
+        test('starts dev server', async () => {
+            await subject();
+
+            expect(createServer).toHaveBeenCalledWith(viteConfig);
+        });
+
+        itServesApp();
+
+        test('sets non-production mode', async () => {
+            await subject();
+
+            expect(createViteConfig).toHaveBeenCalledWith(
+                expect.objectContaining({ isProduction: false })
+            );
+        });
+
+        describe('when server omits listen', () => {
+            beforeEach(() => {
+                jest.mocked(createServer).mockResolvedValue({
+                    printUrls: mockServer.printUrls,
+                    bindCLIShortcuts: mockServer.bindCLIShortcuts,
+                } as any);
+            });
+
+            test('skips listen', async () => {
+                await subject();
+
+                expect(mockServer.listen).not.toHaveBeenCalled();
+            });
+        });
+    });
+
+    describe('with "useWatchConfig"', () => {
+        beforeEach(() => (args.useWatchConfig = true));
+
+        test('sets non-production mode', async () => {
+            await subject();
+
+            expect(createViteConfig).toHaveBeenCalledWith(
+                expect.objectContaining({ isProduction: false })
+            );
+        });
+    });
+
+    describe('with "preview"', () => {
+        beforeEach(() => (args.preview = true));
+
+        test('builds then starts preview server', async () => {
+            await subject();
+
+            expect(build).toHaveBeenCalledWith(viteConfig);
+            expect(previewServer).toHaveBeenCalledWith({
+                ...viteConfig,
+                preview: { port: viteConfig.server?.port, open: true },
+            });
+        });
+
+        itServesApp();
+
+        describe('when config has no server', () => {
+            beforeEach(() => {
+                viteConfig = {};
+                jest.mocked(createViteConfig).mockResolvedValue(viteConfig);
+            });
+
+            test('sets preview port to undefined', async () => {
+                await subject();
+
+                expect(previewServer).toHaveBeenCalledWith(
+                    expect.objectContaining({
+                        preview: { port: undefined, open: true },
+                    })
+                );
+            });
+        });
+    });
+
+    describe('when web component', () => {
+        beforeEach(() => jest.mocked(isWebComponent).mockReturnValue(true));
+
+        test('builds light bundle', async () => {
+            await subject();
+
+            expect(createViteConfig).toHaveBeenCalledWith(expect.objectContaining({ light: true }));
+        });
+
+        describe('with headless bundle', () => {
+            beforeEach(() => jest.mocked(hasHeadlessBundle).mockReturnValue(true));
+
+            test('builds headless bundle', async () => {
+                await subject();
+
+                expect(createViteConfig).toHaveBeenCalledWith(
+                    expect.objectContaining({ headless: true })
+                );
+            });
+        });
+    });
+});

package/src/cli/commands/__tests__/{bundle-package.test.ts → bundle-webpack.test.ts}

@@ -1,7 +1,7 @@
 import { fs, vol } from 'memfs';
 import { log } from '../../../utils';
-import { bundle } from '../../utils';
-import { BundlePackage } from '../bundle-package';
+import { bundleWebpack } from '../../../webpack';
+import { BundleWebpack } from '../bundle-webpack';
 
 jest.mock('fs', () => fs);
 
@@ -9,30 +9,31 @@ jest.mock('../../../utils', () => ({
     ...jest.requireActual('../../../utils'),
     log: { warning: jest.fn() },
 }));
-jest.mock('../../utils', () => ({
-    ...jest.requireActual('../../utils'),
-    bundle: jest.fn().mockResolvedValue(undefined),
+jest.mock('../../../webpack', () => ({
+    ...jest.requireActual('../../../webpack'),
+    bundleWebpack: jest.fn().mockResolvedValue(undefined),
 }));
 
-describe(`[startup] ${BundlePackage.name}`, () => {
-    let args: ConstructorParameters<typeof BundlePackage>[0];
+describe(`[startup] ${BundleWebpack.name}`, () => {
+    let args: ConstructorParameters<typeof BundleWebpack>[0];
 
     beforeEach(() => {
         args = {};
         jest.resetAllMocks();
         vol.fromJSON({
+            'package.json': JSON.stringify({ name: 'test' }),
             'tsconfig.json': JSON.stringify({ compilerOptions: { module: 'esnext' } }),
         });
     });
 
     afterEach(() => vol.reset());
 
-    const subject = async () => new BundlePackage(args).execute();
+    const subject = async () => new BundleWebpack(args).execute();
 
     test('bundles the package', async () => {
         await subject();
 
-        expect(bundle).toHaveBeenCalledWith({ buildStat: false, config: undefined });
+        expect(bundleWebpack).toHaveBeenCalledWith({ buildStat: false, config: undefined });
     });
 
     describe('with "stat"', () => {
@@ -41,7 +42,9 @@ describe(`[startup] ${BundlePackage.name}`, () => {
         test('generates bundle report', async () => {
             await subject();
 
-            expect(bundle).toHaveBeenCalledWith(expect.objectContaining({ buildStat: true }));
+            expect(bundleWebpack).toHaveBeenCalledWith(
+                expect.objectContaining({ buildStat: true })
+            );
         });
     });
 
@@ -51,7 +54,9 @@ describe(`[startup] ${BundlePackage.name}`, () => {
         test('bundles with code coverage', async () => {
             await subject();
 
-            expect(bundle).toHaveBeenCalledWith(expect.objectContaining({ codeCoverage: true }));
+            expect(bundleWebpack).toHaveBeenCalledWith(
+                expect.objectContaining({ codeCoverage: true })
+            );
         });
     });
 
@@ -61,7 +66,9 @@ describe(`[startup] ${BundlePackage.name}`, () => {
         test('uses specified config file', async () => {
             await subject();
 
-            expect(bundle).toHaveBeenCalledWith(expect.objectContaining({ config: args.config }));
+            expect(bundleWebpack).toHaveBeenCalledWith(
+                expect.objectContaining({ config: args.config })
+            );
         });
 
         describe('with "exposed-dependencies"', () => {
@@ -70,7 +77,7 @@ describe(`[startup] ${BundlePackage.name}`, () => {
             test('ignores config file', async () => {
                 await subject();
 
-                expect(bundle).not.toHaveBeenCalledWith(
+                expect(bundleWebpack).not.toHaveBeenCalledWith(
                     expect.objectContaining({ config: args.config })
                 );
             });
@@ -83,7 +90,7 @@ describe(`[startup] ${BundlePackage.name}`, () => {
         test('bundles exposed dependencies', async () => {
             await subject();
 
-            expect(bundle).toHaveBeenCalledWith(
+            expect(bundleWebpack).toHaveBeenCalledWith(
                 expect.objectContaining({ emitExposedDependencies: true })
             );
         });
@@ -95,7 +102,7 @@ describe(`[startup] ${BundlePackage.name}`, () => {
         test('bundles package in watch mode', async () => {
             await subject();
 
-            expect(bundle).toHaveBeenCalledWith(expect.objectContaining({ watch: true }));
+            expect(bundleWebpack).toHaveBeenCalledWith(expect.objectContaining({ watch: true }));
         });
 
         describe('with "config"', () => {
@@ -104,7 +111,7 @@ describe(`[startup] ${BundlePackage.name}`, () => {
             test('uses specified config file', async () => {
                 await subject();
 
-                expect(bundle).toHaveBeenCalledWith(
+                expect(bundleWebpack).toHaveBeenCalledWith(
                     expect.objectContaining({ config: args.config, watch: true })
                 );
             });
@@ -117,7 +124,9 @@ describe(`[startup] ${BundlePackage.name}`, () => {
         test('bundles package with useWatchConfig', async () => {
             await subject();
 
-            expect(bundle).toHaveBeenCalledWith(expect.objectContaining({ useWatchConfig: true }));
+            expect(bundleWebpack).toHaveBeenCalledWith(
+                expect.objectContaining({ useWatchConfig: true })
+            );
         });
     });