import type { Block, Layout } from '@/layout/layout.types'
import useLayoutStore from '@/layout/useLayoutStore'
import request from '@/utils/request'
import { defineStore } from 'pinia'
import { computed, reactive, ref, watch } from 'vue'

interface UserInfo {
  id: string
  username: string
  gender: number
  birthday: string
  avatar: string
  openId: string
}
const defaultUserInfo: UserInfo = {
  id: '',
  username: '',
  gender: 0,
  birthday: '',
  avatar: '',
  openId: ''
}

function getLinkList(data: Layout) {
  const list = [] as Block[]
  for (const mode of data.content) {
    for (const page of mode.pages) {
      for (const item of page.list) {
        if (!item.link || item.link.startsWith('id:')) break
        list.push(item)
      }
    }
  }
  for (const item of data.dock) {
    if (item) list.push(item)
  }
  for (const dirItem of Object.values(data.dir)) {
    for (const item of dirItem.list) {
      list.push(item)
    }
  }
  return list
}

export default defineStore('user', () => {
  const token = ref(localStorage.getItem('token') || '')
  watch(token, (val) => {
    localStorage.setItem('token', val)
  })
  const profile = reactive({ ...defaultUserInfo })
  const layout = useLayoutStore()
  watch(
    token,
    async (val) => {
      if (!val) return
      const res = await request<UserInfo>('GET', '/api/profile')
      Object.assign(profile, res)
      const data = await request<Layout>('GET', '/api/backup')
      const remoteList = getLinkList(data)
      const localList = getLinkList(layout.state)
      const addList: Block[] = []
      for (const item of remoteList) {
        if (!localList.some((el) => el.id !== item.id)) {
          addList.push(item)
        }
      }
      if (addList.length > 0) {
        // TODO: 交给张阳
      }
    },
    { immediate: true }
  )
  const isLogin = computed(() => !!token.value && !!profile.id)
  const logout = () => {
    token.value = ''
    Object.assign(profile, { ...defaultUserInfo })
  }
  return {
    token,
    profile,
    isLogin,
    logout
  }
})