MapComplete/Logic/FeatureSource/LocalStorageSource.ts

import FeatureSource from "./FeatureSource";
import {UIEventSource} from "../UIEventSource";
import LocalStorageSaver from "./LocalStorageSaver";
import LayoutConfig from "../../Models/ThemeConfig/LayoutConfig";

export default class LocalStorageSource implements FeatureSource {
    public features: UIEventSource<{ feature: any; freshness: Date }[]>;
    public readonly name = "LocalStorageSource";

    constructor(layout: UIEventSource<LayoutConfig>) {
        this.features = new UIEventSource<{ feature: any; freshness: Date }[]>([])
        const key = LocalStorageSaver.storageKey + layout.data.id
        layout.addCallbackAndRun(_ => {
            try {
                const fromStorage = localStorage.getItem(key);
                if (fromStorage == null) {
                    return;
                }
                const loaded: { feature: any; freshness: Date | string }[] =
                    JSON.parse(fromStorage);

                const parsed: { feature: any; freshness: Date }[] = loaded.map(ff => ({
                    feature: ff.feature,
                    freshness: typeof ff.freshness == "string" ? new Date(ff.freshness) : ff.freshness
                }))

                this.features.setData(parsed);
                console.log("Loaded ", loaded.length, " features from localstorage as cache")
            } catch (e) {
                console.log("Could not load features from localStorage:", e)
                localStorage.removeItem(key)
            }
        })
    }
}