ts-builds 2.1.1 → 2.2.1

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.1",
+  "version": "2.2.1",
   "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",
@@ -20,23 +21,24 @@
     "type": "git",
     "url": "git+https://github.com/jordanburke/ts-builds.git"
   },
-  "main": "./prettier-config.js",
+  "main": "./prettier-config.cjs",
   "bin": {
     "ts-builds": "dist/cli.js"
   },
   "exports": {
-    ".": "./prettier-config.js",
-    "./prettier": "./prettier-config.js",
+    ".": "./prettier-config.cjs",
+    "./prettier": "./prettier-config.cjs",
     "./prettier-ignore": "./.prettierignore",
     "./eslint": "./eslint.config.base.mjs",
     "./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"
   },
   "files": [
-    "prettier-config.js",
+    "prettier-config.cjs",
     ".prettierignore",
     "eslint.config.base.mjs",
     "dist",
@@ -60,7 +62,7 @@
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "globals": "^16.5.0",
+    "globals": "^17.0.0",
     "prettier": "^3.8.0",
     "rimraf": "^6.1.2",
     "ts-node": "^10.9.2",
@@ -71,11 +73,15 @@
     "tsdown": "^0.19.0"
   },
   "peerDependencies": {
-    "tsdown": "^0.x"
+    "tsdown": "^0.x",
+    "vite": "^7.x"
   },
   "peerDependenciesMeta": {
     "tsdown": {
       "optional": true
+    },
+    "vite": {
+      "optional": true
     }
   },
   "scripts": {

package/prettier-config.cjs

@@ -0,0 +1,18 @@
+/**
+ * Shareable Prettier configuration for TypeScript library templates
+ *
+ * Uses CommonJS format for compatibility with prettier's shareable config feature.
+ * When using "prettier": "ts-builds/prettier" in package.json, prettier uses
+ * require() internally which doesn't handle ESM default exports properly.
+ *
+ * @see https://prettier.io/docs/sharing-configurations
+ * @see https://github.com/prettier/prettier/issues/15388 - ESM support tracking
+ */
+module.exports = {
+  semi: false,
+  trailingComma: "all",
+  singleQuote: false,
+  printWidth: 120,
+  tabWidth: 2,
+  endOfLine: "auto",
+}

package/prettier-config.js

@@ -1,12 +0,0 @@
-/**
- * Shareable Prettier configuration for TypeScript library templates
- * @see https://prettier.io/docs/sharing-configurations
- */
-export default {
-  semi: false,
-  trailingComma: "all",
-  singleQuote: false,
-  printWidth: 120,
-  tabWidth: 2,
-  endOfLine: "auto",
-}