@digilogiclabs/create-saas-app 2.10.0 → 2.11.0

package/dist/templates/web/marketplace/template/src/lib/auth-session.ts

@@ -0,0 +1,52 @@
+/**
+ * Auth session adapter — demo implementation.
+ *
+ * Replace this file with a real provider when configuring your app:
+ *   - Keycloak:  import { auth } from '@/auth' (Auth.js)
+ *   - Supabase:  import { createClient } from '@/lib/supabase/server'
+ *   - Firebase:  import { getServerSession } from 'next-auth'
+ *
+ * The getSession() and getUser() exports are consumed by auth-server.ts
+ * and must return the same shape regardless of provider.
+ */
+import 'server-only'
+import { cookies } from 'next/headers'
+
+type SessionUser = {
+  id?: string
+  email?: string | null
+  name?: string | null
+  roles?: string[]
+}
+
+type Session = {
+  user?: SessionUser
+}
+
+/**
+ * Get the current session from cookies.
+ * Demo: reads a JSON cookie set at login. Replace with your auth provider.
+ */
+export async function getSession(): Promise<Session | null> {
+  const cookieStore = await cookies()
+  const sessionCookie = cookieStore.get('session')
+
+  if (!sessionCookie?.value) {
+    return null
+  }
+
+  try {
+    const session = JSON.parse(sessionCookie.value) as Session
+    return session
+  } catch {
+    return null
+  }
+}
+
+/**
+ * Get the current authenticated user, or null.
+ */
+export async function getUser(): Promise<SessionUser | null> {
+  const session = await getSession()
+  return session?.user ?? null
+}

package/dist/templates/web/micro-saas/template/src/app/api/auth/route.ts

@@ -0,0 +1,57 @@
+/**
+ * Demo auth API routes.
+ *
+ * POST /api/auth — Login or Signup
+ * DELETE /api/auth — Logout
+ *
+ * Replace with your real auth provider (Auth.js, Supabase Auth, etc.)
+ * when configuring your app for production.
+ */
+import { NextRequest, NextResponse } from 'next/server'
+import { cookies } from 'next/headers'
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json()
+    const { email, password, action } = body
+
+    if (!email || !password) {
+      return NextResponse.json(
+        { error: 'Email and password are required' },
+        { status: 400 }
+      )
+    }
+
+    // Demo: accept any email/password combination.
+    // Replace with real authentication (database lookup, bcrypt compare, etc.)
+    const user = {
+      id: crypto.randomUUID(),
+      email,
+      name: email.split('@')[0],
+    }
+
+    const session = JSON.stringify({ user })
+    const cookieStore = await cookies()
+
+    cookieStore.set('session', session, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      sameSite: 'lax',
+      path: '/',
+      maxAge: 60 * 60 * 24 * 7, // 7 days
+    })
+
+    return NextResponse.json({ user })
+  } catch {
+    return NextResponse.json(
+      { error: 'Authentication failed' },
+      { status: 500 }
+    )
+  }
+}
+
+export async function DELETE() {
+  const cookieStore = await cookies()
+  cookieStore.delete('session')
+  return NextResponse.json({ success: true })
+}

package/dist/templates/web/micro-saas/template/src/app/login/page.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import { useState } from 'react'
-import { useAuth } from '@digilogiclabs/app-sdk'
 import { Button, Card, CardContent } from '@digilogiclabs/saas-factory-ui'
 import { Zap } from 'lucide-react'
 import { useRouter } from 'next/navigation'
@@ -11,17 +10,29 @@ export default function LoginPage() {
   const [email, setEmail] = useState('')
   const [password, setPassword] = useState('')
   const [error, setError] = useState('')
-  const { signIn, loading } = useAuth()
+  const [loading, setLoading] = useState(false)
   const router = useRouter()
 
   const handleSubmit = async (e: React.FormEvent) => {
     e.preventDefault()
     setError('')
+    setLoading(true)
     try {
-      await signIn(email, password)
+      const res = await fetch('/api/auth', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email, password, action: 'login' }),
+      })
+      if (!res.ok) {
+        const data = await res.json()
+        throw new Error(data.error || 'Failed to sign in')
+      }
       router.push('/dashboard')
+      router.refresh()
     } catch (err) {
       setError(err instanceof Error ? err.message : 'Failed to sign in')
+    } finally {
+      setLoading(false)
     }
   }
 

package/dist/templates/web/micro-saas/template/src/app/signup/page.tsx

@@ -1,7 +1,6 @@
 'use client'
 
 import { useState } from 'react'
-import { useAuth } from '@digilogiclabs/app-sdk'
 import { Button, Card, CardContent } from '@digilogiclabs/saas-factory-ui'
 import { Zap } from 'lucide-react'
 import { useRouter } from 'next/navigation'
