nextforge-cli 1.0.0

package/templates/auth/ldap/ldap-service.ts

@@ -0,0 +1,146 @@
+import ldap from 'ldapjs';
+import { logger } from '@/lib/logger';
+
+interface LDAPUser {
+  username: string;
+  email: string;
+  displayName: string;
+  dn: string;
+  groups?: string[];
+}
+
+class LDAPService {
+  private url: string;
+  private bindDN: string;
+  private bindPassword: string;
+  private searchBase: string;
+  private searchFilter: string;
+
+  constructor() {
+    this.url = process.env.LDAP_URL || 'ldap://localhost:389';
+    this.bindDN = process.env.LDAP_BIND_DN || '';
+    this.bindPassword = process.env.LDAP_BIND_PASSWORD || '';
+    this.searchBase = process.env.LDAP_SEARCH_BASE || '';
+    this.searchFilter = process.env.LDAP_SEARCH_FILTER || '(sAMAccountName={{username}})';
+  }
+
+  private createClient(): ldap.Client {
+    return ldap.createClient({
+      url: this.url,
+      connectTimeout: 5000,
+      timeout: 5000,
+    });
+  }
+
+  async authenticate(username: string, password: string): Promise<LDAPUser | null> {
+    const client = this.createClient();
+
+    return new Promise((resolve) => {
+      client.on('error', (err) => {
+        logger.error('LDAP connection error', { error: err.message });
+        resolve(null);
+      });
+
+      // Bind with service account
+      client.bind(this.bindDN, this.bindPassword, (err) => {
+        if (err) {
+          logger.error('LDAP bind error', { error: err.message });
+          client.unbind();
+          resolve(null);
+          return;
+        }
+
+        // Search for user
+        const filter = this.searchFilter.replace('{{username}}', username);
+        const opts: ldap.SearchOptions = {
+          scope: 'sub',
+          filter,
+          attributes: ['sAMAccountName', 'mail', 'cn', 'dn', 'memberOf'],
+        };
+
+        client.search(this.searchBase, opts, (err, res) => {
+          if (err) {
+            logger.error('LDAP search error', { error: err.message });
+            client.unbind();
+            resolve(null);
+            return;
+          }
+
+          let userEntry: ldap.SearchEntry | null = null;
+
+          res.on('searchEntry', (entry) => {
+            userEntry = entry;
+          });
+
+          res.on('error', (err) => {
+            logger.error('LDAP search result error', { error: err.message });
+            client.unbind();
+            resolve(null);
+          });
+
+          res.on('end', () => {
+            if (!userEntry) {
+              logger.warn('LDAP user not found', { username });
+              client.unbind();
+              resolve(null);
+              return;
+            }
+
+            const userDN = userEntry.objectName || '';
+
+            // Verify user password
+            client.bind(userDN, password, (err) => {
+              if (err) {
+                logger.warn('LDAP authentication failed', { username });
+                client.unbind();
+                resolve(null);
+                return;
+              }
+
+              const getAttribute = (name: string): string => {
+                const attr = userEntry!.attributes.find(
+                  (a) => a.type.toLowerCase() === name.toLowerCase()
+                );
+                return attr?.values?.[0]?.toString() || '';
+              };
+
+              const getGroups = (): string[] => {
+                const attr = userEntry!.attributes.find(
+                  (a) => a.type.toLowerCase() === 'memberof'
+                );
+                return attr?.values?.map((v) => v.toString()) || [];
+              };
+
+              const user: LDAPUser = {
+                username: getAttribute('sAMAccountName') || username,
+                email: getAttribute('mail'),
+                displayName: getAttribute('cn'),
+                dn: userDN,
+                groups: getGroups(),
+              };
+
+              logger.info('LDAP authentication successful', { username });
+              client.unbind();
+              resolve(user);
+            });
+          });
+        });
+      });
+    });
+  }
+
+  async testConnection(): Promise<boolean> {
+    const client = this.createClient();
+
+    return new Promise((resolve) => {
+      client.on('error', () => resolve(false));
+
+      client.bind(this.bindDN, this.bindPassword, (err) => {
+        client.unbind();
+        resolve(!err);
+      });
+    });
+  }
+}
+
+export const ldapService = new LDAPService();

package/templates/base/app/dashboard/page.tsx

