ts-builds 2.1.0 → 2.2.0

package/README.md

@@ -65,8 +65,9 @@ npx ts-builds typecheck      # TypeScript type checking
 npx ts-builds test           # Run tests once
 npx ts-builds test:watch     # Watch mode
 npx ts-builds test:coverage  # With coverage
-npx ts-builds build          # Production build
-npx ts-builds dev            # Watch mode build
+npx ts-builds build          # Production build (tsdown or vite)
+npx ts-builds dev            # Dev mode (tsdown --watch or vite dev server)
+npx ts-builds preview        # Preview production build (vite preview)
 ```
 
 ## Package.json Scripts
@@ -119,6 +120,27 @@ If your project uses ESLint plugins not bundled with ts-builds (e.g., `eslint-pl
 
 This tells ts-builds to use your project's ESLint installation instead of the bundled version.
 
+### For SPAs/React Apps (Vite)
+
+Use Vite instead of tsdown for SPA builds:
+
+```bash
+pnpm add -D ts-builds vite
+```
+
+```json
+{
+  "srcDir": "./src",
+  "buildMode": "vite"
+}
+```
+
+With `buildMode: "vite"`:
+
+- `ts-builds build` → `vite build`
+- `ts-builds dev` → `vite` (dev server with HMR)
+- `ts-builds preview` → `vite preview`
+
 ### Advanced (Monorepos, Custom Commands)
 
 ```json
@@ -195,6 +217,20 @@ export default baseConfig
 }
 ```
 
+### Vite (for SPAs)
+
+```typescript
+// vite.config.ts
+import { vite } from "ts-builds/vite"
+import { defineConfig, mergeConfig } from "vite"
+
+export default defineConfig(
+  mergeConfig(vite, {
+    // your customizations
+  }),
+)
+```
+
 ## Bundled Packages
 
 Run `npx ts-builds info` to see all bundled packages. You don't need to install:

package/dist/cli.js

