/* This file is part of GNU Taler (C) 2021-2023 Taler Systems S.A. GNU Taler is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 3, or (at your option) any later version. GNU Taler 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 General Public License for more details. You should have received a copy of the GNU General Public License along with GNU Taler; see the file COPYING. If not, see */ /** * * @author Sebastian Javier Marchano (sebasjm) */ import { StateUpdater, useCallback, useState } from "preact/hooks"; import { ValueOrFunction } from "../utils/types.js"; const calculateRootPath = () => { const rootPath = typeof window !== undefined ? window.location.origin + window.location.pathname : "/"; return rootPath; }; export function useBackendURL( url?: string, ): [string, boolean, StateUpdater, () => void] { const [value, setter] = useNotNullLocalStorage( "backend-url", url || calculateRootPath(), ); const [triedToLog, setTriedToLog] = useLocalStorage("tried-login"); const checkedSetter = (v: ValueOrFunction) => { setTriedToLog("yes"); return setter((p) => (v instanceof Function ? v(p) : v).replace(/\/$/, "")); }; const resetBackend = () => { setTriedToLog(undefined); }; return [value, !!triedToLog, checkedSetter, resetBackend]; } export function useBackendDefaultToken( initialValue?: string, ): [string | undefined, StateUpdater] { return useLocalStorage("backend-token", initialValue); } export function useBackendInstanceToken( id: string, ): [string | undefined, StateUpdater] { const [token, setToken] = useLocalStorage(`backend-token-${id}`); const [defaultToken, defaultSetToken] = useBackendDefaultToken(); // instance named 'default' use the default token if (id === "default") { return [defaultToken, defaultSetToken]; } return [token, setToken]; } export function useLang(initial?: string): [string, StateUpdater] { const browserLang = typeof window !== "undefined" ? navigator.language || (navigator as any).userLanguage : undefined; const defaultLang = (browserLang || initial || "en").substring(0, 2); return useNotNullLocalStorage("lang-preference", defaultLang); } export function useLocalStorage( key: string, initialValue?: string, ): [string | undefined, StateUpdater] { const [storedValue, setStoredValue] = useState( (): string | undefined => { return typeof window !== "undefined" ? window.localStorage.getItem(key) || initialValue : initialValue; }, ); const setValue = ( value?: string | ((val?: string) => string | undefined), ) => { setStoredValue((p) => { const toStore = value instanceof Function ? value(p) : value; if (typeof window !== "undefined") { if (!toStore) { window.localStorage.removeItem(key); } else { window.localStorage.setItem(key, toStore); } } return toStore; }); }; return [storedValue, setValue]; } export function useNotNullLocalStorage( key: string, initialValue: string, ): [string, StateUpdater] { const [storedValue, setStoredValue] = useState((): string => { return typeof window !== "undefined" ? window.localStorage.getItem(key) || initialValue : initialValue; }); const setValue = (value: string | ((val: string) => string)) => { const valueToStore = value instanceof Function ? value(storedValue) : value; setStoredValue(valueToStore); if (typeof window !== "undefined") { if (!valueToStore) { window.localStorage.removeItem(key); } else { window.localStorage.setItem(key, valueToStore); } } }; return [storedValue, setValue]; }