@amirulabu/create-recurring-rabbit-app 0.0.0-alpha → 0.2.13

package/dist/index.js

@@ -1,6 +1,6 @@
 #!/usr/bin/env node
 import { program } from 'commander';
-import path4 from 'path';
+import path from 'path';
 import { fileURLToPath } from 'url';
 import { existsSync, promises, mkdirSync, readFileSync } from 'fs';
 import ora from 'ora';
@@ -16,10 +16,10 @@ async function copyTemplateFiles(templateDir, targetDir) {
       const entries = await fs.readdir(src);
       await fs.mkdir(dest, { recursive: true });
       for (const entry of entries) {
-        await copyRecursive(path4.join(src, entry), path4.join(dest, entry));
+        await copyRecursive(path.join(src, entry), path.join(dest, entry));
       }
     } else {
-      await fs.mkdir(path4.dirname(dest), { recursive: true });
+      await fs.mkdir(path.dirname(dest), { recursive: true });
       await fs.copyFile(src, dest);
     }
   };
@@ -29,7 +29,7 @@ async function copyDirectory(src, dest) {
   await copyTemplateFiles(src, dest);
 }
 async function generatePackageJson(targetDir, config) {
-  const packageJsonPath = path4.join(targetDir, "package.json");
+  const packageJsonPath = path.join(targetDir, "package.json");
   const packageJson = {
     name: config.name,
     version: config.version ?? "0.1.0",
@@ -40,6 +40,7 @@ async function generatePackageJson(targetDir, config) {
       build: "vinxi build",
       start: "vinxi start",
       "db:generate": "drizzle-kit generate",
+      "db:push": "drizzle-kit push",
       "db:migrate": "drizzle-kit migrate",
       "db:studio": "drizzle-kit studio",
       "db:seed": "tsx src/server/db/seed.ts",
@@ -96,8 +97,30 @@ async function generatePackageJson(targetDir, config) {
       tailwindcss: "^3.4.0",
       tsx: "^4.7.0",
       typescript: "^5.3.3",
-      vinxi: "^0.4.0",
+      vinxi: "^0.3.0",
       ...config.devDependencies
+    },
+    pnpm: {
+      overrides: {
+        "@tanstack/react-router": "~1.120.0",
+        "@tanstack/react-start-client": "~1.120.0",
+        "@tanstack/react-start-plugin": "~1.120.0",
+        "@tanstack/react-start-server": "~1.120.0",
+        "@tanstack/router-core": "~1.120.0",
+        "@tanstack/router-generator": "~1.120.0",
+        "@tanstack/router-plugin": "~1.120.0",
+        "@tanstack/start-client-core": "~1.120.0",
+        "@tanstack/start-plugin-core": "~1.120.0",
+        "@tanstack/start-server-core": "~1.120.0",
+        "@tanstack/server-functions-plugin": "~1.120.0",
+        "@tanstack/directive-functions-plugin": "~1.120.0",
+        "@tanstack/start-api-routes": "~1.120.0",
+        "@tanstack/start-server-functions-client": "~1.120.0",
+        "@tanstack/start-server-functions-fetcher": "~1.120.0",
+        "@tanstack/start-server-functions-handler": "~1.120.0",
+        "@tanstack/router-utils": "~1.120.0",
+        "@tanstack/history": "~1.120.0"
+      }
     }
   };
   await fs.writeFile(packageJsonPath, JSON.stringify(packageJson, null, 2) + "\n");
@@ -137,7 +160,7 @@ async function detectPackageManager() {
 function getInstallCommand(packageManager) {
   switch (packageManager) {
     case "pnpm":
-      return "pnpm install";
+      return "pnpm install --ignore-workspace";
     case "yarn":
       return "yarn";
     case "npm":
@@ -157,25 +180,41 @@ function installDependencies(projectPath, packageManager) {
     if (packageManager === "pnpm") {
       const rebuildSpinner = ora("Building native modules...").start();
       try {
-        execSync("pnpm rebuild better-sqlite3", {
+        execSync("pnpm rebuild --force better-sqlite3", {
           cwd: projectPath,
           stdio: "inherit"
         });
         rebuildSpinner.succeed(chalk2.green("\u2713 Native modules built"));
       } catch {
-        rebuildSpinner.warn(
-          chalk2.yellow("\u26A0 Native module build failed, trying alternative method...")
-        );
+        rebuildSpinner.warn(chalk2.yellow("\u26A0 Force rebuild failed, trying pnpm approve-builds..."));
         try {
-          execSync("npx node-gyp rebuild --directory node_modules/better-sqlite3", {
+          execSync("yes | pnpm approve-builds better-sqlite3", {
+            cwd: projectPath,
+            stdio: "inherit"
+          });
+          execSync("pnpm rebuild --force better-sqlite3", {
             cwd: projectPath,
             stdio: "inherit"
           });
           rebuildSpinner.succeed(chalk2.green("\u2713 Native modules built"));
         } catch {
           rebuildSpinner.warn(
-            chalk2.yellow("\u26A0 Native module build failed, may affect database functionality")
+            chalk2.yellow("\u26A0 Native module build failed, trying alternative method...")
           );
+          try {
+            execSync("npx node-gyp rebuild --directory node_modules/better-sqlite3", {
+              cwd: projectPath,
+              stdio: "inherit"
+            });
+            rebuildSpinner.succeed(chalk2.green("\u2713 Native modules built"));
+          } catch {
+            rebuildSpinner.fail(chalk2.red("\u2717 Native module build failed"));
+            throw new Error(
+              `Failed to build native modules. This is required for database functionality.
+Try running manually: cd ${projectPath} && pnpm rebuild --force better-sqlite3
+Or use npm instead: cd ${projectPath} && npm install`
+            );
+          }
         }
       }
     }
@@ -201,7 +240,7 @@ function generateSecret(length = 32) {
   return crypto.randomBytes(length).toString("base64");
 }
 async function generateEnvFile(targetDir, options = {}) {
-  const envPath = path4.join(targetDir, ".env.local");
+  const envPath = path.join(targetDir, ".env.local");
   const secret = generateSecret(32);
   const content = [
     `# Database`,
@@ -224,7 +263,7 @@ async function generateEnvFile(targetDir, options = {}) {
   await fs.writeFile(envPath, content);
 }
 function loadEnvFile(projectPath) {
-  const envPath = path4.join(projectPath, ".env.local");
+  const envPath = path.join(projectPath, ".env.local");
   const env = {};
   try {
     const content = readFileSync(envPath, "utf-8");
@@ -247,18 +286,13 @@ function loadEnvFile(projectPath) {
 async function initializeDatabase(projectPath) {
   const spinner = ora("Initializing database...").start();
   try {
-    const dataDir = path4.join(projectPath, "data");
+    const dataDir = path.join(projectPath, "data");
     if (!existsSync(dataDir)) {
       mkdirSync(dataDir, { recursive: true });
       spinner.text = "Data directory created";
     }
     const env = loadEnvFile(projectPath);
-    await runNpmScript(
-      projectPath,
-      "./node_modules/.bin/drizzle-kit push",
-      "Creating database schema...",
-      env
-    );
+    await runNpmScript(projectPath, "npx drizzle-kit push", "Creating database schema...", env);
     spinner.succeed("Database initialized successfully");
     const seedSpinner = ora("Seeding database with sample data...").start();
     await runSeedScript(projectPath, env);
@@ -298,14 +332,13 @@ ${errorOutput}`));
 }
 async function runSeedScript(projectPath, env) {
   return new Promise((resolve, reject) => {
-    const tsxPath = path4.join(projectPath, "node_modules/.bin/tsx");
-    const seedScriptPath = path4.join(projectPath, "src/server/db/seed.ts");
-    const command = process.platform === "win32" ? "node" : tsxPath;
-    const args = process.platform === "win32" ? [tsxPath, seedScriptPath] : [seedScriptPath];
+    const seedScriptPath = path.join(projectPath, "src/server/db/seed.ts");
+    const command = "npx";
+    const args = ["tsx", seedScriptPath];
     const child = spawn(command, args, {
       cwd: projectPath,
       stdio: "inherit",
-      shell: process.platform === "win32",
+      shell: true,
       env: { ...process.env, ...env }
     });
     child.on("close", (code) => {
@@ -477,7 +510,7 @@ function validateProjectName(name) {
   if (RESERVED_NAMES.has(name)) {
     throw new CLIError(`Invalid project name: "${name}" is a reserved name`);
   }
-  const parts = name.split(path4.sep);
+  const parts = name.split(path.sep);
   const baseName = parts[parts.length - 1];
   if (baseName !== name) {
     throw new CLIError("Invalid project name: cannot contain path separators");
@@ -495,15 +528,15 @@ async function cleanupProject(projectPath) {
 
 // src/commands/create.ts
 var __filename2 = fileURLToPath(import.meta.url);
-var __dirname2 = path4.dirname(__filename2);
-var TEMPLATE_DIR = path4.join(__dirname2, "../../templates/default");
+var __dirname2 = path.dirname(__filename2);
+var TEMPLATE_DIR = path.join(__dirname2, "../templates/default");
 async function scaffoldProject(projectName, targetPath) {
   const spinner = ora("Creating project structure...").start();
   let projectPath = "";
   let projectCreated = false;
   try {
     validateProjectName(projectName);
-    projectPath = path4.join(targetPath, projectName);
+    projectPath = path.join(targetPath, projectName);
     if (existsSync(projectPath)) {
       spinner.fail(`Directory ${projectName} already exists. Please choose a different name.`);
       throw new Error(`Directory ${projectName} already exists`);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amirulabu/create-recurring-rabbit-app",
-  "version": "0.0.0-alpha",
+  "version": "0.2.13",
   "description": "CLI tool to scaffold micro-SaaS apps with TanStack Start, tRPC, Drizzle, and Better-auth",
   "type": "module",
   "bin": {
@@ -12,7 +12,11 @@
   "files": [
     "bin",
     "dist",
-    "templates"
+    "templates",
+    "README.md",
+    "CHANGELOG.md",
+    "LICENSE",
+    ".npmrc"
   ],
   "scripts": {
     "dev": "tsx src/index.ts",
@@ -21,7 +25,13 @@
     "typecheck": "tsc --noEmit",
     "lint": "eslint . --ext .ts,.tsx",
     "lint:fix": "eslint . --ext .ts,.tsx --fix",
-    "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\""
+    "format": "prettier --write \"src/**/*.{ts,tsx,json,md}\"",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "prepublishOnly": "pnpm build && pnpm test:run",
+    "pack": "npm pack --dry-run",
+    "publish": "npm publish --provenance false"
   },
   "dependencies": {
     "chalk": "^5.3.0",
@@ -35,7 +45,9 @@
     "@typescript-eslint/parser": "^8.53.1",
     "eslint": "^9.39.2",
     "tsup": "^8.0.1",
-    "tsx": "^4.7.0"
+    "tsx": "^4.7.0",
+    "vitest": "^1.0.4",
+    "@vitest/ui": "^1.0.4"
   },
   "engines": {
     "node": ">=18.0.0"

package/templates/default/README.md

@@ -6,10 +6,10 @@
 
 ```bash
 # Install dependencies
-npm install
+pnpm install
 
 # Start development server
-npm run dev
+pnpm dev
 
 # Open http://localhost:3000 and create an account
 ```
@@ -37,25 +37,26 @@ src/
 
 ```bash
 # Development
-npm run dev              # Start development server
-npm run build            # Build for production
-npm run start            # Start production server
+pnpm dev              # Start development server
+pnpm build            # Build for production
+pnpm start            # Start production server
 
 # Bundle Analysis
-npm run build:analyze    # Build with bundle analyzer (opens stats.html)
+pnpm build:analyze    # Build with bundle analyzer (opens stats.html)
 
 # Database
-npm run db:generate      # Generate migration files
-npm run db:migrate       # Apply migrations
-npm run db:studio        # Open Drizzle Studio
-npm run db:seed          # Seed database with sample data
+pnpm db:generate      # Generate migration files
+pnpm db:push         # Push schema changes to SQLite (recommended for dev)
+pnpm db:migrate      # Apply migration files (for PostgreSQL production)
+pnpm db:studio       # Open Drizzle Studio
+pnpm db:seed         # Seed database with sample data
 
 # Code Quality
-npm run typecheck       # Run TypeScript checks
-npm run lint             # Run ESLint
-npm run lint:fix         # Fix ESLint issues
-npm run format           # Format code with Prettier
-npm run clean            # Clean build artifacts
+pnpm typecheck       # Run TypeScript checks
+pnpm lint             # Run ESLint
+pnpm lint:fix         # Fix ESLint issues
+pnpm format           # Format code with Prettier
+pnpm clean            # Clean build artifacts
 ```
 
 ## Environment Setup
@@ -84,7 +85,7 @@ Optional variables (production):
 Analyze your bundle size to identify large dependencies and optimize performance:
 
 ```bash
-npm run build:analyze
+pnpm build:analyze
 ```
 
 This will build your application and generate a `stats.html` file in build output directory (`.vinxi`). Open this file in your browser to explore:
@@ -106,7 +107,7 @@ Monitor application performance to identify bottlenecks:
 
 ```bash
 # Run Lighthouse CI to check performance budgets
-npm run lighthouse
+pnpm lighthouse
 ```
 
 The project includes performance monitoring tools:
@@ -160,8 +161,8 @@ export function MyComponent() {
 **Database Tables**
 
 1. Define schema in `src/server/db/schema.ts`
-2. Generate migration: `npm run db:generate`
-3. Apply migration: `npm run db:migrate`
+2. Generate migration: `pnpm db:generate`
+3. Apply migration: `pnpm db:push` (SQLite dev) or `pnpm db:generate && pnpm db:migrate` (PostgreSQL prod)
 
 ```typescript
 export const posts = sqliteTable('posts', {
@@ -255,7 +256,7 @@ Railway provides built-in PostgreSQL hosting.
 When deploying to production with PostgreSQL:
 
 ```bash
-npm run db:migrate
+pnpm db:generate && pnpm db:migrate
 ```
 
 Make sure to test migrations locally with PostgreSQL before deploying.
@@ -307,7 +308,7 @@ Use `drizzle-kit push` instead of `drizzle-kit migrate` for SQLite to avoid mult
 If you get "database is locked" errors:
 
 ```bash
-npm run clean
+pnpm clean
 # Then restart dev server
 ```
 

package/templates/default/app.config.ts

@@ -1,5 +1,9 @@
 import { defineConfig } from '@tanstack/start/config'
 import { visualizer } from 'rollup-plugin-visualizer'
+import path from 'path'
+import { fileURLToPath } from 'url'
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url))
 
 export default defineConfig({
   tsr: {
@@ -16,5 +20,10 @@ export default defineConfig({
         template: 'treemap',
       }),
     ],
+    resolve: {
+      alias: {
+        '@': path.resolve(__dirname, './src'),
+      },
+    },
   },
 })

package/templates/default/docs/adding-features.md

@@ -3,8 +3,8 @@
 ## Creating New Database Tables
 
 1. **Define schema** in `src/server/db/schema.ts`
-2. **Generate migration** with `npm run db:generate`
-3. **Apply migration** with `npm run db:migrate`
+2. **Generate migration** with `pnpm db:generate`
+3. **Apply migration** with `pnpm db:push` (SQLite) or `pnpm db:generate && pnpm db:migrate` (PostgreSQL)
 
 Example:
 
@@ -380,7 +380,7 @@ function MyComponent() {
 
 ### Stripe for Payments
 
-1. Install Stripe SDK: `npm install stripe`
+1. Install Stripe SDK: `pnpm add stripe`
 2. Add environment variable: `STRIPE_SECRET_KEY`
 3. Create webhook handler in `src/app/api/stripe-webhook.ts`
 4. Add procedures to handle payments
@@ -425,7 +425,7 @@ await resend.emails.send({
 
 ## Testing New Features
 
-1. **Add table** → `npm run db:generate && npm run db:migrate`
+1. **Add table** → `pnpm db:generate && pnpm db:push` (SQLite) or `pnpm db:generate && pnpm db:migrate` (PostgreSQL)
 2. **Add tRPC procedure** → Test in tRPC DevTools
 3. **Add UI component** → Test in isolation
 4. **Add page** → Test navigation and rendering

package/templates/default/docs/adr/006-use-tailwind-css-v4-with-shadcn-ui.md

@@ -1,4 +1,4 @@
-# ADR-006: Use Tailwind CSS v4 with shadcn/ui
+# ADR-006: Use Tailwind CSS v3 with shadcn/ui
 
 ## Status
 
@@ -10,7 +10,7 @@ Need styling system with rapid development and professional components
 
 ## Decision
 
-Use Tailwind CSS v4 with shadcn/ui components
+Use Tailwind CSS v3.4 with shadcn/ui components
 
 ## Consequences
 
@@ -19,4 +19,4 @@ Use Tailwind CSS v4 with shadcn/ui components
 
 ## Implementation
 
-Configure Tailwind v4, install shadcn/ui components, use for all UI
+Configure Tailwind v3.4, install shadcn/ui components, use for all UI

package/templates/default/docs/database.md

@@ -180,13 +180,17 @@ const db = drizzle(pool, { schema })
 
 ```bash
 # Generate migration files
-npm run db:generate
+pnpm db:generate
 
 # Apply migrations
-npm run db:migrate
+# For SQLite (development): recommended to use push
+pnpm db:push
+
+# For PostgreSQL (production): use generate + migrate
+pnpm db:generate && pnpm db:migrate
 
 # Open Drizzle Studio to browse database
-npm run db:studio
+pnpm db:studio
 ```
 
 ### Migration Files
@@ -324,7 +328,7 @@ Tips:
 The seed script creates sample users and dashboard data:
 
 ```bash
-npm run db:seed
+pnpm db:seed
 ```
 
 Seed data location: `src/server/db/seed.ts`
@@ -340,7 +344,7 @@ Seed data location: `src/server/db/seed.ts`
 **Solution:**
 
 ```bash
-npm run clean
+pnpm clean
 # This removes WAL files and restarts clean
 ```
 
@@ -354,7 +358,7 @@ npm run clean
 
 1. Review migration file in `drizzle/migrations/`
 2. Test migration on backup first
-3. Rollback if needed: `npm run db:migrate:down` (if configured)
+3. For schema changes, consider using a new migration instead of rolling back
 
 ### Slow Queries
 

package/templates/default/docs/deployment.md

@@ -64,11 +64,11 @@ railway up
 FROM node:18-alpine
 WORKDIR /app
 COPY package*.json ./
-RUN npm ci --only=production
+RUN pnpm install --frozen-lockfile --prod
 COPY . .
-RUN npm run build
+RUN pnpm build
 EXPOSE 3000
-CMD ["npm", "start"]
+CMD ["pnpm", "start"]
 ```
 
 ```bash
@@ -262,13 +262,13 @@ const { data } = api.myQuery.useQuery({
 3. **Run Migrations**
 
    ```bash
-   DATABASE_URL="postgres://..." npm run db:migrate
+   DATABASE_URL="postgres://..." pnpm db:generate && pnpm db:migrate
    ```
 
 4. **Build Production Bundle**
 
    ```bash
-   npm run build
+   pnpm build
    ```
 
 5. **Deploy**
@@ -315,8 +315,8 @@ const { data } = api.myQuery.useQuery({
 
 **Solution:**
 
-1. Run `npm run typecheck` locally
-2. Run `npm run build` locally
+1. Run `pnpm typecheck` locally
+2. Run `pnpm build` locally
 3. Check build logs in platform dashboard
 
 #### Email Not Sending in Production

package/templates/default/docs/troubleshooting.md

@@ -17,6 +17,8 @@ pnpm rebuild better-sqlite3
 **Solution 2:** Use npm/yarn instead
 
 ```bash
+pnpm install
+# or
 npm install
 # or
 yarn install
@@ -32,10 +34,10 @@ yarn install
 
 ```bash
 # Instead of:
-npm run db:migrate
+pnpm db:generate && pnpm db:migrate
 
 # Use:
-npx drizzle-kit push
+pnpm db:push
 ```
 
 ### Database Locked (SQLite)
@@ -47,7 +49,7 @@ npx drizzle-kit push
 **Solution:** Clean build artifacts
 
 ```bash
-npm run clean
+pnpm clean
 # This removes data/*.db-shm and data/*.db-wal files
 ```
 
@@ -70,7 +72,7 @@ netstat -ano | findstr :3000
 
 ```bash
 # In app.config.ts or pass environment variable
-PORT=3001 npm run dev
+PORT=3001 pnpm dev
 ```
 
 ## Installation Issues
@@ -84,14 +86,14 @@ PORT=3001 npm run dev
 **Solution 1:** Clear cache and reinstall
 
 ```bash
-rm -rf node_modules package-lock.json
-npm install
+rm -rf node_modules package-lock.json pnpm-lock.yaml
+pnpm install
 ```
 
 **Solution 2:** Use different registry
 
 ```bash
-npm install --registry=https://registry.npmjs.org
+pnpm install --registry=https://registry.npmjs.org
 ```
 
 ### TypeScript Errors After Install
@@ -194,12 +196,12 @@ export const auth = betterAuth({
 
 ### Build Fails with TypeScript Errors
 
-**Error:** Type errors during `npm run build`
+**Error:** Type errors during `pnpm build`
 
 **Solution 1:** Run typecheck first
 
 ```bash
-npm run typecheck
+pnpm typecheck
 ```
 
 **Solution 2:** Check for `any` types
@@ -319,7 +321,7 @@ ls src/app/dashboard/index.tsx
 
 ```bash
 # Stop (Ctrl+C) and restart
-npm run dev
+pnpm dev
 ```
 
 ### Page Load Slow
@@ -332,7 +334,7 @@ npm run dev
 
 ```bash
 # Run bundle analyzer
-npm run build:analyze
+pnpm build:analyze
 
 # This will build and generate stats.html
 # Open the file in your browser to visualize bundle size
@@ -358,7 +360,7 @@ npm run build:analyze
 **Solution 1:** Use the build:analyze script
 
 ```bash
-npm run build:analyze
+pnpm build:analyze
 ```
 
 This script automatically sets `ANALYZE_BUNDLE=true` and opens the visualization.
@@ -367,7 +369,7 @@ This script automatically sets `ANALYZE_BUNDLE=true` and opens the visualization
 
 ```bash
 # Build with analyzer
-ANALYZE_BUNDLE=true npm run build
+ANALYZE_BUNDLE=true pnpm build
 
 # Then manually open the file
 # Find stats.html in .vinxi or build output directory
@@ -467,11 +469,11 @@ export default defineConfig({
 
 ```bash
 # Check terminal output for build errors
-npm run build:analyze
+pnpm build:analyze
 
 # If there are errors, fix them first
-npm run typecheck
-npm run lint
+pnpm typecheck
+pnpm lint
 ```
 
 **Cause 2:** No code or empty routes
@@ -538,7 +540,7 @@ export default defineConfig({
 **Solution:** Run production build locally
 
 ```bash
-npm run build
+pnpm build
 # Check for errors
 ```
 
@@ -571,7 +573,7 @@ node -v
 
 **Development:**
 
-- Terminal output from `npm run dev`
+- Terminal output from `pnpm dev`
 - Browser console (DevTools)
 - tRPC DevTools
 - React DevTools
@@ -596,7 +598,7 @@ node -v
    - Restart server after changes
 
 3. **Check database**
-   - Run `npm run db:studio` to browse database
+   - Run `pnpm db:studio` to browse database
    - Verify data exists
    - Check for corrupted data
 
@@ -642,7 +644,7 @@ node -v
 When reporting issues, include:
 
 1. **Node.js version:** `node -v`
-2. **Package manager:** `npm -v` or `pnpm -v`
+2. **Package manager:** `pnpm -v`
 3. **Operating system:** Mac/Linux/Windows
 4. **Error message:** Full error from console
 5. **Steps to reproduce:** What you did before error