immich/web/src/lib/components/shared-components/notification/notification.ts

import { writable } from 'svelte/store';

export enum NotificationType {
  Info = 'Info',
  Error = 'Error',
}

export class ImmichNotification {
  id = new Date().getTime();
  type!: NotificationType;
  message!: string;
  action!: NotificationAction;
  timeout = 3000;
}

type DiscardAction = { type: 'discard' };
type NoopAction = { type: 'noop' };
type LinkAction = { type: 'link'; target: string };
export type NotificationAction = DiscardAction | NoopAction | LinkAction;

export class ImmichNotificationDto {
  /**
   * Notification type
   * @type {NotificationType} [Info, Error]
   */
  type: NotificationType = NotificationType.Info;

  /**
   * Notification message
   */
  message = '';

  /**
   * Timeout in miliseconds
   */
  timeout?: number;

  /**
   * The action to take when the notification is clicked
   */
  action?: NotificationAction;
}

function createNotificationList() {
  const notificationList = writable<ImmichNotification[]>([]);

  const show = (notificationInfo: ImmichNotificationDto) => {
    const newNotification = new ImmichNotification();
    newNotification.message = notificationInfo.message;
    newNotification.type = notificationInfo.type;
    newNotification.timeout = notificationInfo.timeout || 3000;
    newNotification.action = notificationInfo.action || { type: 'discard' };

    notificationList.update((currentList) => [...currentList, newNotification]);
  };

  const removeNotificationById = (id: number) => {
    notificationList.update((currentList) => currentList.filter((n) => n.id != id));
  };

  return {
    show,
    removeNotificationById,
    notificationList,
  };
}

export const notificationController = createNotificationList();