npm - @chimerai/cli - Versions diffs - 0.2.73 - Mend

@chimerai/cli 0.2.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (129) hide show

package/LICENSE +21 -0
package/README.md +293 -0
package/dist/cli.d.ts +7 -0
package/dist/cli.d.ts.map +1 -0
package/dist/cli.js +317 -0
package/dist/commands/add.d.ts +11 -0
package/dist/commands/add.d.ts.map +1 -0
package/dist/commands/add.js +2126 -0
package/dist/commands/create.d.ts +12 -0
package/dist/commands/create.d.ts.map +1 -0
package/dist/commands/create.js +1703 -0
package/dist/commands/deploy.d.ts +11 -0
package/dist/commands/deploy.d.ts.map +1 -0
package/dist/commands/deploy.js +219 -0
package/dist/commands/dev.d.ts +17 -0
package/dist/commands/dev.d.ts.map +1 -0
package/dist/commands/dev.js +206 -0
package/dist/commands/doctor.d.ts +11 -0
package/dist/commands/doctor.d.ts.map +1 -0
package/dist/commands/doctor.js +728 -0
package/dist/commands/generate.d.ts +19 -0
package/dist/commands/generate.d.ts.map +1 -0
package/dist/commands/generate.js +429 -0
package/dist/commands/init.d.ts +11 -0
package/dist/commands/init.d.ts.map +1 -0
package/dist/commands/init.js +269 -0
package/dist/commands/list.d.ts +12 -0
package/dist/commands/list.d.ts.map +1 -0
package/dist/commands/list.js +328 -0
package/dist/commands/migrate.d.ts +14 -0
package/dist/commands/migrate.d.ts.map +1 -0
package/dist/commands/migrate.js +197 -0
package/dist/commands/plugin.d.ts +10 -0
package/dist/commands/plugin.d.ts.map +1 -0
package/dist/commands/plugin.js +239 -0
package/dist/commands/remove.d.ts +11 -0
package/dist/commands/remove.d.ts.map +1 -0
package/dist/commands/remove.js +472 -0
package/dist/commands/secret.d.ts +12 -0
package/dist/commands/secret.d.ts.map +1 -0
package/dist/commands/secret.js +102 -0
package/dist/commands/setup.d.ts +9 -0
package/dist/commands/setup.d.ts.map +1 -0
package/dist/commands/setup.js +788 -0
package/dist/commands/update.d.ts +14 -0
package/dist/commands/update.d.ts.map +1 -0
package/dist/commands/update.js +211 -0
package/dist/commands/use.d.ts +9 -0
package/dist/commands/use.d.ts.map +1 -0
package/dist/commands/use.js +51 -0
package/dist/index.d.ts +22 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +45 -0
package/dist/license.d.ts +55 -0
package/dist/license.d.ts.map +1 -0
package/dist/license.js +258 -0
package/dist/scanner.d.ts +31 -0
package/dist/scanner.d.ts.map +1 -0
package/dist/scanner.js +113 -0
package/dist/schema-manager.d.ts +26 -0
package/dist/schema-manager.d.ts.map +1 -0
package/dist/schema-manager.js +132 -0
package/dist/templates/admin.d.ts +49 -0
package/dist/templates/admin.d.ts.map +1 -0
package/dist/templates/admin.js +1358 -0
package/dist/templates/ai-routes.d.ts +17 -0
package/dist/templates/ai-routes.d.ts.map +1 -0
package/dist/templates/ai-routes.js +1130 -0
package/dist/templates/ai-service-tools.d.ts +22 -0
package/dist/templates/ai-service-tools.d.ts.map +1 -0
package/dist/templates/ai-service-tools.js +1424 -0
package/dist/templates/ai-service.d.ts +66 -0
package/dist/templates/ai-service.d.ts.map +1 -0
package/dist/templates/ai-service.js +2202 -0
package/dist/templates/api-routes.d.ts +108 -0
package/dist/templates/api-routes.d.ts.map +1 -0
package/dist/templates/api-routes.js +1219 -0
package/dist/templates/auth.d.ts +48 -0
package/dist/templates/auth.d.ts.map +1 -0
package/dist/templates/auth.js +381 -0
package/dist/templates/billing.d.ts +44 -0
package/dist/templates/billing.d.ts.map +1 -0
package/dist/templates/billing.js +551 -0
package/dist/templates/chat.d.ts +63 -0
package/dist/templates/chat.d.ts.map +1 -0
package/dist/templates/chat.js +1979 -0
package/dist/templates/components.d.ts +22 -0
package/dist/templates/components.d.ts.map +1 -0
package/dist/templates/components.js +672 -0
package/dist/templates/config.d.ts +6 -0
package/dist/templates/config.d.ts.map +1 -0
package/dist/templates/config.js +86 -0
package/dist/templates/docker.d.ts +25 -0
package/dist/templates/docker.d.ts.map +1 -0
package/dist/templates/docker.js +165 -0
package/dist/templates/gdpr.d.ts +16 -0
package/dist/templates/gdpr.d.ts.map +1 -0
package/dist/templates/gdpr.js +259 -0
package/dist/templates/index.d.ts +77 -0
package/dist/templates/index.d.ts.map +1 -0
package/dist/templates/index.js +339 -0
package/dist/templates/layout.d.ts +67 -0
package/dist/templates/layout.d.ts.map +1 -0
package/dist/templates/layout.js +670 -0
package/dist/templates/mfa.d.ts +23 -0
package/dist/templates/mfa.d.ts.map +1 -0
package/dist/templates/mfa.js +353 -0
package/dist/templates/middleware.d.ts +12 -0
package/dist/templates/middleware.d.ts.map +1 -0
package/dist/templates/middleware.js +116 -0
package/dist/templates/prisma.d.ts +35 -0
package/dist/templates/prisma.d.ts.map +1 -0
package/dist/templates/prisma.js +724 -0
package/dist/templates/provider-routes.d.ts +21 -0
package/dist/templates/provider-routes.d.ts.map +1 -0
package/dist/templates/provider-routes.js +1203 -0
package/dist/templates/rag.d.ts +48 -0
package/dist/templates/rag.d.ts.map +1 -0
package/dist/templates/rag.js +532 -0
package/dist/templates/widget.d.ts +64 -0
package/dist/templates/widget.d.ts.map +1 -0
package/dist/templates/widget.js +1360 -0
package/dist/utils/provider-db.d.ts +63 -0
package/dist/utils/provider-db.d.ts.map +1 -0
package/dist/utils/provider-db.js +300 -0
package/dist/utils.d.ts +78 -0
package/dist/utils.d.ts.map +1 -0
package/dist/utils.js +330 -0
package/package.json +60 -0

