Split into two scripts

Author: onlywei

packages/create-vite-app/PLAN.md

@@ -1,9 +1,11 @@
 # Implementation Plan: @fastify/create-vite-app CLI
 
 ## Overview
+
 Build a CLI scaffolding tool that copies the `examples/react-vanilla-spa/` template and resolves pnpm catalog versions at build time.
 
 ## Requirements Summary
+
 - **Template source**: `examples/react-vanilla-spa/` (bundled at build time)
 - **Prompts**: Project name only (using @clack/prompts)
 - **Versions**: Baked in at build time from `pnpm-workspace.yaml`
@@ -15,22 +17,27 @@ Build a CLI scaffolding tool that copies the `examples/react-vanilla-spa/` templ
 ## Implementation (Completed)
 
 ### Step 1: Add dependencies
+
 **File**: `packages/create-vite-app/package.json`
 
 Added:
+
 - `@clack/prompts` ^0.11.0 - interactive CLI prompts
 - `yaml` ^2.8.2 (devDependency) - parse pnpm-workspace.yaml at build time
 
 ### Step 2: Create build script
+
 **File**: `packages/create-vite-app/scripts/generate-versions.ts`
 
 This script:
+
 1. Reads `pnpm-workspace.yaml` for catalog versions
 2. Reads `packages/fastify-vite/package.json` for @fastify/vite version
 3. Writes `src/versions.json` with resolved versions
 4. Copies template files from `examples/react-vanilla-spa` to `templates/react-spa`
 
 ### Step 3: Update build script in package.json