@@ -29,6 +29,7 @@ function loadConfig() {
 	return {
 		srcDir: userConfig.srcDir ?? "./src",
 		testDir: userConfig.testDir ?? "./test",
+		buildMode: userConfig.buildMode ?? "tsdown",
 		lint: { useProjectEslint: userConfig.lint?.useProjectEslint ?? false },
 		commands,
 		chains
@@ -136,9 +137,10 @@ SCRIPT COMMANDS:
   test:watch    Run tests in watch mode
   test:coverage Run tests with coverage
   test:ui       Launch Vitest UI
-  build         Production build (rimraf dist && tsdown)
+  build         Production build (tsdown or vite build, based on buildMode)
   build:watch   Watch mode build
-  dev           Alias for build:watch
+  dev           Development mode (tsdown --watch or vite dev server)
+  preview       Preview production build (vite preview)
 
 CONFIGURATION:
   Create ts-builds.config.json in your project root:
@@ -149,6 +151,12 @@ CONFIGURATION:
     "validateChain": ["format", "lint", "typecheck", "test", "build"]
   }
 
+  For SPAs/React apps using Vite:
+  {
+    "srcDir": "./src",
+    "buildMode": "vite"
+  }
+
   With custom ESLint plugins (e.g., eslint-plugin-functional):
   {
     "srcDir": "./src",
@@ -198,13 +206,22 @@ ${bundledPackages.map((pkg) => `  - ${pkg}`).join("\n")}
 
 You ONLY need to install:
   - ts-builds (this package)
-  - tsdown (peer dependency, optional)
+  - tsdown (peer dependency, for library builds - optional)
+  - vite (peer dependency, for SPA builds - optional)
+
+Example minimal package.json for libraries:
+{
+  "devDependencies": {
+    "ts-builds": "^3.0.0",
+    "tsdown": "^0.19.0"
+  }
+}
 
-Example minimal package.json devDependencies:
+Example minimal package.json for SPAs/React apps:
 {
   "devDependencies": {
     "ts-builds": "^3.0.0",
-    "tsdown": "^0.12.0"
+    "vite": "^7.0.0"
   }
 }
 `);
@@ -289,6 +306,7 @@ function createConfig(force = false) {
 Configuration options:
   srcDir         Source directory for linting (default: "./src")
   testDir        Test directory (default: "./test")
+  buildMode      "tsdown" (default, libraries) or "vite" (SPAs/React apps)
   lint           Lint settings: { "useProjectEslint": true }
   validateChain  Commands to run for validate (default shown above)
   commands       Custom commands: { "name": "shell command" }
@@ -335,13 +353,25 @@ async function runTest(mode = "run") {
 	}
 }
 async function runBuild(watch = false) {
+	if (loadConfig().buildMode === "vite") {
+		if (watch) return runCommand("vite", ["build", "--watch"]);
+		const cleanCode$1 = await runCommand("rimraf", ["dist"]);
+		if (cleanCode$1 !== 0) return cleanCode$1;
+		return runCommand("vite", ["build"]);
+	}
 	if (watch) return runCommand("tsdown", ["--watch"]);
 	const cleanCode = await runCommand("rimraf", ["dist"]);
 	if (cleanCode !== 0) return cleanCode;
 	return runCommand("cross-env", ["NODE_ENV=production", "tsdown"]);
 }
+async function runDev() {
+	return loadConfig().buildMode === "vite" ? runCommand("vite", []) : runCommand("tsdown", ["--watch"]);
+}
 function getBuiltinCommands(config) {
 	const eslintCmd = config.lint.useProjectEslint ? "npx eslint" : "eslint";
+	const buildCmd = config.buildMode === "vite" ? { run: "rimraf dist && vite build" } : { run: "rimraf dist && cross-env NODE_ENV=production tsdown" };
+	const buildWatchCmd = config.buildMode === "vite" ? { run: "vite build --watch" } : { run: "tsdown --watch" };
+	const devCmd = config.buildMode === "vite" ? { run: "vite" } : { run: "tsdown --watch" };
 	return {
 		format: { run: "prettier --write ." },
 		"format:check": { run: "prettier --check ." },
@@ -353,9 +383,10 @@ function getBuiltinCommands(config) {
 		"test:watch": { run: "vitest" },
 		"test:coverage": { run: "vitest run --coverage" },
 		"test:ui": { run: "vitest --ui" },
-		build: { run: "rimraf dist && cross-env NODE_ENV=production tsdown" },
-		"build:watch": { run: "tsdown --watch" },
-		dev: { run: "tsdown --watch" },
+		build: buildCmd,
+		"build:watch": buildWatchCmd,
+		dev: devCmd,
+		preview: { run: "vite preview" },
 		compile: { run: "tsc" }
 	};
 }
@@ -445,9 +476,14 @@ switch (command) {
 		process.exit(await runBuild(subCommand === "watch"));
 		break;
 	case "build:watch":
-	case "dev":
 		process.exit(await runBuild(true));
 		break;
+	case "dev":
+		process.exit(await runDev());
+		break;
+	case "preview":
+		process.exit(await runCommand("vite", ["preview"]));
+		break;
 	case "validate":
 		process.exit(await runValidate());
 		break;

package/dist/vite.config.base.js

@@ -0,0 +1,17 @@
+import { resolve } from "node:path";
+
+//#region src/vite.config.base.ts
+/** Base Vite config for SPAs */
+const vite = {
+	build: {
+		outDir: "dist",
+		sourcemap: true,
+		target: "es2020",
+		minify: process.env.NODE_ENV === "production"
+	},
+	resolve: { alias: { "@": resolve(process.cwd(), "src") } }
+};
+var vite_config_base_default = vite;
+
+//#endregion
+export { vite_config_base_default as default, vite };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ts-builds",
-  "version": "2.1.0",
+  "version": "2.2.0",
   "description": "Shared TypeScript configuration files for library templates. Provides standardized ESLint, Prettier, Vitest, TypeScript, and build configs.",
   "keywords": [
     "typescript",
@@ -10,6 +10,7 @@
     "prettier",
     "vitest",
     "tsdown",
+    "vite",
     "shared-config"
   ],
   "author": "jordan.burke@gmail.com",
@@ -32,6 +33,7 @@
     "./vitest": "./dist/vitest.config.base.js",
     "./tsconfig": "./tsconfig.base.json",
     "./tsdown": "./dist/tsdown.config.base.js",
+    "./vite": "./dist/vite.config.base.js",
     "./scripts": "./package-scripts.json",
     "./package.json": "./package.json"
   },
@@ -49,33 +51,37 @@
   "dependencies": {
     "@eslint/eslintrc": "^3.3.3",
     "@eslint/js": "^9.39.2",
-    "@types/node": "~24.10.4",
-    "@typescript-eslint/eslint-plugin": "^8.51.0",
-    "@typescript-eslint/parser": "^8.51.0",
-    "@vitest/coverage-v8": "^4.0.16",
-    "@vitest/ui": "^4.0.16",
+    "@types/node": "~24.10.9",
+    "@typescript-eslint/eslint-plugin": "^8.53.0",
+    "@typescript-eslint/parser": "^8.53.0",
+    "@vitest/coverage-v8": "^4.0.17",
+    "@vitest/ui": "^4.0.17",
     "cross-env": "^10.1.0",
     "eslint": "^9.39.2",
     "eslint-config-prettier": "^10.1.8",
     "eslint-plugin-import": "^2.32.0",
-    "eslint-plugin-prettier": "^5.5.4",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "globals": "^16.5.0",
-    "prettier": "^3.7.4",
+    "globals": "^17.0.0",
+    "prettier": "^3.8.0",
     "rimraf": "^6.1.2",
     "ts-node": "^10.9.2",
     "typescript": "^5.9.3",
-    "vitest": "^4.0.16"
+    "vitest": "^4.0.17"
   },
   "devDependencies": {
-    "tsdown": "^0.18.4"
+    "tsdown": "^0.19.0"
   },
   "peerDependencies": {
-    "tsdown": "^0.x"
+    "tsdown": "^0.x",
+    "vite": "^7.x"
   },
   "peerDependenciesMeta": {
     "tsdown": {
       "optional": true
+    },
+    "vite": {
+      "optional": true
     }
   },
   "scripts": {
@@ -93,5 +99,5 @@
     "dev": "node dist/cli.js dev",
     "prepublishOnly": "pnpm validate:bootstrap"
   },
-  "packageManager": "pnpm@10.27.0+sha512.72d699da16b1179c14ba9e64dc71c9a40988cbdc65c264cb0e489db7de917f20dcf4d64d8723625f2969ba52d4b7e2a1170682d9ac2a5dcaeaab732b7e16f04a"
+  "packageManager": "pnpm@10.28.0+sha512.05df71d1421f21399e053fde567cea34d446fa02c76571441bfc1c7956e98e363088982d940465fd34480d4d90a0668bc12362f8aa88000a64e83d0b0e47be48"
 }