worker-time-control/js/main.js

const renewPeriod = localStorage.getItem("renewPeriod");
let intervalId, isCheckingToken;
const txtConfirm = document.querySelector(".txtConfirm");
const confirmBtn = document.querySelector(".confirm");

function confirmReset() {
    confirmBtn.classList.remove("confirmKO", "fade-in", "fade-out");
    confirmBtn.style.hidden = true;
    txtConfirm.textContent = "";
}

function printError(msg) {
    confirmReset();
    const txtConfirm = document.querySelector(".txtConfirm");
    txtConfirm.textContent = msg;
    confirmBtn.classList.add("confirmKO");
    confirmBtn.style.hidden = false;

    confirmBtn.classList.add("fade-in");
    setTimeout(() => (confirmBtn.classList.add("fade-out"), confirmReset()), 2300);
}

async function renewToken() {
    const data = await call("AccessTokens/renewToken", {});

    localStorage.setItem("ttl", data.ttl);
    localStorage.setItem("created", Date.now());
}

async function getTokenConfig() {
    const data = await call("AccessTokenConfigs/findOne", {
        params: { filter: { fields: ["renewInterval", "renewPeriod"] } },
    });

    if (!data) return;

    localStorage.setItem("renewPeriod", data.renewPeriod);
    clearInterval(intervalId);

    intervalId = setInterval(() => {
        const created = +localStorage.getItem("created");
        const ttl = localStorage.getItem("ttl");

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

        const renewPeriodInSeconds = Math.min(ttl, renewPeriod) * 1000;
        const maxDate = created + renewPeriodInSeconds;

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

        renewToken();
        isCheckingToken = false;
    }, data.renewInterval * 1000);
}

async function call(url, { method = "GET", body = {}, params = {} }) {
    const controller = new AbortController();
    const { signal } = controller;
    const timeoutId = setTimeout(() => controller.abort(), 2000);
    const opts = {
        method,
        headers: {
            Authorization: localStorage.getItem("token"),
            "Content-Type": "application/json; charset=utf-8",
        },
        signal,
    };

    if (method === "GET") {
        const searchParams = new URLSearchParams();
        for (let [key, value] of Object.entries(params)) {
            searchParams.append(key, typeof value === "object" ? JSON.stringify(value) : value);
        }
        url += "?" + searchParams.toString();
    } else if (method === "POST") opts.body = JSON.stringify(body);

    try {
        const res = await fetch(`/api/${url}`, opts);
        const data = await res.json();

        if (res.ok) return data;
        clearTimeout(timeoutId);
        throw data.error;
    } catch (e) {
        let mensaje = "Ha ocurrido un error, consulta con informática";

        switch (e.name) {
            case "SyntaxError":
                mensaje = "Requested JSON parse failed";
                break;
            case "TimeoutError":
                mensaje = "Time out error";
                break;
            case "AbortError":
                mensaje = "Ajax request aborted";
                break;
            case "UserError":
                mensaje = e.message;
                break;
            default:
                switch (e.statusCode) {
                    case 0:
                        mensaje = "Not connect: Verify Network";
                        break;
                    case 504:
                        mensaje = "No se ha podido conectar con Salix, consulta con informática";
                        break;
                    case 555:
                        mensaje = "Error 555";
                        break;
                    default:
                        if (e.statusCode >= 400 && e.statusCode < 500) mensaje = e.message;
                }
        }
        printError(mensaje);
        throw e;
    }
}

if (renewPeriod) getTokenConfig();