Hendrik
4f7c76c908
All checks were successful
Build & Publish Docker Image / build-and-push (push) Successful in 53s
alertAction({title, message}) returns Promise<void> and renders the
same ConfirmDialog with infoOnly:true — single OK button, no Abbrechen.
Replaces:
- 'Bitte Profil wählen.' (recipe rating / favorite / cooked / comment)
- 'Bitte Profil wählen, um zu liken.' (wishlist)
- 'Profil konnte nicht angelegt werden' (ProfileSwitcher)
- 'Umbenennen fehlgeschlagen' (admin/profiles)
- 'Speichern fehlgeschlagen' (preview)
No window.alert() or window.confirm() left in the codebase.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
55 lines
1.7 KiB
TypeScript
55 lines
1.7 KiB
TypeScript
export type ConfirmOptions = {
|
|
title: string;
|
|
message?: string;
|
|
confirmLabel?: string;
|
|
cancelLabel?: string;
|
|
destructive?: boolean;
|
|
/** If true, hide the cancel button — used for simple info/alert dialogs. */
|
|
infoOnly?: boolean;
|
|
};
|
|
|
|
type PendingRequest = ConfirmOptions & {
|
|
resolve: (result: boolean) => void;
|
|
};
|
|
|
|
class ConfirmStore {
|
|
pending = $state<PendingRequest | null>(null);
|
|
|
|
ask(options: ConfirmOptions): Promise<boolean> {
|
|
// If another dialog is already open, close it as cancelled so we don't stack.
|
|
if (this.pending) this.pending.resolve(false);
|
|
return new Promise<boolean>((resolve) => {
|
|
this.pending = { ...options, resolve };
|
|
});
|
|
}
|
|
|
|
answer(result: boolean): void {
|
|
if (!this.pending) return;
|
|
const p = this.pending;
|
|
this.pending = null;
|
|
p.resolve(result);
|
|
}
|
|
}
|
|
|
|
export const confirmStore = new ConfirmStore();
|
|
|
|
/**
|
|
* Show a modal confirmation dialog. Resolves to true on confirm, false on cancel/Escape.
|
|
* Safe on the server: falls back to the native confirm() only in the browser.
|
|
*/
|
|
export function confirmAction(options: ConfirmOptions): Promise<boolean> {
|
|
if (typeof window === 'undefined') return Promise.resolve(false);
|
|
return confirmStore.ask(options);
|
|
}
|
|
|
|
/**
|
|
* Show a modal info dialog with a single OK button. Resolves when dismissed.
|
|
* Use instead of window.alert().
|
|
*/
|
|
export function alertAction(options: Omit<ConfirmOptions, 'destructive' | 'cancelLabel' | 'infoOnly'>): Promise<void> {
|
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
return confirmStore
|
|
.ask({ ...options, infoOnly: true, confirmLabel: options.confirmLabel ?? 'OK' })
|
|
.then(() => undefined);
|
|
}
|