+
 **File**: `packages/create-vite-app/package.json`
 
 ```json
@@ -40,34 +47,38 @@ This script:
 (Uses Node 22.18+ native TypeScript support - no tsx needed)
 
 ### Step 4: Rewrite src/index.ts
+
 **File**: `packages/create-vite-app/src/index.ts`
 
 Features:
+
 - Interactive project name prompt using @clack/prompts
 - Copies template files from bundled `templates/react-spa`
 - Transforms package.json (resolves versions, updates name)
 - Auto-detects package manager and installs dependencies
 - Shows spinner during operations
 
 ### Step 5: Create .gitignore
+
 **File**: `packages/create-vite-app/.gitignore`
 
 Ignores build-time generated files:
+
 - `src/versions.json`
 - `templates/`
 
 ---
 
 ## Files Modified/Created
 
-| File | Action |
-|------|--------|
-| `packages/create-vite-app/package.json` | Modified - added deps, updated build script |
-| `packages/create-vite-app/scripts/generate-versions.ts` | Created |
-| `packages/create-vite-app/src/versions.json` | Generated (gitignored) |
-| `packages/create-vite-app/src/index.ts` | Rewritten |
-| `packages/create-vite-app/.gitignore` | Created |
-| `packages/create-vite-app/templates/` | Generated (gitignored) |
+| File                                                    | Action                                      |
+| ------------------------------------------------------- | ------------------------------------------- |
+| `packages/create-vite-app/package.json`                 | Modified - added deps, updated build script |
+| `packages/create-vite-app/scripts/generate-versions.ts` | Created                                     |
+| `packages/create-vite-app/src/versions.json`            | Generated (gitignored)                      |
+| `packages/create-vite-app/src/index.ts`                 | Rewritten                                   |
+| `packages/create-vite-app/.gitignore`                   | Created                                     |
+| `packages/create-vite-app/templates/`                   | Generated (gitignored)                      |
 
 ---
 
@@ -89,11 +100,11 @@ project-name/
 
 ## Version Mapping
 
-| Source Reference | Package | Resolved |
-|-----------------|---------|----------|
-| `workspace:^` | @fastify/vite | ^8.2.3 |
-| `catalog:` | fastify | ^5.6.2 |
-| `catalog:` | vite | ^7.3.0 |
-| `catalog:react` | react | ^19.2.3 |
-| `catalog:react` | react-dom | ^19.2.3 |
-| `catalog:react` | @vitejs/plugin-react | ^5.1.2 |
+| Source Reference | Package              | Resolved |
+| ---------------- | -------------------- | -------- |
+| `workspace:^`    | @fastify/vite        | ^8.2.3   |
+| `catalog:`       | fastify              | ^5.6.2   |
+| `catalog:`       | vite                 | ^7.3.0   |
+| `catalog:react`  | react                | ^19.2.3  |
+| `catalog:react`  | react-dom            | ^19.2.3  |
+| `catalog:react`  | @vitejs/plugin-react | ^5.1.2   |

packages/create-vite-app/README.md

@@ -7,18 +7,21 @@ The official scaffolding tool for **Fastify + Vite** applications.
 You do not need to install this package globally. You can run it directly using your package manager of choice.
 
 ### npm
+
 ```bash
 npm create @fastify/vite-app@latest
 # or with a specific project name
 npm create @fastify/vite-app@latest my-app
 ```
 
 ### pnpm
+
 ```bash
 pnpm create @fastify/vite-app@latest
 ```
 
 ### yarn
+
 ```bash
 yarn create @fastify/vite-app
 ```

packages/create-vite-app/package.json

@@ -2,7 +2,20 @@
   "name": "@fastify/create-vite-app",
   "version": "0.0.0",
   "description": "Scaffolding tool for Fastify + Vite applications",
-  "type": "module",
+  "keywords": [
+    "cli",
+    "create-fastify-app",
+    "fastify",
+    "scaffold",
+    "vite"
+  ],
+  "license": "MIT",
+  "author": "Fastify Team",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/fastify/fastify-vite.git",
+    "directory": "packages/create-vite-app"
+  },
   "bin": {
     "create-vite-app": "./dist/index.js",
     "fastify-create-vite-app": "./dist/index.js"
@@ -11,38 +24,26 @@
     "dist",
     "templates"
   ],
-  "scripts": {
-    "dev": "node src/index.ts",
-    "build": "node scripts/generate-versions.ts && tsc",
-    "prepublishOnly": "pnpm build",
-    "test": "node --test"
-  },
+  "type": "module",
   "publishConfig": {
     "access": "public"
   },
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/fastify/fastify-vite.git",
-    "directory": "packages/create-vite-app"
-  },
-  "keywords": [
-    "fastify",
-    "vite",
-    "create-fastify-app",
-    "scaffold",
-    "cli"
-  ],
-  "author": "Fastify Team",
-  "license": "MIT",
-  "engines": {
-    "node": ">=22.18.0"
+  "scripts": {
+    "build": "pnpm generate-versions && pnpm copy-examples && tsc",
+    "copy-examples": "node scripts/copy-examples.ts",
+    "generate-versions": "node scripts/generate-versions.ts",
+    "prepublishOnly": "pnpm build",
+    "test": "node --test"
   },
   "dependencies": {
     "@clack/prompts": "^0.11.0"
   },
   "devDependencies": {
-    "typescript": "catalog:",
     "@types/node": "catalog:",
+    "typescript": "catalog:",
     "yaml": "^2.8.2"
+  },
+  "engines": {
+    "node": ">=22.18.0"
   }
 }

packages/create-vite-app/scripts/copy-examples.ts

@@ -0,0 +1,41 @@
+import { cpSync, existsSync, mkdirSync, readdirSync, rmSync } from 'node:fs'
+import { join } from 'node:path'
+
+const rootDir = join(import.meta.dirname, '..', '..', '..')
+const pkgDir = join(import.meta.dirname, '..')
+
+const SKIP_PATTERNS = ['node_modules', 'dist', '.test.js', '.test.ts']
+
+function shouldSkip(name: string): boolean {
+  return SKIP_PATTERNS.some((pattern) => name.includes(pattern))
+}
+
+function copyTemplate(src: string, dest: string): void {
+  const entries = readdirSync(src, { withFileTypes: true })
+
+  for (const entry of entries) {
+    if (shouldSkip(entry.name)) continue
+
+    const srcPath = join(src, entry.name)
+    const destPath = join(dest, entry.name)
+
+    if (entry.isDirectory()) {
+      mkdirSync(destPath, { recursive: true })
+      copyTemplate(srcPath, destPath)
+    } else {
+      cpSync(srcPath, destPath)
+    }
+  }
+}
+
+const templateSrc = join(rootDir, 'examples', 'react-vanilla-spa')
+const templateDest = join(pkgDir, 'templates', 'react-spa')
+
+// Clean and recreate templates directory
+if (existsSync(join(pkgDir, 'templates'))) {
+  rmSync(join(pkgDir, 'templates'), { recursive: true })
+}
+mkdirSync(templateDest, { recursive: true })
+
+copyTemplate(templateSrc, templateDest)
+console.log('Copied template files to templates/react-spa')

packages/create-vite-app/scripts/generate-versions.ts

@@ -1,4 +1,4 @@
-import { cpSync, existsSync, mkdirSync, readFileSync, readdirSync, rmSync, writeFileSync } from 'node:fs'
+import { readFileSync, writeFileSync } from 'node:fs'
 import { join } from 'node:path'
 import { parse } from 'yaml'
 
@@ -14,7 +14,7 @@ const workspace = parse(workspaceYaml) as {
 
 // Read @fastify/vite version from its package.json
 const fastifyVitePkg = JSON.parse(
-  readFileSync(join(rootDir, 'packages', 'fastify-vite', 'package.json'), 'utf-8')
+  readFileSync(join(rootDir, 'packages', 'fastify-vite', 'package.json'), 'utf-8'),
 )
 
 // Build the versions object
@@ -31,40 +31,3 @@ const versions: Record<string, string> = {
 const versionsPath = join(pkgDir, 'src', 'versions.json')
 writeFileSync(versionsPath, JSON.stringify(versions, null, 2) + '\n')
 console.log('Generated src/versions.json with versions:', versions)
-
-// Copy template files from examples/react-vanilla-spa to templates/react-spa
-const SKIP_PATTERNS = ['node_modules', 'dist', '.test.js', '.test.ts']
-
-function shouldSkip(name: string): boolean {
-  return SKIP_PATTERNS.some((pattern) => name.includes(pattern))
-}
-
-function copyTemplate(src: string, dest: string): void {
-  const entries = readdirSync(src, { withFileTypes: true })
-
-  for (const entry of entries) {
-    if (shouldSkip(entry.name)) continue
-
-    const srcPath = join(src, entry.name)
-    const destPath = join(dest, entry.name)
-
-    if (entry.isDirectory()) {
-      mkdirSync(destPath, { recursive: true })
-      copyTemplate(srcPath, destPath)
-    } else {
-      cpSync(srcPath, destPath)
-    }
-  }
-}
-
-const templateSrc = join(rootDir, 'examples', 'react-vanilla-spa')
-const templateDest = join(pkgDir, 'templates', 'react-spa')
-
-// Clean and recreate templates directory
-if (existsSync(join(pkgDir, 'templates'))) {
-  rmSync(join(pkgDir, 'templates'), { recursive: true })
-}
-mkdirSync(templateDest, { recursive: true })
-
-copyTemplate(templateSrc, templateDest)
-console.log('Copied template files to templates/react-spa')

packages/create-vite-app/tsconfig.json

@@ -8,7 +8,5 @@
     "allowImportingTsExtensions": true,
     "noEmit": false
   },
-  "include": [
-    "src/**/*"
-  ]
+  "include": ["src/**/*"]
 }