aboutsummaryrefslogtreecommitdiff
path: root/packages/demobank-ui/src/hooks/backend.ts
blob: 967d5ee85f1148963c85bef4ee3bcd56ba681606 (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
import { hooks } from "@gnu-taler/web-util/lib/index.browser";

/**
 * Has the information to reach and
 * authenticate at the bank's backend.
 */
export type BackendState = LoggedIn | LoggedOut

export interface BackendInfo {
  url: string;
  username: string;
  password: string;
}

interface LoggedIn extends BackendInfo {
  status: "loggedIn"
}
interface LoggedOut {
  status: "loggedOut"
}

export const defaultState: BackendState = { status: "loggedOut" }

export interface BackendStateHandler {
  state: BackendState,
  clear(): void;
  save(info: BackendInfo): void;
}
/**
 * Return getters and setters for
 * login credentials and backend's
 * base URL.
 */
export function useBackendState(): BackendStateHandler {
  const [value, update] = hooks.useLocalStorage("backend-state", JSON.stringify(defaultState));
  // const parsed = value !== undefined ? JSON.parse(value) : value;
  let parsed
  try {
    parsed = JSON.parse(value!)
  } catch {
    parsed = undefined
  }
  const state: BackendState = !parsed?.status ? defaultState : parsed

  return {
    state,
    clear() {
      update(JSON.stringify(defaultState))
    },
    save(info) {
      const nextState: BackendState = { status: "loggedIn", ...info }
      update(JSON.stringify(nextState))
    },
  }
}