sb-front/src/stores/auth.js

import { defineStore } from 'pinia'
import { ref, computed } from 'vue'
import { Preferences } from '@capacitor/preferences'
import { authApi } from '@/api/authApi'

// 세션 토큰은 Capacitor Preferences(네이티브 영속 저장 / 웹은 localStorage)로 보관한다.
// http.js 요청 인터셉터가 동기로 읽을 수 있도록 localStorage 에도 미러링한다.
const TOKEN_KEY = 'token'
const USER_KEY = 'auth_user'

export const useAuthStore = defineStore('auth', () => {
  const token = ref('')
  const user = ref(null)
  const ready = ref(false)

  const isAuthenticated = computed(() => !!token.value)

  // localStorage 동기화 (http.js 가 동기로 토큰을 읽음)
  function mirrorLocal() {
    if (token.value) localStorage.setItem(TOKEN_KEY, token.value)
    else localStorage.removeItem(TOKEN_KEY)
    if (user.value) localStorage.setItem(USER_KEY, JSON.stringify(user.value))
    else localStorage.removeItem(USER_KEY)
  }

  async function persist() {
    mirrorLocal()
    if (token.value) await Preferences.set({ key: TOKEN_KEY, value: token.value })
    else await Preferences.remove({ key: TOKEN_KEY })
    if (user.value) await Preferences.set({ key: USER_KEY, value: JSON.stringify(user.value) })
    else await Preferences.remove({ key: USER_KEY })
  }

  // 앱/웹 시작 시 저장된 세션 복원 (자동 로그인). main.js 에서 mount 전 await.
  async function restore() {
    try {
      const t = (await Preferences.get({ key: TOKEN_KEY })).value || localStorage.getItem(TOKEN_KEY) || ''
      const uRaw = (await Preferences.get({ key: USER_KEY })).value || localStorage.getItem(USER_KEY)
      token.value = t
      user.value = safeParse(uRaw)
      mirrorLocal()
    } catch {
      // 무시 — 비로그인 상태로 시작
    } finally {
      ready.value = true
    }
  }

  async function login(loginId, password, rememberMe = false) {
    const res = await authApi.login({ loginId, password, rememberMe })
    token.value = res.token
    user.value = res.member
    await persist()
    return res
  }

  async function signup(payload) {
    return authApi.signup(payload)
  }

  // 서버 세션 기준으로 현재 사용자 정보 동기화 (토큰 유효성 확인 용도)
  async function fetchMe() {
    const me = await authApi.me()
    user.value = { ...(user.value || {}), ...me }
    await persist()
    return me
  }

  async function logout() {
    try {
      await authApi.logout()
    } catch {
      // 서버 세션이 이미 만료됐어도 클라이언트는 정리
    }
    await clear()
  }

  async function clear() {
    token.value = ''
    user.value = null
    await persist()
  }

  return { token, user, ready, isAuthenticated, restore, login, signup, fetchMe, logout, clear }
})

function safeParse(value) {
  try {
    return value ? JSON.parse(value) : null
  } catch {
    return null
  }
}