@amirulabu/create-recurring-rabbit-app 0.2.25 → 0.2.26

package/README.md

@@ -2,7 +2,7 @@
 
 > A production-ready CLI tool that scaffolds an opinionated micro‑SaaS starter with TanStack Start, tRPC, Drizzle, Better-auth, and Tailwind CSS.
 
-**Current Version**: v0.2.13 | **Status**: ✅ Production Ready - Ready for Public Launch
+**Current Version**: v0.2.34 | **Status**: ✅ Production Ready - Ready for Public Launch
 
 ## Quick Start
 
@@ -29,7 +29,7 @@ The generated starter includes everything you need to build a micro-SaaS:
 - 🔧 **Developer Tools** - Hot reload, ESLint, Prettier, bundle analyzer, performance monitoring
 - 📦 **CI/CD** - GitHub Actions workflows for automated testing and validation
 - 📝 **Documentation** - Comprehensive guides, ADRs, and JSDoc comments
-- 🧪 **Testing** - Vitest integration with 21 passing tests
+- 🧪 **Testing** - Vitest integration with 30 passing tests
 
 ## CLI Usage
 
@@ -67,7 +67,7 @@ create-recurring-rabbit-app/
 │       └── templates/                     # App templates
 │           └── default/                   # Default template
 │               ├── src/
-│               │   ├── app/              # TanStack Start routes
+│               │   ├── routes/           # TanStack Start routes
 │               │   ├── server/           # tRPC + DB + Auth
 │               │   ├── components/       # UI components
 │               │   └── lib/              # Shared utilities

package/dist/index.js

