69 lines
1.7 KiB
TypeScript
69 lines
1.7 KiB
TypeScript
import { defineStore } from "pinia"
|
|
import { ref, computed } from "vue"
|
|
import { useSolarNetwork } from "~/composables/useSolarNetwork"
|
|
import { FetchError } from "ofetch"
|
|
import type { SnAccount } from "~/types/api"
|
|
|
|
export const useUserStore = defineStore("user", () => {
|
|
// State
|
|
const user = ref<SnAccount | null>(null)
|
|
const isLoading = ref(false)
|
|
const error = ref<string | null>(null)
|
|
|
|
// The name is match with the remote one (set by server Set-Cookie)
|
|
const token = useCookie<string | null>("fl_AuthToken", {
|
|
default: () => null,
|
|
path: "/",
|
|
maxAge: 60 * 60 * 24 * 365 * 10
|
|
}) // 10 years
|
|
|
|
// Getters
|
|
const isAuthenticated = computed(() => !!user.value && !!token.value)
|
|
|
|
// Actions
|
|
async function fetchUser(reload = true) {
|
|
if (!reload && user.value) return // Skip fetching if already loaded and not forced to
|
|
|
|
isLoading.value = true
|
|
error.value = null
|
|
const api = useSolarNetwork()
|
|
try {
|
|
const response = await api("/id/accounts/me")
|
|
|
|
user.value = response as SnAccount
|
|
console.log(`Logged in as ${user.value.name}`)
|
|
} catch (e: unknown) {
|
|
if (e instanceof FetchError && e.statusCode == 401) {
|
|
error.value = "Unauthorized"
|
|
user.value = null
|
|
} else {
|
|
error.value = e instanceof Error ? e.message : "An error occurred"
|
|
user.value = null // Clear user data on error
|
|
console.error("Failed to fetch user... ", e)
|
|
}
|
|
} finally {
|
|
isLoading.value = false
|
|
}
|
|
}
|
|
|
|
function setToken(newToken: string) {
|
|
token.value = newToken
|
|
}
|
|
|
|
function logout() {
|
|
user.value = null
|
|
token.value = null
|
|
}
|
|
|
|
return {
|
|
user,
|
|
token,
|
|
isLoading,
|
|
error,
|
|
isAuthenticated,
|
|
fetchUser,
|
|
setToken,
|
|
logout
|
|
}
|
|
})
|