64 lines
1.5 KiB
TypeScript
64 lines
1.5 KiB
TypeScript
export type BannerSeverity = "error" | "warning" | "notice" | "success";
|
|
|
|
export interface BannerEntry {
|
|
id: number;
|
|
severity: BannerSeverity;
|
|
message: string;
|
|
}
|
|
|
|
// Non-error banners clean themselves up; errors stay until the user
|
|
// dismisses them, so a failure can't silently vanish before it's read.
|
|
const DISMISS_AFTER_MS = 8000;
|
|
|
|
let banners: BannerEntry[] = [];
|
|
let nextId = 1;
|
|
const listeners = new Set<() => void>();
|
|
|
|
function notify() {
|
|
for (const listener of listeners) listener();
|
|
}
|
|
|
|
function show(severity: BannerSeverity, message: string): void {
|
|
const isDuplicate = banners.some(
|
|
(b) => b.severity === severity && b.message === message,
|
|
);
|
|
if (isDuplicate) return;
|
|
|
|
const id = nextId++;
|
|
banners = [{ id, severity, message }, ...banners];
|
|
notify();
|
|
if (severity !== "error") {
|
|
setTimeout(() => dismiss(id), DISMISS_AFTER_MS);
|
|
}
|
|
}
|
|
|
|
export function showError(message: string): void {
|
|
show("error", message);
|
|
}
|
|
|
|
export function showWarning(message: string): void {
|
|
show("warning", message);
|
|
}
|
|
|
|
export function showNotice(message: string): void {
|
|
show("notice", message);
|
|
}
|
|
|
|
export function showSuccess(message: string): void {
|
|
show("success", message);
|
|
}
|
|
|
|
export function dismiss(id: number): void {
|
|
banners = banners.filter((b) => b.id !== id);
|
|
notify();
|
|
}
|
|
|
|
export function subscribe(listener: () => void): () => void {
|
|
listeners.add(listener);
|
|
return () => listeners.delete(listener);
|
|
}
|
|
|
|
export function getSnapshot(): BannerEntry[] {
|
|
return banners;
|
|
}
|