@@ -36,9 +36,9 @@ async function generatePackageJson(targetDir, config) {
     description: config.description ?? "A micro-SaaS built with TanStack Start, tRPC, and Drizzle",
     type: "module",
     scripts: {
-      dev: "vinxi dev",
-      build: "vinxi build",
-      start: "vinxi start",
+      dev: "vite dev --port 3000",
+      build: "vite build",
+      start: "node .output/server/index.mjs",
       test: "vitest",
       "test:run": "vitest run",
       "db:generate": "drizzle-kit generate",
@@ -50,8 +50,7 @@ async function generatePackageJson(targetDir, config) {
       lint: "eslint .",
       "lint:fix": "eslint . --fix",
       format: 'prettier --write "src/**/*.{ts,tsx,json,css}"',
-      clean: "rm -rf .vinxi dist data/*.db data/*.db-shm data/*.db-wal",
-      "build:analyze": "ANALYZE=true vinxi build",
+      clean: "rm -rf .vinxi dist node_modules/.vite data/*.db data/*.db-shm data/*.db-wal",
       lighthouse: "lhci autorun",
       ...config.scripts
     },
@@ -63,9 +62,9 @@ async function generatePackageJson(targetDir, config) {
       "@paralleldrive/cuid2": "^2.2.0",
       "@radix-ui/react-slot": "^1.0.2",
       "@tanstack/react-query": "^5.0.0",
-      "@tanstack/react-router": "~1.120.0",
+      "@tanstack/react-router": "~1.121.0",
       "@tanstack/react-query-devtools": "^5.0.0",
-      "@tanstack/start": "^1.120.0",
+      "@tanstack/react-start": "~1.121.0",
       "@trpc/client": "^11.8.1",
       "@trpc/react-query": "^11.8.1",
       "@trpc/server": "^11.8.1",
@@ -81,7 +80,7 @@ async function generatePackageJson(targetDir, config) {
       "react-dom": "^18.2.0",
       resend: "^3.2.0",
       "tailwind-merge": "^2.2.0",
-      zod: "^4.3.6",
+      zod: "^3.22.4",
       ...config.dependencies
     },
     devDependencies: {
@@ -106,31 +105,32 @@ async function generatePackageJson(targetDir, config) {
       tailwindcss: "^4.1.18",
       tsx: "^4.7.0",
       typescript: "^5.3.3",
-      vinxi: "^0.3.0",
+      vite: "6",
+      "vite-tsconfig-paths": "^4.0.0",
       vitest: "^4.0.18",
       ...config.devDependencies
     },
     pnpm: {
       overrides: {
-        zod: "^4.3.6",
-        "@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"
+        zod: "^3.22.4",
+        "@tanstack/react-router": "~1.121.0",
+        "@tanstack/react-start-client": "~1.121.0",
+        "@tanstack/react-start-plugin": "~1.121.0",
+        "@tanstack/react-start-server": "~1.121.0",
+        "@tanstack/router-core": "~1.121.0",
+        "@tanstack/router-generator": "~1.121.0",
+        "@tanstack/router-plugin": "~1.121.0",
+        "@tanstack/start-client-core": "~1.121.0",
+        "@tanstack/start-plugin-core": "~1.121.0",
+        "@tanstack/start-server-core": "~1.121.0",
+        "@tanstack/server-functions-plugin": "~1.121.0",
+        "@tanstack/directive-functions-plugin": "~1.121.0",
+        "@tanstack/start-api-routes": "~1.121.0",
+        "@tanstack/start-server-functions-client": "~1.121.0",
+        "@tanstack/start-server-functions-fetcher": "~1.121.0",
+        "@tanstack/start-server-functions-handler": "~1.121.0",
+        "@tanstack/router-utils": "~1.121.0",
+        "@tanstack/history": "~1.121.0"
       }
     }
   };
@@ -215,10 +215,10 @@ function validateNodeVersion() {
   const nodeVersion = process.version.replace("v", "");
   const versionParts = nodeVersion.split(".");
   const majorVersion = parseInt(versionParts[0] ?? "0", 10);
-  const validVersions = [18, 20, 22];
+  const validVersions = [22, 24];
   if (!validVersions.includes(majorVersion)) {
     throw new Error(
-      `Node.js v${majorVersion} is not supported. Please use Node.js 18, 20, or 22. Current version: v${nodeVersion}`
+      `Node.js v${majorVersion} is not supported. Please use Node.js 22 or 24 (latest LTS versions). Current version: v${nodeVersion}`
     );
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amirulabu/create-recurring-rabbit-app",
-  "version": "0.2.25",
+  "version": "0.2.26",
   "description": "CLI tool to scaffold micro-SaaS apps with TanStack Start, tRPC, Drizzle, and Better-auth",
   "type": "module",
   "bin": {

package/templates/default/.nvmrc

@@ -0,0 +1 @@
+24

package/templates/default/README.md

@@ -27,7 +27,7 @@ pnpm dev
 
 ```
 src/
-├── app/           # TanStack Start routes
+├── routes/        # TanStack Start routes
 ├── server/        # tRPC API and database
 ├── components/    # Reusable UI components
 └── lib/           # Shared utilities
@@ -88,7 +88,7 @@ Analyze your bundle size to identify large dependencies and optimize performance
 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:
+This will build your application and generate a `stats.html` file in build output directory (`.output`). Open this file in your browser to explore:
 
 - **Treemap view** - Visual representation of module sizes
 - **Gzip/Brotli sizes** - Real-world compression impact
@@ -202,7 +202,7 @@ export const postsRouter = router({
 
 **New Pages**
 
-1. Add route file in `src/app/[route].tsx`
+1. Add route file in `src/routes/[route].tsx`
 2. Implement component with TanStack Start conventions
 3. Add navigation in layout components
 

package/templates/default/src/{app/globals.css → globals.css}

@@ -45,9 +45,10 @@
 
 @layer base {
   * {
-    @apply border-border;
+    border-color: hsl(var(--border));
   }
   body {
-    @apply bg-background text-foreground;
+    background-color: hsl(var(--background));
+    color: hsl(var(--foreground));
   }
 }

package/templates/default/src/{app → routes}/__root.tsx

@@ -5,14 +5,12 @@ import { useState } from 'react'
 import { httpBatchLink } from '@trpc/client'
 import { TRPCProvider, trpc } from '@/lib/api'
 import { env } from '@/lib/env'
-import '@/app/globals.css'
+import '@/globals.css'
 
 export const Route = createRootRoute({
   component: RootComponent,
 })
 
-export const rootRoute = Route
-
 function RootComponent() {
   const [queryClient] = useState(() => new QueryClient())
   const [trpcClient] = useState(() =>

package/templates/default/src/{app → routes}/api/auth/get-session.ts

@@ -11,16 +11,18 @@ import { auth } from '@/server/auth/config'
  */
 export const Route = createFileRoute('/api/auth/get-session')({
   server: {
-    handler: async ({ request }: { request: Request }) => {
-      try {
-        const session = await auth.api.getSession({
-          headers: request.headers,
-        })
-        return Response.json(session)
-      } catch (error) {
-        console.error('Failed to get session:', error)
-        return Response.json({ user: null, session: null }, { status: 401 })
-      }
+    handlers: {
+      GET: async ({ request }: { request: Request }) => {
+        try {
+          const session = await auth.api.getSession({
+            headers: request.headers,
+          })
+          return Response.json(session)
+        } catch (error) {
+          console.error('Failed to get session:', error)
+          return Response.json({ user: null, session: null }, { status: 401 })
+        }
+      },
     },
   },
 } as any)

package/templates/default/src/routes/api/trpc.ts

@@ -0,0 +1,19 @@
+import { createFileRoute } from '@tanstack/react-router'
+import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
+import { appRouter } from '@/server/api/root'
+import { createTRPCContext } from '@/server/api/trpc'
+
+export const Route = createFileRoute('/api/trpc', {
+  server: {
+    handlers: {
+      POST: async ({ request }: { request: Request }) => {
+        return await fetchRequestHandler({
+          endpoint: '/api/trpc',
+          req: request,
+          router: appRouter,
+          createContext: (opts) => createTRPCContext(opts),
+        })
+      },
+    },
+  },
+} as any)

package/templates/default/src/server/api/routers/user.ts

@@ -4,7 +4,30 @@ import { db } from '@/server/db'
 import { users } from '@/server/db/schema'
 import { eq } from 'drizzle-orm'
 
+/**
+ * User Router
+ *
+ * Handles user profile operations including retrieval and updates.
+ * All procedures are protected and require authenticated sessions.
+ *
+ * @module routers/user
+ */
+
 export const userRouter = router({
+  /**
+   * Get Profile
+   *
+   * Retrieves the authenticated user's profile from the database.
+   *
+   * @example
+   * ```typescript
+   * const profile = await trpc.user.getProfile.query()
+   * // Returns: { id: string, name: string, email: string, ... }
+   * ```
+   *
+   * @throws Will throw if user session is invalid or database query fails
+   * @returns The user's profile object or null if not found
+   */
   getProfile: protectedProcedure.query(async ({ ctx }) => {
     const result = await (db as any)
       .select()
@@ -14,6 +37,27 @@ export const userRouter = router({
     return result[0] ?? null
   }),
 
+  /**
+   * Update Profile
+   *
+   * Updates the authenticated user's profile name.
+   *
+   * @param input.name - The new display name (1-100 characters)
+   *
+   * @example
+   * ```typescript
+   * const updatedProfile = await trpc.user.updateProfile.mutate({
+   *   name: 'John Doe'
+   * })
+   * // Returns: { id: string, name: 'John Doe', email: string, ... }
+   * ```
+   *
+   * @throws Will throw if:
+   * - Name validation fails (not 1-100 characters)
+   * - User session is invalid
+   * - Database update fails
+   * @returns The updated user profile object
+   */
   updateProfile: protectedProcedure
     .input(
       z.object({

package/templates/default/tsconfig.json

@@ -8,7 +8,7 @@
     "resolveJsonModule": true,
     "allowJs": true,
     "checkJs": false,
-    "outDir": "./.vinxi/out",
+    "outDir": "./dist",
     "rootDir": "./src",
     "removeComments": true,
     "noEmit": true,
@@ -27,15 +27,10 @@
     "noImplicitOverride": true,
     "esModuleInterop": true,
     "skipLibCheck": true,
-    "plugins": [
-      {
-        "name": "@tanstack/start/plugin"
-      }
-    ],
     "paths": {
       "@/*": ["./src/*"]
     }
   },
   "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist", ".vinxi"]
+  "exclude": ["node_modules", "dist", ".vinxi", ".vite"]
 }

package/templates/default/vite.config.ts

@@ -0,0 +1,23 @@
+import { defineConfig } from 'vite'
+import tsconfigPaths from 'vite-tsconfig-paths'
+import { visualizer } from 'rollup-plugin-visualizer'
+import { tanstackStart } from '@tanstack/react-start/plugin/vite'
+
+export default defineConfig({
+  plugins: [
+    tsconfigPaths(),
+    tanstackStart(),
+    visualizer({
+      filename: 'stats.html',
+      open: process.env.ANALYZE === 'true',
+      gzipSize: true,
+      brotliSize: true,
+      template: 'treemap',
+    }),
+  ],
+  resolve: {
+    alias: {
+      '@': '/src',
+    },
+  },
+})

package/templates/default/app.config.ts

@@ -1,29 +0,0 @@
-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: {
-    appDirectory: 'src/app',
-    routesDirectory: 'src/app',
-  },
-  vite: {
-    plugins: [
-      visualizer({
-        filename: 'stats.html',
-        open: process.env.ANALYZE === 'true',
-        gzipSize: true,
-        brotliSize: true,
-        template: 'treemap',
-      }),
-    ],
-    resolve: {
-      alias: {
-        '@': path.resolve(__dirname, './src'),
-      },
-    },
-  },
-})

package/templates/default/src/app/api/trpc.server.ts

@@ -1,12 +0,0 @@
-import { fetchRequestHandler } from '@trpc/server/adapters/fetch'
-import { appRouter } from '@/server/api/root'
-import { createTRPCContext } from '@/server/api/trpc'
-
-export default async function handler(req: Request) {
-  return fetchRequestHandler({
-    endpoint: '/api/trpc',
-    req,
-    router: appRouter,
-    createContext: (opts) => createTRPCContext(opts),
-  })
-}

package/templates/default/src/app/client.tsx

@@ -1,9 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/_client')({
-  component: () => null,
-})
-
-export default function handler() {
-  return new Response('Not implemented')
-}

package/templates/default/src/app/ssr.tsx

@@ -1,9 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/_ssr')({
-  component: () => null,
-})
-
-export default function handler() {
-  return new Response('Not implemented')
-}

package/templates/default/tailwind.config.js

@@ -1,45 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-export default {
-  darkMode: ['class'],
-  content: ['./src/**/*.{ts,tsx}'],
-  theme: {
-    extend: {
-      colors: {
-        border: 'hsl(var(--border))',
-        input: 'hsl(var(--input))',
-        ring: 'hsl(var(--ring))',
-        background: 'hsl(var(--background))',
-        foreground: 'hsl(var(--foreground))',
-        primary: {
-          DEFAULT: 'hsl(var(--primary))',
-          foreground: 'hsl(var(--primary-foreground))',
-        },
-        secondary: {
-          DEFAULT: 'hsl(var(--secondary))',
-          foreground: 'hsl(var(--secondary-foreground))',
-        },
-        destructive: {
-          DEFAULT: 'hsl(var(--destructive))',
-          foreground: 'hsl(var(--destructive-foreground))',
-        },
-        muted: {
-          DEFAULT: 'hsl(var(--muted))',
-          foreground: 'hsl(var(--muted-foreground))',
-        },
-        accent: {
-          DEFAULT: 'hsl(var(--accent))',
-          foreground: 'hsl(var(--accent-foreground))',
-        },
-        card: {
-          DEFAULT: 'hsl(var(--card))',
-          foreground: 'hsl(var(--card-foreground))',
-        },
-      },
-      borderRadius: {
-        lg: 'var(--radius)',
-        md: 'calc(var(--radius) - 2px)',
-        sm: 'calc(var(--radius) - 4px)',
-      },
-    },
-  },
-}