/* This file is part of GNU Anastasis (C) 2021-2022 Anastasis SARL GNU Anastasis is free software; you can redistribute it and/or modify it under the terms of the GNU Affero General Public License as published by the Free Software Foundation; either version 3, or (at your option) any later version. GNU Anastasis is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU Affero General Public License for more details. You should have received a copy of the GNU Affero General Public License along with GNU Anastasis; see the file COPYING. If not, see */ /** * * @author Sebastian Javier Marchano (sebasjm) */ import { Codec } from "@gnu-taler/taler-util"; import { useEffect, useState } from "preact/hooks"; import { ObservableMap, browserStorageMap, localStorageMap, memoryMap, } from "../utils/observable.js"; export interface LocalStorageState { value?: Type; update: (s: Type) => void; reset: () => void; } const supportLocalStorage = typeof window !== "undefined"; const supportBrowserStorage = typeof chrome !== "undefined" && typeof chrome.storage !== "undefined"; const storage: ObservableMap = (function buildStorage() { if (supportBrowserStorage) { return browserStorageMap(memoryMap()); } else if (supportLocalStorage) { return localStorageMap(); } else { return memoryMap(); } })(); //with initial value export function useLocalStorage( key: string, options?: { defaultValue: Type; codec?: Codec; }, ): Required>; //without initial value export function useLocalStorage( key: string, options?: { codec?: Codec; }, ): LocalStorageState; // impl export function useLocalStorage( key: string, options?: { defaultValue?: Type; codec?: Codec; }, ): LocalStorageState { function convert(updated: string | undefined): Type | undefined { if (updated === undefined) return options?.defaultValue; //optional try { return !options?.codec ? (updated as Type) : options.codec.decode(JSON.parse(updated)); } catch (e) { //decode error return options?.defaultValue; } } const [storedValue, setStoredValue] = useState( (): Type | undefined => { const prev = storage.get(key); return convert(prev); }, ); useEffect(() => { return storage.onUpdate(key, () => { const newValue = storage.get(key); setStoredValue(convert(newValue)); }); }, []); const setValue = (value?: Type): void => { if (value === undefined) { storage.delete(key); } else { storage.set( key, options?.codec ? JSON.stringify(value) : (value as string), ); } }; return { value: storedValue, update: setValue, reset: () => { setValue(options?.defaultValue); }, }; }