Initial commit for Start9 packaging

workout-planner/app/auth/login/actions.ts

@@ -0,0 +1,48 @@
+'use server';
+
+import { redirect } from 'next/navigation';
+import { cookies } from 'next/headers';
+import { verifyPassword, createSession } from '@/lib/auth';
+import { prisma } from '@/lib/prisma';
+
+export async function loginAction(email: string, password: string) {
+  try {
+    // Look up user by email
+    const user = await prisma.user.findUnique({
+      where: { email },
+    });
+
+    if (!user) {
+      return { error: 'Invalid email or password' };
+    }
+
+    // Verify the password
+    const isValid = await verifyPassword(password, user.passwordHash);
+
+    if (!isValid) {
+      return { error: 'Invalid email or password' };
+    }
+
+    // Create a session
+    const session = await createSession(user.id);
+
+    // Set the session cookie
+    const cookieStore = await cookies();
+    cookieStore.set('sessionToken', session.token, {
+      httpOnly: true,
+      secure: process.env.NODE_ENV === 'production',
+      sameSite: 'lax',
+      maxAge: 60 * 60 * 24 * 30, // 30 days
+      path: '/',
+    });
+
+    return { success: true };
+  } catch (error) {
+    console.error('Login error:', error);
+    return { error: 'An error occurred during login' };
+  }
+}
+
+export async function redirectToDashboard() {
+  redirect('/main/dashboard');
+}

workout-planner/app/auth/login/page.tsx

@@ -0,0 +1,107 @@
+'use client';
+
+import { useState } from 'react';
+import { useRouter } from 'next/navigation';
+import { loginAction } from './actions';
+
+export default function LoginPage() {
+  const router = useRouter();
+  const [email, setEmail] = useState('');
+  const [password, setPassword] = useState('');
+  const [error, setError] = useState('');
+  const [loading, setLoading] = useState(false);
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    setError('');
+    setLoading(true);
+
+    try {
+      const result = await loginAction(email, password);
+
+      if (result.error) {
+        setError(result.error);
+        setLoading(false);
+        return;
+      }
+
+      if (result.success) {
+        router.push('/main/dashboard');
+      }
+    } catch (err) {
+      setError('An unexpected error occurred');
+      setLoading(false);
+    }
+  };
+
+  return (
+    <div className="min-h-screen bg-[#0A0A0A] flex items-center justify-center px-4">
+      <div className="w-full max-w-md">
+        <div className="bg-zinc-900 rounded border border-zinc-800 shadow-2xl">
+          <div className="flex flex-col space-y-2 p-8 text-center">
+            <h1 className="text-3xl font-bold leading-none tracking-tight text-white">
+              Workout Planner
+            </h1>
+            <p className="text-xs text-zinc-500 mt-2 uppercase tracking-widest">
+              Track. Lift. Dominate.
+            </p>
+          </div>
+
+          <div className="p-8 pt-6">
+            <form onSubmit={handleSubmit} className="space-y-5">
+              <div className="space-y-2">
+                <label htmlFor="email" className="text-xs font-semibold text-white uppercase tracking-wider">
+                  Email
+                </label>
+                <input
+                  id="email"
+                  type="email"
+                  placeholder="you@example.com"
+                  value={email}
+                  onChange={(e) => setEmail(e.target.value)}
+                  required
+                  className="w-full px-4 py-2.5 rounded border border-zinc-700 bg-zinc-800 text-white placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-0 focus:border-white transition-all"
+                  disabled={loading}
+                />
+              </div>
+
+              <div className="space-y-2">
+                <label htmlFor="password" className="text-xs font-semibold text-white uppercase tracking-wider">
+                  Password
+                </label>
+                <input
+                  id="password"
+                  type="password"
+                  placeholder="••••••••"
+                  value={password}
+                  onChange={(e) => setPassword(e.target.value)}
+                  required
+                  className="w-full px-4 py-2.5 rounded border border-zinc-700 bg-zinc-800 text-white placeholder:text-zinc-500 focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-0 focus:border-white transition-all"
+                  disabled={loading}
+                />
+              </div>
+
+              {error && (
+                <div className="rounded bg-red-900/50 px-4 py-3 border border-red-800 text-sm text-red-400">
+                  {error}
+                </div>
+              )}
+
+              <button
+                type="submit"
+                disabled={loading}
+                className="w-full py-2.5 px-4 rounded bg-white text-black font-bold text-sm uppercase tracking-wider transition-all duration-200 hover:bg-gray-100 disabled:bg-zinc-700 disabled:text-zinc-500 disabled:cursor-not-allowed"
+              >
+                {loading ? 'Signing in...' : 'Sign In'}
+              </button>
+            </form>
+          </div>
+        </div>
+
+        <p className="text-center text-xs text-zinc-600 mt-6 uppercase tracking-wider">
+          Demo: admin@example.com / password
+        </p>
+      </div>
+    </div>
+  );
+}