@amirulabu/create-recurring-rabbit-app 0.2.19 → 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,35 +50,37 @@ 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
     },
+    engines: {
+      node: ">=22.0.0",
+      pnpm: ">=9.0.0"
+    },
     dependencies: {
       "@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",
-      "@trpc/client": "^11.0.0",
-      "@trpc/react-query": "^11.0.0",
-      "@trpc/server": "^11.0.0",
+      "@tanstack/react-start": "~1.121.0",
+      "@trpc/client": "^11.8.1",
+      "@trpc/react-query": "^11.8.1",
+      "@trpc/server": "^11.8.1",
       "@t3-oss/env-core": "^0.10.0",
-      "better-auth": "^1.0.0",
+      "better-auth": "^1.4.17",
       "better-sqlite3": "^12.0.0",
       "class-variance-authority": "^0.7.0",
       clsx: "^2.1.0",
       dotenv: "^16.4.0",
-      "drizzle-orm": "^0.41.0",
+      "drizzle-orm": "^0.45.1",
       postgres: "^3.4.0",
       react: "^18.2.0",
       "react-dom": "^18.2.0",
       resend: "^3.2.0",
       "tailwind-merge": "^2.2.0",
-      "tailwindcss-animate": "^1.0.7",
-      zod: "^3.22.0",
+      zod: "^3.22.4",
       ...config.dependencies
     },
     devDependencies: {
@@ -95,38 +97,40 @@ async function generatePackageJson(targetDir, config) {
       eslint: "^9.39.2",
       "eslint-plugin-react": "^7.37.0",
       "eslint-plugin-react-hooks": "^5.0.0",
-      "drizzle-kit": "^0.31.0",
+      "drizzle-kit": "^0.31.8",
       globals: "^15.0.0",
-      postcss: "^8.4.0",
+      "@tailwindcss/postcss": "^4.0.0",
       prettier: "^3.2.5",
       "rollup-plugin-visualizer": "^5.12.0",
-      tailwindcss: "^3.4.0",
+      tailwindcss: "^4.1.18",
       tsx: "^4.7.0",
       typescript: "^5.3.3",
-      vinxi: "^0.3.0",
-      vitest: "^1.6.0",
+      vite: "6",
+      "vite-tsconfig-paths": "^4.0.0",
+      vitest: "^4.0.18",
       ...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"
+        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"
       }
     }
   };
