import Cookie from "universal-cookie"
import { defineStore } from "pinia"
import { ref } from "vue"
import { request } from "@/scripts/request"

export interface Userinfo {
  isReady: boolean
  isLoggedIn: boolean
  displayName: string
  data: any
}

const defaultUserinfo: Userinfo = {
  isReady: false,
  isLoggedIn: false,
  displayName: "Citizen",
  data: null
}

export function getAtk(): string {
  return new Cookie().get("identity_auth_key")
}

export function checkLoggedIn(): boolean {
  return new Cookie().get("identity_auth_key")
}

export const useUserinfo = defineStore("userinfo", () => {
  const userinfo = ref(defaultUserinfo)
  const isReady = ref(false)

  async function readProfiles() {
    if (!checkLoggedIn()) {
        isReady.value = true;
      }
  
      const res = await request("/api/users/me", {
        headers: { "Authorization": `Bearer ${getAtk()}` }
      });
  
      if (res.status !== 200) {
        return;
      }
  
      const data = await res.json();
  
      userinfo.value = {
        isReady: true,
        isLoggedIn: true,
        displayName: data["nick"],
        data: data
      };
  }

  return { userinfo, isReady, readProfiles }
})