store.js

import {writable} from "svelte/store";
import {uniqueId} from "./utils.js";

function logStore() {
    const {subscribe, set, update} = writable([]);
    const add = (message, type, notify) => {
        const item = {id: uniqueId(), message: message, time: Date.now(), type: type};
        if (type === "error") notify = true; // always notify on error
        if (notify) notifications.add(item);
        update(a => {
            a.push(item);
            return a;
        });
    };
    const remove = id => update(a => a.filter(b => b.id !== id));
    const reset = () => set([]);
    return {subscribe, add, remove, reset};
}
export const log = logStore();

function notificationStore() {
    const {subscribe, update} = writable([]);
    const add = item => {
        update(a => {
            a.push(item);
            return a;
        });
    };
    const remove = id => update(a => a.filter(b => b.id !== id));
    return {subscribe, add, remove};
}
export const notifications = notificationStore();

function stateStore() {
    const {subscribe, update} = writable(["init"]);
    // store oldState to see how state transitioned
    // ex. if (newState === foo && oldState === bar) baz();
    let oldState = [];
    const add = stateModifier => update(state => {
        // list of acceptable states, mostly for state definition tracking
        const states = [
            "init", // the uninitialized app state (start screen)
            "init-error", // unique error when initialization fails, shows error on load screen
            "settings", // when the settings modal is shown
            "items-loading", // when the sidebar items are loading
            "saving", // when a file in the editor is being saved
            "fetching", // when a new remote file has been added and it being fetched
            "trashing", // when deleting the file in the editor
            "updating" // when the file in the editor is being updating
        ];
        // disallow adding undefined states
        if (!states.includes(stateModifier)) return console.error("invalid state");
        // save pre-changed state to oldState var
        oldState = [...state];
        // if current state modifier not present, add it to state array
        if (!state.includes(stateModifier)) state.push(stateModifier);
        // ready state only when no other states present, remove it if present
        if (state.includes("ready")) state.splice(state.indexOf("ready"), 1);
        log.add(`App state updated to: ${state} from: ${oldState}`, "info", false);
        return state;
    });
    const remove = stateModifier => update(state => {
        // save pre-changed state to oldState var
        oldState = [...state];
        // if current state modifier present, remove it from state array
        if (state.includes(stateModifier)) state.splice(state.indexOf(stateModifier), 1);
        // if no other states, push ready state
        if (state.length === 0) state.push("ready");
        log.add(`App state updated to: ${state} from: ${oldState}`, "info", false);
        return state;
    });
    const getOldState = () => oldState;
    return {subscribe, add, getOldState, remove};
}
export const state = stateStore();

function settingsStore() {
    const {subscribe, update, set} = writable({});
    const updateSingleSetting = (key, value) => {
        update(settings => {
            settings[key] = value;
            // blacklist not stored in normal setting object in manifest, so handle differently
            if (key === "blacklist") {
                // update blacklist on swift side
                const message = {name: "PAGE_UPDATE_BLACKLIST", blacklist: value};
                browser.runtime.sendNativeMessage(message, response => {
                    if (response.error) {
                        log.add("Failed to save blacklist to disk", "error", true);
                    }
                });
                return settings;
            }
            // settings are saved as strings on the swift side
            // convert all booleans to strings before dispatching
            const settingsClone = {...settings};
            for (const [key, value] of Object.entries(settingsClone)) {
                if (typeof value === "boolean") settingsClone[key] = value.toString();
            }
            // remove settings in clone that aren't save in user defaults
            delete settingsClone.blacklist;
            delete settingsClone.version;
            // update settings on swift side
            const message = {name: "PAGE_UPDATE_SETTINGS", settings: settingsClone};
            browser.runtime.sendNativeMessage(message, response => {
                if (response.error) {
                    log.add(response.error, "error", true);
                }
            });
            return settings;
        });
    };
    return {subscribe, set, updateSingleSetting};
}
export const settings = settingsStore();

export const items = writable([]);