refactoring: TypeScript migration, security fixes,

2026-06-21 22:31:46 +00:00 · 2026-03-27 18:40:18 +01:00
parent 510475a46f
commit 8396a75223
150 changed files with 8116 additions and 8467 deletions
@@ -0,0 +1,198 @@
+import { create } from 'zustand'
+import { authApi } from '../api/client'
+import { connect, disconnect } from '../api/websocket'
+import type { User } from '../types'
+import { getApiErrorMessage } from '../types'
+
+interface AuthResponse {
+  user: User
+  token: string
+}
+
+interface AvatarResponse {
+  avatar_url: string
+}
+
+interface AuthState {
+  user: User | null
+  token: string | null
+  isAuthenticated: boolean
+  isLoading: boolean
+  error: string | null
+  demoMode: boolean
+  hasMapsKey: boolean
+
+  login: (email: string, password: string) => Promise<AuthResponse>
+  register: (username: string, email: string, password: string) => Promise<AuthResponse>
+  logout: () => void
+  loadUser: () => Promise<void>
+  updateMapsKey: (key: string | null) => Promise<void>
+  updateApiKeys: (keys: Record<string, string | null>) => Promise<void>
+  updateProfile: (profileData: Partial<User>) => Promise<void>
+  uploadAvatar: (file: File) => Promise<AvatarResponse>
+  deleteAvatar: () => Promise<void>
+  setDemoMode: (val: boolean) => void
+  setHasMapsKey: (val: boolean) => void
+  demoLogin: () => Promise<AuthResponse>
+}
+
+export const useAuthStore = create<AuthState>((set, get) => ({
+  user: null,
+  token: localStorage.getItem('auth_token') || null,
+  isAuthenticated: !!localStorage.getItem('auth_token'),
+  isLoading: false,
+  error: null,
+  demoMode: localStorage.getItem('demo_mode') === 'true',
+  hasMapsKey: false,
+
+  login: async (email: string, password: string) => {
+    set({ isLoading: true, error: null })
+    try {
+      const data = await authApi.login({ email, password })
+      localStorage.setItem('auth_token', data.token)
+      set({
+        user: data.user,
+        token: data.token,
+        isAuthenticated: true,
+        isLoading: false,
+        error: null,
+      })
+      connect(data.token)
+      return data
+    } catch (err: unknown) {
+      const error = getApiErrorMessage(err, 'Login failed')
+      set({ isLoading: false, error })
+      throw new Error(error)
+    }
+  },
+
+  register: async (username: string, email: string, password: string) => {
+    set({ isLoading: true, error: null })
+    try {
+      const data = await authApi.register({ username, email, password })
+      localStorage.setItem('auth_token', data.token)
+      set({
+        user: data.user,
+        token: data.token,
+        isAuthenticated: true,
+        isLoading: false,
+        error: null,
+      })
+      connect(data.token)
+      return data
+    } catch (err: unknown) {
+      const error = getApiErrorMessage(err, 'Registration failed')
+      set({ isLoading: false, error })
+      throw new Error(error)
+    }
+  },
+
+  logout: () => {
+    disconnect()
+    localStorage.removeItem('auth_token')
+    set({
+      user: null,
+      token: null,
+      isAuthenticated: false,
+      error: null,
+    })
+  },
+
+  loadUser: async () => {
+    const token = get().token
+    if (!token) {
+      set({ isLoading: false })
+      return
+    }
+    set({ isLoading: true })
+    try {
+      const data = await authApi.me()
+      set({
+        user: data.user,
+        isAuthenticated: true,
+        isLoading: false,
+      })
+      connect(token)
+    } catch (err: unknown) {
+      localStorage.removeItem('auth_token')
+      set({
+        user: null,
+        token: null,
+        isAuthenticated: false,
+        isLoading: false,
+      })
+    }
+  },
+
+  updateMapsKey: async (key: string | null) => {
+    try {
+      await authApi.updateMapsKey(key)
+      set((state) => ({
+        user: state.user ? { ...state.user, maps_api_key: key || null } : null,
+      }))
+    } catch (err: unknown) {
+      throw new Error(getApiErrorMessage(err, 'Error saving API key'))
+    }
+  },
+
+  updateApiKeys: async (keys: Record<string, string | null>) => {
+    try {
+      const data = await authApi.updateApiKeys(keys)
+      set({ user: data.user })
+    } catch (err: unknown) {
+      throw new Error(getApiErrorMessage(err, 'Error saving API keys'))
+    }
+  },
+
+  updateProfile: async (profileData: Partial<User>) => {
+    try {
+      const data = await authApi.updateSettings(profileData)
+      set({ user: data.user })
+    } catch (err: unknown) {
+      throw new Error(getApiErrorMessage(err, 'Error updating profile'))
+    }
+  },
+
+  uploadAvatar: async (file: File) => {
+    const formData = new FormData()
+    formData.append('avatar', file)
+    const data = await authApi.uploadAvatar(formData)
+    set((state) => ({ user: state.user ? { ...state.user, avatar_url: data.avatar_url } : null }))
+    return data
+  },
+
+  deleteAvatar: async () => {
+    await authApi.deleteAvatar()
+    set((state) => ({ user: state.user ? { ...state.user, avatar_url: null } : null }))
+  },
+
+  setDemoMode: (val: boolean) => {
+    if (val) localStorage.setItem('demo_mode', 'true')
+    else localStorage.removeItem('demo_mode')
+    set({ demoMode: val })
+  },
+
+  setHasMapsKey: (val: boolean) => set({ hasMapsKey: val }),
+
+  demoLogin: async () => {
+    set({ isLoading: true, error: null })
+    try {
+      const data = await authApi.demoLogin()
+      localStorage.setItem('auth_token', data.token)
+      set({
+        user: data.user,
+        token: data.token,
+        isAuthenticated: true,
+        isLoading: false,
+        demoMode: true,
+        error: null,
+      })
+      connect(data.token)
+      return data
+    } catch (err: unknown) {
+      const error = getApiErrorMessage(err, 'Demo login failed')
+      set({ isLoading: false, error })
+      throw new Error(error)
+    }
+  },
+}))