package/dist/templates/layout.js ADDED Viewed

@@ -0,0 +1,670 @@
+"use strict";
+/**
+ * Layout component templates for Next.js applications
+ * Generates root layouts with optional session providers and page routing
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.generateAppLayout = generateAppLayout;
+exports.generateAppLayoutWithAuth = generateAppLayoutWithAuth;
+exports.generateAppPage = generateAppPage;
+exports.generateAuthBasicLayout = generateAuthBasicLayout;
+exports.generateDashboardLayout = generateDashboardLayout;
+exports.generateDashboardPage = generateDashboardPage;
+exports.generateProfilePage = generateProfilePage;
+exports.generateUserProfileRoute = generateUserProfileRoute;
+exports.generateSettingsPage = generateSettingsPage;
+exports.generateUseAppNameHook = generateUseAppNameHook;
+/**
+ * Generates the root layout component for apps without auth
+ * Used as the base layout template when no session provider is needed
+ * @param projectName - Project name for page title
+ * @returns TypeScript/JSX content for app/layout.tsx
+ */
+function generateAppLayout(projectName = 'ChimerAI App') {
+    return `// @chimerai component=AppLayout version=1.0
+import './globals.css';
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+const inter = Inter({ subsets: ['latin'] });
+export const metadata: Metadata = {
+  title: '${projectName}',
+  description: 'Built with ChimerAI Kickstart',
+};
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+  );
+}
+`;
+}
+/**
+ * Generates the root layout component for apps with auth/session provider
+ * Wraps the app with SessionProvider for NextAuth integration
+ * @param projectName - Project name for page title
+ * @returns TypeScript/JSX content for app/layout.tsx with SessionProvider
+ */
+function generateAppLayoutWithAuth(projectName = 'ChimerAI App') {
+    return `// @chimerai component=AppLayoutWithAuth version=1.0
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import './globals.css';
+import { SessionProvider } from '@/components/SessionProvider';
+import { ThemeProvider } from 'next-themes';
+import { Toaster } from 'sonner';
+const inter = Inter({ subsets: ['latin'] });
+export const metadata: Metadata = {
+  title: '${projectName}',
+  description: 'AI Chat Platform powered by ChimerAI',
+};
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.className}>
+        <ThemeProvider attribute="class" defaultTheme="system" enableSystem>
+          <SessionProvider>
+            {children}
+          </SessionProvider>
+          <Toaster richColors position="top-right" />
+        </ThemeProvider>
+      </body>
+    </html>
+  );
+}
+`;
+}
+/**
+ * Generates the home page component that handles session-based routing
+ * Redirects unauthenticated users to /login, authenticated users to /dashboard
+ * Includes loading state with spinner animation
+ * @returns TypeScript/JSX content for app/page.tsx
+ */
+function generateAppPage() {
+    return `// @chimerai component=AppPage version=1.0
+'use client';
+import { useSession } from 'next-auth/react';
+import { useRouter } from 'next/navigation';
+import { useEffect } from 'react';
+export default function Home() {
+  const { data: session, status } = useSession();
+  const router = useRouter();
+  useEffect(() => {
+    if (status === 'loading') return;
+    if (!session) {
+      router.push('/auth/signin');
+    } else {
+      router.push('/dashboard');
+    }
+  }, [session, status, router]);
+  if (status === 'loading') {
+    return (
+      <main className="flex min-h-screen flex-col items-center justify-center p-24">
+        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
+      </main>
+    );
+  }
+  return null;
+}
+`;
+}
+/**
+ * Generates a basic root layout for auth routes (login, register)
+ * Used for layouts that don't need session providers (public routes)
+ * @returns TypeScript/JSX content for app/(auth)/layout.tsx
+ */
+function generateAuthBasicLayout() {
+    return `// @chimerai component=AuthBasicLayout version=1.0
+import type { Metadata } from 'next';
+import { Inter } from 'next/font/google';
+import '../globals.css';
+const inter = Inter({ subsets: ['latin'] });
+export const metadata: Metadata = {
+  title: 'Authentication',
+  description: 'Sign in to your account',
+};
+export default function AuthLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>
+        {children}
+      </body>
+    </html>
+  );
+}
+`;
+}
+/**
+ * Generates a dashboard layout with sidebar and main content area
+ * Provides structure for authenticated application pages
+ * @returns TypeScript/JSX content for app/(dashboard)/layout.tsx
+ */
+function generateDashboardLayout() {
+    return `// @chimerai component=DashboardLayout version=1.2
+'use client';
+import { useSession, signOut } from 'next-auth/react';
+import { redirect } from 'next/navigation';
+import { useEffect, useState } from 'react';
+import Link from 'next/link';
+import { useAppName } from '@/lib/use-app-name';
+export default function DashboardLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  const { data: session, status } = useSession();
+  const [isLoading, setIsLoading] = useState(true);
+  const [sidebarOpen, setSidebarOpen] = useState(false);
+  const appName = useAppName();
+  useEffect(() => {
+    if (status === 'loading') return;
+    if (!session) {
+      redirect('/auth/signin');
+    }
+    setIsLoading(false);
+  }, [session, status]);
+  useEffect(() => {
+    document.title = \`Dashboard — \${appName}\`;
+  }, [appName]);
+  if (isLoading || status === 'loading') {
+    return (
+      <div className="flex min-h-screen items-center justify-center">
+        <div className="animate-spin rounded-full h-12 w-12 border-b-2 border-blue-600"></div>
+      </div>
+    );
+  }
+  return (
+    <div className="flex min-h-screen bg-white dark:bg-gray-900">
+      {/* Mobile hamburger button */}
+      <button
+        onClick={() => setSidebarOpen(!sidebarOpen)}
+        className="fixed top-4 left-4 z-50 md:hidden p-2 rounded-lg bg-gray-100 dark:bg-gray-800 shadow"
+        aria-label="Toggle menu"
+      >
+        <svg className="h-5 w-5 dark:text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+          {sidebarOpen ? (
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M6 18L18 6M6 6l12 12" />
+          ) : (
+            <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M4 6h16M4 12h16M4 18h16" />
+          )}
+        </svg>
+      </button>
+      {/* Mobile overlay */}
+      {sidebarOpen && (
+        <div
+          className="fixed inset-0 z-30 bg-black/50 md:hidden"
+          onClick={() => setSidebarOpen(false)}
+        />
+      )}
+      {/* Sidebar */}
+      <aside className={\`fixed z-40 inset-y-0 left-0 w-64 border-r border-gray-200 dark:border-gray-700 bg-gray-50 dark:bg-gray-800 p-4 flex flex-col transform transition-transform duration-200 ease-in-out md:relative md:translate-x-0 \${sidebarOpen ? 'translate-x-0' : '-translate-x-full'}\`}>
+        <div className="mb-4 mt-12 md:mt-0">
+          <h2 className="text-lg font-bold dark:text-white">{appName}</h2>
+        </div>
+        <nav className="space-y-2 flex-1">
+          <Link href="/dashboard" onClick={() => setSidebarOpen(false)} className="block px-4 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 dark:text-gray-200">
+            Dashboard
+          </Link>
+          <Link href="/dashboard/profile" onClick={() => setSidebarOpen(false)} className="block px-4 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 dark:text-gray-200">
+            Profile
+          </Link>
+          <Link href="/dashboard/settings" onClick={() => setSidebarOpen(false)} className="block px-4 py-2 rounded hover:bg-gray-200 dark:hover:bg-gray-700 dark:text-gray-200">
+            Settings
+          </Link>
+        </nav>
+        <div className="border-t border-gray-200 dark:border-gray-700 pt-3">
+          <div className="px-4 py-1 text-xs text-gray-500 dark:text-gray-400 truncate mb-1">
+            {session?.user?.email}
+          </div>
+          <button
+            onClick={() => signOut({ callbackUrl: '/auth/signin' })}
+            className="w-full flex items-center gap-2 px-4 py-2 rounded text-sm text-red-600 dark:text-red-400 hover:bg-red-50 dark:hover:bg-red-900/20 transition-colors"
+          >
+            <svg className="h-4 w-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+              <path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1" />
+            </svg>
+            Sign out
+          </button>
+        </div>
+      </aside>
+      <main className="flex-1 p-8 pt-16 md:pt-8 dark:text-white">
+        {children}
+      </main>
+    </div>
+  );
+}
+`;
+}
+/**
+ * Generates the main dashboard page shown after login
+ * Displays welcome message, quick links to features, and system overview
+ * @returns TypeScript/JSX content for app/dashboard/page.tsx
+ */
+function generateDashboardPage(features = []) {
+    // Build links array based on selected features
+    const linkEntries = [
+        `    { href: '/dashboard/providers', label: 'AI Providers', icon: '🔌', description: 'Manage AI model providers and API keys' },`,
+    ];
+    if (features.includes('prompts')) {
+        linkEntries.push(`    { href: '/dashboard/prompts', label: 'Prompt Templates', icon: '📝', description: 'Create and manage system prompts' },`);
+    }
+    if (features.includes('chat')) {
+        linkEntries.push(`    { href: '/chat', label: 'Chat', icon: '💬', description: 'AI chat conversations' },`);
+    }
+    if (features.includes('admin')) {
+        linkEntries.push(`    { href: '/admin', label: 'Admin Panel', icon: '⚙️', description: 'User management, roles & permissions' },`);
+    }
+    // API-Key management is always available (widget infrastructure is always generated)
+    linkEntries.push(`    { href: '/settings/api-keys', label: 'API Keys', icon: '🔑', description: 'Manage API keys for widgets & external integrations' },`);
+    return `// @chimerai component=DashboardPage version=1.2
+'use client';
+import { useSession } from 'next-auth/react';
+import Link from 'next/link';
+export default function DashboardPage() {
+  const { data: session } = useSession();
+  const links = [
+${linkEntries.join('\n')}
+  ];
+  return (
+    <div className="container mx-auto py-8 px-4">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold mb-2 dark:text-white">
+          Welcome{session?.user?.name ? \`, \${session.user.name}\` : ''}!
+        </h1>
+        <p className="text-gray-600 dark:text-gray-400">Your ChimerAI Dashboard</p>
+      </div>
+      <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+        {links.map((link) => (
+          <Link
+            key={link.href}
+            href={link.href}
+            className="block p-6 bg-white dark:bg-gray-800 rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm hover:shadow-md hover:border-blue-300 dark:hover:border-blue-600 transition-all"
+          >
+            <div className="text-3xl mb-3">{link.icon}</div>
+            <h2 className="text-xl font-semibold mb-2 dark:text-white">{link.label}</h2>
+            <p className="text-gray-600 dark:text-gray-400 text-sm">{link.description}</p>
+          </Link>
+        ))}
+      </div>
+    </div>
+  );
+}
+`;
+}
+/**
+ * Generates the user profile page for the dashboard
+ * Displays current user info and allows basic profile editing
+ * @returns TypeScript/JSX content for app/dashboard/profile/page.tsx
+ */
+function generateProfilePage() {
+    return `// @chimerai component=ProfilePage version=1.0
+'use client';
+import { useSession } from 'next-auth/react';
+import { useState } from 'react';
+export default function ProfilePage() {
+  const { data: session, update } = useSession();
+  const [name, setName] = useState(session?.user?.name || '');
+  const [saving, setSaving] = useState(false);
+  const [message, setMessage] = useState('');
+  async function handleSave(e: React.FormEvent) {
+    e.preventDefault();
+    setSaving(true);
+    setMessage('');
+    try {
+      const res = await fetch('/api/user/profile', {
+        method: 'PUT',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ name }),
+      });
+      if (res.ok) {
+        await update({ name });
+        setMessage('Profile updated successfully!');
+      } else {
+        setMessage('Failed to update profile.');
+      }
+    } catch {
+      setMessage('An error occurred.');
+    } finally {
+      setSaving(false);
+    }
+  }
+  return (
+    <div className="container mx-auto py-8 px-4 max-w-2xl">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold mb-2 dark:text-white">Profile</h1>
+        <p className="text-gray-600 dark:text-gray-400">Manage your account information</p>
+      </div>
+      <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+        <form onSubmit={handleSave} className="space-y-6">
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Email</label>
+            <input
+              type="email"
+              value={session?.user?.email || ''}
+              disabled
+              className="w-full border dark:border-gray-600 rounded px-3 py-2 bg-gray-50 dark:bg-gray-700 text-gray-500 dark:text-gray-400"
+            />
+            <p className="text-xs text-gray-400 mt-1">Email cannot be changed</p>
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Name</label>
+            <input
+              type="text"
+              value={name}
+              onChange={(e) => setName(e.target.value)}
+              className="w-full border dark:border-gray-600 rounded px-3 py-2 dark:bg-gray-700 dark:text-white"
+              placeholder="Your name"
+            />
+          </div>
+          <div>
+            <label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-1">Role</label>
+            <input
+              type="text"
+              value={(session?.user?.roles as any)?.map((r: any) => r.name).join(', ') || 'user'}
+              disabled
+              className="w-full border dark:border-gray-600 rounded px-3 py-2 bg-gray-50 dark:bg-gray-700 text-gray-500 dark:text-gray-400"
+            />
+          </div>
+          {message && (
+            <p className={\`text-sm \${message.includes('success') ? 'text-green-600 dark:text-green-400' : 'text-red-600 dark:text-red-400'}\`}>
+              {message}
+            </p>
+          )}
+          <button
+            type="submit"
+            disabled={saving}
+            className="px-6 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50"
+          >
+            {saving ? 'Saving...' : 'Save Changes'}
+          </button>
+        </form>
+      </div>
+    </div>
+  );
+}
+`;
+}
+/**
+ * Generates the user profile API route for updating profile data
+ * @returns TypeScript content for app/api/user/profile/route.ts
+ */
+function generateUserProfileRoute() {
+    return `// @chimerai component=UserProfileRoute version=1.0
+import { NextRequest, NextResponse } from 'next/server';
+import { getServerSession } from 'next-auth';
+import { authOptions } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+export async function PUT(req: NextRequest) {
+  const session = await getServerSession(authOptions);
+  if (!session?.user?.id) {
+    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 });
+  }
+  try {
+    const body = await req.json();
+    const user = await prisma.user.update({
+      where: { id: session.user.id },
+      data: { name: body.name },
+    });
+    return NextResponse.json({ name: user.name });
+  } catch (error: any) {
+    console.error('Error updating profile:', error);
+    return NextResponse.json({ error: 'Failed to update profile' }, { status: 500 });
+  }
+}
+`;
+}
+/**
+ * Generates the dashboard settings page
+ * Allows users to configure personal preferences
+ * @returns TypeScript/JSX content for app/dashboard/settings/page.tsx
+ */
+function generateSettingsPage() {
+    return `// @chimerai component=SettingsPage version=1.1
+'use client';
+import { useState, useEffect } from 'react';
+import { signOut, useSession } from 'next-auth/react';
+import { useTheme } from 'next-themes';
+export default function SettingsPage() {
+  const { theme, setTheme, resolvedTheme } = useTheme();
+  const { data: session } = useSession();
+  const [mounted, setMounted] = useState(false);
+  const [deleteConfirm, setDeleteConfirm] = useState('');
+  const [deleting, setDeleting] = useState(false);
+  const [exporting, setExporting] = useState(false);
+  useEffect(() => setMounted(true), []);
+  const handleDataExport = async () => {
+    setExporting(true);
+    try {
+      const res = await fetch('/api/user/data-export');
+      if (res.ok) {
+        const blob = await res.blob();
+        const url = URL.createObjectURL(blob);
+        const a = document.createElement('a');
+        a.href = url;
+        a.download = 'my-data-export.json';
+        a.click();
+        URL.revokeObjectURL(url);
+      }
+    } catch (err) {
+      console.error('Export failed:', err);
+    } finally {
+      setExporting(false);
+    }
+  };
+  const handleDeleteAccount = async () => {
+    if (!session?.user?.email || deleteConfirm !== session.user.email) return;
+    setDeleting(true);
+    try {
+      const res = await fetch('/api/user/account', {
+        method: 'DELETE',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ confirmation: deleteConfirm }),
+      });
+      if (res.ok) {
+        signOut({ callbackUrl: '/auth/signin' });
+      }
+    } catch (err) {
+      console.error('Delete failed:', err);
+    } finally {
+      setDeleting(false);
+    }
+  };
+  return (
+    <div className="container mx-auto py-8 px-4 max-w-2xl">
+      <div className="mb-8">
+        <h1 className="text-3xl font-bold mb-2 dark:text-white">Settings</h1>
+        <p className="text-gray-600 dark:text-gray-400">Manage your preferences</p>
+      </div>
+      <div className="space-y-6">
+        {/* Appearance */}
+        <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+          <h2 className="text-xl font-semibold mb-4 dark:text-white">Appearance</h2>
+          <div className="flex items-center justify-between py-3">
+            <div>
+              <p className="font-medium dark:text-white">Theme</p>
+              <p className="text-sm text-gray-500 dark:text-gray-400">Choose your preferred theme</p>
+            </div>
+            {mounted ? (
+              <select
+                value={theme}
+                onChange={(e) => setTheme(e.target.value)}
+                className="border rounded px-3 py-2 dark:bg-gray-700 dark:border-gray-600 dark:text-white"
+              >
+                <option value="light">Light</option>
+                <option value="dark">Dark</option>
+                <option value="system">System</option>
+              </select>
+            ) : (
+              <div className="w-24 h-10 bg-gray-200 dark:bg-gray-700 rounded animate-pulse" />
+            )}
+          </div>
+        </div>
+        {/* Privacy & Data */}
+        <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6">
+          <h2 className="text-xl font-semibold mb-4 dark:text-white">🔒 Privacy & Data</h2>
+          <div className="space-y-4">
+            <div className="flex items-center justify-between py-3">
+              <div>
+                <p className="font-medium dark:text-white">Export My Data</p>
+                <p className="text-sm text-gray-500 dark:text-gray-400">Download all your data as a JSON file</p>
+              </div>
+              <button
+                onClick={handleDataExport}
+                disabled={exporting}
+                className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 disabled:opacity-50"
+              >
+                {exporting ? 'Exporting...' : 'Export Data'}
+              </button>
+            </div>
+          </div>
+        </div>
+        {/* Danger Zone */}
+        <div className="bg-white dark:bg-gray-800 rounded-lg shadow p-6 border border-red-200 dark:border-red-800">
+          <h2 className="text-xl font-semibold mb-4 text-red-600">Danger Zone</h2>
+          <div className="flex items-center justify-between py-3">
+            <div>
+              <p className="font-medium dark:text-white">Sign Out</p>
+              <p className="text-sm text-gray-500 dark:text-gray-400">Sign out of your account on this device</p>
+            </div>
+            <button
+              onClick={() => signOut({ callbackUrl: '/auth/signin' })}
+              className="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700"
+            >
+              Sign Out
+            </button>
+          </div>
+          <hr className="my-4 dark:border-gray-700" />
+          <div className="py-3">
+            <p className="font-medium dark:text-white">Delete Account</p>
+            <p className="text-sm text-gray-500 dark:text-gray-400 mb-3">
+              Permanently delete your account and all associated data. This cannot be undone.
+            </p>
+            <div className="flex gap-2">
+              <input
+                type="text"
+                value={deleteConfirm}
+                onChange={(e) => setDeleteConfirm(e.target.value)}
+                placeholder="Type your email to confirm"
+                className="flex-1 px-3 py-2 border rounded dark:bg-gray-700 dark:border-gray-600 dark:text-white text-sm"
+              />
+              <button
+                onClick={handleDeleteAccount}
+                disabled={deleting || deleteConfirm !== session?.user?.email}
+                className="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 disabled:opacity-50"
+              >
+                {deleting ? 'Deleting...' : 'Delete Account'}
+              </button>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}
+`;
+}
+/**
+ * Generates the useAppName hook.
+ * Client-side hook that fetches app name from /api/app-settings with module-level cache.
+ * @returns TypeScript content for lib/use-app-name.ts
+ */
+function generateUseAppNameHook() {
+    return `// @chimerai component=UseAppName version=1.0
+'use client';
+import { useState, useEffect } from 'react';
+const DEFAULT_NAME = 'ChimerAI';
+let cachedName: string | null = null;
+export function useAppName() {
+  const [appName, setAppName] = useState(cachedName || DEFAULT_NAME);
+  useEffect(() => {
+    if (cachedName) {
+      setAppName(cachedName);
+      return;
+    }
+    fetch('/api/app-settings')
+      .then((res) => res.json())
+      .then((data) => {
+        const name = data.appName || DEFAULT_NAME;
+        cachedName = name;
+        setAppName(name);
+      })
+      .catch(() => {
+        setAppName(DEFAULT_NAME);
+      });
+  }, []);
+  return appName;
+}
+`;
+}

