OpenIsle/frontend_nuxt/utils/auth.js

import { reactive } from 'vue'

const TOKEN_KEY = 'token'
const USER_ID_KEY = 'userId'
const USERNAME_KEY = 'username'
const ROLE_KEY = 'role'

export const authState = reactive({
  loggedIn: false,
  userId: null,
  username: null,
  role: null,
})

if (import.meta.client) {
  authState.loggedIn =
    localStorage.getItem(TOKEN_KEY) !== null && localStorage.getItem(TOKEN_KEY) !== ''
  authState.userId = localStorage.getItem(USER_ID_KEY)
  authState.username = localStorage.getItem(USERNAME_KEY)
  authState.role = localStorage.getItem(ROLE_KEY)
}

export function getToken() {
  return import.meta.client ? localStorage.getItem(TOKEN_KEY) : null
}

export function setToken(token) {
  if (import.meta.client) {
    localStorage.setItem(TOKEN_KEY, token)
    authState.loggedIn = true
  }
}

export function clearToken() {
  if (import.meta.client) {
    localStorage.removeItem(TOKEN_KEY)
    clearUserInfo()
    authState.loggedIn = false
  }
}

export function setUserInfo({ id, username }) {
  if (import.meta.client) {
    authState.userId = id
    authState.username = username
    if (arguments[0] && arguments[0].role) {
      authState.role = arguments[0].role
      localStorage.setItem(ROLE_KEY, arguments[0].role)
    }
    if (id !== undefined && id !== null) localStorage.setItem(USER_ID_KEY, id)
    if (username) localStorage.setItem(USERNAME_KEY, username)
  }
}

export function clearUserInfo() {
  if (import.meta.client) {
    localStorage.removeItem(USER_ID_KEY)
    localStorage.removeItem(USERNAME_KEY)
    localStorage.removeItem(ROLE_KEY)
    authState.userId = null
    authState.username = null
    authState.role = null
  }
}

export async function fetchCurrentUser() {
  const config = useRuntimeConfig()
  const API_BASE_URL = config.public.apiBaseUrl
  const token = getToken()
  if (!token) return null
  try {
    const res = await fetch(`${API_BASE_URL}/api/users/me`, {
      headers: { Authorization: `Bearer ${token}` },
    })
    if (!res.ok) return null
    return await res.json()
  } catch (e) {
    return null
  }
}

export async function loadCurrentUser() {
  const user = await fetchCurrentUser()
  if (user) {
    setUserInfo({ id: user.id, username: user.username, role: user.role })
  }
  return user
}

export function isLogin() {
  return authState.loggedIn
}

export async function checkToken() {
  const config = useRuntimeConfig()
  const API_BASE_URL = config.public.apiBaseUrl
  const token = getToken()
  if (!token) return false
  try {
    const res = await fetch(`${API_BASE_URL}/api/auth/check`, {
      headers: { Authorization: `Bearer ${token}` },
    })
    authState.loggedIn = res.ok
    return res.ok
  } catch (e) {
    authState.loggedIn = false
    return false
  }
}