const defaults = {
    "server:apiBase": `${window.location.origin || ""}/api/v1`,
    "server:gatewayBase": `${location.protocol === "https:" ? "wss" : "ws"}://${location.host}/gateway`,
    "auth:token": "",
    "ui:doAnimations": true,
    "ui:theme": "dark",
    "state:openChannelId": -1,
    "log:Gateway": false,
    "log:Store": false,
    "ui:stateful:presistSelectedChannel": true,
    "ui:showSidebarToggle": false,
    "ui:alwaysUseMobileChatBar": false,
    "ui:online:processRemoteTypingEvents": true,
    "ui:online:processRemotePresenceEvents": true,
    "ui:online:loadMessageHistory": true,
    "ui:online:sendTypingUpdates": true,
    "ui:locale": "en-US",

    "ui:useragent:formFactor": () => {
        return (window.navigator && window.navigator.maxTouchPoints > 0) ? "touch" : "desktop";
    },
    "ui:useragent:viewportSizeJustificationMethod": () => {
        const isTouch = getItem("ui:useragent:formFactor") === "touch";

        if (CSS.supports("(width: 1dvw)")) {
            return "dynamicViewportUnits";
        } else if (isTouch) {
            return "javascriptResponsive";
        } else {
            return "normalUnits";
        }
    }
};
const store = new Map(Object.entries(defaults));
const persistentProvider = localStorage;
let didCacheProvider = false;

export function setItem(key, value) {
    store.set(key, value);
    if (persistentProvider) {
        persistentProvider.setItem(key, typeof value === "string" ? value : JSON.stringify(value));
    }
}

export function getItem(key) {
    if (!didCacheProvider) {
        init();
    }
    const value = store.get(key);
    if (typeof value === "function") {
        return value();
    }
    return value;
}

export function removeItem(key) {
    store.delete(key);
    if (persistentProvider) {
        persistentProvider.removeItem(key);
    }
}

export function init() {
    if (!persistentProvider)
        return;

    didCacheProvider = true;

    store.forEach((defaultValue, key) => {
        const override = persistentProvider.getItem(key);
        if (override !== null) {
            try {
                if (typeof defaultValue === "function") {
                    defaultValue = defaultValue();
                }
                store.set(key, typeof defaultValue === "string" ? override : JSON.parse(override));
            } catch (o_O) {
                console.warn("[Storage]", `init(): An exception was thrown while parsing the value of key "${key}" from persistentProvider. The key "${key}" will be removed from persistentProvider.`, o_O);
                persistentProvider.removeItem(key);
            }
        }
    });
}

export function apiRoute(fragment) {
    return `${getItem("server:apiBase")}/${fragment}`
}