ffplayout/frontend/stores/auth.ts

101 lines
2.9 KiB
TypeScript

import { defineStore } from 'pinia'
import { jwtDecode } from 'jwt-decode'
export const useAuth = defineStore('auth', {
state: () => ({
isLogin: false,
jwtToken: '',
authHeader: {},
channelID: 0,
role: '',
uuid: null as null | string,
}),
getters: {},
actions: {
updateToken(token: string) {
const cookie = useCookie('token', {
path: '/',
maxAge: 60 * 60 * 24 * 365,
sameSite: 'lax',
})
cookie.value = token
this.jwtToken = token
this.authHeader = { Authorization: `Bearer ${token}` }
},
removeToken() {
const cookie = useCookie('token')
cookie.value = null
this.isLogin = false
this.jwtToken = ''
this.authHeader = {}
},
async obtainToken(username: string, password: string) {
let code = 0
const payload = {
username,
password,
}
await $fetch('/auth/login/', {
method: 'POST',
body: JSON.stringify(payload),
async onResponse(response: LoginObj) {
code = response.status
},
})
.then((response) => {
this.updateToken(response.user?.token)
const decodedToken = jwtDecode<JwtPayloadExt>(response.user?.token)
this.isLogin = true
this.channelID = decodedToken.channel
this.role = decodedToken.role
})
.catch(() => {})
return code
},
async obtainUuid() {
await $fetch('/api/generate-uuid', {
method: 'POST',
headers: this.authHeader,
})
.then((response) => {
this.uuid = response.uuid
})
.catch(e => {
if (e.status === 401) {
this.removeToken()
}
this.uuid = null
})
},
inspectToken() {
const token = useCookie('token').value
if (token) {
this.updateToken(token)
const decodedToken = jwtDecode<JwtPayloadExt>(token)
const timestamp = Date.now() / 1000
const expireToken = decodedToken.exp
this.channelID = decodedToken.channel
this.role = decodedToken.role
if (expireToken && this.jwtToken && expireToken - timestamp > 15) {
this.isLogin = true
} else {
// Prompt user to re-login.
this.isLogin = false
}
} else {
this.isLogin = false
}
},
},
})