4a781bd0dd
if handler do not trap error then fail at compile time, all safe handlers push alert on error errors are typed so they render good information
101 lines
2.6 KiB
TypeScript
101 lines
2.6 KiB
TypeScript
/*
|
|
This file is part of GNU Taler
|
|
(C) 2022 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 { TalerErrorDetail } from "@gnu-taler/taler-util";
|
|
import { TalerError } from "@gnu-taler/taler-wallet-core";
|
|
import { useEffect, useMemo, useState } from "preact/hooks";
|
|
import { BackgroundError } from "../wxApi.js";
|
|
|
|
export interface HookOk<T> {
|
|
hasError: false;
|
|
response: T;
|
|
}
|
|
|
|
export type HookError = HookGenericError | HookOperationalError;
|
|
|
|
export interface HookGenericError {
|
|
hasError: true;
|
|
type: "error";
|
|
message: string;
|
|
}
|
|
|
|
export interface HookOperationalError {
|
|
hasError: true;
|
|
type: "taler";
|
|
message: string;
|
|
details: TalerErrorDetail;
|
|
}
|
|
|
|
interface WithRetry {
|
|
retry: () => void;
|
|
}
|
|
|
|
export type HookResponse<T> = HookOk<T> | HookError | undefined;
|
|
export type HookResponseWithRetry<T> =
|
|
| ((HookOk<T> | HookError) & WithRetry)
|
|
| undefined;
|
|
|
|
export function useAsyncAsHook<T>(
|
|
fn: () => Promise<T | false>,
|
|
deps?: any[],
|
|
): HookResponseWithRetry<T> {
|
|
const [result, setHookResponse] = useState<HookResponse<T>>(undefined);
|
|
|
|
const args = useMemo(
|
|
() => ({
|
|
fn,
|
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
}),
|
|
deps || [],
|
|
);
|
|
|
|
async function doAsync(): Promise<void> {
|
|
try {
|
|
const response = await args.fn();
|
|
if (response === false) return;
|
|
setHookResponse({ hasError: false, response });
|
|
} catch (e) {
|
|
if (e instanceof TalerError) {
|
|
setHookResponse({
|
|
hasError: true,
|
|
type: "taler",
|
|
message: e.message,
|
|
details: e.errorDetail,
|
|
});
|
|
} else if (e instanceof BackgroundError) {
|
|
setHookResponse({
|
|
hasError: true,
|
|
type: "taler",
|
|
message: e.message,
|
|
details: e.errorDetail,
|
|
});
|
|
} else if (e instanceof Error) {
|
|
setHookResponse({
|
|
hasError: true,
|
|
type: "error",
|
|
message: e.message,
|
|
});
|
|
}
|
|
}
|
|
}
|
|
|
|
useEffect(() => {
|
|
doAsync();
|
|
}, [args]);
|
|
|
|
if (!result) return undefined;
|
|
return { ...result, retry: doAsync };
|
|
}
|