Add user authentication with login/signup/protected routes, boss pokemon detail fields and result team tracking, moves and abilities selector components and API, run ownership and visibility controls, and various UI improvements across encounters, run list, and journal pages. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
66 lines
1.6 KiB
TypeScript
66 lines
1.6 KiB
TypeScript
import { supabase } from '../lib/supabase'
|
|
|
|
const API_BASE = import.meta.env['VITE_API_URL'] ?? ''
|
|
|
|
export class ApiError extends Error {
|
|
status: number
|
|
|
|
constructor(status: number, message: string) {
|
|
super(message)
|
|
this.name = 'ApiError'
|
|
this.status = status
|
|
}
|
|
}
|
|
|
|
async function getAuthHeaders(): Promise<Record<string, string>> {
|
|
const { data } = await supabase.auth.getSession()
|
|
if (data.session?.access_token) {
|
|
return { Authorization: `Bearer ${data.session.access_token}` }
|
|
}
|
|
return {}
|
|
}
|
|
|
|
async function request<T>(path: string, options?: RequestInit): Promise<T> {
|
|
const authHeaders = await getAuthHeaders()
|
|
const res = await fetch(`${API_BASE}/api/v1${path}`, {
|
|
...options,
|
|
headers: {
|
|
'Content-Type': 'application/json',
|
|
...authHeaders,
|
|
...options?.headers,
|
|
},
|
|
})
|
|
|
|
if (!res.ok) {
|
|
const body = await res.json().catch(() => ({}))
|
|
throw new ApiError(res.status, body.detail ?? res.statusText)
|
|
}
|
|
|
|
if (res.status === 204) return undefined as T
|
|
return res.json()
|
|
}
|
|
|
|
export const api = {
|
|
get: <T>(path: string) => request<T>(path),
|
|
|
|
post: <T>(path: string, body: unknown) =>
|
|
request<T>(path, {
|
|
method: 'POST',
|
|
body: JSON.stringify(body),
|
|
}),
|
|
|
|
patch: <T>(path: string, body: unknown) =>
|
|
request<T>(path, {
|
|
method: 'PATCH',
|
|
body: JSON.stringify(body),
|
|
}),
|
|
|
|
put: <T>(path: string, body: unknown) =>
|
|
request<T>(path, {
|
|
method: 'PUT',
|
|
body: JSON.stringify(body),
|
|
}),
|
|
|
|
del: <T = void>(path: string) => request<T>(path, { method: 'DELETE' }),
|
|
}
|