export const TECH_OPTIONS = { frontend: [ { id: "tanstack-router", name: "TanStack Router", description: "Modern type-safe router for React", icon: "🌐", color: "from-blue-400 to-blue-600", default: true, }, { id: "react-router", name: "React Router", description: "Declarative routing for React", icon: "🧭", color: "from-cyan-400 to-cyan-600", default: false, }, { id: "tanstack-start", name: "TanStack Start", description: "Quick starter template from TanStack", icon: "🚀", color: "from-purple-400 to-purple-600", default: false, }, { id: "next", name: "Next.js", description: "React framework with hybrid rendering", icon: "▲", color: "from-gray-700 to-black", default: false, }, { id: "native", name: "React Native", description: "Expo with NativeWind", icon: "📱", color: "from-purple-400 to-purple-600", default: false, }, { id: "none", name: "No Frontend", description: "API-only backend", icon: "⚙ī¸", color: "from-gray-400 to-gray-600", default: false, }, ], runtime: [ { id: "bun", name: "Bun", description: "Fast JavaScript runtime & toolkit", icon: "đŸĨŸ", color: "from-amber-400 to-amber-600", default: true, }, { id: "node", name: "Node.js", description: "JavaScript runtime environment", icon: "🟩", color: "from-green-400 to-green-600", }, ], backendFramework: [ { id: "hono", name: "Hono", description: "Ultrafast web framework", icon: "⚡", color: "from-blue-500 to-blue-700", default: true, }, { id: "next", name: "Next.js", description: "App Router and API Routes", icon: "▲", color: "from-gray-700 to-black", }, { id: "elysia", name: "Elysia", description: "TypeScript web framework", icon: "đŸĻŠ", color: "from-purple-500 to-purple-700", }, { id: "express", name: "Express", description: "Popular Node.js framework", icon: "🚂", color: "from-gray-500 to-gray-700", }, ], database: [ { id: "sqlite", name: "SQLite", description: "File-based SQL database", icon: "🗃ī¸", color: "from-blue-400 to-cyan-500", default: true, }, { id: "postgres", name: "PostgreSQL", description: "Advanced SQL database", icon: "🐘", color: "from-indigo-400 to-indigo-600", }, { id: "mysql", name: "MySQL", description: "Popular relational database", icon: "đŸŦ", color: "from-blue-500 to-blue-700", }, { id: "mongodb", name: "MongoDB", description: "NoSQL document database", icon: "🍃", color: "from-green-400 to-green-600", }, { id: "none", name: "No Database", description: "Skip database integration", icon: "đŸšĢ", color: "from-gray-400 to-gray-600", }, ], orm: [ { id: "drizzle", name: "Drizzle", description: "TypeScript ORM", icon: "💧", color: "from-cyan-400 to-cyan-600", default: true, }, { id: "prisma", name: "Prisma", description: "Next-gen ORM", icon: "◮", color: "from-purple-400 to-purple-600", }, { id: "none", name: "No ORM", description: "Skip ORM integration", icon: "đŸšĢ", color: "from-gray-400 to-gray-600", }, ], dbSetup: [ { id: "turso", name: "Turso", description: "SQLite cloud database powered by libSQL", icon: "☁ī¸", color: "from-pink-400 to-pink-600", }, { id: "neon", name: "Neon Postgres", description: "Serverless PostgreSQL with Neon", icon: "⚡", color: "from-blue-400 to-blue-600", }, { id: "prisma-postgres", name: "Prisma PostgreSQL", description: "Set up PostgreSQL with Prisma", icon: "🐘", color: "from-indigo-400 to-indigo-600", }, { id: "mongodb-atlas", name: "MongoDB Atlas", description: "Cloud MongoDB setup with Atlas", icon: "🌩ī¸", color: "from-green-400 to-green-600", }, { id: "none", name: "Basic Setup", description: "No cloud DB integration", icon: "đŸ’ģ", color: "from-gray-400 to-gray-600", default: true, }, ], auth: [ { id: "true", name: "Better Auth", description: "Simple authentication", icon: "🔐", color: "from-green-400 to-green-600", default: true, }, { id: "false", name: "No Auth", description: "Skip authentication", icon: "🔓", color: "from-red-400 to-red-600", }, ], packageManager: [ { id: "npm", name: "npm", description: "Default package manager", icon: "đŸ“Ļ", color: "from-red-500 to-red-700", }, { id: "pnpm", name: "pnpm", description: "Fast, disk space efficient", icon: "🚀", color: "from-orange-500 to-orange-700", }, { id: "bun", name: "bun", description: "All-in-one toolkit", icon: "đŸĨŸ", color: "from-amber-500 to-amber-700", default: true, }, ], addons: [ { id: "pwa", name: "PWA", description: "Progressive Web App", icon: "📱", color: "from-blue-500 to-blue-700", default: false, }, { id: "tauri", name: "Tauri", description: "Desktop app support", icon: "đŸ–Ĩī¸", color: "from-amber-500 to-amber-700", default: false, }, { id: "starlight", name: "Starlight", description: "Documentation site with Astro", icon: "📚", color: "from-teal-500 to-teal-700", default: false, }, { id: "biome", name: "Biome", description: "Linting & formatting", icon: "đŸŒŋ", color: "from-green-500 to-green-700", default: false, }, { id: "husky", name: "Husky", description: "Git hooks & lint-staged", icon: "đŸļ", color: "from-purple-500 to-purple-700", default: false, }, ], examples: [ { id: "todo", name: "Todo Example", description: "Simple todo application", icon: "✅", color: "from-indigo-500 to-indigo-700", default: false, }, { id: "ai", name: "AI Example", description: "AI integration example using AI SDK", icon: "🤖", color: "from-purple-500 to-purple-700", default: false, }, ], git: [ { id: "true", name: "Git", description: "Initialize Git repository", icon: "📝", color: "from-gray-500 to-gray-700", default: true, }, { id: "false", name: "No Git", description: "Skip Git initialization", icon: "đŸšĢ", color: "from-red-400 to-red-600", }, ], install: [ { id: "true", name: "Install Dependencies", description: "Install packages automatically", icon: "đŸ“Ĩ", color: "from-green-400 to-green-600", default: true, }, { id: "false", name: "Skip Install", description: "Skip dependency installation", icon: "⏭ī¸", color: "from-yellow-400 to-yellow-600", }, ], }; export const PRESET_TEMPLATES = [ { id: "default", name: "Default Stack", description: "Standard web app with TanStack Router, Bun, Hono and SQLite", stack: { projectName: "my-better-t-app", frontend: ["tanstack-router"], runtime: "bun", backendFramework: "hono", database: "sqlite", orm: "drizzle", dbSetup: "none", auth: "true", packageManager: "bun", addons: [], examples: [], git: "true", install: "true", }, }, { id: "native-app", name: "Mobile App", description: "React Native with Expo and SQLite database", stack: { projectName: "my-better-t-app", frontend: ["native"], runtime: "bun", backendFramework: "hono", database: "sqlite", orm: "drizzle", dbSetup: "none", auth: "true", packageManager: "bun", addons: [], examples: [], git: "true", install: "true", }, }, { id: "api-only", name: "API Only", description: "Backend API with Hono and PostgreSQL", stack: { projectName: "my-better-t-app", frontend: ["none"], runtime: "bun", backendFramework: "hono", database: "postgres", orm: "drizzle", dbSetup: "none", auth: "false", packageManager: "bun", addons: [], examples: [], git: "true", install: "true", }, }, { id: "full-featured", name: "Full Featured", description: "Complete setup with all the bells and whistles", stack: { projectName: "my-better-t-app", frontend: ["tanstack-router", "native"], runtime: "bun", backendFramework: "hono", database: "sqlite", orm: "drizzle", dbSetup: "turso", auth: "true", packageManager: "bun", addons: ["pwa", "biome", "husky", "tauri", "starlight"], examples: ["todo", "ai"], git: "true", install: "true", }, }, ]; export type StackState = { projectName: string; frontend: string[]; runtime: string; backendFramework: string; database: string; orm: string; dbSetup: string; auth: string; packageManager: string; addons: string[]; examples: string[]; git: string; install: string; }; export const DEFAULT_STACK: StackState = { projectName: "my-better-t-app", frontend: ["tanstack-router"], runtime: "bun", backendFramework: "hono", database: "sqlite", orm: "drizzle", dbSetup: "none", auth: "true", packageManager: "bun", addons: [], examples: [], git: "true", install: "true", };