From 3e060b80428943c6562250a6ff77eff10a0259b7 Mon Sep 17 00:00:00 2001 From: Florian Dold Date: Mon, 24 Oct 2022 10:46:14 +0200 Subject: repo: integrate packages from former merchant-backoffice.git --- packages/demobank-ui/src/hooks/async.ts | 80 +++++++++++++++++ packages/demobank-ui/src/hooks/index.ts | 151 ++++++++++++++++++++++++++++++++ 2 files changed, 231 insertions(+) create mode 100644 packages/demobank-ui/src/hooks/async.ts create mode 100644 packages/demobank-ui/src/hooks/index.ts (limited to 'packages/demobank-ui/src/hooks') diff --git a/packages/demobank-ui/src/hooks/async.ts b/packages/demobank-ui/src/hooks/async.ts new file mode 100644 index 000000000..be41b4e07 --- /dev/null +++ b/packages/demobank-ui/src/hooks/async.ts @@ -0,0 +1,80 @@ +/* + This file is part of GNU Taler + (C) 2021 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 { useState } from 'preact/hooks'; +// import { cancelPendingRequest } from "./backend"; + +export interface Options { + slowTolerance: number; +} + +export interface AsyncOperationApi { + request: (...a: any) => void; + cancel: () => void; + data: T | undefined; + isSlow: boolean; + isLoading: boolean; + error: string | undefined; +} + +export function useAsync( + fn?: (...args: any) => Promise, + { slowTolerance: tooLong }: Options = { slowTolerance: 1000 }, +): AsyncOperationApi { + const [data, setData] = useState(undefined); + const [isLoading, setLoading] = useState(false); + const [error, setError] = useState(undefined); + const [isSlow, setSlow] = useState(false); + + const request = async (...args: any) => { + if (!fn) return; + setLoading(true); + const handler = setTimeout(() => { + setSlow(true); + }, tooLong); + + try { + console.log('calling async', args); + const result = await fn(...args); + console.log('async back', result); + setData(result); + } catch (error) { + setError(error); + } + setLoading(false); + setSlow(false); + clearTimeout(handler); + }; + + function cancel() { + // cancelPendingRequest() + setLoading(false); + setSlow(false); + } + + return { + request, + cancel, + data, + isSlow, + isLoading, + error, + }; +} diff --git a/packages/demobank-ui/src/hooks/index.ts b/packages/demobank-ui/src/hooks/index.ts new file mode 100644 index 000000000..795df909d --- /dev/null +++ b/packages/demobank-ui/src/hooks/index.ts @@ -0,0 +1,151 @@ +/* + This file is part of GNU Taler + (C) 2021 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, useState } from 'preact/hooks'; +export type ValueOrFunction = T | ((p: T) => T); + +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(): [ + string | undefined, + StateUpdater, + ] { + return useLocalStorage('backend-token'); +} + +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); + const [value, setValue] = useNotNullLocalStorage('lang-preference', defaultLang); + function updateValue(newValue: (string | ((v: string) => string))) { + if (document.body.parentElement) { + const htmlElement = document.body.parentElement + if (typeof newValue === 'string') { + htmlElement.lang = newValue; + setValue(newValue) + } else if (typeof newValue === 'function') + setValue((old) => { + const nv = newValue(old) + htmlElement.lang = nv; + return nv + }) + } else setValue(newValue) + } + return [value, updateValue] +} + +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]; +} -- cgit v1.2.3