felicity-lims/webapp/composables/alert_toast.ts

import Swal from 'sweetalert2';
import JSConfetti from 'js-confetti'
import { Notyf } from 'notyf';

const jsConfetti = new JSConfetti();

jsConfetti.addConfetti({
  emojis: ['🌈', '⚡️', '💥', '✨', '💫', '🌸'],
})

const notyf = new Notyf({ // https://github.com/caroso1222/notyf
    duration: 5000,
    position: {
      x: 'left',
      y: 'bottom',
    },
    types: [
      {
        type: 'info',
        background: 'blue',
        icon: false
      },
      {
        type: 'warning',
        background: 'orange',
        icon: {
          className: 'material-icons',
          tagName: 'i',
          text: 'warning'
        }
      },
      {
        type: 'error',
        background: 'indianred',
        duration: 10000,
        dismissible: true
      }
    ]
});

const fireAlert = async (options: any) => {
    await Swal.fire({
      title: 'Yay!',
      text: options.message,
      icon: options.icon,
      confirmButtonText: 'Cool'
    })
}


export default function useNotifyToast() {
  return { 
    toastSuccess: (message: string) => notyf.success(message),
    toastInfo: (message: string) => notyf.open({ type: 'info', message }),
    toastWarning: (message: string) => notyf.open({ type: 'warning', message }),
    toastError: (message: string) => notyf.error(message),

    swalSuccess: (message: string) => fireAlert({ icon: "success", message }),
    swalInfo: (message: string) => fireAlert({ icon: "info", message }),
    swalWarning: (message: string) => fireAlert({ icon: "warning", message }),
    swalError: async (message: string) => await fireAlert({ icon: "error", message }),
  }
}