126 lines
3.5 KiB
JavaScript
126 lines
3.5 KiB
JavaScript
import {defineStore} from 'pinia';
|
|
import {computed} from "vue";
|
|
import {useRouter} from "vue-router";
|
|
import {useClient} from "@/plugins/api.js";
|
|
import {useSessionStorage} from "@vueuse/core";
|
|
import {jwtDecode} from "jwt-decode";
|
|
|
|
function getClaimsFromToken(token) {
|
|
try {
|
|
return jwtDecode(token);
|
|
} catch (error) {
|
|
return null;
|
|
}
|
|
}
|
|
|
|
export const useAuthStore = defineStore(
|
|
'auth',
|
|
() => {
|
|
const clientApi = useClient()
|
|
const router = useRouter()
|
|
|
|
const accessToken = useSessionStorage('auth-accessToken', undefined)
|
|
const refreshToken = useSessionStorage('auth-refreshToken', undefined)
|
|
|
|
const isAuthenticated = computed(() => !!accessToken.value)
|
|
|
|
const userId = computed(() => {
|
|
const claims = getClaimsFromToken(accessToken.value)
|
|
return claims?.sub;
|
|
})
|
|
|
|
function updateTokens(data) {
|
|
accessToken.value = data.accessToken
|
|
refreshToken.value = data.refreshToken
|
|
}
|
|
|
|
function cleanTokens() {
|
|
updateTokens({
|
|
accessToken: undefined,
|
|
refreshToken: undefined,
|
|
})
|
|
}
|
|
|
|
async function logout() {
|
|
cleanTokens()
|
|
await router.push('/')
|
|
}
|
|
|
|
async function login(email, password) {
|
|
try {
|
|
const response = await clientApi.post(
|
|
'api/users/login',
|
|
{
|
|
email: email,
|
|
password: password
|
|
})
|
|
updateTokens(response.data)
|
|
return true
|
|
} catch (error) {
|
|
console.error(error)
|
|
cleanTokens()
|
|
return false
|
|
}
|
|
}
|
|
|
|
async function loginWithGoogle(accessToken) {
|
|
try {
|
|
const response = await clientApi.post(
|
|
'api/users/login-with-google',
|
|
{
|
|
token: accessToken
|
|
})
|
|
updateTokens(response.data)
|
|
return true
|
|
} catch (error) {
|
|
console.error(error)
|
|
cleanTokens()
|
|
return false
|
|
}
|
|
}
|
|
|
|
async function loginWithFacebook(authResponse) {
|
|
try {
|
|
const response = await clientApi.post(
|
|
'api/users/login-with-facebook',
|
|
{
|
|
token: authResponse.accessToken
|
|
})
|
|
updateTokens(response.data)
|
|
return true
|
|
} catch (error) {
|
|
console.error(error)
|
|
cleanTokens()
|
|
return false
|
|
}
|
|
}
|
|
|
|
async function refresh() {
|
|
try {
|
|
const response = await clientApi.post(
|
|
'api/users/refresh',
|
|
{
|
|
refreshToken: refreshToken
|
|
});
|
|
|
|
updateTokens({
|
|
accessToken: response.accessToken,
|
|
refreshToken: refreshToken
|
|
})
|
|
} catch (error) {
|
|
console.error(error)
|
|
cleanTokens()
|
|
}
|
|
}
|
|
|
|
return {
|
|
accessToken,
|
|
refreshToken,
|
|
isAuthenticated,
|
|
userId,
|
|
login,
|
|
loginWithGoogle,
|
|
loginWithFacebook,
|
|
logout
|
|
}
|
|
}) |