wallet-core/packages/demobank-ui/src/hooks/backend.ts

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))
    },
  }
}