create-rudder-app 0.0.14

package/dist/templates.js

@@ -0,0 +1,2629 @@
+import { execSync } from 'node:child_process';
+/** Detect which package manager invoked the installer.
+ *  1. Check npm_config_user_agent (set by pnpm/npm/yarn/bun create commands)
+ *  2. Fall back to checking which binaries are available on PATH
+ */
+export function detectPackageManager() {
+    const ua = process.env['npm_config_user_agent'] ?? '';
+    if (ua.startsWith('bun'))
+        return 'bun';
+    if (ua.startsWith('yarn'))
+        return 'yarn';
+    if (ua.startsWith('pnpm'))
+        return 'pnpm';
+    if (ua.startsWith('npm'))
+        return 'npm';
+    // Fallback: check which binaries exist on PATH (preference: pnpm > bun > yarn > npm)
+    for (const pm of ['pnpm', 'bun', 'yarn']) {
+        try {
+            execSync(`${pm} --version`, { stdio: 'ignore' });
+            return pm;
+        }
+        catch { /* not found */ }
+    }
+    return 'npm';
+}
+/** `<pm> exec <bin>` equivalent per package manager. */
+export function pmExec(pm, bin) {
+    if (pm === 'bun')
+        return `bunx ${bin}`;
+    if (pm === 'yarn')
+        return `yarn dlx ${bin}`;
+    if (pm === 'npm')
+        return `npx ${bin}`;
+    return `pnpm exec ${bin}`;
+}
+/** `<pm> run <script>` equivalent (yarn/bun allow omitting "run"). */
+export function pmRun(pm, script) {
+    if (pm === 'npm')
+        return `npm run ${script}`;
+    return `${pm} ${script}`;
+}
+/** `<pm> install` command. */
+export function pmInstall(pm) {
+    return `${pm} install`;
+}
+function pageExt(fw) {
+    return fw === 'vue' ? '.vue' : '.tsx';
+}
+export function getTemplates(ctx) {
+    const files = {};
+    files['package.json'] = packageJson(ctx);
+    if (ctx.pm === 'pnpm') {
+        files['pnpm-workspace.yaml'] = pnpmWorkspace();
+    }
+    files['tsconfig.json'] = tsconfigJson(ctx);
+    files['vite.config.ts'] = viteConfig(ctx);
+    files['+server.ts'] = serverTs();
+    files['.env'] = dotenv(ctx);
+    files['.env.example'] = dotenvExample(ctx);
+    files['.gitignore'] = gitignore();
+    // Database schema
+    if (ctx.orm === 'prisma') {
+        files['prisma.config.ts'] = prismaConfig(ctx);
+        files['prisma/schema/base.prisma'] = prismaBase(ctx);
+        if (ctx.packages.auth)
+            files['prisma/schema/auth.prisma'] = prismaAuth();
+        if (ctx.packages.notifications)
+            files['prisma/schema/notification.prisma'] = prismaNotification();
+        if (ctx.withTodo)
+            files['prisma/schema/todo.prisma'] = prismaTodo();
+        files['prisma/schema/modules.prisma'] = '// <rudderjs:modules:start>\n// <rudderjs:modules:end>\n';
+    }
+    if (ctx.tailwind) {
+        files['src/index.css'] = indexCss(ctx);
+    }
+    files['bootstrap/app.ts'] = bootstrapApp();
+    files['bootstrap/providers.ts'] = bootstrapProviders(ctx);
+    // Config files — always generated
+    files['config/app.ts'] = configApp();
+    files['config/server.ts'] = configServer();
+    files['config/log.ts'] = configLog();
+    // Config files — conditional on selected packages
+    if (ctx.orm)
+        files['config/database.ts'] = configDatabase(ctx);
+    if (ctx.packages.auth)
+        files['config/auth.ts'] = configAuth(ctx);
+    if (ctx.packages.auth)
+        files['config/session.ts'] = configSession();
+    if (ctx.packages.auth)
+        files['config/hash.ts'] = configHash();
+    if (ctx.packages.queue)
+        files['config/queue.ts'] = configQueue();
+    if (ctx.packages.mail)
+        files['config/mail.ts'] = configMail();
+    if (ctx.packages.cache)
+        files['config/cache.ts'] = configCache();
+    if (ctx.packages.storage)
+        files['config/storage.ts'] = configStorage();
+    if (ctx.packages.ai)
+        files['config/ai.ts'] = configAi();
+    files['config/index.ts'] = configIndex(ctx);
+    files['env.d.ts'] = envDts();
+    if (ctx.packages.auth && ctx.orm)
+        files['app/Models/User.ts'] = userModel();
+    files['app/Providers/AppServiceProvider.ts'] = appServiceProvider();
+    files['app/Middleware/RequestIdMiddleware.ts'] = requestIdMiddleware();
+    files['routes/api.ts'] = routesApi(ctx);
+    files['routes/web.ts'] = routesWeb();
+    files['routes/console.ts'] = routesConsole();
+    const ext = pageExt(ctx.primary);
+    files['pages/+config.ts'] = pagesRootConfig(ctx);
+    if (ctx.frameworks.length > 1) {
+        files['pages/index/+config.ts'] = pagesIndexConfig(ctx);
+    }
+    files['pages/index/+data.ts'] = pagesIndexData(ctx);
+    files[`pages/index/+Page${ext}`] = pagesIndexPage(ctx);
+    files['pages/_error/+config.ts'] = pagesErrorConfig(ctx);
+    files[`pages/_error/+Page${ext}`] = pagesErrorPage(ctx);
+    if (ctx.withTodo) {
+        files['app/Modules/Todo/TodoSchema.ts'] = todoSchema();
+        files['app/Modules/Todo/TodoService.ts'] = todoService();
+        files['app/Modules/Todo/TodoServiceProvider.ts'] = todoServiceProvider();
+        files['pages/todos/+config.ts'] = todoPageConfig(ctx);
+        files['pages/todos/+data.ts'] = todoPageData();
+        files[`pages/todos/+Page${ext}`] = todoPage(ctx);
+    }
+    if (ctx.packages.ai) {
+        files['pages/ai-chat/+config.ts'] = aiChatPageConfig(ctx);
+        files[`pages/ai-chat/+Page${ext}`] = aiChatPage(ctx);
+    }
+    for (const fw of ctx.frameworks.filter(f => f !== ctx.primary)) {
+        const dext = pageExt(fw);
+        files[`pages/${fw}-demo/+config.ts`] = demoPageConfig(fw);
+        files[`pages/${fw}-demo/+Page${dext}`] = demoPage(fw, ctx);
+    }
+    return files;
+}
+// ─── package.json ──────────────────────────────────────────
+function packageJson(ctx) {
+    const { frameworks, tailwind, shadcn, db } = ctx;
+    const hasReact = frameworks.includes('react');
+    const hasVue = frameworks.includes('vue');
+    const hasSolid = frameworks.includes('solid');
+    const dbDeps = {
+        sqlite: { 'better-sqlite3': '^12.0.0' },
+        postgresql: {},
+        mysql: {},
+    };
+    const dbDevDeps = {
+        sqlite: { '@types/better-sqlite3': '^7.6.0' },
+        postgresql: {},
+        mysql: {},
+    };
+    const frameworkDeps = {};
+    const frameworkDevDeps = {};
+    if (hasReact) {
+        frameworkDeps['react'] = '^19.0.0';
+        frameworkDeps['react-dom'] = '^19.0.0';
+        frameworkDeps['vike-react'] = '^0.6.20';
+        frameworkDevDeps['@vitejs/plugin-react'] = '^4.3.4';
+        frameworkDevDeps['@types/react'] = '^19.0.0';
+        frameworkDevDeps['@types/react-dom'] = '^19.0.0';
+    }
+    if (hasVue) {
+        frameworkDeps['vue'] = '^3.5.0';
+        frameworkDeps['vike-vue'] = 'latest';
+        frameworkDevDeps['@vitejs/plugin-vue'] = '^5.2.0';
+    }
+    if (hasSolid) {
+        frameworkDeps['solid-js'] = '^1.9.0';
+        frameworkDeps['vike-solid'] = 'latest';
+    }
+    const tailwindDeps = tailwind ? {
+        'tailwindcss': '^4.2.1',
+        '@tailwindcss/vite': '^4.2.1',
+    } : {};
+    const tailwindDevDeps = tailwind ? {
+        'tw-animate-css': '^1.4.0',
+    } : {};
+    const shadcnDeps = shadcn ? {
+        'class-variance-authority': '^0.7.1',
+        'clsx': '^2.1.1',
+        'tailwind-merge': '^3.5.0',
+        'lucide-react': '^0.575.0',
+    } : {};
+    const shadcnDevDeps = shadcn ? {
+        'shadcn': 'latest',
+    } : {};
+    // Base framework deps (always included)
+    const deps = {
+        '@rudderjs/rudder': 'latest',
+        '@rudderjs/vite': 'latest',
+        '@rudderjs/contracts': 'latest',
+        '@rudderjs/core': 'latest',
+        '@rudderjs/log': 'latest',
+        '@rudderjs/middleware': 'latest',
+        '@rudderjs/router': 'latest',
+        '@rudderjs/server-hono': 'latest',
+        '@rudderjs/support': 'latest',
+        '@vikejs/hono': '^0.2.0',
+        'dotenv': '^16.4.0',
+        'reflect-metadata': '^0.2.2',
+        'vike': '^0.4.257',
+        'zod': '^4.0.0',
+        ...frameworkDeps,
+        ...tailwindDeps,
+        ...shadcnDeps,
+        ...dbDeps[db],
+    };
+    // ORM deps
+    if (ctx.orm === 'prisma') {
+        deps['@rudderjs/orm'] = 'latest';
+        deps['@rudderjs/orm-prisma'] = 'latest';
+        deps['@prisma/client'] = '^7.0.0';
+    }
+    else if (ctx.orm === 'drizzle') {
+        deps['@rudderjs/orm'] = 'latest';
+        deps['@rudderjs/orm-drizzle'] = 'latest';
+    }
+    // Optional package deps
+    if (ctx.packages.auth) {
+        deps['@rudderjs/auth'] = 'latest';
+        deps['@rudderjs/session'] = 'latest';
+        deps['@rudderjs/hash'] = 'latest';
+    }
+    if (ctx.packages.cache)
+        deps['@rudderjs/cache'] = 'latest';
+    if (ctx.packages.queue)
+        deps['@rudderjs/queue'] = 'latest';
+    if (ctx.packages.storage)
+        deps['@rudderjs/storage'] = 'latest';
+    if (ctx.packages.mail)
+        deps['@rudderjs/mail'] = 'latest';
+    if (ctx.packages.notifications)
+        deps['@rudderjs/notification'] = 'latest';
+    if (ctx.packages.scheduler)
+        deps['@rudderjs/schedule'] = 'latest';
+    if (ctx.packages.broadcast)
+        deps['@rudderjs/broadcast'] = 'latest';
+    if (ctx.packages.live)
+        deps['@rudderjs/live'] = 'latest';
+    if (ctx.packages.ai)
+        deps['@rudderjs/ai'] = 'latest';
+    if (ctx.packages.localization)
+        deps['@rudderjs/localization'] = 'latest';
+    const devDeps = {
+        '@rudderjs/cli': 'latest',
+        '@types/node': '^20.0.0',
+        'tsx': '^4.21.0',
+        'typescript': '^5.4.0',
+        'vite': '^7.1.0',
+        ...frameworkDevDeps,
+        ...tailwindDevDeps,
+        ...shadcnDevDeps,
+        ...dbDevDeps[db],
+    };
+    if (ctx.orm === 'prisma')
+        devDeps['prisma'] = '^7.0.0';
+    const builtDeps = ['esbuild'];
+    if (ctx.orm === 'prisma') {
+        builtDeps.push('@prisma/engines', 'prisma');
+    }
+    if (db === 'sqlite')
+        builtDeps.unshift('better-sqlite3');
+    const pmField = {};
+    if (ctx.pm === 'pnpm') {
+        pmField['pnpm'] = { onlyBuiltDependencies: builtDeps };
+    }
+    else if (ctx.pm === 'bun') {
+        pmField['trustedDependencies'] = builtDeps;
+    }
+    // npm and yarn allow all lifecycle scripts by default — no extra field needed
+    return JSON.stringify({
+        name: ctx.name,
+        version: '0.0.1',
+        private: true,
+        type: 'module',
+        scripts: {
+            dev: 'vike dev',
+            'dev:clean': 'pids=$(lsof -ti :24678 -ti :3000 2>/dev/null); if [ -n "$pids" ]; then kill -9 $pids; fi; vike dev',
+            build: 'vike build',
+            start: 'node ./dist/server/index.mjs',
+            preview: 'node ./dist/server/index.mjs',
+            typecheck: 'tsc --noEmit',
+            rudder: 'tsx node_modules/@rudderjs/cli/src/index.ts',
+        },
+        ...pmField,
+        dependencies: deps,
+        devDependencies: devDeps,
+    }, null, 2) + '\n';
+}
+// ─── tsconfig.json ─────────────────────────────────────────
+function tsconfigJson(ctx) {
+    const hasReact = ctx.frameworks.includes('react');
+    const hasSolid = ctx.frameworks.includes('solid');
+    const compilerOptions = {
+        target: 'ES2022',
+        module: 'ESNext',
+        moduleResolution: 'bundler',
+        lib: ['ES2022', 'DOM', 'DOM.Iterable'],
+        strict: true,
+        exactOptionalPropertyTypes: true,
+        noUncheckedIndexedAccess: true,
+        experimentalDecorators: true,
+        emitDecoratorMetadata: true,
+        skipLibCheck: true,
+        noEmit: true,
+        baseUrl: '.',
+        paths: { '@/*': ['./src/*'], 'App/*': ['./app/*'] },
+        allowImportingTsExtensions: true,
+    };
+    if (hasReact) {
+        compilerOptions['jsx'] = 'react-jsx';
+    }
+    else if (hasSolid) {
+        compilerOptions['jsx'] = 'preserve';
+        compilerOptions['jsxImportSource'] = 'solid-js';
+    }
+    // Vue only — no jsx field needed
+    return JSON.stringify({
+        compilerOptions,
+        include: ['src/**/*', 'pages/**/*', 'app/**/*', 'bootstrap/**/*', 'routes/**/*', 'config/**/*', '*.ts', '*.tsx'],
+    }, null, 2) + '\n';
+}
+// ─── vite.config.ts ────────────────────────────────────────
+function viteConfig(ctx) {
+    const { frameworks, primary, tailwind } = ctx;
+    const hasReact = frameworks.includes('react');
+    const hasVue = frameworks.includes('vue');
+    const hasSolid = frameworks.includes('solid');
+    const hasReactSolidConflict = hasReact && hasSolid;
+    const imports = [
+        `import { defineConfig } from 'vite'`,
+        `import rudderjs from '@rudderjs/vite'`,
+    ];
+    if (tailwind)
+        imports.push(`import tailwindcss from '@tailwindcss/vite'`);
+    if (hasReact)
+        imports.push(`import react from '@vitejs/plugin-react'`);
+    if (hasVue)
+        imports.push(`import vue from '@vitejs/plugin-vue'`);
+    if (hasSolid)
+        imports.push(`import solid from 'vike-solid/vite'`);
+    const plugins = ['rudderjs()'];
+    if (tailwind)
+        plugins.push('tailwindcss()');
+    if (hasReact) {
+        if (hasReactSolidConflict) {
+            if (primary === 'react') {
+                plugins.push(`react({ exclude: ['**/pages/solid-demo/**'] })`);
+            }
+            else {
+                plugins.push(`react({ include: ['**/pages/react-demo/**'] })`);
+            }
+        }
+        else {
+            plugins.push('react()');
+        }
+    }
+    if (hasVue) {
+        plugins.push('vue()');
+    }
+    if (hasSolid) {
+        if (hasReactSolidConflict) {
+            if (primary === 'solid') {
+                plugins.push(`solid({ exclude: ['**/pages/react-demo/**'] })`);
+            }
+            else {
+                plugins.push(`solid({ include: ['**/pages/solid-demo/**'] })`);
+            }
+        }
+        else {
+            plugins.push('solid()');
+        }
+    }
+    const pluginsStr = plugins.map(p => `    ${p},`).join('\n');
+    return `${imports.join('\n')}
+
+export default defineConfig({
+  plugins: [
+${pluginsStr}
+  ],
+})
+`;
+}
+// ─── +server.ts ───────────────────────────────────────────
+function serverTs() {
+    return `import type { Server } from 'vike/types'
+import app from './bootstrap/app.js'
+
+export default {
+  fetch: app.fetch,
+} satisfies Server
+`;
+}
+// ─── prisma.config.ts ──────────────────────────────────────
+function prismaConfig(ctx) {
+    const dbUrl = ctx.db === 'sqlite'
+        ? "process.env['DATABASE_URL'] ?? 'file:./dev.db'"
+        : "process.env['DATABASE_URL']!";
+    return `import { defineConfig } from 'prisma/config'
+
+export default defineConfig({
+  schema: 'prisma/schema',
+  datasource: {
+    url: ${dbUrl},
+  },
+})
+`;
+}
+// ─── .env ──────────────────────────────────────────────────
+function dotenv(ctx) {
+    const lines = [
+        `APP_NAME=${ctx.name}`,
+        'APP_ENV=development',
+        'APP_DEBUG=true',
+        'APP_URL=http://localhost:3000',
+        '',
+        'PORT=3000',
+    ];
+    if (ctx.orm) {
+        lines.push('');
+        if (ctx.db === 'sqlite')
+            lines.push('DATABASE_URL="file:./dev.db"');
+        else if (ctx.db === 'postgresql')
+            lines.push('DATABASE_URL="postgresql://user:password@localhost:5432/mydb"');
+        else
+            lines.push('DATABASE_URL="mysql://user:password@localhost:3306/mydb"');
+    }
+    if (ctx.packages.auth) {
+        lines.push('');
+        lines.push(`AUTH_SECRET=${ctx.authSecret}`);
+    }
+    if (ctx.packages.ai) {
+        lines.push('');
+        lines.push('AI_MODEL=anthropic/claude-sonnet-4-5');
+        lines.push('ANTHROPIC_API_KEY=');
+        lines.push('# OPENAI_API_KEY=');
+        lines.push('# GOOGLE_AI_API_KEY=');
+        lines.push('# OLLAMA_BASE_URL=http://localhost:11434');
+    }
+    return lines.join('\n') + '\n';
+}
+// ─── .env.example ──────────────────────────────────────────
+function dotenvExample(ctx) {
+    const lines = [
+        `APP_NAME=${ctx.name}`,
+        'APP_ENV=development',
+        'APP_DEBUG=false',
+        'APP_URL=http://localhost:3000',
+        '',
+        'PORT=3000',
+    ];
+    if (ctx.orm) {
+        lines.push('');
+        if (ctx.db === 'sqlite')
+            lines.push('DATABASE_URL="file:./dev.db"');
+        else if (ctx.db === 'postgresql')
+            lines.push('DATABASE_URL="postgresql://user:password@localhost:5432/mydb"');
+        else
+            lines.push('DATABASE_URL="mysql://user:password@localhost:3306/mydb"');
+    }
+    if (ctx.packages.auth) {
+        lines.push('');
+        lines.push('AUTH_SECRET=please-set-a-real-32-char-secret-here');
+    }
+    if (ctx.packages.ai) {
+        lines.push('');
+        lines.push('AI_MODEL=anthropic/claude-sonnet-4-5');
+        lines.push('ANTHROPIC_API_KEY=');
+        lines.push('# OPENAI_API_KEY=');
+        lines.push('# GOOGLE_AI_API_KEY=');
+        lines.push('# OLLAMA_BASE_URL=http://localhost:11434');
+    }
+    return lines.join('\n') + '\n';
+}
+// ─── .gitignore ────────────────────────────────────────────
+function gitignore() {
+    return `node_modules/
+dist/
+.env
+*.db
+*.db-journal
+prisma/generated/
+`;
+}
+function pnpmWorkspace() {
+    return `# Standalone project — prevents pnpm from merging with a parent workspace\npackages: []\n`;
+}
+// ─── prisma/schema/*.prisma ─────────────────────────────────
+function prismaBase(ctx) {
+    const provider = ctx.db === 'sqlite' ? 'sqlite'
+        : ctx.db === 'postgresql' ? 'postgresql'
+            : 'mysql';
+    return `generator client {
+  provider = "prisma-client-js"
+}
+
+datasource db {
+  provider = "${provider}"
+}
+`;
+}
+function prismaAuth() {
+    return `model User {
+  id            String    @id @default(cuid())
+  name          String
+  email         String    @unique
+  emailVerified Boolean   @default(false)
+  image         String?
+  role          String    @default("user")
+  createdAt     DateTime  @default(now())
+  updatedAt     DateTime  @updatedAt
+  sessions      Session[]
+  accounts      Account[]
+}
+
+model Session {
+  id        String   @id
+  expiresAt DateTime
+  token     String   @unique
+  createdAt DateTime
+  updatedAt DateTime
+  ipAddress String?
+  userAgent String?
+  userId    String
+  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)
+}
+
+model Account {
+  id                    String    @id
+  accountId             String
+  providerId            String
+  userId                String
+  user                  User      @relation(fields: [userId], references: [id], onDelete: Cascade)
+  accessToken           String?
+  refreshToken          String?
+  idToken               String?
+  accessTokenExpiresAt  DateTime?
+  refreshTokenExpiresAt DateTime?
+  scope                 String?
+  password              String?
+  createdAt             DateTime
+  updatedAt             DateTime
+}
+
+model Verification {
+  id         String    @id
+  identifier String
+  value      String
+  expiresAt  DateTime
+  createdAt  DateTime?
+  updatedAt  DateTime?
+}
+`;
+}
+function prismaNotification() {
+    return `model Notification {
+  id              String   @id @default(cuid())
+  notifiable_id   String
+  notifiable_type String
+  type            String
+  data            String
+  read_at         String?
+  created_at      String
+  updated_at      String
+
+  @@index([notifiable_type, notifiable_id])
+}
+`;
+}
+function prismaTodo() {
+    return `// <rudderjs:modules:start>
+// module: Todo (Todo.prisma)
+model Todo {
+  id        String   @id @default(cuid())
+  title     String
+  completed Boolean  @default(false)
+  createdAt DateTime @default(now())
+  updatedAt DateTime @updatedAt
+}
+// <rudderjs:modules:end>
+`;
+}
+// ─── src/index.css ─────────────────────────────────────────
+function indexCss(ctx) {
+    if (!ctx.shadcn) {
+        return `@import "tailwindcss";
+@import "tw-animate-css";
+`;
+    }
+    return `@import "tailwindcss";
+@import "tw-animate-css";
+@import "shadcn/tailwind.css";
+
+@custom-variant dark (&:is(.dark *));
+
+@theme inline {
+    --radius-sm: calc(var(--radius) - 4px);
+    --radius-md: calc(var(--radius) - 2px);
+    --radius-lg: var(--radius);
+    --radius-xl: calc(var(--radius) + 4px);
+    --radius-2xl: calc(var(--radius) + 8px);
+    --radius-3xl: calc(var(--radius) + 12px);
+    --radius-4xl: calc(var(--radius) + 16px);
+    --color-background: var(--background);
+    --color-foreground: var(--foreground);
+    --color-card: var(--card);
+    --color-card-foreground: var(--card-foreground);
+    --color-popover: var(--popover);
+    --color-popover-foreground: var(--popover-foreground);
+    --color-primary: var(--primary);
+    --color-primary-foreground: var(--primary-foreground);
+    --color-secondary: var(--secondary);
+    --color-secondary-foreground: var(--secondary-foreground);
+    --color-muted: var(--muted);
+    --color-muted-foreground: var(--muted-foreground);
+    --color-accent: var(--accent);
+    --color-accent-foreground: var(--accent-foreground);
+    --color-destructive: var(--destructive);
+    --color-border: var(--border);
+    --color-input: var(--input);
+    --color-ring: var(--ring);
+    --color-chart-1: var(--chart-1);
+    --color-chart-2: var(--chart-2);
+    --color-chart-3: var(--chart-3);
+    --color-chart-4: var(--chart-4);
+    --color-chart-5: var(--chart-5);
+    --color-sidebar: var(--sidebar);
+    --color-sidebar-foreground: var(--sidebar-foreground);
+    --color-sidebar-primary: var(--sidebar-primary);
+    --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+    --color-sidebar-accent: var(--sidebar-accent);
+    --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+    --color-sidebar-border: var(--sidebar-border);
+    --color-sidebar-ring: var(--sidebar-ring);
+}
+
+:root {
+    --radius: 0.625rem;
+    --background: oklch(1 0 0);
+    --foreground: oklch(0.145 0 0);
+    --card: oklch(1 0 0);
+    --card-foreground: oklch(0.145 0 0);
+    --popover: oklch(1 0 0);
+    --popover-foreground: oklch(0.145 0 0);
+    --primary: oklch(0.205 0 0);
+    --primary-foreground: oklch(0.985 0 0);
+    --secondary: oklch(0.97 0 0);
+    --secondary-foreground: oklch(0.205 0 0);
+    --muted: oklch(0.97 0 0);
+    --muted-foreground: oklch(0.556 0 0);
+    --accent: oklch(0.97 0 0);
+    --accent-foreground: oklch(0.205 0 0);
+    --destructive: oklch(0.577 0.245 27.325);
+    --border: oklch(0.922 0 0);
+    --input: oklch(0.922 0 0);
+    --ring: oklch(0.708 0 0);
+    --chart-1: oklch(0.646 0.222 41.116);
+    --chart-2: oklch(0.6 0.118 184.704);
+    --chart-3: oklch(0.398 0.07 227.392);
+    --chart-4: oklch(0.828 0.189 84.429);
+    --chart-5: oklch(0.769 0.188 70.08);
+    --sidebar: oklch(0.985 0 0);
+    --sidebar-foreground: oklch(0.145 0 0);
+    --sidebar-primary: oklch(0.205 0 0);
+    --sidebar-primary-foreground: oklch(0.985 0 0);
+    --sidebar-accent: oklch(0.97 0 0);
+    --sidebar-accent-foreground: oklch(0.205 0 0);
+    --sidebar-border: oklch(0.922 0 0);
+    --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+    --background: oklch(0.145 0 0);
+    --foreground: oklch(0.985 0 0);
+    --card: oklch(0.205 0 0);
+    --card-foreground: oklch(0.985 0 0);
+    --popover: oklch(0.205 0 0);
+    --popover-foreground: oklch(0.985 0 0);
+    --primary: oklch(0.922 0 0);
+    --primary-foreground: oklch(0.205 0 0);
+    --secondary: oklch(0.269 0 0);
+    --secondary-foreground: oklch(0.985 0 0);
+    --muted: oklch(0.269 0 0);
+    --muted-foreground: oklch(0.708 0 0);
+    --accent: oklch(0.269 0 0);
+    --accent-foreground: oklch(0.985 0 0);
+    --destructive: oklch(0.704 0.191 22.216);
+    --border: oklch(1 0 0 / 10%);
+    --input: oklch(1 0 0 / 15%);
+    --ring: oklch(0.556 0 0);
+    --chart-1: oklch(0.488 0.243 264.376);
+    --chart-2: oklch(0.696 0.17 162.48);
+    --chart-3: oklch(0.769 0.188 70.08);
+    --chart-4: oklch(0.627 0.265 303.9);
+    --chart-5: oklch(0.645 0.246 16.439);
+    --sidebar: oklch(0.205 0 0);
+    --sidebar-foreground: oklch(0.985 0 0);
+    --sidebar-primary: oklch(0.488 0.243 264.376);
+    --sidebar-primary-foreground: oklch(0.985 0 0);
+    --sidebar-accent: oklch(0.269 0 0);
+    --sidebar-accent-foreground: oklch(0.985 0 0);
+    --sidebar-border: oklch(1 0 0 / 10%);
+    --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+    }
+  body {
+    @apply bg-background text-foreground;
+    }
+}
+`;
+}
+// ─── bootstrap/app.ts ──────────────────────────────────────
+function bootstrapApp() {
+    return `import 'reflect-metadata'
+import 'dotenv/config'
+import { Application } from '@rudderjs/core'
+import { hono } from '@rudderjs/server-hono'
+import { RateLimit, fromClass } from '@rudderjs/middleware'
+import { RequestIdMiddleware } from '../app/Middleware/RequestIdMiddleware.ts'
+import configs from '../config/index.ts'
+import providers from './providers.ts'
+
+export default Application.configure({
+  server:    hono(configs.server),
+  config:    configs,
+  providers,
+})
+  .withRouting({
+    web:      () => import('../routes/web.ts'),
+    api:      () => import('../routes/api.ts'),
+    commands: () => import('../routes/console.ts'),
+  })
+  .withMiddleware((m) => {
+    m.use(RateLimit.perMinute(60))
+    m.use(fromClass(RequestIdMiddleware))
+  })
+  .create()
+`;
+}
+// ─── bootstrap/providers.ts ────────────────────────────────
+function bootstrapProviders(ctx) {
+    const imports = [
+        "import type { Application, ServiceProvider } from '@rudderjs/core'",
+        "import { events } from '@rudderjs/core'",
+        "import { log } from '@rudderjs/log'",
+    ];
+    const providers = [
+        '// ── Infrastructure (order matters) ──────────────────────',
+        'log(configs.log),',
+    ];
+    if (ctx.orm === 'prisma') {
+        imports.push("import { database } from '@rudderjs/orm-prisma'");
+        providers.push('database(configs.database),');
+    }
+    else if (ctx.orm === 'drizzle') {
+        imports.push("import { database } from '@rudderjs/orm-drizzle'");
+        providers.push('database(configs.database),');
+    }
+    if (ctx.packages.auth) {
+        imports.push("import { session } from '@rudderjs/session'");
+        imports.push("import { hash } from '@rudderjs/hash'");
+        providers.push('session(configs.session),');
+        providers.push('hash(configs.hash),');
+    }
+    if (ctx.packages.cache) {
+        imports.push("import { cache } from '@rudderjs/cache'");
+        providers.push('cache(configs.cache),');
+    }
+    if (ctx.packages.auth) {
+        imports.push("import { auth } from '@rudderjs/auth'");
+        providers.push('auth(configs.auth),');
+    }
+    providers.push('');
+    providers.push('// ── Features ────────────────────────────────────────────');
+    providers.push('events({}),');
+    if (ctx.packages.queue) {
+        imports.push("import { queue } from '@rudderjs/queue'");
+        providers.push('queue(configs.queue),');
+    }
+    if (ctx.packages.mail) {
+        imports.push("import { mail } from '@rudderjs/mail'");
+        providers.push('mail(configs.mail),');
+    }
+    if (ctx.packages.storage) {
+        imports.push("import { storage } from '@rudderjs/storage'");
+        providers.push('storage(configs.storage),');
+    }
+    if (ctx.packages.localization) {
+        imports.push("import { resolve } from 'node:path'");
+        imports.push("import { localization } from '@rudderjs/localization'");
+    }
+    if (ctx.packages.scheduler) {
+        imports.push("import { scheduler } from '@rudderjs/schedule'");
+        providers.push('scheduler(),');
+    }
+    if (ctx.packages.notifications) {
+        imports.push("import { notifications } from '@rudderjs/notification'");
+        providers.push('notifications(),');
+    }
+    if (ctx.packages.broadcast) {
+        imports.push("import { broadcasting } from '@rudderjs/broadcast'");
+        providers.push('broadcasting(),');
+    }
+    if (ctx.packages.live) {
+        imports.push("import { live } from '@rudderjs/live'");
+        providers.push('live({}),');
+    }
+    if (ctx.packages.localization) {
+        providers.push(`localization({
+    locale:   'en',
+    fallback: 'en',
+    path:     resolve(process.cwd(), 'lang'),
+  }),`);
+    }
+    if (ctx.packages.ai) {
+        imports.push("import { ai } from '@rudderjs/ai'");
+        providers.push('ai(configs.ai),');
+    }
+    providers.push('');
+    providers.push('// ── Application ─────────────────────────────────────────');
+    imports.push("import { AppServiceProvider } from '../app/Providers/AppServiceProvider.js'");
+    providers.push('AppServiceProvider,');
+    if (ctx.withTodo) {
+        imports.push("import { TodoServiceProvider } from '../app/Modules/Todo/TodoServiceProvider.js'");
+        providers.push('TodoServiceProvider,');
+    }
+    imports.push("import configs from '../config/index.js'");
+    return `${imports.join('\n')}
+
+export default [
+  ${providers.join('\n  ')}
+] satisfies (new (app: Application) => ServiceProvider)[]
+`;
+}
+// ─── config files ──────────────────────────────────────────
+function configApp() {
+    return `import { Env } from '@rudderjs/support'
+
+export default {
+  name:  Env.get('APP_NAME',  'RudderJS'),
+  env:   Env.get('APP_ENV',   'development'),
+  debug: Env.getBool('APP_DEBUG', false),
+  url:   Env.get('APP_URL', 'http://localhost:3000'),
+}
+`;
+}
+function configServer() {
+    return `import { Env } from '@rudderjs/support'
+
+export default {
+  port:       Env.getNumber('PORT', 3000),
+  trustProxy: Env.getBool('TRUST_PROXY', false),
+  cors: {
+    origin:  Env.get('CORS_ORIGIN',  '*'),
+    methods: Env.get('CORS_METHODS', 'GET,POST,PUT,PATCH,DELETE,OPTIONS'),
+    headers: Env.get('CORS_HEADERS', 'Content-Type,Authorization'),
+  },
+}
+`;
+}
+function configLog() {
+    return `import { Env } from '@rudderjs/support'
+import type { LogConfig } from '@rudderjs/log'
+
+export default {
+  default: Env.get('LOG_CHANNEL', 'console'),
+
+  channels: {
+    stack: {
+      driver:           'stack',
+      channels:         ['console', 'daily'],
+      ignoreExceptions: false,
+    },
+
+    console: {
+      driver: 'console',
+      level:  Env.get('LOG_LEVEL', 'debug') as 'debug',
+    },
+
+    single: {
+      driver: 'single',
+      path:   'storage/logs/rudderjs.log',
+      level:  Env.get('LOG_LEVEL', 'debug') as 'debug',
+    },
+
+    daily: {
+      driver: 'daily',
+      path:   'storage/logs/rudderjs.log',
+      days:   14,
+      level:  Env.get('LOG_LEVEL', 'debug') as 'debug',
+    },
+
+    null: {
+      driver: 'null',
+    },
+  },
+} satisfies LogConfig
+`;
+}
+function configHash() {
+    return `import { Env } from '@rudderjs/support'
+import type { HashConfig } from '@rudderjs/hash'
+
+export default {
+  driver: Env.get('HASH_DRIVER', 'bcrypt') as 'bcrypt' | 'argon2',
+  bcrypt: { rounds: 12 },
+  argon2: { memory: 65536, time: 3, threads: 4 },
+} satisfies HashConfig
+`;
+}
+function configDatabase(ctx) {
+    const defaultConn = ctx.db;
+    const connections = {
+        sqlite: `    sqlite: {
+      driver: 'sqlite' as const,
+      url:    Env.get('DATABASE_URL', 'file:./dev.db'),
+    },`,
+        postgresql: `    postgresql: {
+      driver: 'postgresql' as const,
+      url:    Env.get('DATABASE_URL', ''),
+    },`,
+        mysql: `    mysql: {
+      driver: 'mysql' as const,
+      url:    Env.get('DATABASE_URL', ''),
+    },`,
+    };
+    return `import { Env } from '@rudderjs/support'
+
+export default {
+  default: Env.get('DB_CONNECTION', '${defaultConn}'),
+
+  connections: {
+${connections[ctx.db]}
+  },
+}
+`;
+}
+function configQueue() {
+    return `import { Env } from '@rudderjs/support'
+import type { QueueConfig } from '@rudderjs/queue'
+
+export default {
+  default: Env.get('QUEUE_CONNECTION', 'sync'),
+
+  connections: {
+    sync: {
+      driver: 'sync',
+    },
+
+    inngest: {
+      driver:     'inngest',
+      appId:      Env.get('INNGEST_APP_ID',      'my-app'),
+      eventKey:   Env.get('INNGEST_EVENT_KEY',   ''),
+      signingKey: Env.get('INNGEST_SIGNING_KEY',  ''),
+      jobs: [],
+    },
+  },
+} satisfies QueueConfig
+`;
+}
+function configMail() {
+    return `import { Env } from '@rudderjs/support'
+
+export default {
+  default: Env.get('MAIL_MAILER', 'log'),
+
+  from: {
+    address: Env.get('MAIL_FROM_ADDRESS', 'hello@example.com'),
+    name:    Env.get('MAIL_FROM_NAME',    'RudderJS'),
+  },
+
+  mailers: {
+    log: {
+      driver: 'log',
+    },
+
+    smtp: {
+      driver:     'smtp',
+      host:       Env.get('MAIL_HOST',     'localhost'),
+      port:       Env.getNumber('MAIL_PORT', 587),
+      username:   Env.get('MAIL_USERNAME', ''),
+      password:   Env.get('MAIL_PASSWORD', ''),
+      encryption: Env.get('MAIL_ENCRYPTION', 'tls'),
+    },
+  },
+}
+`;
+}
+function configCache() {
+    return `import { Env } from '@rudderjs/support'
+import type { CacheConfig } from '@rudderjs/cache'
+
+export default {
+  default: Env.get('CACHE_STORE', 'memory'),
+
+  stores: {
+    memory: {
+      driver: 'memory',
+    },
+
+    redis: {
+      driver:   'redis',
+      url:      Env.get('REDIS_URL', ''),
+      host:     Env.get('REDIS_HOST', '127.0.0.1'),
+      port:     Env.getNumber('REDIS_PORT', 6379),
+      password: Env.get('REDIS_PASSWORD', ''),
+      prefix:   Env.get('CACHE_PREFIX', 'rudderjs:'),
+    },
+  },
+} satisfies CacheConfig
+`;
+}
+function configStorage() {
+    return `import path from 'node:path'
+import { Env } from '@rudderjs/support'
+import type { StorageConfig } from '@rudderjs/storage'
+
+export default {
+  default: Env.get('FILESYSTEM_DISK', 'local'),
+
+  disks: {
+    local: {
+      driver:  'local',
+      root:    path.resolve(process.cwd(), 'storage/app'),
+      baseUrl: '/api/files',
+    },
+
+    public: {
+      driver:  'local',
+      root:    path.resolve(process.cwd(), 'storage/app/public'),
+      baseUrl: Env.get('APP_URL', 'http://localhost:3000') + '/storage',
+    },
+
+    s3: {
+      driver:          's3',
+      bucket:          Env.get('AWS_BUCKET', ''),
+      region:          Env.get('AWS_DEFAULT_REGION', 'us-east-1'),
+      accessKeyId:     Env.get('AWS_ACCESS_KEY_ID', ''),
+      secretAccessKey: Env.get('AWS_SECRET_ACCESS_KEY', ''),
+      endpoint:        Env.get('AWS_ENDPOINT', ''),
+      baseUrl:         Env.get('AWS_URL', ''),
+    },
+  },
+} satisfies StorageConfig
+`;
+}
+function configAuth(_ctx) {
+    return `import { Env } from '@rudderjs/support'
+import type { BetterAuthConfig } from '@rudderjs/auth'
+
+export default {
+  secret:           Env.get('AUTH_SECRET', 'please-set-AUTH_SECRET-min-32-chars!!'),
+  baseUrl:          Env.get('APP_URL', 'http://localhost:3000'),
+  emailAndPassword: { enabled: true },
+} satisfies BetterAuthConfig
+`;
+}
+function configIndex(ctx) {
+    const imports = [
+        "import app      from './app.js'",
+        "import server   from './server.js'",
+        "import log      from './log.js'",
+    ];
+    const keys = ['app', 'server', 'log'];
+    if (ctx.orm) {
+        imports.push("import database from './database.js'");
+        keys.push('database');
+    }
+    if (ctx.packages.auth) {
+        imports.push("import auth     from './auth.js'");
+        imports.push("import session  from './session.js'");
+        imports.push("import hash     from './hash.js'");
+        keys.push('auth', 'session', 'hash');
+    }
+    if (ctx.packages.queue) {
+        imports.push("import queue    from './queue.js'");
+        keys.push('queue');
+    }
+    if (ctx.packages.mail) {
+        imports.push("import mail     from './mail.js'");
+        keys.push('mail');
+    }
+    if (ctx.packages.cache) {
+        imports.push("import cache    from './cache.js'");
+        keys.push('cache');
+    }
+    if (ctx.packages.storage) {
+        imports.push("import storage  from './storage.js'");
+        keys.push('storage');
+    }
+    if (ctx.packages.ai) {
+        imports.push("import ai       from './ai.js'");
+        keys.push('ai');
+    }
+    return `${imports.join('\n')}
+
+const configs = { ${keys.join(', ')} }
+
+export type Configs = typeof configs
+
+export default configs
+`;
+}
+function envDts() {
+    return `import type { Configs } from './config/index.js'
+
+declare module '@rudderjs/core' {
+  interface AppConfig extends Configs {}
+}
+`;
+}
+function configSession() {
+    return `import { Env } from '@rudderjs/support'
+import type { SessionConfig } from '@rudderjs/session'
+
+export default {
+  driver:   Env.get('SESSION_DRIVER', 'cookie') as 'cookie' | 'redis',
+  lifetime: 120,
+  secret:   Env.get('SESSION_SECRET', 'change-me-in-production'),
+  cookie: {
+    name:     'rudderjs_session',
+    secure:   Env.getBool('SESSION_SECURE', false),
+    httpOnly: true,
+    sameSite: 'lax' as const,
+    path:     '/',
+  },
+  redis: { prefix: 'session:', url: Env.get('REDIS_URL', '') },
+} satisfies SessionConfig
+`;
+}
+function configAi() {
+    return `import { Env } from '@rudderjs/support'
+import type { AiConfig } from '@rudderjs/ai'
+
+export default {
+  default: Env.get('AI_MODEL', 'anthropic/claude-sonnet-4-5'),
+
+  providers: {
+    anthropic: {
+      driver: 'anthropic',
+      apiKey: Env.get('ANTHROPIC_API_KEY', ''),
+    },
+
+    openai: {
+      driver: 'openai',
+      apiKey: Env.get('OPENAI_API_KEY', ''),
+    },
+
+    google: {
+      driver: 'google',
+      apiKey: Env.get('GOOGLE_AI_API_KEY', ''),
+    },
+
+    ollama: {
+      driver:  'ollama',
+      baseUrl: Env.get('OLLAMA_BASE_URL', 'http://localhost:11434'),
+    },
+  },
+} satisfies AiConfig
+`;
+}
+// ─── app files ─────────────────────────────────────────────
+function userModel() {
+    return `import { Model } from '@rudderjs/orm'
+
+export class User extends Model {
+  // Prisma accessor is the model name lowercased
+  static table = 'user'
+
+  id!:            string
+  name!:          string
+  email!:         string
+  emailVerified!: boolean
+  role!:          string
+  createdAt!:     Date
+  updatedAt!:     Date
+}
+`;
+}
+function appServiceProvider() {
+    return `import { ServiceProvider } from '@rudderjs/core'
+
+export class AppServiceProvider extends ServiceProvider {
+  register(): void {
+    // Register your application-level services here:
+    // this.app.singleton(MyService, () => new MyService())
+  }
+
+  boot(): void {
+    console.log(\`[AppServiceProvider] booted — \${this.app.name}\`)
+  }
+}
+`;
+}
+function requestIdMiddleware() {
+    return `import { Middleware } from '@rudderjs/middleware'
+import type { AppRequest, AppResponse } from '@rudderjs/contracts'
+
+/**
+ * Attaches a unique X-Request-Id header to every response.
+ * Useful for distributed tracing and log correlation.
+ *
+ * Registered globally in bootstrap/app.ts via withMiddleware().
+ */
+export class RequestIdMiddleware extends Middleware {
+  async handle(req: AppRequest, res: AppResponse, next: () => Promise<void>): Promise<void> {
+    const id = req.headers['x-request-id'] ?? crypto.randomUUID()
+    ;(req as unknown as Record<string, unknown>)['requestId'] = id
+    await next()
+    res.header('X-Request-Id', id)
+  }
+}
+`;
+}
+// ─── routes ────────────────────────────────────────────────
+function routesApi(ctx) {
+    const imports = [
+        "import { router } from '@rudderjs/router'",
+    ];
+    const lines = [];
+    if (ctx.packages.auth || ctx.packages.ai) {
+        imports.push("import { app } from '@rudderjs/core'");
+    }
+    if (ctx.packages.auth) {
+        imports.push("import type { BetterAuthInstance } from '@rudderjs/auth'");
+        imports.push("import { RateLimit } from '@rudderjs/middleware'");
+        lines.push('');
+        lines.push("const authLimit = RateLimit.perMinute(10).message('Too many auth attempts. Try again later.')");
+    }
+    if (ctx.packages.ai) {
+        imports.push("import { AI } from '@rudderjs/ai'");
+    }
+    lines.push('');
+    lines.push("router.get('/api/health', (_req, res) => res.json({ status: 'ok' }))");
+    if (ctx.packages.auth) {
+        lines.push('');
+        lines.push(`// GET /api/me — returns current session or null
+router.get('/api/me', async (req) => {
+  const auth = app().make<BetterAuthInstance>('auth')
+  const session = await auth.api.getSession({
+    headers: new Headers(req.headers as Record<string, string>),
+  })
+  return Response.json(session ?? { user: null, session: null })
+})`);
+    }
+    if (ctx.withTodo) {
+        lines.push('');
+        lines.push('// Todo routes are registered by TodoServiceProvider — see app/Modules/Todo/TodoServiceProvider.ts');
+    }
+    if (ctx.packages.auth) {
+        lines.push('');
+        lines.push(`// All /api/auth/* requests are handled by better-auth
+router.all('/api/auth/*', (req) => {
+  const auth    = app().make<BetterAuthInstance>('auth')
+  const honoCtx = req.raw as { req: { raw: Request } }
+  return auth.handler(honoCtx.req.raw)
+}, [authLimit])`);
+    }
+    if (ctx.packages.ai) {
+        lines.push('');
+        lines.push(`// POST /api/ai/chat — simple AI chat endpoint
+router.post('/api/ai/chat', async (req, res) => {
+  const { messages } = req.body as { messages: { role: string; content: string }[] }
+  const lastMessage  = messages.at(-1)?.content ?? ''
+  const response     = await AI.agent('You are a helpful assistant.').prompt(lastMessage)
+  res.json({ message: response.text })
+})`);
+    }
+    lines.push('');
+    lines.push("// Catch-all: any unmatched /api/* route returns 404");
+    lines.push("router.all('/api/*', (_req, res) => res.status(404).json({ message: 'Route not found.' }))");
+    return imports.join('\n') + '\n' + lines.join('\n') + '\n';
+}
+function routesWeb() {
+    return `import { router } from '@rudderjs/router'
+
+// Web routes — HTML redirects, guards, and non-API server responses
+// These run before Vike's file-based page routing
+// Use this file for: redirects, server-side auth guards, download routes, sitemaps, etc.
+
+// Example: redirect root to /todos
+// router.get('/', (_req, res) => res.redirect('/todos'))
+`;
+}
+function routesConsole() {
+    return `import { rudder } from '@rudderjs/rudder'
+
+rudder.command('inspire', () => {
+  const quotes = [
+    'The best way to predict the future is to create it.',
+    'Build something people want.',
+    'Stay hungry, stay foolish.',
+    'Code is poetry.',
+    'Simplicity is the soul of efficiency.',
+  ]
+  const quote = quotes[Math.floor(Math.random() * quotes.length)]!
+  console.log(\`\\n  "\${quote}"\\n\`)
+}).description('Display an inspiring quote')
+
+rudder.command('db:seed', async () => {
+  // TODO: add your seed data here
+  console.log('No seed data configured. Edit routes/console.ts to add seed logic.')
+}).description('Seed the database with sample data')
+`;
+}
+// ─── pages ─────────────────────────────────────────────────
+function pagesRootConfig(ctx) {
+    if (ctx.frameworks.length === 1) {
+        const rendererImport = ctx.primary === 'vue'
+            ? `import vikeVue from 'vike-vue/config'`
+            : ctx.primary === 'solid'
+                ? `import vikeSolid from 'vike-solid/config'`
+                : `import vikeReact from 'vike-react/config'`;
+        const rendererVar = ctx.primary === 'vue' ? 'vikeVue' : ctx.primary === 'solid' ? 'vikeSolid' : 'vikeReact';
+        return `import type { Config } from 'vike/types'
+${rendererImport}
+
+export default {
+  extends: [${rendererVar}],
+} satisfies Config
+`;
+    }
+    // Multi-framework: no renderer in root config — each page picks its own
+    return `import type { Config } from 'vike/types'
+
+export default {} satisfies Config
+`;
+}
+function pagesIndexConfig(ctx) {
+    switch (ctx.primary) {
+        case 'vue':
+            return `import type { Config } from 'vike/types'
+import vikeVue from 'vike-vue/config'
+
+export default {
+  extends: vikeVue,
+} satisfies Config
+`;
+        case 'solid':
+            return `import type { Config } from 'vike/types'
+import vikeSolid from 'vike-solid/config'
+
+export default {
+  extends: vikeSolid,
+} satisfies Config
+`;
+        default: // react
+            return `import type { Config } from 'vike/types'
+import vikeReact from 'vike-react/config'
+
+export default {
+  extends: vikeReact,
+} satisfies Config
+`;
+    }
+}
+function pagesIndexData(ctx) {
+    if (!ctx.packages.auth) {
+        return `export type Data = {
+  message: string
+}
+
+export async function data(): Promise<Data> {
+  return { message: 'Welcome to RudderJS' }
+}
+`;
+    }
+    return `import { app } from '@rudderjs/core'
+import type { BetterAuthInstance } from '@rudderjs/auth'
+
+export type Data = {
+  user: { id: string; name: string; email: string } | null
+}
+
+export async function data(pageContext: unknown): Promise<Data> {
+  const auth    = app().make<BetterAuthInstance>('auth')
+  const ctx     = pageContext as { headers?: Record<string, string> }
+  const session = await auth.api.getSession({
+    headers: new Headers(ctx.headers ?? {}),
+  })
+  return { user: session?.user ?? null }
+}
+`;
+}
+function pagesIndexPage(ctx) {
+    switch (ctx.primary) {
+        case 'vue': return pagesIndexPageVue(ctx);
+        case 'solid': return pagesIndexPageSolid(ctx);
+        default: return pagesIndexPageReact(ctx);
+    }
+}
+function pagesIndexPageReact(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    const extraLinks = [];
+    if (ctx.withTodo)
+        extraLinks.push('        <a href="/todos" className="underline hover:text-foreground">Todos</a>');
+    if (ctx.packages.ai)
+        extraLinks.push('        <a href="/ai-chat" className="underline hover:text-foreground">AI Chat</a>');
+    const extraLinksStr = extraLinks.length > 0 ? '\n' + extraLinks.join('\n') : '';
+    if (!ctx.packages.auth) {
+        return `${cssImport}import { useData } from 'vike-react/useData'
+import type { Data } from './+data.js'
+
+export default function Page() {
+  const data = useData<Data>()
+
+  return (
+    <div className="flex min-h-svh flex-col items-center justify-center gap-4 p-4">
+      <h1 className="text-4xl font-bold tracking-tight">${ctx.name}</h1>
+      <p className="text-muted-foreground">Built with RudderJS — Laravel-inspired Node.js framework.</p>
+
+      <div className="mt-4 flex flex-wrap gap-3 text-xs text-muted-foreground">
+        <a href="/api/health" className="underline hover:text-foreground">API Health</a>\${extraLinksStr}
+      </div>
+    </div>
+  )
+}
+`;
+    }
+    const todosLink = ctx.withTodo
+        ? `          <a href="/todos" className="inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90">View Todos</a>`
+        : '';
+    return `${cssImport}import { useState } from 'react'
+import { useData } from 'vike-react/useData'
+import type { Data } from './+data.js'
+
+export default function Page() {
+  const data         = useData<Data>()
+  const [user, setUser] = useState(data.user)
+
+  async function signOut() {
+    await fetch('/api/auth/sign-out', {
+      method:  'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body:    '{}',
+    })
+    window.location.href = '/'
+  }
+
+  return (
+    <div className="flex min-h-svh flex-col items-center justify-center gap-4 p-4">
+      <h1 className="text-4xl font-bold tracking-tight">${ctx.name}</h1>
+      <p className="text-muted-foreground">Built with RudderJS — Laravel-inspired Node.js framework.</p>
+
+      {user ? (
+        <div className="flex flex-col items-center gap-3">
+          <p className="text-sm text-muted-foreground">
+            Signed in as <span className="font-medium text-foreground">{user.name}</span>
+          </p>
+          <div className="flex gap-2">
+${todosLink}
+            <button
+              onClick={signOut}
+              className="inline-flex h-9 items-center rounded-md border px-4 text-sm font-medium hover:bg-accent"
+            >
+              Sign out
+            </button>
+          </div>
+        </div>
+      ) : (
+        <div className="flex gap-2">
+${todosLink}
+          <a href="/register" className="inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90">Register</a>
+          <a href="/login" className="inline-flex h-9 items-center rounded-md border px-4 text-sm font-medium hover:bg-accent">Login</a>
+        </div>
+      )}
+
+      <div className="mt-4 flex flex-wrap gap-3 text-xs text-muted-foreground">
+        <a href="/api/health" className="underline hover:text-foreground">API Health</a>
+        <a href="/api/me" className="underline hover:text-foreground">Session Info</a>\${extraLinksStr}
+      </div>
+    </div>
+  )
+}
+`;
+}
+function pagesIndexPageVue(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    const extraLinks = [];
+    if (ctx.withTodo)
+        extraLinks.push('      <a href="/todos" class="underline hover:text-foreground">Todos</a>');
+    if (ctx.packages.ai)
+        extraLinks.push('      <a href="/ai-chat" class="underline hover:text-foreground">AI Chat</a>');
+    const extraStr = extraLinks.length > 0 ? '\n' + extraLinks.join('\n') : '';
+    if (!ctx.packages.auth) {
+        return `<script setup lang="ts">
+${cssImport}import { useData } from 'vike-vue/useData'
+import type { Data } from './+data.js'
+
+const data = useData<Data>()
+</script>
+
+<template>
+  <div class="flex min-h-svh flex-col items-center justify-center gap-4 p-4">
+    <h1 class="text-4xl font-bold tracking-tight">${ctx.name}</h1>
+    <p class="text-muted-foreground">Built with RudderJS — Laravel-inspired Node.js framework.</p>
+
+    <div class="mt-4 flex flex-wrap gap-3 text-xs text-muted-foreground">
+      <a href="/api/health" class="underline hover:text-foreground">API Health</a>${extraStr}
+    </div>
+  </div>
+</template>
+`;
+    }
+    const todosLink = ctx.withTodo
+        ? `\n      <a href="/todos" class="inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90">View Todos</a>`
+        : '';
+    return `<script setup lang="ts">
+${cssImport}import { ref } from 'vue'
+import { useData } from 'vike-vue/useData'
+import type { Data } from './+data.js'
+
+const data = useData<Data>()
+const user = ref(data.user)
+
+async function signOut() {
+  await fetch('/api/auth/sign-out', {
+    method:  'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body:    '{}',
+  })
+  window.location.href = '/'
+}
+</script>
+
+<template>
+  <div class="flex min-h-svh flex-col items-center justify-center gap-4 p-4">
+    <h1 class="text-4xl font-bold tracking-tight">${ctx.name}</h1>
+    <p class="text-muted-foreground">Built with RudderJS — Laravel-inspired Node.js framework.</p>
+
+    <div v-if="user" class="flex flex-col items-center gap-3">
+      <p class="text-sm text-muted-foreground">
+        Signed in as <span class="font-medium text-foreground">{{ user.name }}</span>
+      </p>
+      <div class="flex gap-2">${todosLink}
+        <button @click="signOut" class="inline-flex h-9 items-center rounded-md border px-4 text-sm font-medium hover:bg-accent">
+          Sign out
+        </button>
+      </div>
+    </div>
+    <div v-else class="flex gap-2">${todosLink}
+      <a href="/register" class="inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90">Register</a>
+      <a href="/login" class="inline-flex h-9 items-center rounded-md border px-4 text-sm font-medium hover:bg-accent">Login</a>
+    </div>
+
+    <div class="mt-4 flex flex-wrap gap-3 text-xs text-muted-foreground">
+      <a href="/api/health" class="underline hover:text-foreground">API Health</a>
+      <a href="/api/me" class="underline hover:text-foreground">Session Info</a>${extraStr}
+    </div>
+  </div>
+</template>
+`;
+}
+function pagesIndexPageSolid(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    const extraLinks = [];
+    if (ctx.withTodo)
+        extraLinks.push('        <a href="/todos" class="underline hover:text-foreground">Todos</a>');
+    if (ctx.packages.ai)
+        extraLinks.push('        <a href="/ai-chat" class="underline hover:text-foreground">AI Chat</a>');
+    const extraStr = extraLinks.length > 0 ? '\n' + extraLinks.join('\n') : '';
+    if (!ctx.packages.auth) {
+        return `${cssImport}import { useData } from 'vike-solid/useData'
+import type { Data } from './+data.js'
+
+export default function Page() {
+  const data = useData<Data>()
+
+  return (
+    <div class="flex min-h-svh flex-col items-center justify-center gap-4 p-4">
+      <h1 class="text-4xl font-bold tracking-tight">${ctx.name}</h1>
+      <p class="text-muted-foreground">Built with RudderJS — Laravel-inspired Node.js framework.</p>
+
+      <div class="mt-4 flex flex-wrap gap-3 text-xs text-muted-foreground">
+        <a href="/api/health" class="underline hover:text-foreground">API Health</a>\${extraStr}
+      </div>
+    </div>
+  )
+}
+`;
+    }
+    const todosLink = ctx.withTodo
+        ? `\n        <a href="/todos" class="inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90">View Todos</a>`
+        : '';
+    return `${cssImport}import { createSignal } from 'solid-js'
+import { useData } from 'vike-solid/useData'
+import type { Data } from './+data.js'
+
+export default function Page() {
+  const data = useData<Data>()
+  const [user, setUser] = createSignal(data.user)
+
+  async function signOut() {
+    await fetch('/api/auth/sign-out', {
+      method:  'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body:    '{}',
+    })
+    window.location.href = '/'
+  }
+
+  return (
+    <div class="flex min-h-svh flex-col items-center justify-center gap-4 p-4">
+      <h1 class="text-4xl font-bold tracking-tight">${ctx.name}</h1>
+      <p class="text-muted-foreground">Built with RudderJS — Laravel-inspired Node.js framework.</p>
+
+      {user() ? (
+        <div class="flex flex-col items-center gap-3">
+          <p class="text-sm text-muted-foreground">
+            Signed in as <span class="font-medium text-foreground">{user()!.name}</span>
+          </p>
+          <div class="flex gap-2">${todosLink}
+            <button
+              onClick={signOut}
+              class="inline-flex h-9 items-center rounded-md border px-4 text-sm font-medium hover:bg-accent"
+            >
+              Sign out
+            </button>
+          </div>
+        </div>
+      ) : (
+        <div class="flex gap-2">${todosLink}
+          <a href="/register" class="inline-flex h-9 items-center rounded-md bg-primary px-4 text-sm font-medium text-primary-foreground hover:bg-primary/90">Register</a>
+          <a href="/login" class="inline-flex h-9 items-center rounded-md border px-4 text-sm font-medium hover:bg-accent">Login</a>
+        </div>
+      )}
+
+      <div class="mt-4 flex flex-wrap gap-3 text-xs text-muted-foreground">
+        <a href="/api/health" class="underline hover:text-foreground">API Health</a>
+        <a href="/api/me" class="underline hover:text-foreground">Session Info</a>\${extraStr}
+      </div>
+    </div>
+  )
+}
+`;
+}
+function pagesErrorConfig(ctx) {
+    switch (ctx.primary) {
+        case 'vue':
+            return `import type { Config } from 'vike/types'
+import vikeVue from 'vike-vue/config'
+
+export default {
+  extends: vikeVue,
+} satisfies Config
+`;
+        case 'solid':
+            return `import type { Config } from 'vike/types'
+import vikeSolid from 'vike-solid/config'
+
+export default {
+  extends: vikeSolid,
+} satisfies Config
+`;
+        default:
+            return `import type { Config } from 'vike/types'
+import vikeReact from 'vike-react/config'
+
+export default {
+  extends: vikeReact,
+} satisfies Config
+`;
+    }
+}
+function pagesErrorPage(ctx) {
+    switch (ctx.primary) {
+        case 'vue': return pagesErrorPageVue(ctx);
+        case 'solid': return pagesErrorPageSolid(ctx);
+        default: return pagesErrorPageReact(ctx);
+    }
+}
+function pagesErrorPageReact(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    return `${cssImport}import { usePageContext } from 'vike-react/usePageContext'
+
+export default function Page() {
+  const { is404, abortReason, abortStatusCode } = usePageContext() as {
+    is404: boolean
+    abortStatusCode?: number
+    abortReason?: string
+  }
+
+  if (is404) {
+    return (
+      <div className="flex min-h-svh flex-col items-center justify-center gap-2">
+        <h1 className="text-2xl font-bold">404 — Page Not Found</h1>
+        <p className="text-muted-foreground">This page could not be found.</p>
+        <a href="/" className="mt-4 text-sm underline">Go home</a>
+      </div>
+    )
+  }
+
+  if (abortStatusCode === 401) {
+    return (
+      <div className="flex min-h-svh flex-col items-center justify-center gap-2">
+        <h1 className="text-2xl font-bold">401 — Unauthorized</h1>
+        <p className="text-muted-foreground">{abortReason ?? 'You must be logged in to view this page.'}</p>
+        <a href="/" className="mt-4 text-sm underline">Go home</a>
+      </div>
+    )
+  }
+
+  return (
+    <div className="flex min-h-svh flex-col items-center justify-center gap-2">
+      <h1 className="text-2xl font-bold">Something went wrong</h1>
+      <p className="text-muted-foreground">{abortReason ?? 'An unexpected error occurred.'}</p>
+      <a href="/" className="mt-4 text-sm underline">Go home</a>
+    </div>
+  )
+}
+`;
+}
+function pagesErrorPageVue(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    return `<script setup lang="ts">
+${cssImport}import { usePageContext } from 'vike-vue/usePageContext'
+
+const pageContext = usePageContext() as {
+  is404: boolean
+  abortStatusCode?: number
+  abortReason?: string
+}
+</script>
+
+<template>
+  <div v-if="pageContext.is404" class="flex min-h-svh flex-col items-center justify-center gap-2">
+    <h1 class="text-2xl font-bold">404 — Page Not Found</h1>
+    <p class="text-muted-foreground">This page could not be found.</p>
+    <a href="/" class="mt-4 text-sm underline">Go home</a>
+  </div>
+  <div v-else-if="pageContext.abortStatusCode === 401" class="flex min-h-svh flex-col items-center justify-center gap-2">
+    <h1 class="text-2xl font-bold">401 — Unauthorized</h1>
+    <p class="text-muted-foreground">{{ pageContext.abortReason ?? 'You must be logged in to view this page.' }}</p>
+    <a href="/" class="mt-4 text-sm underline">Go home</a>
+  </div>
+  <div v-else class="flex min-h-svh flex-col items-center justify-center gap-2">
+    <h1 class="text-2xl font-bold">Something went wrong</h1>
+    <p class="text-muted-foreground">{{ pageContext.abortReason ?? 'An unexpected error occurred.' }}</p>
+    <a href="/" class="mt-4 text-sm underline">Go home</a>
+  </div>
+</template>
+`;
+}
+function pagesErrorPageSolid(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    return `${cssImport}import { Switch, Match } from 'solid-js'
+import { usePageContext } from 'vike-solid/usePageContext'
+
+export default function Page() {
+  const pageContext = usePageContext() as {
+    is404: boolean
+    abortStatusCode?: number
+    abortReason?: string
+  }
+
+  return (
+    <Switch>
+      <Match when={pageContext.is404}>
+        <div class="flex min-h-svh flex-col items-center justify-center gap-2">
+          <h1 class="text-2xl font-bold">404 — Page Not Found</h1>
+          <p class="text-muted-foreground">This page could not be found.</p>
+          <a href="/" class="mt-4 text-sm underline">Go home</a>
+        </div>
+      </Match>
+      <Match when={pageContext.abortStatusCode === 401}>
+        <div class="flex min-h-svh flex-col items-center justify-center gap-2">
+          <h1 class="text-2xl font-bold">401 — Unauthorized</h1>
+          <p class="text-muted-foreground">{pageContext.abortReason ?? 'You must be logged in to view this page.'}</p>
+          <a href="/" class="mt-4 text-sm underline">Go home</a>
+        </div>
+      </Match>
+      <Match when={true}>
+        <div class="flex min-h-svh flex-col items-center justify-center gap-2">
+          <h1 class="text-2xl font-bold">Something went wrong</h1>
+          <p class="text-muted-foreground">{pageContext.abortReason ?? 'An unexpected error occurred.'}</p>
+          <a href="/" class="mt-4 text-sm underline">Go home</a>
+        </div>
+      </Match>
+    </Switch>
+  )
+}
+`;
+}
+// ─── Todo module ───────────────────────────────────────────
+function todoSchema() {
+    return `import { z } from 'zod'
+
+export const TodoInputSchema = z.object({
+  title:     z.string().min(1, 'Title is required'),
+  completed: z.boolean().optional().default(false),
+})
+
+export const TodoUpdateSchema = z.object({
+  title:     z.string().min(1).optional(),
+  completed: z.boolean().optional(),
+})
+
+export type TodoInput  = z.infer<typeof TodoInputSchema>
+export type TodoUpdate = z.infer<typeof TodoUpdateSchema>
+
+export interface Todo {
+  id:        string
+  title:     string
+  completed: boolean
+  createdAt: Date
+  updatedAt: Date
+}
+`;
+}
+function todoService() {
+    return `import { Injectable } from '@rudderjs/core'
+import { resolve } from '@rudderjs/core'
+import type { OrmAdapter } from '@rudderjs/orm'
+import type { Todo, TodoInput, TodoUpdate } from './TodoSchema.js'
+
+@Injectable()
+export class TodoService {
+  private get db(): OrmAdapter { return resolve<OrmAdapter>('db') }
+
+  findAll(): Promise<Todo[]> {
+    return this.db.query<Todo>('todo').orderBy('createdAt', 'DESC').get()
+  }
+
+  findById(id: string): Promise<Todo | null> {
+    return this.db.query<Todo>('todo').find(id)
+  }
+
+  create(input: TodoInput): Promise<Todo> {
+    return this.db.query<Todo>('todo').create(input as Partial<Todo>)
+  }
+
+  update(id: string, input: TodoUpdate): Promise<Todo> {
+    return this.db.query<Todo>('todo').update(id, input as Partial<Todo>)
+  }
+
+  delete(id: string): Promise<void> {
+    return this.db.query<Todo>('todo').delete(id)
+  }
+}
+`;
+}
+function todoServiceProvider() {
+    return `import { ServiceProvider } from '@rudderjs/core'
+import { router } from '@rudderjs/router'
+import { TodoService } from './TodoService.js'
+import { TodoInputSchema, TodoUpdateSchema } from './TodoSchema.js'
+
+export class TodoServiceProvider extends ServiceProvider {
+  register(): void {
+    this.app.singleton(TodoService, () => new TodoService())
+  }
+
+  override async boot(): Promise<void> {
+    const service = this.app.make<TodoService>(TodoService)
+
+    router.get('/api/todos', async (_req, res) => {
+      const todos = await service.findAll()
+      res.json({ data: todos })
+    })
+
+    router.post('/api/todos', async (req, res) => {
+      const parsed = TodoInputSchema.safeParse(req.body)
+      if (!parsed.success) {
+        res.status(422).json({ errors: parsed.error.flatten().fieldErrors })
+        return
+      }
+      const todo = await service.create(parsed.data)
+      res.status(201).json({ data: todo })
+    })
+
+    router.patch('/api/todos/:id', async (req, res) => {
+      const parsed = TodoUpdateSchema.safeParse(req.body)
+      if (!parsed.success) {
+        res.status(422).json({ errors: parsed.error.flatten().fieldErrors })
+        return
+      }
+      const todo = await service.update(req.params['id']!, parsed.data)
+      res.json({ data: todo })
+    })
+
+    router.delete('/api/todos/:id', async (req, res) => {
+      await service.delete(req.params['id']!)
+      res.status(204).send('')
+    })
+  }
+}
+`;
+}
+function todoPageConfig(ctx) {
+    switch (ctx.primary) {
+        case 'vue':
+            return `import type { Config } from 'vike/types'
+import vikeVue from 'vike-vue/config'
+
+export default {
+  extends: vikeVue,
+} satisfies Config
+`;
+        case 'solid':
+            return `import type { Config } from 'vike/types'
+import vikeSolid from 'vike-solid/config'
+
+export default {
+  extends: vikeSolid,
+} satisfies Config
+`;
+        default:
+            return `import type { Config } from 'vike/types'
+import vikeReact from 'vike-react/config'
+
+export default {
+  extends: vikeReact,
+} satisfies Config
+`;
+    }
+}
+function todoPageData() {
+    return `import { resolve } from '@rudderjs/core'
+import { TodoService } from '../../app/Modules/Todo/TodoService.js'
+import type { Todo } from '../../app/Modules/Todo/TodoSchema.js'
+
+export type Data = { todos: Todo[] }
+
+export async function data(): Promise<Data> {
+  const service = resolve<TodoService>(TodoService)
+  const todos   = await service.findAll()
+  return { todos }
+}
+`;
+}
+function todoPage(ctx) {
+    switch (ctx.primary) {
+        case 'vue': return todoPageVue(ctx);
+        case 'solid': return todoPageSolid(ctx);
+        default: return todoPageReact(ctx);
+    }
+}
+function todoPageReact(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    return `${cssImport}import { useState } from 'react'
+import { useData } from 'vike-react/useData'
+import type { Data } from './+data.js'
+import type { Todo } from '../../app/Modules/Todo/TodoSchema.js'
+
+export default function Page() {
+  const data            = useData<Data>()
+  const [todos, setTodos] = useState<Todo[]>(data.todos)
+  const [input, setInput] = useState('')
+
+  async function addTodo(e: React.FormEvent) {
+    e.preventDefault()
+    if (!input.trim()) return
+    const res  = await fetch('/api/todos', {
+      method:  'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body:    JSON.stringify({ title: input }),
+    })
+    const json = await res.json() as { data: Todo }
+    setTodos([json.data, ...todos])
+    setInput('')
+  }
+
+  async function toggleTodo(id: string, completed: boolean) {
+    await fetch(\`/api/todos/\${id}\`, {
+      method:  'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body:    JSON.stringify({ completed: !completed }),
+    })
+    setTodos(todos.map(t => t.id === id ? { ...t, completed: !completed } : t))
+  }
+
+  async function deleteTodo(id: string) {
+    await fetch(\`/api/todos/\${id}\`, { method: 'DELETE' })
+    setTodos(todos.filter(t => t.id !== id))
+  }
+
+  return (
+    <div className="flex min-h-svh flex-col items-center justify-center gap-6 p-4">
+      <h1 className="text-3xl font-bold">Todos</h1>
+
+      <form onSubmit={addTodo} className="flex w-full max-w-md gap-2">
+        <input
+          value={input}
+          onChange={e => setInput(e.target.value)}
+          placeholder="Add a new todo..."
+          className="flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+        />
+        <button
+          type="submit"
+          className="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90"
+        >
+          Add
+        </button>
+      </form>
+
+      <ul className="w-full max-w-md space-y-2">
+        {todos.map(todo => (
+          <li key={todo.id} className="flex items-center gap-3 rounded-lg border p-3">
+            <input
+              type="checkbox"
+              checked={todo.completed}
+              onChange={() => toggleTodo(todo.id, todo.completed)}
+              className="h-4 w-4 cursor-pointer"
+            />
+            <span className={\`flex-1 text-sm \${todo.completed ? 'line-through text-muted-foreground' : ''}\`}>
+              {todo.title}
+            </span>
+            <button
+              onClick={() => deleteTodo(todo.id)}
+              className="text-xs text-destructive hover:underline"
+            >
+              Delete
+            </button>
+          </li>
+        ))}
+        {todos.length === 0 && (
+          <li className="py-8 text-center text-sm text-muted-foreground">
+            No todos yet. Add one above!
+          </li>
+        )}
+      </ul>
+
+      <a href="/" className="text-sm text-muted-foreground underline hover:text-foreground">
+        ← Back to home
+      </a>
+    </div>
+  )
+}
+`;
+}
+function todoPageVue(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    return `<script setup lang="ts">
+${cssImport}import { ref } from 'vue'
+import { useData } from 'vike-vue/useData'
+import type { Data } from './+data.js'
+import type { Todo } from '../../app/Modules/Todo/TodoSchema.js'
+
+const data  = useData<Data>()
+const todos = ref<Todo[]>(data.todos)
+const input = ref('')
+
+async function addTodo(e: Event) {
+  e.preventDefault()
+  if (!input.value.trim()) return
+  const res  = await fetch('/api/todos', {
+    method:  'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body:    JSON.stringify({ title: input.value }),
+  })
+  const json = await res.json() as { data: Todo }
+  todos.value = [json.data, ...todos.value]
+  input.value = ''
+}
+
+async function toggleTodo(id: string, completed: boolean) {
+  await fetch(\`/api/todos/\${id}\`, {
+    method:  'PATCH',
+    headers: { 'Content-Type': 'application/json' },
+    body:    JSON.stringify({ completed: !completed }),
+  })
+  todos.value = todos.value.map(t => t.id === id ? { ...t, completed: !completed } : t)
+}
+
+async function deleteTodo(id: string) {
+  await fetch(\`/api/todos/\${id}\`, { method: 'DELETE' })
+  todos.value = todos.value.filter(t => t.id !== id)
+}
+</script>
+
+<template>
+  <div class="flex min-h-svh flex-col items-center justify-center gap-6 p-4">
+    <h1 class="text-3xl font-bold">Todos</h1>
+
+    <form @submit="addTodo" class="flex w-full max-w-md gap-2">
+      <input
+        v-model="input"
+        placeholder="Add a new todo..."
+        class="flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+      />
+      <button
+        type="submit"
+        class="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90"
+      >
+        Add
+      </button>
+    </form>
+
+    <ul class="w-full max-w-md space-y-2">
+      <li v-for="todo in todos" :key="todo.id" class="flex items-center gap-3 rounded-lg border p-3">
+        <input
+          type="checkbox"
+          :checked="todo.completed"
+          @change="toggleTodo(todo.id, todo.completed)"
+          class="h-4 w-4 cursor-pointer"
+        />
+        <span :class="['flex-1 text-sm', todo.completed ? 'line-through text-muted-foreground' : '']">
+          {{ todo.title }}
+        </span>
+        <button @click="deleteTodo(todo.id)" class="text-xs text-destructive hover:underline">
+          Delete
+        </button>
+      </li>
+      <li v-if="todos.length === 0" class="py-8 text-center text-sm text-muted-foreground">
+        No todos yet. Add one above!
+      </li>
+    </ul>
+
+    <a href="/" class="text-sm text-muted-foreground underline hover:text-foreground">
+      ← Back to home
+    </a>
+  </div>
+</template>
+`;
+}
+function todoPageSolid(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    return `${cssImport}import { createSignal } from 'solid-js'
+import { For, Show } from 'solid-js'
+import { useData } from 'vike-solid/useData'
+import type { Data } from './+data.js'
+import type { Todo } from '../../app/Modules/Todo/TodoSchema.js'
+
+export default function Page() {
+  const data = useData<Data>()
+  const [todos, setTodos] = createSignal<Todo[]>(data.todos)
+  const [input, setInput] = createSignal('')
+
+  async function addTodo(e: Event) {
+    e.preventDefault()
+    if (!input().trim()) return
+    const res  = await fetch('/api/todos', {
+      method:  'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body:    JSON.stringify({ title: input() }),
+    })
+    const json = await res.json() as { data: Todo }
+    setTodos([json.data, ...todos()])
+    setInput('')
+  }
+
+  async function toggleTodo(id: string, completed: boolean) {
+    await fetch(\`/api/todos/\${id}\`, {
+      method:  'PATCH',
+      headers: { 'Content-Type': 'application/json' },
+      body:    JSON.stringify({ completed: !completed }),
+    })
+    setTodos(todos().map(t => t.id === id ? { ...t, completed: !completed } : t))
+  }
+
+  async function deleteTodo(id: string) {
+    await fetch(\`/api/todos/\${id}\`, { method: 'DELETE' })
+    setTodos(todos().filter(t => t.id !== id))
+  }
+
+  return (
+    <div class="flex min-h-svh flex-col items-center justify-center gap-6 p-4">
+      <h1 class="text-3xl font-bold">Todos</h1>
+
+      <form onSubmit={addTodo} class="flex w-full max-w-md gap-2">
+        <input
+          value={input()}
+          onInput={e => setInput(e.currentTarget.value)}
+          placeholder="Add a new todo..."
+          class="flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring"
+        />
+        <button
+          type="submit"
+          class="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90"
+        >
+          Add
+        </button>
+      </form>
+
+      <ul class="w-full max-w-md space-y-2">
+        <For each={todos()} fallback={
+          <li class="py-8 text-center text-sm text-muted-foreground">No todos yet. Add one above!</li>
+        }>
+          {(todo) => (
+            <li class="flex items-center gap-3 rounded-lg border p-3">
+              <input
+                type="checkbox"
+                checked={todo.completed}
+                onChange={() => toggleTodo(todo.id, todo.completed)}
+                class="h-4 w-4 cursor-pointer"
+              />
+              <span class={\`flex-1 text-sm \${todo.completed ? 'line-through text-muted-foreground' : ''}\`}>
+                {todo.title}
+              </span>
+              <button onClick={() => deleteTodo(todo.id)} class="text-xs text-destructive hover:underline">
+                Delete
+              </button>
+            </li>
+          )}
+        </For>
+      </ul>
+
+      <a href="/" class="text-sm text-muted-foreground underline hover:text-foreground">
+        ← Back to home
+      </a>
+    </div>
+  )
+}
+`;
+}
+// ─── AI chat page ─────────────────────────────────────────
+function aiChatPageConfig(ctx) {
+    switch (ctx.primary) {
+        case 'vue':
+            return `import type { Config } from 'vike/types'
+import vikeVue from 'vike-vue/config'
+
+export default {
+  extends: vikeVue,
+} satisfies Config
+`;
+        case 'solid':
+            return `import type { Config } from 'vike/types'
+import vikeSolid from 'vike-solid/config'
+
+export default {
+  extends: vikeSolid,
+} satisfies Config
+`;
+        default:
+            return `import type { Config } from 'vike/types'
+import vikeReact from 'vike-react/config'
+
+export default {
+  extends: vikeReact,
+} satisfies Config
+`;
+    }
+}
+function aiChatPage(ctx) {
+    switch (ctx.primary) {
+        case 'vue': return aiChatPageVue(ctx);
+        case 'solid': return aiChatPageSolid(ctx);
+        default: return aiChatPageReact(ctx);
+    }
+}
+function aiChatPageReact(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    return `${cssImport}import { useState, useRef, useEffect } from 'react'
+
+interface Message {
+  role: 'user' | 'assistant'
+  content: string
+}
+
+export default function Page() {
+  const [messages, setMessages] = useState<Message[]>([])
+  const [input, setInput]       = useState('')
+  const [loading, setLoading]   = useState(false)
+  const scrollRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    scrollRef.current?.scrollTo(0, scrollRef.current.scrollHeight)
+  }, [messages])
+
+  async function send(e: React.FormEvent) {
+    e.preventDefault()
+    if (!input.trim() || loading) return
+
+    const userMsg: Message = { role: 'user', content: input }
+    setMessages(prev => [...prev, userMsg])
+    setInput('')
+    setLoading(true)
+
+    try {
+      const res = await fetch('/api/ai/chat', {
+        method:  'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body:    JSON.stringify({ messages: [...messages, userMsg] }),
+      })
+      const json = await res.json() as { message: string }
+      setMessages(prev => [...prev, { role: 'assistant', content: json.message }])
+    } catch {
+      setMessages(prev => [...prev, { role: 'assistant', content: 'Something went wrong. Check your AI_PROVIDER and API key in .env.' }])
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="flex min-h-svh flex-col items-center p-4">
+      <div className="flex w-full max-w-2xl flex-1 flex-col">
+        <div className="mb-4 flex items-center justify-between">
+          <h1 className="text-2xl font-bold">AI Chat</h1>
+          <a href="/" className="text-sm text-muted-foreground underline hover:text-foreground">← Home</a>
+        </div>
+
+        <div ref={scrollRef} className="flex-1 space-y-3 overflow-y-auto rounded-lg border p-4" style={{ maxHeight: 'calc(100svh - 180px)' }}>
+          {messages.length === 0 && (
+            <p className="py-12 text-center text-sm text-muted-foreground">Send a message to start chatting.</p>
+          )}
+          {messages.map((msg, i) => (
+            <div key={i} className={\`flex \${msg.role === 'user' ? 'justify-end' : 'justify-start'}\`}>
+              <div className={\`max-w-[80%] rounded-lg px-3 py-2 text-sm \${
+                msg.role === 'user'
+                  ? 'bg-primary text-primary-foreground'
+                  : 'bg-muted text-foreground'
+              }\`}>
+                {msg.content}
+              </div>
+            </div>
+          ))}
+          {loading && (
+            <div className="flex justify-start">
+              <div className="rounded-lg bg-muted px-3 py-2 text-sm text-muted-foreground">Thinking...</div>
+            </div>
+          )}
+        </div>
+
+        <form onSubmit={send} className="mt-3 flex gap-2">
+          <input
+            value={input}
+            onChange={e => setInput(e.target.value)}
+            placeholder="Type a message..."
+            disabled={loading}
+            className="flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"
+          />
+          <button
+            type="submit"
+            disabled={loading}
+            className="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
+          >
+            Send
+          </button>
+        </form>
+      </div>
+    </div>
+  )
+}
+`;
+}
+function aiChatPageVue(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    return `<script setup lang="ts">
+${cssImport}import { ref, nextTick } from 'vue'
+
+interface Message {
+  role: 'user' | 'assistant'
+  content: string
+}
+
+const messages  = ref<Message[]>([])
+const input     = ref('')
+const loading   = ref(false)
+const scrollEl  = ref<HTMLDivElement>()
+
+async function send(e: Event) {
+  e.preventDefault()
+  if (!input.value.trim() || loading.value) return
+
+  const userMsg: Message = { role: 'user', content: input.value }
+  messages.value.push(userMsg)
+  input.value = ''
+  loading.value = true
+
+  try {
+    const res = await fetch('/api/ai/chat', {
+      method:  'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body:    JSON.stringify({ messages: messages.value }),
+    })
+    const json = await res.json() as { message: string }
+    messages.value.push({ role: 'assistant', content: json.message })
+  } catch {
+    messages.value.push({ role: 'assistant', content: 'Something went wrong. Check your AI_PROVIDER and API key in .env.' })
+  } finally {
+    loading.value = false
+    await nextTick()
+    scrollEl.value?.scrollTo(0, scrollEl.value.scrollHeight)
+  }
+}
+</script>
+
+<template>
+  <div class="flex min-h-svh flex-col items-center p-4">
+    <div class="flex w-full max-w-2xl flex-1 flex-col">
+      <div class="mb-4 flex items-center justify-between">
+        <h1 class="text-2xl font-bold">AI Chat</h1>
+        <a href="/" class="text-sm text-muted-foreground underline hover:text-foreground">← Home</a>
+      </div>
+
+      <div ref="scrollEl" class="flex-1 space-y-3 overflow-y-auto rounded-lg border p-4" :style="{ maxHeight: 'calc(100svh - 180px)' }">
+        <p v-if="messages.length === 0" class="py-12 text-center text-sm text-muted-foreground">Send a message to start chatting.</p>
+        <div v-for="(msg, i) in messages" :key="i" :class="['flex', msg.role === 'user' ? 'justify-end' : 'justify-start']">
+          <div :class="['max-w-[80%] rounded-lg px-3 py-2 text-sm', msg.role === 'user' ? 'bg-primary text-primary-foreground' : 'bg-muted text-foreground']">
+            {{ msg.content }}
+          </div>
+        </div>
+        <div v-if="loading" class="flex justify-start">
+          <div class="rounded-lg bg-muted px-3 py-2 text-sm text-muted-foreground">Thinking...</div>
+        </div>
+      </div>
+
+      <form @submit="send" class="mt-3 flex gap-2">
+        <input
+          v-model="input"
+          placeholder="Type a message..."
+          :disabled="loading"
+          class="flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"
+        />
+        <button
+          type="submit"
+          :disabled="loading"
+          class="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
+        >
+          Send
+        </button>
+      </form>
+    </div>
+  </div>
+</template>
+`;
+}
+function aiChatPageSolid(ctx) {
+    const cssImport = ctx.tailwind ? `import '@/index.css'\n` : '';
+    return `${cssImport}import { createSignal, For, Show, onCleanup } from 'solid-js'
+
+interface Message {
+  role: 'user' | 'assistant'
+  content: string
+}
+
+export default function Page() {
+  const [messages, setMessages] = createSignal<Message[]>([])
+  const [input, setInput]       = createSignal('')
+  const [loading, setLoading]   = createSignal(false)
+  let scrollEl: HTMLDivElement | undefined
+
+  function scrollToBottom() {
+    setTimeout(() => scrollEl?.scrollTo(0, scrollEl.scrollHeight), 0)
+  }
+
+  async function send(e: Event) {
+    e.preventDefault()
+    if (!input().trim() || loading()) return
+
+    const userMsg: Message = { role: 'user', content: input() }
+    setMessages(prev => [...prev, userMsg])
+    setInput('')
+    setLoading(true)
+    scrollToBottom()
+
+    try {
+      const res = await fetch('/api/ai/chat', {
+        method:  'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body:    JSON.stringify({ messages: [...messages()] }),
+      })
+      const json = await res.json() as { message: string }
+      setMessages(prev => [...prev, { role: 'assistant', content: json.message }])
+    } catch {
+      setMessages(prev => [...prev, { role: 'assistant', content: 'Something went wrong. Check your AI_PROVIDER and API key in .env.' }])
+    } finally {
+      setLoading(false)
+      scrollToBottom()
+    }
+  }
+
+  return (
+    <div class="flex min-h-svh flex-col items-center p-4">
+      <div class="flex w-full max-w-2xl flex-1 flex-col">
+        <div class="mb-4 flex items-center justify-between">
+          <h1 class="text-2xl font-bold">AI Chat</h1>
+          <a href="/" class="text-sm text-muted-foreground underline hover:text-foreground">← Home</a>
+        </div>
+
+        <div ref={scrollEl} class="flex-1 space-y-3 overflow-y-auto rounded-lg border p-4" style={{ "max-height": 'calc(100svh - 180px)' }}>
+          <Show when={messages().length === 0}>
+            <p class="py-12 text-center text-sm text-muted-foreground">Send a message to start chatting.</p>
+          </Show>
+          <For each={messages()}>
+            {(msg) => (
+              <div class={\`flex \${msg.role === 'user' ? 'justify-end' : 'justify-start'}\`}>
+                <div class={\`max-w-[80%] rounded-lg px-3 py-2 text-sm \${
+                  msg.role === 'user'
+                    ? 'bg-primary text-primary-foreground'
+                    : 'bg-muted text-foreground'
+                }\`}>
+                  {msg.content}
+                </div>
+              </div>
+            )}
+          </For>
+          <Show when={loading()}>
+            <div class="flex justify-start">
+              <div class="rounded-lg bg-muted px-3 py-2 text-sm text-muted-foreground">Thinking...</div>
+            </div>
+          </Show>
+        </div>
+
+        <form onSubmit={send} class="mt-3 flex gap-2">
+          <input
+            value={input()}
+            onInput={e => setInput(e.currentTarget.value)}
+            placeholder="Type a message..."
+            disabled={loading()}
+            class="flex-1 rounded-md border border-input bg-background px-3 py-2 text-sm placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring disabled:opacity-50"
+          />
+          <button
+            type="submit"
+            disabled={loading()}
+            class="rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground hover:bg-primary/90 disabled:opacity-50"
+          >
+            Send
+          </button>
+        </form>
+      </div>
+    </div>
+  )
+}
+`;
+}
+// ─── Demo pages (secondary frameworks) ─────────────────────
+function demoPageConfig(fw) {
+    switch (fw) {
+        case 'vue':
+            return `import type { Config } from 'vike/types'
+import vikeVue from 'vike-vue/config'
+
+export default {
+  extends: vikeVue,
+} satisfies Config
+`;
+        case 'solid':
+            return `import type { Config } from 'vike/types'
+import vikeSolid from 'vike-solid/config'
+
+export default {
+  extends: vikeSolid,
+} satisfies Config
+`;
+        default: // react
+            return `import type { Config } from 'vike/types'
+import vikeReact from 'vike-react/config'
+
+export default {
+  extends: vikeReact,
+} satisfies Config
+`;
+    }
+}
+function demoPage(fw, ctx) {
+    const { primary, tailwind } = ctx;
+    switch (fw) {
+        case 'react':
+            if (tailwind) {
+                return `export default function Page() {
+  return (
+    <div className="flex min-h-svh flex-col items-center justify-center gap-4 p-4">
+      <h1 className="text-2xl font-bold">Hello from React</h1>
+      <p className="text-muted-foreground">React demo page — running alongside ${primary}.</p>
+      <a href="/" className="text-sm underline">← Back to home</a>
+    </div>
+  )
+}
+`;
+            }
+            return `export default function Page() {
+  return (
+    <div>
+      <h1>Hello from React</h1>
+      <p>React demo page — running alongside ${primary}.</p>
+      <a href="/">← Back to home</a>
+    </div>
+  )
+}
+`;
+        case 'vue':
+            if (tailwind) {
+                return `<script setup lang="ts">
+import '@/index.css'
+</script>
+
+<template>
+  <div class="flex min-h-svh flex-col items-center justify-center gap-4 p-4">
+    <h1 class="text-2xl font-bold">Hello from Vue</h1>
+    <p class="text-muted-foreground">Vue demo page — running alongside ${primary}.</p>
+    <a href="/" class="text-sm underline">← Back to home</a>
+  </div>
+</template>
+`;
+            }
+            return `<template>
+  <div>
+    <h1>Hello from Vue</h1>
+    <p>Vue demo page — running alongside ${primary}.</p>
+    <a href="/">← Back to home</a>
+  </div>
+</template>
+`;
+        case 'solid':
+            if (tailwind) {
+                return `import '@/index.css'
+
+export default function Page() {
+  return (
+    <div class="flex min-h-svh flex-col items-center justify-center gap-4 p-4">
+      <h1 class="text-2xl font-bold">Hello from Solid</h1>
+      <p class="text-muted-foreground">Solid demo page — running alongside ${primary}.</p>
+      <a href="/" class="text-sm underline">← Back to home</a>
+    </div>
+  )
+}
+`;
+            }
+            return `export default function Page() {
+  return (
+    <div>
+      <h1>Hello from Solid</h1>
+      <p>Solid demo page — running alongside ${primary}.</p>
+      <a href="/">← Back to home</a>
+    </div>
+  )
+}
+`;
+    }
+}
+//# sourceMappingURL=templates.js.map