@@ -12,7 +11,7 @@ export default function SignupPage() {
   const [password, setPassword] = useState('')
   const [confirmPassword, setConfirmPassword] = useState('')
   const [error, setError] = useState('')
-  const { signUp, loading } = useAuth()
+  const [loading, setLoading] = useState(false)
   const router = useRouter()
 
   const handleSubmit = async (e: React.FormEvent) => {
@@ -22,11 +21,23 @@ export default function SignupPage() {
       setError('Passwords do not match')
       return
     }
+    setLoading(true)
     try {
-      await signUp(email, password)
+      const res = await fetch('/api/auth', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email, password, action: 'signup' }),
+      })
+      if (!res.ok) {
+        const data = await res.json()
+        throw new Error(data.error || 'Failed to create account')
+      }
       router.push('/dashboard')
+      router.refresh()
     } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to sign up')
+      setError(err instanceof Error ? err.message : 'Failed to create account')
+    } finally {
+      setLoading(false)
     }
   }
 

package/dist/templates/web/micro-saas/template/src/lib/auth-session.ts

@@ -0,0 +1,52 @@
+/**
+ * Auth session adapter — demo implementation.
+ *
+ * Replace this file with a real provider when configuring your app:
+ *   - Keycloak:  import { auth } from '@/auth' (Auth.js)
+ *   - Supabase:  import { createClient } from '@/lib/supabase/server'
+ *   - Firebase:  import { getServerSession } from 'next-auth'
+ *
+ * The getSession() and getUser() exports are consumed by auth-server.ts
+ * and must return the same shape regardless of provider.
+ */
+import 'server-only'
+import { cookies } from 'next/headers'
+
+type SessionUser = {
+  id?: string
+  email?: string | null
+  name?: string | null
+  roles?: string[]
+}
+
+type Session = {
+  user?: SessionUser
+}
+
+/**
+ * Get the current session from cookies.
+ * Demo: reads a JSON cookie set at login. Replace with your auth provider.
+ */
+export async function getSession(): Promise<Session | null> {
+  const cookieStore = await cookies()
+  const sessionCookie = cookieStore.get('session')
+
+  if (!sessionCookie?.value) {
+    return null
+  }
+
+  try {
+    const session = JSON.parse(sessionCookie.value) as Session
+    return session
+  } catch {
+    return null
+  }
+}
+
+/**
+ * Get the current authenticated user, or null.
+ */
+export async function getUser(): Promise<SessionUser | null> {
+  const session = await getSession()
+  return session?.user ?? null
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digilogiclabs/create-saas-app",
-  "version": "2.10.0",
+  "version": "2.11.0",
   "description": "Create modern SaaS applications with DLL Platform - tier-aware scaffolding with platform-core and app-sdk",
   "main": "dist/cli/index.js",
   "bin": {

package/src/templates/web/ai-platform/template/src/app/api/auth/route.ts

@@ -0,0 +1,57 @@
+/**
+ * Demo auth API routes.
+ *
+ * POST /api/auth — Login or Signup
+ * DELETE /api/auth — Logout
+ *
+ * Replace with your real auth provider (Auth.js, Supabase Auth, etc.)
+ * when configuring your app for production.
+ */
+import { NextRequest, NextResponse } from 'next/server'
+import { cookies } from 'next/headers'
+
+export async function POST(request: NextRequest) {
+  try {
+    const body = await request.json()
+    const { email, password, action } = body
+
+    if (!email || !password) {
+      return NextResponse.json(
+        { error: 'Email and password are required' },
+        { status: 400 }
+      )
+    }
+
+    // Demo: accept any email/password combination.
+    // Replace with real authentication (database lookup, bcrypt compare, etc.)
+    const user = {
+      id: crypto.randomUUID(),
+      email,
+      name: email.split('@')[0],
+    }
+
+    const session = JSON.stringify({ user })
+    const cookieStore = await cookies()
+
+    cookieStore.set('session', session, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      sameSite: 'lax',
+      path: '/',
+      maxAge: 60 * 60 * 24 * 7, // 7 days
+    })
+
+    return NextResponse.json({ user })
+  } catch {
+    return NextResponse.json(
+      { error: 'Authentication failed' },
+      { status: 500 }
+    )
+  }
+}
+
+export async function DELETE() {
+  const cookieStore = await cookies()
+  cookieStore.delete('session')
+  return NextResponse.json({ success: true })
+}

package/src/templates/web/ai-platform/template/src/app/login/page.tsx

@@ -0,0 +1,112 @@
+'use client'
+
+import { useState } from 'react'
+import { Button, Card, CardContent } from '@digilogiclabs/saas-factory-ui'
+import { Bot } from 'lucide-react'
+import { useRouter } from 'next/navigation'
+import Link from 'next/link'
+
+export default function LoginPage() {
+  const [email, setEmail] = useState('')
+  const [password, setPassword] = useState('')
+  const [error, setError] = useState('')
+  const [loading, setLoading] = useState(false)
+  const router = useRouter()
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    setError('')
+    setLoading(true)
+    try {
+      const res = await fetch('/api/auth', {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({ email, password, action: 'login' }),
+      })
+      if (!res.ok) {
+        const data = await res.json()
+        throw new Error(data.error || 'Failed to sign in')
+      }
+      router.push('/dashboard')
+      router.refresh()
+    } catch (err) {
+      setError(err instanceof Error ? err.message : 'Failed to sign in')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-background px-4">
+      <div className="w-full max-w-md">
+        {/* Logo */}
+        <Link href="/" className="flex items-center justify-center gap-2 mb-8 hover:opacity-80 transition-opacity">
+          <div className="w-10 h-10 rounded-xl bg-gradient-to-br from-brand-from via-brand-via to-brand-to flex items-center justify-center">
+            <Bot className="w-5 h-5 text-white" />
+          </div>
+          <span className="font-bold text-xl">AI Platform</span>
+        </Link>
+
+        <Card className="border border-border">
+          <CardContent className="p-8">
+            <div className="text-center mb-8">
+              <h1 className="text-2xl font-bold">Welcome back</h1>
+              <p className="text-muted-foreground mt-2">Sign in to access AI models</p>
+            </div>
+
+            {error && (
+              <div className="bg-destructive/10 text-destructive p-3 rounded-lg mb-6 text-sm" role="alert">
+                {error}
+              </div>
+            )}
+
+            <form onSubmit={handleSubmit} className="space-y-4">
+              <div>
+                <label htmlFor="email" className="block text-sm font-medium mb-1.5">
+                  Email
+                </label>
+                <input
+                  id="email"
+                  type="email"
+                  value={email}
+                  onChange={(e) => setEmail(e.target.value)}
+                  className="w-full px-3 py-2.5 rounded-lg border border-input bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent transition-shadow"
+                  placeholder="you@example.com"
+                  required
+                />
+              </div>
+
+              <div>
+                <label htmlFor="password" className="block text-sm font-medium mb-1.5">
+                  Password
+                </label>
+                <input
+                  id="password"
+                  type="password"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                  className="w-full px-3 py-2.5 rounded-lg border border-input bg-background text-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:border-transparent transition-shadow"
+                  placeholder="Enter your password"
+                  required
+                />
+              </div>
+
+              <Button type="submit" className="w-full h-11 text-base cursor-pointer hover:brightness-110 active:scale-[0.98] transition-all duration-200" disabled={loading}>
+                {loading ? 'Signing in...' : 'Sign In'}
+              </Button>
+            </form>
+
+            <div className="mt-6 text-center">
+              <p className="text-muted-foreground text-sm">
+                Don&apos;t have an account?{' '}
+                <Link href="/signup" className="text-primary hover:underline font-medium">
+                  Create an account
+                </Link>
+              </p>
+            </div>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  )
+}

package/src/templates/web/ai-platform/template/src/app/models/page.tsx

@@ -0,0 +1,186 @@
+'use client'
+
+import { useState } from 'react'
+import { Button, Card } from '@digilogiclabs/saas-factory-ui'
+import { Bot, MessageSquare, Code, Eye, Sparkles, Zap } from 'lucide-react'
+import Link from 'next/link'
+
+interface Model {
+  id: string
+  name: string
+  provider: 'OpenAI' | 'Anthropic' | 'Google'
+  description: string
+  capabilities: { label: string; icon: React.ComponentType<{ className?: string }> }[]
+  pricing: string
+  badge: string
+}
+
+const MODELS: Model[] = [
+  {
+    id: 'gpt-4o',
+    name: 'GPT-4o',
+    provider: 'OpenAI',
+    description: 'Most capable OpenAI model with vision and advanced reasoning.',
+    capabilities: [
+      { label: 'Chat', icon: MessageSquare },
+      { label: 'Code', icon: Code },
+      { label: 'Vision', icon: Eye },
+    ],
+    pricing: '~2.5M tokens/$1',
+    badge: 'bg-green-500/20 text-green-400',
+  },
+  {
+    id: 'gpt-4o-mini',
+    name: 'GPT-4o Mini',
+    provider: 'OpenAI',
+    description: 'Fast and affordable for everyday tasks and simple queries.',
+    capabilities: [
+      { label: 'Chat', icon: MessageSquare },
+      { label: 'Code', icon: Code },
+    ],
+    pricing: '~16.6M tokens/$1',
+    badge: 'bg-green-500/20 text-green-400',
+  },
+  {
+    id: 'claude-3-5-sonnet',
+    name: 'Claude 3.5 Sonnet',
+    provider: 'Anthropic',
+    description: 'Excellent at analysis, writing, and complex reasoning tasks.',
+    capabilities: [
+      { label: 'Chat', icon: MessageSquare },
+      { label: 'Code', icon: Code },
+      { label: 'Vision', icon: Eye },
+      { label: 'Analysis', icon: Sparkles },
+    ],
+    pricing: '~3.3M tokens/$1',
+    badge: 'bg-orange-500/20 text-orange-400',
+  },
+  {
+    id: 'claude-3-haiku',
+    name: 'Claude 3 Haiku',
+    provider: 'Anthropic',
+    description: 'Fastest Anthropic model, great for quick responses and automation.',
+    capabilities: [
+      { label: 'Chat', icon: MessageSquare },
+      { label: 'Code', icon: Code },
+    ],
+    pricing: '~20M tokens/$1',
+    badge: 'bg-orange-500/20 text-orange-400',
+  },
+  {
+    id: 'gemini-1-5-pro',
+    name: 'Gemini 1.5 Pro',
+    provider: 'Google',
+    description: 'Long context window with multimodal support from Google.',
+    capabilities: [
+      { label: 'Chat', icon: MessageSquare },
+      { label: 'Code', icon: Code },
+      { label: 'Vision', icon: Eye },
+      { label: 'Analysis', icon: Sparkles },
+    ],
+    pricing: '~4M tokens/$1',
+    badge: 'bg-blue-500/20 text-blue-400',
+  },
+  {
+    id: 'gemini-flash',
+    name: 'Gemini Flash',
+    provider: 'Google',
+    description: 'Ultra-fast responses with efficient token usage.',
+    capabilities: [
+      { label: 'Chat', icon: MessageSquare },
+      { label: 'Code', icon: Code },
+    ],
+    pricing: '~26.6M tokens/$1',
+    badge: 'bg-blue-500/20 text-blue-400',
+  },
+]
+
+const PROVIDERS = ['All', 'OpenAI', 'Anthropic', 'Google'] as const
+
+export default function ModelsPage() {
+  const [filter, setFilter] = useState<string>('All')
+
+  const filteredModels = filter === 'All'
+    ? MODELS
+    : MODELS.filter(m => m.provider === filter)
+
+  return (
+    <div className="min-h-screen bg-background">
+      <div className="max-w-7xl mx-auto px-4 py-8">
+        {/* Header */}
+        <div className="mb-8">
+          <h1 className="text-3xl font-bold text-foreground">AI Models</h1>
+          <p className="text-muted-foreground mt-1">
+            Browse available models and find the right one for your use case.
+          </p>
+        </div>
+
+        {/* Filter */}
+        <div className="flex flex-wrap gap-2 mb-8">
+          {PROVIDERS.map((provider) => (
+            <Button
+              key={provider}
+              variant={filter === provider ? 'default' : 'outline'}
+              size="sm"
+              onClick={() => setFilter(provider)}
+            >
+              {provider}
+            </Button>
+          ))}
+        </div>
+
+        {/* Models Grid */}
+        <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
+          {filteredModels.map((model) => (
+            <Card key={model.id} className="p-6 bg-secondary border-border flex flex-col">
+              <div className="flex items-start justify-between mb-3">
+                <div className="flex items-center gap-3">
+                  <div className="w-10 h-10 bg-primary/20 rounded-lg flex items-center justify-center">
+                    <Bot className="w-5 h-5 text-primary" />
+                  </div>
+                  <div>
+                    <h3 className="text-lg font-semibold text-foreground">{model.name}</h3>
+                    <span className={`text-xs font-medium px-2 py-0.5 rounded-full ${model.badge}`}>
+                      {model.provider}
+                    </span>
+                  </div>
+                </div>
+              </div>
+
+              <p className="text-sm text-muted-foreground mb-4 flex-1">
+                {model.description}
+              </p>
+
+              {/* Capabilities */}
+              <div className="flex flex-wrap gap-2 mb-4">
+                {model.capabilities.map((cap) => (
+                  <span
+                    key={cap.label}
+                    className="inline-flex items-center gap-1 text-xs px-2 py-1 bg-muted rounded-md text-muted-foreground"
+                  >
+                    <cap.icon className="w-3 h-3" />
+                    {cap.label}
+                  </span>
+                ))}
+              </div>
+
+              {/* Pricing */}
+              <div className="flex items-center gap-1 text-sm text-muted-foreground mb-4">
+                <Zap className="w-4 h-4 text-primary" />
+                <span>{model.pricing}</span>
+              </div>
+
+              {/* Action */}
+              <Link href={`/chat?model=${model.id}`}>
+                <Button className="w-full">
+                  <MessageSquare className="w-4 h-4 mr-2" />
+                  Try in Chat
+                </Button>
+              </Link>
+            </Card>
+          ))}
+        </div>
+      </div>
+    </div>
+  )
+}