Commit
This commit is contained in:
Joan
@@ -1,85 +1,221 @@
|
||||
import { createContext, useState, useEffect, ReactNode } from 'react'
|
||||
import api from '../services/api'
|
||||
import api, { authApi, characterApi, Account, Character } from '../services/api'
|
||||
|
||||
interface AuthContextType {
|
||||
isAuthenticated: boolean
|
||||
loading: boolean
|
||||
user: User | null
|
||||
login: (username: string, password: string) => Promise<void>
|
||||
register: (username: string, password: string) => Promise<void>
|
||||
account: Account | null
|
||||
characters: Character[]
|
||||
currentCharacter: Character | null
|
||||
needsCharacterCreation: boolean
|
||||
login: (email: string, password: string) => Promise<void>
|
||||
register: (email: string, password: string) => Promise<void>
|
||||
loginWithSteam: (steamId: string, steamName: string) => Promise<void>
|
||||
logout: () => void
|
||||
}
|
||||
|
||||
interface User {
|
||||
id: number
|
||||
username: string
|
||||
telegram_id?: string
|
||||
refreshCharacters: () => Promise<void>
|
||||
selectCharacter: (characterId: number) => Promise<void>
|
||||
createCharacter: (data: {
|
||||
name: string
|
||||
strength: number
|
||||
agility: number
|
||||
endurance: number
|
||||
intellect: number
|
||||
avatar_data?: any
|
||||
}) => Promise<Character>
|
||||
deleteCharacter: (characterId: number) => Promise<void>
|
||||
}
|
||||
|
||||
export const AuthContext = createContext<AuthContextType>({
|
||||
isAuthenticated: false,
|
||||
loading: true,
|
||||
user: null,
|
||||
login: async () => {},
|
||||
register: async () => {},
|
||||
logout: () => {},
|
||||
account: null,
|
||||
characters: [],
|
||||
currentCharacter: null,
|
||||
needsCharacterCreation: false,
|
||||
login: async () => { },
|
||||
register: async () => { },
|
||||
loginWithSteam: async () => { },
|
||||
logout: () => { },
|
||||
refreshCharacters: async () => { },
|
||||
selectCharacter: async () => { },
|
||||
createCharacter: async () => ({} as Character),
|
||||
deleteCharacter: async () => { },
|
||||
})
|
||||
|
||||
export function AuthProvider({ children }: { children: ReactNode }) {
|
||||
const [isAuthenticated, setIsAuthenticated] = useState(false)
|
||||
const [loading, setLoading] = useState(true)
|
||||
const [user, setUser] = useState<User | null>(null)
|
||||
const [account, setAccount] = useState<Account | null>(null)
|
||||
const [characters, setCharacters] = useState<Character[]>([])
|
||||
const [currentCharacter, setCurrentCharacter] = useState<Character | null>(null)
|
||||
const [needsCharacterCreation, setNeedsCharacterCreation] = useState(false)
|
||||
|
||||
useEffect(() => {
|
||||
const token = localStorage.getItem('token')
|
||||
const storedCharacterId = localStorage.getItem('currentCharacterId')
|
||||
|
||||
if (token) {
|
||||
api.defaults.headers.common['Authorization'] = `Bearer ${token}`
|
||||
fetchUser()
|
||||
initializeAuth(storedCharacterId ? parseInt(storedCharacterId) : null)
|
||||
} else {
|
||||
setLoading(false)
|
||||
// Check if running in Electron with Steam
|
||||
tryAutoSteamLogin()
|
||||
}
|
||||
}, [])
|
||||
|
||||
const fetchUser = async () => {
|
||||
const tryAutoSteamLogin = async () => {
|
||||
try {
|
||||
const response = await api.get('/api/auth/me')
|
||||
setUser(response.data)
|
||||
setIsAuthenticated(true)
|
||||
// Check if we're in Electron
|
||||
if (typeof window !== 'undefined' && (window as any).electronAPI) {
|
||||
const steamAuth = await (window as any).electronAPI.getSteamAuth()
|
||||
|
||||
if (steamAuth && steamAuth.available) {
|
||||
console.log('Steam detected, auto-logging in...')
|
||||
await loginWithSteam(steamAuth.steamId, steamAuth.steamName)
|
||||
return
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Failed to fetch user:', error)
|
||||
console.log('Steam auto-login failed:', error)
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
const initializeAuth = async (characterId: number | null) => {
|
||||
try {
|
||||
// Try to fetch characters (this validates the token)
|
||||
const chars = await characterApi.list()
|
||||
setCharacters(chars)
|
||||
setIsAuthenticated(true)
|
||||
|
||||
// If we have a stored character ID, try to set it as current
|
||||
if (characterId && chars.find(c => c.id === characterId)) {
|
||||
setCurrentCharacter(chars.find(c => c.id === characterId) || null)
|
||||
}
|
||||
|
||||
// Check if we need character creation
|
||||
setNeedsCharacterCreation(chars.length === 0)
|
||||
} catch (error) {
|
||||
console.error('Failed to initialize auth:', error)
|
||||
localStorage.removeItem('token')
|
||||
localStorage.removeItem('currentCharacterId')
|
||||
delete api.defaults.headers.common['Authorization']
|
||||
} finally {
|
||||
setLoading(false)
|
||||
}
|
||||
}
|
||||
|
||||
const login = async (username: string, password: string) => {
|
||||
const response = await api.post('/api/auth/login', { username, password })
|
||||
const { access_token } = response.data
|
||||
const login = async (email: string, password: string) => {
|
||||
const response = await authApi.login(email, password)
|
||||
const { access_token, account: acc, characters: chars } = response
|
||||
|
||||
localStorage.setItem('token', access_token)
|
||||
api.defaults.headers.common['Authorization'] = `Bearer ${access_token}`
|
||||
await fetchUser()
|
||||
|
||||
setAccount(acc)
|
||||
setCharacters(chars)
|
||||
setIsAuthenticated(true)
|
||||
setNeedsCharacterCreation(chars.length === 0)
|
||||
}
|
||||
|
||||
const register = async (username: string, password: string) => {
|
||||
const response = await api.post('/api/auth/register', { username, password })
|
||||
const { access_token } = response.data
|
||||
localStorage.setItem('token', access_token)
|
||||
api.defaults.headers.common['Authorization'] = `Bearer ${access_token}`
|
||||
await fetchUser()
|
||||
const register = async (email: string, password: string) => {
|
||||
const data = await authApi.register(email, password)
|
||||
|
||||
localStorage.setItem('token', data.access_token)
|
||||
api.defaults.headers.common['Authorization'] = `Bearer ${data.access_token}`
|
||||
|
||||
setAccount(data.account)
|
||||
setCharacters(data.characters)
|
||||
setIsAuthenticated(true)
|
||||
setNeedsCharacterCreation(data.needs_character_creation || data.characters.length === 0)
|
||||
}
|
||||
|
||||
const loginWithSteam = async (steamId: string, steamName: string) => {
|
||||
const data = await authApi.steamLogin(steamId, steamName)
|
||||
|
||||
localStorage.setItem('token', data.access_token)
|
||||
api.defaults.headers.common['Authorization'] = `Bearer ${data.access_token}`
|
||||
|
||||
setAccount(data.account)
|
||||
setCharacters(data.characters)
|
||||
setIsAuthenticated(true)
|
||||
setNeedsCharacterCreation(data.needs_character_creation || data.characters.length === 0)
|
||||
}
|
||||
|
||||
const logout = () => {
|
||||
localStorage.removeItem('token')
|
||||
localStorage.removeItem('currentCharacterId')
|
||||
delete api.defaults.headers.common['Authorization']
|
||||
setIsAuthenticated(false)
|
||||
setUser(null)
|
||||
setAccount(null)
|
||||
setCharacters([])
|
||||
setCurrentCharacter(null)
|
||||
setNeedsCharacterCreation(false)
|
||||
}
|
||||
|
||||
const refreshCharacters = async () => {
|
||||
const chars = await characterApi.list()
|
||||
setCharacters(chars)
|
||||
setNeedsCharacterCreation(chars.length === 0)
|
||||
}
|
||||
|
||||
const selectCharacter = async (characterId: number) => {
|
||||
const response = await characterApi.select(characterId)
|
||||
const { access_token, character } = response
|
||||
|
||||
localStorage.setItem('token', access_token)
|
||||
localStorage.setItem('currentCharacterId', characterId.toString())
|
||||
api.defaults.headers.common['Authorization'] = `Bearer ${access_token}`
|
||||
|
||||
setCurrentCharacter(character)
|
||||
}
|
||||
|
||||
const createCharacter = async (data: {
|
||||
name: string
|
||||
strength: number
|
||||
agility: number
|
||||
endurance: number
|
||||
intellect: number
|
||||
avatar_data?: any
|
||||
}): Promise<Character> => {
|
||||
const character = await characterApi.create(data)
|
||||
await refreshCharacters()
|
||||
return character
|
||||
}
|
||||
|
||||
const deleteCharacter = async (characterId: number) => {
|
||||
await characterApi.delete(characterId)
|
||||
await refreshCharacters()
|
||||
|
||||
// If we deleted the current character, clear it
|
||||
if (currentCharacter?.id === characterId) {
|
||||
setCurrentCharacter(null)
|
||||
localStorage.removeItem('currentCharacterId')
|
||||
}
|
||||
}
|
||||
|
||||
return (
|
||||
<AuthContext.Provider value={{ isAuthenticated, loading, user, login, register, logout }}>
|
||||
<AuthContext.Provider
|
||||
value={{
|
||||
isAuthenticated,
|
||||
loading,
|
||||
account,
|
||||
characters,
|
||||
currentCharacter,
|
||||
needsCharacterCreation,
|
||||
login,
|
||||
register,
|
||||
loginWithSteam,
|
||||
logout,
|
||||
refreshCharacters,
|
||||
selectCharacter,
|
||||
createCharacter,
|
||||
deleteCharacter,
|
||||
}}
|
||||
>
|
||||
{children}
|
||||
</AuthContext.Provider>
|
||||
)
|
||||
}
|
||||
```
|
||||
|
||||
Reference in New Issue
Block a user