@@ -0,0 +1,97 @@
+'use client'
+
+import { useEffect } from 'react'
+import { useRouter } from 'next/navigation'
+import { useAuthStore } from '@/lib/store'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Button } from '@/components/ui/button'
+
+export default function DashboardPage() {
+  const { user, isAuthenticated, logout } = useAuthStore()
+  const router = useRouter()
+
+  useEffect(() => {
+    if (!isAuthenticated) {
+      router.push('/login')
+    }
+  }, [isAuthenticated, router])
+
+  const handleLogout = async () => {
+    try {
+      const apiUrl = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:3000'
+      await fetch(`${apiUrl}/api/auth/logout`, {
+        method: 'POST',
+        credentials: 'include',
+      })
+    } catch (error) {
+      console.error('Logout error:', error)
+    }
+    logout()
+    router.push('/login')
+  }
+
+  if (!isAuthenticated) {
+    return null
+  }
+
+  return (
+    <div className="min-h-screen bg-gray-50 dark:bg-gray-900">
+      <header className="bg-white dark:bg-gray-800 shadow">
+        <div className="max-w-7xl mx-auto px-4 py-4 flex justify-between items-center">
+          <h1 className="text-xl font-semibold">Dashboard</h1>
+          <div className="flex items-center gap-4">
+            <span className="text-sm text-muted-foreground">
+              {user?.displayName || user?.username}
+            </span>
+            <Button variant="outline" size="sm" onClick={handleLogout}>
+              Logout
+            </Button>
+          </div>
+        </div>
+      </header>
+
+      <main className="max-w-7xl mx-auto px-4 py-8">
+        <div className="grid gap-6 md:grid-cols-2 lg:grid-cols-3">
+          <Card>
+            <CardHeader>
+              <CardTitle>Welcome Back!</CardTitle>
+              <CardDescription>
+                You're logged in as {user?.username}
+              </CardDescription>
+            </CardHeader>
+            <CardContent>
+              <div className="space-y-2 text-sm">
+                <p><strong>Email:</strong> {user?.email || 'Not set'}</p>
+                <p><strong>Role:</strong> {user?.role}</p>
+              </div>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle>Quick Stats</CardTitle>
+              <CardDescription>Your activity overview</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <p className="text-muted-foreground text-sm">
+                Add your dashboard widgets here
+              </p>
+            </CardContent>
+          </Card>
+
+          <Card>
+            <CardHeader>
+              <CardTitle>Recent Activity</CardTitle>
+              <CardDescription>Latest updates</CardDescription>
+            </CardHeader>
+            <CardContent>
+              <p className="text-muted-foreground text-sm">
+                No recent activity
+              </p>
+            </CardContent>
+          </Card>
+        </div>
+      </main>
+    </div>
+  )
+}

package/templates/base/app/globals.css

@@ -0,0 +1,59 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+  :root {
+    --background: 0 0% 100%;
+    --foreground: 222.2 84% 4.9%;
+    --card: 0 0% 100%;
+    --card-foreground: 222.2 84% 4.9%;
+    --popover: 0 0% 100%;
+    --popover-foreground: 222.2 84% 4.9%;
+    --primary: 222.2 47.4% 11.2%;
+    --primary-foreground: 210 40% 98%;
+    --secondary: 210 40% 96.1%;
+    --secondary-foreground: 222.2 47.4% 11.2%;
+    --muted: 210 40% 96.1%;
+    --muted-foreground: 215.4 16.3% 46.9%;
+    --accent: 210 40% 96.1%;
+    --accent-foreground: 222.2 47.4% 11.2%;
+    --destructive: 0 84.2% 60.2%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 214.3 31.8% 91.4%;
+    --input: 214.3 31.8% 91.4%;
+    --ring: 222.2 84% 4.9%;
+    --radius: 0.5rem;
+  }
+
+  .dark {
+    --background: 222.2 84% 4.9%;
+    --foreground: 210 40% 98%;
+    --card: 222.2 84% 4.9%;
+    --card-foreground: 210 40% 98%;
+    --popover: 222.2 84% 4.9%;
+    --popover-foreground: 210 40% 98%;
+    --primary: 210 40% 98%;
+    --primary-foreground: 222.2 47.4% 11.2%;
+    --secondary: 217.2 32.6% 17.5%;
+    --secondary-foreground: 210 40% 98%;
+    --muted: 217.2 32.6% 17.5%;
+    --muted-foreground: 215 20.2% 65.1%;
+    --accent: 217.2 32.6% 17.5%;
+    --accent-foreground: 210 40% 98%;
+    --destructive: 0 62.8% 30.6%;
+    --destructive-foreground: 210 40% 98%;
+    --border: 217.2 32.6% 17.5%;
+    --input: 217.2 32.6% 17.5%;
+    --ring: 212.7 26.8% 83.9%;
+  }
+}
+
+@layer base {
+  * {
+    @apply border-border;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}

package/templates/base/app/layout.tsx

@@ -0,0 +1,27 @@
+import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
+import './globals.css'
+import { Providers } from '@/providers/providers'
+
+const inter = Inter({ subsets: ['latin'] })
+
+export const metadata: Metadata = {
+  title: process.env.APP_NAME || 'My App',
+  description: 'Full-stack Next.js application',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en" suppressHydrationWarning>
+      <body className={inter.className}>
+        <Providers>
+          {children}
+        </Providers>
+      </body>
+    </html>
+  )
+}

