26 lines
873 B
TypeScript
26 lines
873 B
TypeScript
|
import { alertAction } from '$lib/client/confirm.svelte';
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Fetch wrapper for actions where a non-OK response should pop a modal
|
||
|
|
* via alertAction(). Returns the Response on 2xx, or null after showing
|
||
|
|
* the alert. Caller should `if (!res) return;` after the call.
|
||
|
|
*
|
||
|
|
* Use this for *interactive* actions (rename, delete, save). For form
|
||
|
|
* submissions where the error should appear inline next to the field
|
||
|
|
* (e.g. admin/domains add()), keep manual handling.
|
||
|
|
*/
|
||
|
|
export async function asyncFetch(
|
||
|
|
url: string,
|
||
|
|
init: RequestInit | undefined,
|
||
|
|
errorTitle: string
|
||
|
|
): Promise<Response | null> {
|
||
|
|
const res = await fetch(url, init);
|
||
|
|
if (res.ok) return res;
|
||
|
|
const body = (await res.json().catch(() => null)) as { message?: string } | null;
|
||
|
|
await alertAction({
|
||
|
|
title: errorTitle,
|
||
|
|
message: body?.message ?? `HTTP ${res.status}`
|
||
|
|
});
|
||
|
|
return null;
|
||
|
|
}
|