this repo has no description
lewis.moe
1export type ToastType = "success" | "error" | "warning" | "info";
2
3export interface Toast {
4 id: number;
5 type: ToastType;
6 message: string;
7 duration: number;
8 dismissing?: boolean;
9}
10
11let nextId = 0;
12let toasts = $state<Toast[]>([]);
13
14export function getToasts(): readonly Toast[] {
15 return toasts;
16}
17
18export function showToast(
19 type: ToastType,
20 message: string,
21 duration = 5000,
22): number {
23 const id = nextId++;
24 toasts = [...toasts, { id, type, message, duration }];
25
26 if (duration > 0) {
27 setTimeout(() => {
28 dismissToast(id);
29 }, duration);
30 }
31
32 return id;
33}
34
35export function dismissToast(id: number): void {
36 const toast = toasts.find((t) => t.id === id);
37 if (!toast || toast.dismissing) return;
38
39 toasts = toasts.map((t) => t.id === id ? { ...t, dismissing: true } : t);
40
41 setTimeout(() => {
42 toasts = toasts.filter((t) => t.id !== id);
43 }, 150);
44}
45
46export function clearAllToasts(): void {
47 toasts = [];
48}
49
50export function success(message: string, duration?: number): number {
51 return showToast("success", message, duration);
52}
53
54export function error(message: string, duration?: number): number {
55 return showToast("error", message, duration);
56}
57
58export function warning(message: string, duration?: number): number {
59 return showToast("warning", message, duration);
60}
61
62export function info(message: string, duration?: number): number {
63 return showToast("info", message, duration);
64}
65
66export const toast = {
67 show: showToast,
68 success,
69 error,
70 warning,
71 info,
72 dismiss: dismissToast,
73 clear: clearAllToasts,
74};