Loading...
@@ -41,11 +47,6 @@ export default function ProfilePage() {
);
}
- if (!session) {
- router.push("/");
- return null;
- }
-
const user = session.user;
const createdDate = user.createdAt
? new Date(user.createdAt).toLocaleDateString("en-US", {
diff --git a/create-agentic-app/template/src/components/auth/forgot-password-form.tsx b/create-agentic-app/template/src/components/auth/forgot-password-form.tsx
new file mode 100644
index 0000000..b8f1dd8
--- /dev/null
+++ b/create-agentic-app/template/src/components/auth/forgot-password-form.tsx
@@ -0,0 +1,83 @@
+"use client"
+
+import { useState } from "react"
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { requestPasswordReset } from "@/lib/auth-client"
+
+export function ForgotPasswordForm() {
+ const [email, setEmail] = useState("")
+ const [error, setError] = useState("")
+ const [success, setSuccess] = useState(false)
+ const [isPending, setIsPending] = useState(false)
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setError("")
+ setIsPending(true)
+
+ try {
+ const result = await requestPasswordReset({
+ email,
+ redirectTo: "/reset-password",
+ })
+
+ if (result.error) {
+ setError(result.error.message || "Failed to send reset email")
+ } else {
+ setSuccess(true)
+ }
+ } catch {
+ setError("An unexpected error occurred")
+ } finally {
+ setIsPending(false)
+ }
+ }
+
+ if (success) {
+ return (
+
+
+ If an account exists with that email, a password reset link has been sent.
+ Check your terminal for the reset URL.
+
+
+
+
+
+ )
+ }
+
+ return (
+
+ )
+}
diff --git a/create-agentic-app/template/src/components/auth/reset-password-form.tsx b/create-agentic-app/template/src/components/auth/reset-password-form.tsx
new file mode 100644
index 0000000..ff66d3a
--- /dev/null
+++ b/create-agentic-app/template/src/components/auth/reset-password-form.tsx
@@ -0,0 +1,107 @@
+"use client"
+
+import { useState } from "react"
+import Link from "next/link"
+import { useRouter, useSearchParams } from "next/navigation"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { resetPassword } from "@/lib/auth-client"
+
+export function ResetPasswordForm() {
+ const router = useRouter()
+ const searchParams = useSearchParams()
+ const token = searchParams.get("token")
+ const error = searchParams.get("error")
+
+ const [password, setPassword] = useState("")
+ const [confirmPassword, setConfirmPassword] = useState("")
+ const [formError, setFormError] = useState("")
+ const [isPending, setIsPending] = useState(false)
+
+ if (error === "invalid_token" || !token) {
+ return (
+
+
+ {error === "invalid_token"
+ ? "This password reset link is invalid or has expired."
+ : "No reset token provided."}
+
+
+
+
+
+ )
+ }
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setFormError("")
+
+ if (password !== confirmPassword) {
+ setFormError("Passwords do not match")
+ return
+ }
+
+ if (password.length < 8) {
+ setFormError("Password must be at least 8 characters")
+ return
+ }
+
+ setIsPending(true)
+
+ try {
+ const result = await resetPassword({
+ newPassword: password,
+ token,
+ })
+
+ if (result.error) {
+ setFormError(result.error.message || "Failed to reset password")
+ } else {
+ router.push("/login?reset=success")
+ }
+ } catch {
+ setFormError("An unexpected error occurred")
+ } finally {
+ setIsPending(false)
+ }
+ }
+
+ return (
+
+ )
+}
diff --git a/create-agentic-app/template/src/components/auth/sign-in-button.tsx b/create-agentic-app/template/src/components/auth/sign-in-button.tsx
index 7bed448..8899f0d 100644
--- a/create-agentic-app/template/src/components/auth/sign-in-button.tsx
+++ b/create-agentic-app/template/src/components/auth/sign-in-button.tsx
@@ -1,29 +1,97 @@
-"use client";
+"use client"
-import { Button } from "@/components/ui/button";
-import { signIn, useSession } from "@/lib/auth-client";
+import { useState } from "react"
+import Link from "next/link"
+import { useRouter } from "next/navigation"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { signIn, useSession } from "@/lib/auth-client"
export function SignInButton() {
- const { data: session, isPending } = useSession();
+ const { data: session, isPending: sessionPending } = useSession()
+ const router = useRouter()
+ const [email, setEmail] = useState("")
+ const [password, setPassword] = useState("")
+ const [error, setError] = useState("")
+ const [isPending, setIsPending] = useState(false)
- if (isPending) {
- return
;
+ if (sessionPending) {
+ return
}
if (session) {
- return null;
+ return null
+ }
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setError("")
+ setIsPending(true)
+
+ try {
+ const result = await signIn.email({
+ email,
+ password,
+ callbackURL: "/dashboard",
+ })
+
+ if (result.error) {
+ setError(result.error.message || "Failed to sign in")
+ } else {
+ router.push("/dashboard")
+ router.refresh()
+ }
+ } catch {
+ setError("An unexpected error occurred")
+ } finally {
+ setIsPending(false)
+ }
}
return (
-
- );
+
+ )
}
diff --git a/create-agentic-app/template/src/components/auth/sign-up-form.tsx b/create-agentic-app/template/src/components/auth/sign-up-form.tsx
new file mode 100644
index 0000000..92038aa
--- /dev/null
+++ b/create-agentic-app/template/src/components/auth/sign-up-form.tsx
@@ -0,0 +1,121 @@
+"use client"
+
+import { useState } from "react"
+import Link from "next/link"
+import { useRouter } from "next/navigation"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { signUp } from "@/lib/auth-client"
+
+export function SignUpForm() {
+ const router = useRouter()
+ const [name, setName] = useState("")
+ const [email, setEmail] = useState("")
+ const [password, setPassword] = useState("")
+ const [confirmPassword, setConfirmPassword] = useState("")
+ const [error, setError] = useState("")
+ const [isPending, setIsPending] = useState(false)
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setError("")
+
+ if (password !== confirmPassword) {
+ setError("Passwords do not match")
+ return
+ }
+
+ if (password.length < 8) {
+ setError("Password must be at least 8 characters")
+ return
+ }
+
+ setIsPending(true)
+
+ try {
+ const result = await signUp.email({
+ name,
+ email,
+ password,
+ callbackURL: "/dashboard",
+ })
+
+ if (result.error) {
+ setError(result.error.message || "Failed to create account")
+ } else {
+ router.push("/dashboard")
+ router.refresh()
+ }
+ } catch {
+ setError("An unexpected error occurred")
+ } finally {
+ setIsPending(false)
+ }
+ }
+
+ return (
+
+ )
+}
diff --git a/create-agentic-app/template/src/components/auth/user-profile.tsx b/create-agentic-app/template/src/components/auth/user-profile.tsx
index 34f0ec5..09b44ee 100644
--- a/create-agentic-app/template/src/components/auth/user-profile.tsx
+++ b/create-agentic-app/template/src/components/auth/user-profile.tsx
@@ -4,6 +4,7 @@ import Link from "next/link";
import { useRouter } from "next/navigation";
import { User, LogOut } from "lucide-react";
import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
@@ -13,7 +14,6 @@ import {
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import { useSession, signOut } from "@/lib/auth-client";
-import { SignInButton } from "./sign-in-button";
export function UserProfile() {
const { data: session, isPending } = useSession();
@@ -25,8 +25,15 @@ export function UserProfile() {
if (!session) {
return (
-
-
+
+
+
+
+
+
+
);
}
diff --git a/create-agentic-app/template/src/lib/auth-client.ts b/create-agentic-app/template/src/lib/auth-client.ts
index 951c086..3afa911 100644
--- a/create-agentic-app/template/src/lib/auth-client.ts
+++ b/create-agentic-app/template/src/lib/auth-client.ts
@@ -10,4 +10,7 @@ export const {
signUp,
useSession,
getSession,
+ requestPasswordReset,
+ resetPassword,
+ sendVerificationEmail,
} = authClient
\ No newline at end of file
diff --git a/create-agentic-app/template/src/lib/auth.ts b/create-agentic-app/template/src/lib/auth.ts
index 731a7ed..1deb11f 100644
--- a/create-agentic-app/template/src/lib/auth.ts
+++ b/create-agentic-app/template/src/lib/auth.ts
@@ -6,10 +6,20 @@ export const auth = betterAuth({
database: drizzleAdapter(db, {
provider: "pg",
}),
- socialProviders: {
- google: {
- clientId: process.env.GOOGLE_CLIENT_ID as string,
- clientSecret: process.env.GOOGLE_CLIENT_SECRET as string,
+ emailAndPassword: {
+ enabled: true,
+ sendResetPassword: async ({ user, url }) => {
+ // Log password reset URL to terminal (no email integration yet)
+ // eslint-disable-next-line no-console
+ console.log(`\n${"=".repeat(60)}\nPASSWORD RESET REQUEST\nUser: ${user.email}\nReset URL: ${url}\n${"=".repeat(60)}\n`)
+ },
+ },
+ emailVerification: {
+ sendOnSignUp: true,
+ sendVerificationEmail: async ({ user, url }) => {
+ // Log verification URL to terminal (no email integration yet)
+ // eslint-disable-next-line no-console
+ console.log(`\n${"=".repeat(60)}\nEMAIL VERIFICATION\nUser: ${user.email}\nVerification URL: ${url}\n${"=".repeat(60)}\n`)
},
},
})
\ No newline at end of file
diff --git a/drizzle/0001_last_warpath.sql b/drizzle/0001_last_warpath.sql
new file mode 100644
index 0000000..494dd8a
--- /dev/null
+++ b/drizzle/0001_last_warpath.sql
@@ -0,0 +1,5 @@
+CREATE INDEX "account_user_id_idx" ON "account" USING btree ("user_id");--> statement-breakpoint
+CREATE INDEX "account_provider_account_idx" ON "account" USING btree ("provider_id","account_id");--> statement-breakpoint
+CREATE INDEX "session_user_id_idx" ON "session" USING btree ("user_id");--> statement-breakpoint
+CREATE INDEX "session_token_idx" ON "session" USING btree ("token");--> statement-breakpoint
+CREATE INDEX "user_email_idx" ON "user" USING btree ("email");
\ No newline at end of file
diff --git a/drizzle/meta/0001_snapshot.json b/drizzle/meta/0001_snapshot.json
new file mode 100644
index 0000000..9d6fc79
--- /dev/null
+++ b/drizzle/meta/0001_snapshot.json
@@ -0,0 +1,410 @@
+{
+ "id": "5737c145-8057-43dd-b149-155148e3dac7",
+ "prevId": "56cf4573-0efe-4f7d-908f-0c7cb0ac0739",
+ "version": "7",
+ "dialect": "postgresql",
+ "tables": {
+ "public.account": {
+ "name": "account",
+ "schema": "",
+ "columns": {
+ "id": {
+ "name": "id",
+ "type": "text",
+ "primaryKey": true,
+ "notNull": true
+ },
+ "account_id": {
+ "name": "account_id",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "provider_id": {
+ "name": "provider_id",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "user_id": {
+ "name": "user_id",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "access_token": {
+ "name": "access_token",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "refresh_token": {
+ "name": "refresh_token",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "id_token": {
+ "name": "id_token",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "access_token_expires_at": {
+ "name": "access_token_expires_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "refresh_token_expires_at": {
+ "name": "refresh_token_expires_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "scope": {
+ "name": "scope",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "password": {
+ "name": "password",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "created_at": {
+ "name": "created_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true,
+ "default": "now()"
+ },
+ "updated_at": {
+ "name": "updated_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true
+ }
+ },
+ "indexes": {
+ "account_user_id_idx": {
+ "name": "account_user_id_idx",
+ "columns": [
+ {
+ "expression": "user_id",
+ "isExpression": false,
+ "asc": true,
+ "nulls": "last"
+ }
+ ],
+ "isUnique": false,
+ "concurrently": false,
+ "method": "btree",
+ "with": {}
+ },
+ "account_provider_account_idx": {
+ "name": "account_provider_account_idx",
+ "columns": [
+ {
+ "expression": "provider_id",
+ "isExpression": false,
+ "asc": true,
+ "nulls": "last"
+ },
+ {
+ "expression": "account_id",
+ "isExpression": false,
+ "asc": true,
+ "nulls": "last"
+ }
+ ],
+ "isUnique": false,
+ "concurrently": false,
+ "method": "btree",
+ "with": {}
+ }
+ },
+ "foreignKeys": {
+ "account_user_id_user_id_fk": {
+ "name": "account_user_id_user_id_fk",
+ "tableFrom": "account",
+ "tableTo": "user",
+ "columnsFrom": [
+ "user_id"
+ ],
+ "columnsTo": [
+ "id"
+ ],
+ "onDelete": "cascade",
+ "onUpdate": "no action"
+ }
+ },
+ "compositePrimaryKeys": {},
+ "uniqueConstraints": {},
+ "policies": {},
+ "checkConstraints": {},
+ "isRLSEnabled": false
+ },
+ "public.session": {
+ "name": "session",
+ "schema": "",
+ "columns": {
+ "id": {
+ "name": "id",
+ "type": "text",
+ "primaryKey": true,
+ "notNull": true
+ },
+ "expires_at": {
+ "name": "expires_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "token": {
+ "name": "token",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "created_at": {
+ "name": "created_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true,
+ "default": "now()"
+ },
+ "updated_at": {
+ "name": "updated_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "ip_address": {
+ "name": "ip_address",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "user_agent": {
+ "name": "user_agent",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "user_id": {
+ "name": "user_id",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": true
+ }
+ },
+ "indexes": {
+ "session_user_id_idx": {
+ "name": "session_user_id_idx",
+ "columns": [
+ {
+ "expression": "user_id",
+ "isExpression": false,
+ "asc": true,
+ "nulls": "last"
+ }
+ ],
+ "isUnique": false,
+ "concurrently": false,
+ "method": "btree",
+ "with": {}
+ },
+ "session_token_idx": {
+ "name": "session_token_idx",
+ "columns": [
+ {
+ "expression": "token",
+ "isExpression": false,
+ "asc": true,
+ "nulls": "last"
+ }
+ ],
+ "isUnique": false,
+ "concurrently": false,
+ "method": "btree",
+ "with": {}
+ }
+ },
+ "foreignKeys": {
+ "session_user_id_user_id_fk": {
+ "name": "session_user_id_user_id_fk",
+ "tableFrom": "session",
+ "tableTo": "user",
+ "columnsFrom": [
+ "user_id"
+ ],
+ "columnsTo": [
+ "id"
+ ],
+ "onDelete": "cascade",
+ "onUpdate": "no action"
+ }
+ },
+ "compositePrimaryKeys": {},
+ "uniqueConstraints": {
+ "session_token_unique": {
+ "name": "session_token_unique",
+ "nullsNotDistinct": false,
+ "columns": [
+ "token"
+ ]
+ }
+ },
+ "policies": {},
+ "checkConstraints": {},
+ "isRLSEnabled": false
+ },
+ "public.user": {
+ "name": "user",
+ "schema": "",
+ "columns": {
+ "id": {
+ "name": "id",
+ "type": "text",
+ "primaryKey": true,
+ "notNull": true
+ },
+ "name": {
+ "name": "name",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "email": {
+ "name": "email",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "email_verified": {
+ "name": "email_verified",
+ "type": "boolean",
+ "primaryKey": false,
+ "notNull": true,
+ "default": false
+ },
+ "image": {
+ "name": "image",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": false
+ },
+ "created_at": {
+ "name": "created_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true,
+ "default": "now()"
+ },
+ "updated_at": {
+ "name": "updated_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true,
+ "default": "now()"
+ }
+ },
+ "indexes": {
+ "user_email_idx": {
+ "name": "user_email_idx",
+ "columns": [
+ {
+ "expression": "email",
+ "isExpression": false,
+ "asc": true,
+ "nulls": "last"
+ }
+ ],
+ "isUnique": false,
+ "concurrently": false,
+ "method": "btree",
+ "with": {}
+ }
+ },
+ "foreignKeys": {},
+ "compositePrimaryKeys": {},
+ "uniqueConstraints": {
+ "user_email_unique": {
+ "name": "user_email_unique",
+ "nullsNotDistinct": false,
+ "columns": [
+ "email"
+ ]
+ }
+ },
+ "policies": {},
+ "checkConstraints": {},
+ "isRLSEnabled": false
+ },
+ "public.verification": {
+ "name": "verification",
+ "schema": "",
+ "columns": {
+ "id": {
+ "name": "id",
+ "type": "text",
+ "primaryKey": true,
+ "notNull": true
+ },
+ "identifier": {
+ "name": "identifier",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "value": {
+ "name": "value",
+ "type": "text",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "expires_at": {
+ "name": "expires_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true
+ },
+ "created_at": {
+ "name": "created_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true,
+ "default": "now()"
+ },
+ "updated_at": {
+ "name": "updated_at",
+ "type": "timestamp",
+ "primaryKey": false,
+ "notNull": true,
+ "default": "now()"
+ }
+ },
+ "indexes": {},
+ "foreignKeys": {},
+ "compositePrimaryKeys": {},
+ "uniqueConstraints": {},
+ "policies": {},
+ "checkConstraints": {},
+ "isRLSEnabled": false
+ }
+ },
+ "enums": {},
+ "schemas": {},
+ "sequences": {},
+ "roles": {},
+ "policies": {},
+ "views": {},
+ "_meta": {
+ "columns": {},
+ "schemas": {},
+ "tables": {}
+ }
+}
\ No newline at end of file
diff --git a/drizzle/meta/_journal.json b/drizzle/meta/_journal.json
index 63d838e..81aebd8 100644
--- a/drizzle/meta/_journal.json
+++ b/drizzle/meta/_journal.json
@@ -8,6 +8,13 @@
"when": 1762409965425,
"tag": "0000_chilly_the_phantom",
"breakpoints": true
+ },
+ {
+ "idx": 1,
+ "version": "7",
+ "when": 1766719908715,
+ "tag": "0001_last_warpath",
+ "breakpoints": true
}
]
}
\ No newline at end of file
diff --git a/env.example b/env.example
index 1854928..a0b471a 100644
--- a/env.example
+++ b/env.example
@@ -5,11 +5,6 @@ POSTGRES_URL=postgresql://dev_user:dev_password@localhost:5432/postgres_dev
# Generate key using https://www.better-auth.com/docs/installation
BETTER_AUTH_SECRET=qtD4Ssa0t5jY7ewALgai97sKhAtn7Ysc
-# Google OAuth (Get from Google Cloud Console)
-# Redirect URI: http://localhost:3000/api/auth/callback/google
-GOOGLE_CLIENT_ID=
-GOOGLE_CLIENT_SECRET=
-
# AI Integration via OpenRouter (Optional - for chat functionality)
# Get your API key from: https://openrouter.ai/settings/keys
# View available models at: https://openrouter.ai/models
diff --git a/src/app/(auth)/forgot-password/page.tsx b/src/app/(auth)/forgot-password/page.tsx
new file mode 100644
index 0000000..3b95371
--- /dev/null
+++ b/src/app/(auth)/forgot-password/page.tsx
@@ -0,0 +1,35 @@
+import { headers } from "next/headers"
+import { redirect } from "next/navigation"
+import { ForgotPasswordForm } from "@/components/auth/forgot-password-form"
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card"
+import { auth } from "@/lib/auth"
+
+export default async function ForgotPasswordPage() {
+ const session = await auth.api.getSession({ headers: await headers() })
+
+ if (session) {
+ redirect("/dashboard")
+ }
+
+ return (
+
+
+
+ Forgot password
+
+ Enter your email address and we'll send you a reset link
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/app/(auth)/layout.tsx b/src/app/(auth)/layout.tsx
new file mode 100644
index 0000000..48eacd2
--- /dev/null
+++ b/src/app/(auth)/layout.tsx
@@ -0,0 +1,7 @@
+export default function AuthLayout({
+ children,
+}: {
+ children: React.ReactNode
+}) {
+ return <>{children}
+}
diff --git a/src/app/(auth)/login/page.tsx b/src/app/(auth)/login/page.tsx
new file mode 100644
index 0000000..003503b
--- /dev/null
+++ b/src/app/(auth)/login/page.tsx
@@ -0,0 +1,44 @@
+import { headers } from "next/headers"
+import { redirect } from "next/navigation"
+import { SignInButton } from "@/components/auth/sign-in-button"
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card"
+import { auth } from "@/lib/auth"
+
+export default async function LoginPage({
+ searchParams,
+}: {
+ searchParams: Promise<{ reset?: string }>
+}) {
+ const session = await auth.api.getSession({ headers: await headers() })
+
+ if (session) {
+ redirect("/dashboard")
+ }
+
+ const { reset } = await searchParams
+
+ return (
+
+
+
+ Welcome back
+ Sign in to your account
+
+
+ {reset === "success" && (
+
+ Password reset successfully. Please sign in with your new password.
+
+ )}
+
+
+
+
+ )
+}
diff --git a/src/app/(auth)/register/page.tsx b/src/app/(auth)/register/page.tsx
new file mode 100644
index 0000000..449ecd7
--- /dev/null
+++ b/src/app/(auth)/register/page.tsx
@@ -0,0 +1,33 @@
+import { headers } from "next/headers"
+import { redirect } from "next/navigation"
+import { SignUpForm } from "@/components/auth/sign-up-form"
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card"
+import { auth } from "@/lib/auth"
+
+export default async function RegisterPage() {
+ const session = await auth.api.getSession({ headers: await headers() })
+
+ if (session) {
+ redirect("/dashboard")
+ }
+
+ return (
+
+
+
+ Create an account
+ Get started with your new account
+
+
+
+
+
+
+ )
+}
diff --git a/src/app/(auth)/reset-password/page.tsx b/src/app/(auth)/reset-password/page.tsx
new file mode 100644
index 0000000..aa3b888
--- /dev/null
+++ b/src/app/(auth)/reset-password/page.tsx
@@ -0,0 +1,36 @@
+import { Suspense } from "react"
+import { headers } from "next/headers"
+import { redirect } from "next/navigation"
+import { ResetPasswordForm } from "@/components/auth/reset-password-form"
+import {
+ Card,
+ CardContent,
+ CardDescription,
+ CardHeader,
+ CardTitle,
+} from "@/components/ui/card"
+import { auth } from "@/lib/auth"
+
+export default async function ResetPasswordPage() {
+ const session = await auth.api.getSession({ headers: await headers() })
+
+ if (session) {
+ redirect("/dashboard")
+ }
+
+ return (
+
+
+
+ Reset password
+ Enter your new password below
+
+
+ Loading...
}>
+
+
+
+
+
+ )
+}
diff --git a/src/app/profile/page.tsx b/src/app/profile/page.tsx
index 6a7870e..a33bbbb 100644
--- a/src/app/profile/page.tsx
+++ b/src/app/profile/page.tsx
@@ -1,6 +1,6 @@
"use client";
-import { useState } from "react";
+import { useState, useEffect } from "react";
import { useRouter } from "next/navigation";
import { Mail, Calendar, User, Shield, ArrowLeft, Lock, Smartphone } from "lucide-react";
import { toast } from "sonner";
@@ -33,7 +33,13 @@ export default function ProfilePage() {
const [securityOpen, setSecurityOpen] = useState(false);
const [emailPrefsOpen, setEmailPrefsOpen] = useState(false);
- if (isPending) {
+ useEffect(() => {
+ if (!isPending && !session) {
+ router.push("/");
+ }
+ }, [isPending, session, router]);
+
+ if (isPending || !session) {
return (
Loading...
@@ -41,11 +47,6 @@ export default function ProfilePage() {
);
}
- if (!session) {
- router.push("/");
- return null;
- }
-
const user = session.user;
const createdDate = user.createdAt
? new Date(user.createdAt).toLocaleDateString("en-US", {
diff --git a/src/components/auth/forgot-password-form.tsx b/src/components/auth/forgot-password-form.tsx
new file mode 100644
index 0000000..b8f1dd8
--- /dev/null
+++ b/src/components/auth/forgot-password-form.tsx
@@ -0,0 +1,83 @@
+"use client"
+
+import { useState } from "react"
+import Link from "next/link"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { requestPasswordReset } from "@/lib/auth-client"
+
+export function ForgotPasswordForm() {
+ const [email, setEmail] = useState("")
+ const [error, setError] = useState("")
+ const [success, setSuccess] = useState(false)
+ const [isPending, setIsPending] = useState(false)
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setError("")
+ setIsPending(true)
+
+ try {
+ const result = await requestPasswordReset({
+ email,
+ redirectTo: "/reset-password",
+ })
+
+ if (result.error) {
+ setError(result.error.message || "Failed to send reset email")
+ } else {
+ setSuccess(true)
+ }
+ } catch {
+ setError("An unexpected error occurred")
+ } finally {
+ setIsPending(false)
+ }
+ }
+
+ if (success) {
+ return (
+
+
+ If an account exists with that email, a password reset link has been sent.
+ Check your terminal for the reset URL.
+
+
+
+
+
+ )
+ }
+
+ return (
+
+ )
+}
diff --git a/src/components/auth/reset-password-form.tsx b/src/components/auth/reset-password-form.tsx
new file mode 100644
index 0000000..ff66d3a
--- /dev/null
+++ b/src/components/auth/reset-password-form.tsx
@@ -0,0 +1,107 @@
+"use client"
+
+import { useState } from "react"
+import Link from "next/link"
+import { useRouter, useSearchParams } from "next/navigation"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { resetPassword } from "@/lib/auth-client"
+
+export function ResetPasswordForm() {
+ const router = useRouter()
+ const searchParams = useSearchParams()
+ const token = searchParams.get("token")
+ const error = searchParams.get("error")
+
+ const [password, setPassword] = useState("")
+ const [confirmPassword, setConfirmPassword] = useState("")
+ const [formError, setFormError] = useState("")
+ const [isPending, setIsPending] = useState(false)
+
+ if (error === "invalid_token" || !token) {
+ return (
+
+
+ {error === "invalid_token"
+ ? "This password reset link is invalid or has expired."
+ : "No reset token provided."}
+
+
+
+
+
+ )
+ }
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setFormError("")
+
+ if (password !== confirmPassword) {
+ setFormError("Passwords do not match")
+ return
+ }
+
+ if (password.length < 8) {
+ setFormError("Password must be at least 8 characters")
+ return
+ }
+
+ setIsPending(true)
+
+ try {
+ const result = await resetPassword({
+ newPassword: password,
+ token,
+ })
+
+ if (result.error) {
+ setFormError(result.error.message || "Failed to reset password")
+ } else {
+ router.push("/login?reset=success")
+ }
+ } catch {
+ setFormError("An unexpected error occurred")
+ } finally {
+ setIsPending(false)
+ }
+ }
+
+ return (
+
+ )
+}
diff --git a/src/components/auth/sign-in-button.tsx b/src/components/auth/sign-in-button.tsx
index 7bed448..8899f0d 100644
--- a/src/components/auth/sign-in-button.tsx
+++ b/src/components/auth/sign-in-button.tsx
@@ -1,29 +1,97 @@
-"use client";
+"use client"
-import { Button } from "@/components/ui/button";
-import { signIn, useSession } from "@/lib/auth-client";
+import { useState } from "react"
+import Link from "next/link"
+import { useRouter } from "next/navigation"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { signIn, useSession } from "@/lib/auth-client"
export function SignInButton() {
- const { data: session, isPending } = useSession();
+ const { data: session, isPending: sessionPending } = useSession()
+ const router = useRouter()
+ const [email, setEmail] = useState("")
+ const [password, setPassword] = useState("")
+ const [error, setError] = useState("")
+ const [isPending, setIsPending] = useState(false)
- if (isPending) {
- return
;
+ if (sessionPending) {
+ return
}
if (session) {
- return null;
+ return null
+ }
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setError("")
+ setIsPending(true)
+
+ try {
+ const result = await signIn.email({
+ email,
+ password,
+ callbackURL: "/dashboard",
+ })
+
+ if (result.error) {
+ setError(result.error.message || "Failed to sign in")
+ } else {
+ router.push("/dashboard")
+ router.refresh()
+ }
+ } catch {
+ setError("An unexpected error occurred")
+ } finally {
+ setIsPending(false)
+ }
}
return (
-
- );
+
+ )
}
diff --git a/src/components/auth/sign-up-form.tsx b/src/components/auth/sign-up-form.tsx
new file mode 100644
index 0000000..92038aa
--- /dev/null
+++ b/src/components/auth/sign-up-form.tsx
@@ -0,0 +1,121 @@
+"use client"
+
+import { useState } from "react"
+import Link from "next/link"
+import { useRouter } from "next/navigation"
+import { Button } from "@/components/ui/button"
+import { Input } from "@/components/ui/input"
+import { Label } from "@/components/ui/label"
+import { signUp } from "@/lib/auth-client"
+
+export function SignUpForm() {
+ const router = useRouter()
+ const [name, setName] = useState("")
+ const [email, setEmail] = useState("")
+ const [password, setPassword] = useState("")
+ const [confirmPassword, setConfirmPassword] = useState("")
+ const [error, setError] = useState("")
+ const [isPending, setIsPending] = useState(false)
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault()
+ setError("")
+
+ if (password !== confirmPassword) {
+ setError("Passwords do not match")
+ return
+ }
+
+ if (password.length < 8) {
+ setError("Password must be at least 8 characters")
+ return
+ }
+
+ setIsPending(true)
+
+ try {
+ const result = await signUp.email({
+ name,
+ email,
+ password,
+ callbackURL: "/dashboard",
+ })
+
+ if (result.error) {
+ setError(result.error.message || "Failed to create account")
+ } else {
+ router.push("/dashboard")
+ router.refresh()
+ }
+ } catch {
+ setError("An unexpected error occurred")
+ } finally {
+ setIsPending(false)
+ }
+ }
+
+ return (
+
+ )
+}
diff --git a/src/components/auth/user-profile.tsx b/src/components/auth/user-profile.tsx
index 34f0ec5..09b44ee 100644
--- a/src/components/auth/user-profile.tsx
+++ b/src/components/auth/user-profile.tsx
@@ -4,6 +4,7 @@ import Link from "next/link";
import { useRouter } from "next/navigation";
import { User, LogOut } from "lucide-react";
import { Avatar, AvatarImage, AvatarFallback } from "@/components/ui/avatar";
+import { Button } from "@/components/ui/button";
import {
DropdownMenu,
DropdownMenuContent,
@@ -13,7 +14,6 @@ import {
DropdownMenuTrigger,
} from "@/components/ui/dropdown-menu";
import { useSession, signOut } from "@/lib/auth-client";
-import { SignInButton } from "./sign-in-button";
export function UserProfile() {
const { data: session, isPending } = useSession();
@@ -25,8 +25,15 @@ export function UserProfile() {
if (!session) {
return (
-
-
+
+
+
+
+
+
+
);
}
diff --git a/src/lib/auth-client.ts b/src/lib/auth-client.ts
index 951c086..3afa911 100644
--- a/src/lib/auth-client.ts
+++ b/src/lib/auth-client.ts
@@ -10,4 +10,7 @@ export const {
signUp,
useSession,
getSession,
+ requestPasswordReset,
+ resetPassword,
+ sendVerificationEmail,
} = authClient
\ No newline at end of file
diff --git a/src/lib/auth.ts b/src/lib/auth.ts
index 731a7ed..1deb11f 100644
--- a/src/lib/auth.ts
+++ b/src/lib/auth.ts
@@ -6,10 +6,20 @@ export const auth = betterAuth({
database: drizzleAdapter(db, {
provider: "pg",
}),
- socialProviders: {
- google: {
- clientId: process.env.GOOGLE_CLIENT_ID as string,
- clientSecret: process.env.GOOGLE_CLIENT_SECRET as string,
+ emailAndPassword: {
+ enabled: true,
+ sendResetPassword: async ({ user, url }) => {
+ // Log password reset URL to terminal (no email integration yet)
+ // eslint-disable-next-line no-console
+ console.log(`\n${"=".repeat(60)}\nPASSWORD RESET REQUEST\nUser: ${user.email}\nReset URL: ${url}\n${"=".repeat(60)}\n`)
+ },
+ },
+ emailVerification: {
+ sendOnSignUp: true,
+ sendVerificationEmail: async ({ user, url }) => {
+ // Log verification URL to terminal (no email integration yet)
+ // eslint-disable-next-line no-console
+ console.log(`\n${"=".repeat(60)}\nEMAIL VERIFICATION\nUser: ${user.email}\nVerification URL: ${url}\n${"=".repeat(60)}\n`)
},
},
})
\ No newline at end of file