import { defineStore } from 'pinia'

import { RepoFile } from '@/modules/repo/interfaces/RepoFile'
import { UserSettings } from '@/modules/repo/interfaces/UserSettings'
import {
  getCachedMainReadme,
  getFiles,
  getMainReadme,
  getUserSettingsContent
} from '@/modules/repo/services/repo'
import { refreshToken } from '@/modules/user/service/signIn'

interface State {
  user: string
  repo: string
  files: RepoFile[]
  isReadmeOffline: boolean
  readme?: string | null
  userSettings?: UserSettings | null
  needToLogin: boolean
}

export const useUserRepoStore = defineStore({
  id: 'USER_REPO_STATE',
  state: (): State => ({
    user: '',
    repo: '',
    files: [],
    isReadmeOffline: true,
    readme: undefined,
    userSettings: undefined,
    needToLogin: false
  }),
  actions: {
    async setUserRepo(newUser: string, newRepo: string) {
      this.isReadmeOffline = true
      this.user = newUser
      this.repo = newRepo
      try {
        await refreshToken()
      } catch (error) {
        console.warn('impossible to refresh token')
      }

      this.readme = await getCachedMainReadme(newUser, newRepo)

      getMainReadme(newUser, newRepo).then((readme) => {
        this.readme = readme

        // if the offline state is too quick,
        // it gives more the impression of glitch.
        setTimeout(() => {
          this.isReadmeOffline = false
        }, 500)
      })

      const files = await getFiles(newUser, newRepo)
      this.files = files
      this.userSettings = await getUserSettingsContent(newUser, newRepo, files)
    },
    resetUserRepo() {
      this.user = ''
      this.repo = ''
      this.resetFiles()
    },
    resetFiles() {
      this.files = []
      this.readme = null
      this.userSettings = undefined
    }
  }
})