122 lines
3.0 KiB
TypeScript
122 lines
3.0 KiB
TypeScript
'use client'
|
|
|
|
import React, { createContext, useContext, useState, useEffect, ReactNode } from 'react'
|
|
|
|
export interface User {
|
|
id: string
|
|
email: string
|
|
name: string
|
|
role: 'SERVER_ADMIN' | 'TENANT_ADMIN' | 'OPERATOR' | 'VIEWER'
|
|
tenantId?: string
|
|
tenantSlug?: string
|
|
emailVerified?: boolean
|
|
}
|
|
|
|
export interface TenantInfo {
|
|
id: string
|
|
name: string
|
|
slug: string
|
|
plan: string
|
|
subscriptionStatus: string
|
|
trialEndsAt: string | null
|
|
subscriptionEndsAt: string | null
|
|
maxUsers: number
|
|
maxProjects: number
|
|
logoUrl: string | null
|
|
}
|
|
|
|
interface AuthContextType {
|
|
user: User | null
|
|
tenant: TenantInfo | null
|
|
loading: boolean
|
|
login: (email: string, password: string, rememberMe?: boolean) => Promise<{ success: boolean; error?: string }>
|
|
logout: () => Promise<void>
|
|
canEdit: () => boolean
|
|
isAdmin: () => boolean
|
|
isServerAdmin: () => boolean
|
|
}
|
|
|
|
const AuthContext = createContext<AuthContextType | undefined>(undefined)
|
|
|
|
export function AuthProvider({ children }: { children: ReactNode }) {
|
|
const [user, setUser] = useState<User | null>(null)
|
|
const [tenant, setTenant] = useState<TenantInfo | null>(null)
|
|
const [loading, setLoading] = useState(true)
|
|
|
|
useEffect(() => {
|
|
checkAuth()
|
|
}, [])
|
|
|
|
const checkAuth = async () => {
|
|
try {
|
|
const res = await fetch('/api/auth/me')
|
|
if (res.ok) {
|
|
const data = await res.json()
|
|
setUser(data.user)
|
|
setTenant(data.tenant || null)
|
|
}
|
|
} catch {
|
|
// Expected 401 for unauthenticated visitors — no console error
|
|
} finally {
|
|
setLoading(false)
|
|
}
|
|
}
|
|
|
|
const login = async (email: string, password: string, rememberMe = false) => {
|
|
try {
|
|
const res = await fetch('/api/auth/login', {
|
|
method: 'POST',
|
|
headers: { 'Content-Type': 'application/json' },
|
|
body: JSON.stringify({ email, password, rememberMe }),
|
|
})
|
|
|
|
const data = await res.json()
|
|
|
|
if (res.ok && data.user) {
|
|
setUser(data.user)
|
|
return { success: true }
|
|
}
|
|
|
|
return { success: false, error: data.error || 'Login fehlgeschlagen' }
|
|
} catch (error) {
|
|
return { success: false, error: 'Verbindungsfehler' }
|
|
}
|
|
}
|
|
|
|
const logout = async () => {
|
|
try {
|
|
await fetch('/api/auth/logout', { method: 'POST' })
|
|
setUser(null)
|
|
setTenant(null)
|
|
} catch (error) {
|
|
console.error('Logout failed:', error)
|
|
}
|
|
}
|
|
|
|
const canEdit = () => {
|
|
return user?.role === 'SERVER_ADMIN' || user?.role === 'TENANT_ADMIN' || user?.role === 'OPERATOR'
|
|
}
|
|
|
|
const isAdmin = () => {
|
|
return user?.role === 'SERVER_ADMIN' || user?.role === 'TENANT_ADMIN'
|
|
}
|
|
|
|
const isServerAdmin = () => {
|
|
return user?.role === 'SERVER_ADMIN'
|
|
}
|
|
|
|
return (
|
|
<AuthContext.Provider value={{ user, tenant, loading, login, logout, canEdit, isAdmin, isServerAdmin }}>
|
|
{children}
|
|
</AuthContext.Provider>
|
|
)
|
|
}
|
|
|
|
export function useAuth() {
|
|
const context = useContext(AuthContext)
|
|
if (context === undefined) {
|
|
throw new Error('useAuth must be used within an AuthProvider')
|
|
}
|
|
return context
|
|
}
|