aboutsummaryrefslogtreecommitdiff
path: root/packages/auditor-backoffice-ui/src/hooks/index.ts
blob: cf1c57771b918c17b476cac2120bb91c7d82e7a8 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
/*
 This file is part of GNU Taler
 (C) 2021-2024 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 <http://www.gnu.org/licenses/>
 */

import {StateUpdater, useState} from "preact/hooks";
import { ValueOrFunction } from "../utils/types.js";

export function useBackendURL(
    url?: string,
): [string, StateUpdater<string>] {
    const [value, setter] = useSimpleLocalStorage(
        "auditor-base-url",
        url || calculateRootPath(),
    );

    const checkedSetter = (v: ValueOrFunction<string>) => {
        return setter((p) => (v instanceof Function ? v(p ?? "") : v).replace(/\/$/, ""));
    };

    return [value!, checkedSetter];
}

const calculateRootPath = () => {
    const rootPath =
        typeof window !== undefined
            ? window.location.origin + window.location.pathname
            : "/";

    /**
     * By default, auditor backend serves the html content
     * from the /webui root. This should cover most of the
     * cases and the rootPath will be the auditor backend
     * URL where the instances are
     */
    return rootPath.replace("/webui/", "");
};

export function useSimpleLocalStorage(
    key: string,
    initialValue?: string,
): [string | undefined, StateUpdater<string | undefined>] {
    const [storedValue, setStoredValue] = useState<string | undefined>(
        (): 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];
}