@@ -167,7 +171,7 @@ async function detectPackageManager() {
 function getInstallCommand(packageManager) {
   switch (packageManager) {
     case "pnpm":
-      return "pnpm install --ignore-workspace";
+      return "pnpm install --ignore-workspace --shamefully-hoist=false";
     case "yarn":
       return "yarn";
     case "npm":
@@ -187,29 +191,17 @@ function installDependencies(projectPath, packageManager) {
     if (packageManager === "pnpm") {
       const rebuildSpinner = ora("Building native modules...").start();
       try {
-        execSync("pnpm rebuild better-sqlite3", {
-          cwd: projectPath,
+        execSync("npx node-gyp rebuild", {
+          cwd: `${projectPath}/node_modules/better-sqlite3`,
           stdio: "inherit"
         });
         rebuildSpinner.succeed(chalk2.green("\u2713 Native modules built"));
       } catch {
-        rebuildSpinner.warn(
-          chalk2.yellow("\u26A0 Native module build failed, trying alternative method...")
+        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}/node_modules/better-sqlite3 && npx node-gyp rebuild`
         );
-        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 better-sqlite3
-Or use npm instead: cd ${projectPath} && npm install`
-          );
-        }
       }
     }
   } catch {
@@ -223,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}`
     );
   }
 }
@@ -519,6 +511,47 @@ async function cleanupProject(projectPath) {
     console.warn(`Warning: Could not cleanup ${projectPath}: ${error.message}`);
   }
 }
+function startDevServer(options) {
+  const { projectPath, packageManager, openBrowser = true } = options;
+  const spinner = ora("Starting development server...").start();
+  try {
+    const devCommand = packageManager === "npm" ? "npm" : packageManager;
+    const args = ["run", "dev"];
+    const devServer = spawn(devCommand, args, {
+      cwd: projectPath,
+      stdio: "inherit",
+      shell: true
+    });
+    devServer.stdout?.on("data", (data) => {
+      const output = data.toString();
+      if (output.includes("Local:") || output.includes("listening")) {
+        spinner.succeed(chalk2.green("\u2713 Development server started"));
+        console.log("\n" + output.trim());
+        if (openBrowser) {
+          setTimeout(() => {
+            const openCmd = process.platform === "darwin" ? "open" : process.platform === "win32" ? "start" : "xdg-open";
+            spawn(openCmd, ["http://localhost:3000"], { stdio: "ignore", shell: true });
+          }, 2e3);
+        }
+      }
+    });
+    devServer.stderr?.on("data", (data) => {
+      console.error(data.toString());
+    });
+    devServer.on("error", (error) => {
+      spinner.fail(chalk2.red("\u2717 Failed to start development server"));
+      throw new Error(`Dev server error: ${error.message}`);
+    });
+    devServer.on("close", (code) => {
+      if (code !== 0 && code !== null) {
+        spinner.fail(chalk2.red("\u2717 Development server exited with error"));
+      }
+    });
+  } catch (error) {
+    spinner.fail(chalk2.red("\u2717 Failed to start development server"));
+    throw error;
+  }
+}
 
 // src/commands/create.ts
 var getPackageRoot = () => {
@@ -597,6 +630,16 @@ async function initProjectDatabase(projectPath) {
     throw error;
   }
 }
+function startDevelopmentServer(projectPath, packageManager) {
+  try {
+    startDevServer({ projectPath, packageManager, openBrowser: true });
+  } catch (error) {
+    console.error("\nFailed to start development server. You can start it manually by running:");
+    console.log(`  cd ${projectPath}`);
+    console.log(`  ${packageManager === "npm" ? "npm run dev" : `${packageManager} dev`}`);
+    throw error;
+  }
+}
 function displaySuccess(projectName, packageManager) {
   console.log(getSuccessMessage());
 }
@@ -606,11 +649,45 @@ function displayError(error) {
     console.log(getTroubleshootingTips());
   }
 }
-
-// src/index.ts
+var MIN_NODE_VERSION = 22;
+var SUPPORTED_VERSIONS = [22, 24];
+function checkNodeVersion() {
+  const nodeVersion = process.version.slice(1);
+  const majorVersion = parseInt(nodeVersion.split(".")[0] || "0", 10);
+  if (majorVersion < MIN_NODE_VERSION) {
+    console.error(
+      chalk2.red(
+        "\u274C Error: create-recurring-rabbit-stack requires Node.js 22 or higher (LTS versions only)"
+      )
+    );
+    console.error(chalk2.red(`Current version: v${nodeVersion}`));
+    console.error(chalk2.yellow("\nPlease upgrade to Node.js 22.x or 24.x (LTS versions)"));
+    console.error(chalk2.gray("\nQuick upgrade using nvm:"));
+    console.error(chalk2.gray("  nvm install 24"));
+    console.error(chalk2.gray("  nvm use 24"));
+    console.error(chalk2.gray("\nOr download from: https://nodejs.org/"));
+    process.exit(1);
+  }
+  const isSupported = SUPPORTED_VERSIONS.includes(majorVersion);
+  if (!isSupported) {
+    console.warn(
+      chalk2.yellow(
+        `\u26A0\uFE0F  Warning: Node.js v${nodeVersion} is not an officially supported LTS version`
+      )
+    );
+    console.warn(chalk2.yellow(`Supported versions: ${SUPPORTED_VERSIONS.join(", ")}`));
+    console.warn(chalk2.gray("\nThe CLI may still work, but issues may occur."));
+    if (process.env.CI === "true") {
+      console.error(chalk2.red("\n\u274C CI/CD requires Node.js 22 or 24"));
+      process.exit(1);
+    }
+  }
+  console.log(chalk2.green(`\u2705 Node.js version check passed: v${nodeVersion}`));
+}
+checkNodeVersion();
 program.name("create-recurring-rabbit-app").description(
   "Scaffold a production-ready micro-SaaS with TanStack Start, tRPC, Drizzle, and Better-auth"
-).version("0.0.0-alpha").argument("[app-name]", "Name of your application", "my-saas-app").action(async (appName) => {
+).version("0.0.0-alpha").argument("[app-name]", "Name of your application", "my-saas-app").option("--no-server", "Skip starting development server (useful for testing)").action(async (appName, options) => {
   let hasError = false;
   try {
     const targetPath = process.cwd();
@@ -618,6 +695,14 @@ program.name("create-recurring-rabbit-app").description(
     await installProjectDependencies(projectPath, packageManager);
     await initProjectDatabase(projectPath);
     displaySuccess(appName, packageManager);
+    if (options.server !== false) {
+      console.log(chalk2.cyan("\nStarting development server..."));
+      console.log(chalk2.gray("Press Ctrl+C to stop the server\n"));
+      startDevelopmentServer(projectPath, packageManager);
+    } else {
+      console.log(chalk2.gray("\nSkipping development server start (--no-server flag set)\n"));
+      process.exit(0);
+    }
   } catch (error) {
     hasError = true;
     if (error instanceof CLIError) {

package/package.json

@@ -1,11 +1,15 @@
 {
   "name": "@amirulabu/create-recurring-rabbit-app",
-  "version": "0.2.19",
+  "version": "0.2.26",
   "description": "CLI tool to scaffold micro-SaaS apps with TanStack Start, tRPC, Drizzle, and Better-auth",
   "type": "module",
   "bin": {
     "create-recurring-rabbit-app": "./bin/index.js"
   },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/amirulabu/recurring-rabbit-app.git"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -35,7 +39,8 @@
     "@vitest/ui": "^1.0.4"
   },
   "engines": {
-    "node": ">=18.0.0"
+    "node": ">=22.0.0",
+    "pnpm": ">=9.0.0"
   },
   "scripts": {
     "dev": "tsx src/index.ts",

package/templates/default/.npmrc

@@ -0,0 +1,5 @@
+enable-pre-post-scripts=true
+enable-scripts=true
+shamefully-hoist=false
+pnpm.approvedBuildScripts=better-sqlite3,esbuild,@parcel/watcher,node-gyp
+

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/postcss.config.js

@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}

package/templates/default/src/components/ui/button.tsx

@@ -5,7 +5,7 @@ import { cva, type VariantProps } from 'class-variance-authority'
 import { cn } from '@/lib/utils'
 
 const buttonVariants = cva(
-  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
+  'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
   {
     variants: {
       variant: {

package/templates/default/src/components/ui/input.tsx

@@ -10,7 +10,7 @@ const Input = React.forwardRef<HTMLInputElement, InputProps>(
       <input
         type={type}
         className={cn(
-          'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
+          'flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50',
           className
         )}
         ref={ref}

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

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import 'tailwindcss';
 
 @layer base {
   :root {
@@ -47,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/src/server/db/seed.ts

@@ -123,3 +123,8 @@ export async function seedDatabase() {
     }
   }
 }
+
+seedDatabase().catch((error) => {
+  console.error('Failed to seed database:', error)
+  process.exit(1)
+})

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,46 +0,0 @@
-/** @type {import('tailwindcss').Config} */
-module.exports = {
-  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)',
-      },
-    },
-  },
-  plugins: [require('tailwindcss-animate')],
-}