salix-front/src/composables/useSession.js

import { useState } from './useState';
import { useRole } from './useRole';
import { useUserConfig } from './useUserConfig';
import axios from 'axios';
import useNotify from './useNotify';
import { useTokenConfig } from './useTokenConfig';
const TOKEN_MULTIMEDIA = 'tokenMultimedia';
const TOKEN = 'token';

export function useSession() {
    const { notify } = useNotify();
    let isCheckingToken = false;

    function getToken() {
        const localToken = localStorage.getItem(TOKEN);
        const sessionToken = sessionStorage.getItem(TOKEN);

        return localToken || sessionToken || '';
    }
    function getTokenMultimedia() {
        const localTokenMultimedia = localStorage.getItem(TOKEN_MULTIMEDIA);
        const sessionTokenMultimedia = sessionStorage.getItem(TOKEN_MULTIMEDIA);

        return localTokenMultimedia || sessionTokenMultimedia || '';
    }

    function setToken(data) {
        let keepLogin = data.keepLogin ?? sessionStorage.getItem('keepLogin');
        if (!keepLogin) keepLogin = false;
        const storage = keepLogin ? localStorage : sessionStorage;
        storage.setItem(TOKEN, data.token);
        storage.setItem(TOKEN_MULTIMEDIA, data.tokenMultimedia);
        sessionStorage.setItem('keepLogin', keepLogin);
    }
    async function destroyToken(url, storage, key) {
        if (storage.getItem(key)) {
            try {
                await axios.post(url, null, {
                    headers: { Authorization: storage.getItem(key) },
                });
            } catch (error) {
                notify('errors.statusUnauthorized', 'negative');
            } finally {
                storage.removeItem(key);
            }
        }
    }
    async function destroy() {
        const tokens = {
            tokenMultimedia: 'Accounts/logout',
            token: 'VnUsers/logout',
        };
        for (const [key, url] of Object.entries(tokens)) {
            await destroyToken(url, localStorage, key);
            await destroyToken(url, sessionStorage, key);
        }

        const { setUser } = useState();

        setUser({
            id: 0,
            name: '',
            nickname: '',
            lang: '',
            darkMode: null,
        });

        stopRenewer();
    }

    async function login(token, tokenMultimedia, keepLogin) {
        setToken({ token, tokenMultimedia, keepLogin });

        await useRole().fetch();
        await useUserConfig().fetch();
        await useTokenConfig().fetch();

        await checkValidity();
    }

    function isLoggedIn() {
        const localToken = localStorage.getItem(TOKEN);
        const sessionToken = sessionStorage.getItem(TOKEN);

        return !!(localToken || sessionToken);
    }

    function stopRenewer() {
        clearInterval(this.intervalId);
    }

    async function renewToken() {
        const _token = getToken();
        const token = await axios.post('VnUsers/renewToken', {
            headers: { Authorization: _token },
        });
        const _tokenMultimedia = getTokenMultimedia();
        const tokenMultimedia = await axios.post('VnUsers/renewToken', {
            headers: { Authorization: _tokenMultimedia },
        });
        setToken({ token, tokenMultimedia });
    }

    async function checkValidity() {
        const { getTokenConfig } = useState();

        const tokenConfig = getTokenConfig();
        const created = +localStorage.getItem('created');
        const ttl = localStorage.getItem('ttl');

        if (isCheckingToken || !created) return;
        isCheckingToken = true;

        const renewPeriodInSeconds = Math.min(ttl, tokenConfig.value.renewPeriod) * 1000;
        const maxDate = created + renewPeriodInSeconds;
        const now = new Date();

        if (now.getTime() <= maxDate) return (isCheckingToken = false);

        await renewToken();
        isCheckingToken = false;
    }

    return {
        getToken,
        getTokenMultimedia,
        setToken,
        destroy,
        login,
        isLoggedIn,
    };
}