package/templates/base/app/login/page.tsx

@@ -0,0 +1,118 @@
+'use client'
+
+import { useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { z } from 'zod'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { useAuthStore } from '@/lib/store'
+import Link from 'next/link'
+
+const loginSchema = z.object({
+  username: z.string().min(1, 'Username is required'),
+  password: z.string().min(1, 'Password is required'),
+})
+
+type LoginForm = z.infer<typeof loginSchema>
+
+export default function LoginPage() {
+  const [error, setError] = useState('')
+  const [loading, setLoading] = useState(false)
+  const router = useRouter()
+  const { setUser } = useAuthStore()
+
+  const { register, handleSubmit, formState: { errors } } = useForm<LoginForm>({
+    resolver: zodResolver(loginSchema),
+  })
+
+  const onSubmit = async (data: LoginForm) => {
+    setError('')
+    setLoading(true)
+
+    try {
+      const apiUrl = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:3000'
+      const res = await fetch(`${apiUrl}/api/auth/login`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify(data),
+        credentials: 'include',
+      })
+
+      const result = await res.json()
+
+      if (result.success) {
+        setUser(result.data.user)
+        router.push('/dashboard')
+        router.refresh()
+      } else {
+        setError(result.error || 'Login failed')
+      }
+    } catch (err) {
+      setError('Network error - please try again')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800">
+      <Card className="w-full max-w-md">
+        <CardHeader>
+          <CardTitle className="text-2xl text-center">Login</CardTitle>
+          <CardDescription className="text-center">
+            Enter your credentials to access your account
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="username">Username</Label>
+              <Input
+                id="username"
+                {...register('username')}
+                placeholder="Enter your username"
+              />
+              {errors.username && (
+                <p className="text-sm text-destructive">{errors.username.message}</p>
+              )}
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="password">Password</Label>
+              <Input
+                id="password"
+                type="password"
+                {...register('password')}
+                placeholder="Enter your password"
+              />
+              {errors.password && (
+                <p className="text-sm text-destructive">{errors.password.message}</p>
+              )}
+            </div>
+
+            {error && (
+              <div className="p-3 bg-destructive/10 border border-destructive/20 text-destructive rounded-md text-sm">
+                {error}
+              </div>
+            )}
+
+            <Button type="submit" className="w-full" disabled={loading}>
+              {loading ? 'Logging in...' : 'Login'}
+            </Button>
+
+            <p className="text-center text-sm text-muted-foreground">
+              Don't have an account?{' '}
+              <Link href="/register" className="text-primary hover:underline">
+                Register
+              </Link>
+            </p>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

package/templates/base/app/page.tsx

@@ -0,0 +1,48 @@
+'use client'
+
+import { useAuthStore } from '@/lib/store'
+import { Button } from '@/components/ui/button'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import Link from 'next/link'
+
+export default function HomePage() {
+  const { user, isAuthenticated } = useAuthStore()
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800">
+      <Card className="w-full max-w-md">
+        <CardHeader>
+          <CardTitle className="text-2xl text-center">Welcome</CardTitle>
+          <CardDescription className="text-center">
+            {isAuthenticated
+              ? `Hello, ${user?.displayName || user?.username}!`
+              : 'Get started with your full-stack app'}
+          </CardDescription>
+        </CardHeader>
+        <CardContent className="space-y-4">
+          {isAuthenticated ? (
+            <div className="text-center space-y-4">
+              <p className="text-sm text-muted-foreground">
+                You are logged in as <strong>{user?.username}</strong>
+              </p>
+              <div className="flex gap-2 justify-center">
+                <Button asChild>
+                  <Link href="/dashboard">Go to Dashboard</Link>
+                </Button>
+              </div>
+            </div>
+          ) : (
+            <div className="flex flex-col gap-2">
+              <Button asChild>
+                <Link href="/login">Login</Link>
+              </Button>
+              <Button variant="outline" asChild>
+                <Link href="/register">Create Account</Link>
+              </Button>
+            </div>
+          )}
+        </CardContent>
+      </Card>
+    </div>
+  )
+}

package/templates/base/app/register/page.tsx

@@ -0,0 +1,164 @@
+'use client'
+
+import { useState } from 'react'
+import { useRouter } from 'next/navigation'
+import { useForm } from 'react-hook-form'
+import { zodResolver } from '@hookform/resolvers/zod'
+import { z } from 'zod'
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'
+import { Button } from '@/components/ui/button'
+import { Input } from '@/components/ui/input'
+import { Label } from '@/components/ui/label'
+import { useAuthStore } from '@/lib/store'
+import Link from 'next/link'
+
+const registerSchema = z.object({
+  username: z.string().min(3, 'Username must be at least 3 characters'),
+  email: z.string().email('Invalid email address'),
+  password: z.string().min(8, 'Password must be at least 8 characters'),
+  confirmPassword: z.string(),
+  displayName: z.string().optional(),
+}).refine((data) => data.password === data.confirmPassword, {
+  message: "Passwords don't match",
+  path: ['confirmPassword'],
+})
+
+type RegisterForm = z.infer<typeof registerSchema>
+
+export default function RegisterPage() {
+  const [error, setError] = useState('')
+  const [loading, setLoading] = useState(false)
+  const router = useRouter()
+  const { setUser } = useAuthStore()
+
+  const { register, handleSubmit, formState: { errors } } = useForm<RegisterForm>({
+    resolver: zodResolver(registerSchema),
+  })
+
+  const onSubmit = async (data: RegisterForm) => {
+    setError('')
+    setLoading(true)
+
+    try {
+      const apiUrl = process.env.NEXT_PUBLIC_API_URL || 'http://localhost:3000'
+      const res = await fetch(`${apiUrl}/api/auth/register`, {
+        method: 'POST',
+        headers: { 'Content-Type': 'application/json' },
+        body: JSON.stringify({
+          username: data.username,
+          email: data.email,
+          password: data.password,
+          displayName: data.displayName,
+        }),
+        credentials: 'include',
+      })
+
+      const result = await res.json()
+
+      if (result.success) {
+        setUser(result.data.user)
+        router.push('/dashboard')
+        router.refresh()
+      } else {
+        setError(result.error || 'Registration failed')
+      }
+    } catch (err) {
+      setError('Network error - please try again')
+    } finally {
+      setLoading(false)
+    }
+  }
+
+  return (
+    <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-gray-100 to-gray-200 dark:from-gray-900 dark:to-gray-800">
+      <Card className="w-full max-w-md">
+        <CardHeader>
+          <CardTitle className="text-2xl text-center">Create Account</CardTitle>
+          <CardDescription className="text-center">
+            Enter your details to create a new account
+          </CardDescription>
+        </CardHeader>
+        <CardContent>
+          <form onSubmit={handleSubmit(onSubmit)} className="space-y-4">
+            <div className="space-y-2">
+              <Label htmlFor="username">Username</Label>
+              <Input
+                id="username"
+                {...register('username')}
+                placeholder="Choose a username"
+              />
+              {errors.username && (
+                <p className="text-sm text-destructive">{errors.username.message}</p>
+              )}
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="email">Email</Label>
+              <Input
+                id="email"
+                type="email"
+                {...register('email')}
+                placeholder="Enter your email"
+              />
+              {errors.email && (
+                <p className="text-sm text-destructive">{errors.email.message}</p>
+              )}
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="displayName">Display Name (optional)</Label>
+              <Input
+                id="displayName"
+                {...register('displayName')}
+                placeholder="How should we call you?"
+              />
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="password">Password</Label>
+              <Input
+                id="password"
+                type="password"
+                {...register('password')}
+                placeholder="Choose a strong password"
+              />
+              {errors.password && (
+                <p className="text-sm text-destructive">{errors.password.message}</p>
+              )}
+            </div>
+
+            <div className="space-y-2">
+              <Label htmlFor="confirmPassword">Confirm Password</Label>
+              <Input
+                id="confirmPassword"
+                type="password"
+                {...register('confirmPassword')}
+                placeholder="Confirm your password"
+              />
+              {errors.confirmPassword && (
+                <p className="text-sm text-destructive">{errors.confirmPassword.message}</p>
+              )}
+            </div>
+
+            {error && (
+              <div className="p-3 bg-destructive/10 border border-destructive/20 text-destructive rounded-md text-sm">
+                {error}
+              </div>
+            )}
+
+            <Button type="submit" className="w-full" disabled={loading}>
+              {loading ? 'Creating account...' : 'Create Account'}
+            </Button>
+
+            <p className="text-center text-sm text-muted-foreground">
+              Already have an account?{' '}
+              <Link href="/login" className="text-primary hover:underline">
+                Login
+              </Link>
+            </p>
+          </form>
+        </CardContent>
+      </Card>
+    </div>
+  )
+}