package/dist/templates/mfa.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+/**
+ * MFA (Multi-Factor Authentication) Templates
+ * TOTP-based 2FA using otpauth + qrcode
+ */
+/** lib/mfa.ts — TOTP helpers */
+export declare function generateMfaLib(): string;
+/** app/api/mfa/setup/route.ts — generate TOTP secret */
+export declare function generateMfaSetupRoute(): string;
+/** app/api/mfa/verify/route.ts — confirm TOTP code to enable MFA */
+export declare function generateMfaVerifyRoute(): string;
+/** app/api/mfa/disable/route.ts — disable MFA */
+export declare function generateMfaDisableRoute(): string;
+/** app/(app)/settings/mfa/page.tsx — MFA setup UI */
+export declare function generateMfaPage(): string;
+/**
+ * Prisma schema extension: adds mfaSecret + mfaEnabled to User model
+ * and creates a standalone MfaBackupCode model for recovery codes.
+ * SQLite-safe: no @db.Text, no Json, no arrays.
+ */
+export declare const MFA_SCHEMA_EXTENSION = "\n  mfaSecret       String?\n  mfaEnabled      Boolean @default(false)\n\nmodel MfaBackupCode {\n  id        String   @id @default(cuid())\n  userId    String\n  codeHash  String\n  usedAt    DateTime?\n  createdAt DateTime @default(now())\n  user      User     @relation(fields: [userId], references: [id], onDelete: Cascade)\n\n  @@index([userId])\n}\n";
+/** Fields to patch onto the User model (added by extendPrismaSchema) */
+export declare const MFA_USER_FIELDS = "\n  mfaSecret       String?\n  mfaEnabled      Boolean  @default(false)\n  mfaBackupCodes  MfaBackupCode[]\n";
+//# sourceMappingURL=mfa.d.ts.map

package/dist/templates/mfa.d.ts.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"mfa.d.ts","sourceRoot":"","sources":["../../src/templates/mfa.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,gCAAgC;AAChC,wBAAgB,cAAc,IAAI,MAAM,CAmDvC;AAED,wDAAwD;AACxD,wBAAgB,qBAAqB,IAAI,MAAM,CAyB9C;AAED,oEAAoE;AACpE,wBAAgB,sBAAsB,IAAI,MAAM,CAsC/C;AAED,iDAAiD;AACjD,wBAAgB,uBAAuB,IAAI,MAAM,CAsChD;AAED,qDAAqD;AACrD,wBAAgB,eAAe,IAAI,MAAM,CAyJxC;AAED;;;;GAIG;AACH,eAAO,MAAM,oBAAoB,uWAchC,CAAC;AAEF,wEAAwE;AACxE,eAAO,MAAM,eAAe,iHAI3B,CAAC"}