export type ToastType = "success" | "error" | "warning" | "info";

export interface Toast {
  id: number;
  type: ToastType;
  message: string;
  duration: number;
  dismissing?: boolean;
}

let nextId = 0;
let toasts = $state<Toast[]>([]);

export function getToasts(): readonly Toast[] {
  return toasts;
}

export function showToast(
  type: ToastType,
  message: string,
  duration = 5000,
): number {
  const id = nextId++;
  toasts = [...toasts, { id, type, message, duration }];

  if (duration > 0) {
    setTimeout(() => {
      dismissToast(id);
    }, duration);
  }

  return id;
}

export function dismissToast(id: number): void {
  const toast = toasts.find((t) => t.id === id);
  if (!toast || toast.dismissing) return;

  toasts = toasts.map((t) => t.id === id ? { ...t, dismissing: true } : t);

  setTimeout(() => {
    toasts = toasts.filter((t) => t.id !== id);
  }, 150);
}

export function clearAllToasts(): void {
  toasts = [];
}

export function success(message: string, duration?: number): number {
  return showToast("success", message, duration);
}

export function error(message: string, duration?: number): number {
  return showToast("error", message, duration);
}

export function warning(message: string, duration?: number): number {
  return showToast("warning", message, duration);
}

export function info(message: string, duration?: number): number {
  return showToast("info", message, duration);
}

export const toast = {
  show: showToast,
  success,
  error,
  warning,
  info,
  dismiss: dismissToast,
  clear: clearAllToasts,
};