64 lines
1.5 KiB
JavaScript
64 lines
1.5 KiB
JavaScript
import { writable } from "svelte/store"
|
|
|
|
const NOTIFICATION_TIMEOUT = 3000
|
|
|
|
export const createNotificationStore = () => {
|
|
const timeoutIds = new Set()
|
|
const _notifications = writable([], () => {
|
|
return () => {
|
|
// clear all the timers
|
|
timeoutIds.forEach(timeoutId => {
|
|
clearTimeout(timeoutId)
|
|
})
|
|
_notifications.set([])
|
|
}
|
|
})
|
|
let block = false
|
|
|
|
const blockNotifications = (timeout = 1000) => {
|
|
block = true
|
|
setTimeout(() => (block = false), timeout)
|
|
}
|
|
|
|
const send = (message, type = "default", icon = "", timeout = true) => {
|
|
if (block) {
|
|
return
|
|
}
|
|
let _id = id()
|
|
_notifications.update(state => {
|
|
return [...state, { id: _id, type, message, icon, dismissable: !timeout }]
|
|
})
|
|
if (timeout) {
|
|
const timeoutId = setTimeout(() => {
|
|
dismissNotification(_id)
|
|
}, NOTIFICATION_TIMEOUT)
|
|
timeoutIds.add(timeoutId)
|
|
}
|
|
}
|
|
|
|
const dismissNotification = id => {
|
|
_notifications.update(state => {
|
|
return state.filter(n => n.id !== id)
|
|
})
|
|
}
|
|
|
|
const { subscribe } = _notifications
|
|
|
|
return {
|
|
subscribe,
|
|
send,
|
|
info: msg => send(msg, "info", "Info"),
|
|
error: msg => send(msg, "error", "Alert", false),
|
|
warning: msg => send(msg, "warning", "Alert"),
|
|
success: msg => send(msg, "success", "CheckmarkCircle"),
|
|
blockNotifications,
|
|
dismiss: dismissNotification,
|
|
}
|
|
}
|
|
|
|
function id() {
|
|
return "_" + Math.random().toString(36).substr(2, 9)
|
|
}
|
|
|
|
export const notifications = createNotificationStore()
|