Rune Harlyk
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import { writable } from 'svelte/store'
|
|
|
|
type StateType = 'info' | 'success' | 'warning' | 'error'
|
|
|
|
type State = {
|
|
id: string
|
|
type: StateType
|
|
message: string
|
|
}
|
|
|
|
function createNotificationStore() {
|
|
const state: State[] = []
|
|
const notifications = writable(state)
|
|
const { subscribe } = notifications
|
|
|
|
function send(message: string, type: StateType = 'info', timeout: number) {
|
|
const id = generateId()
|
|
setTimeout(() => {
|
|
notifications.update(state => {
|
|
return state.filter(n => n.id !== id)
|
|
})
|
|
}, timeout)
|
|
notifications.update(state => {
|
|
return [...state, { id, type, message }]
|
|
})
|
|
}
|
|
|
|
return {
|
|
subscribe,
|
|
send,
|
|
error: (msg: string, timeout: number = 4000) => send(msg, 'error', timeout),
|
|
warning: (msg: string, timeout: number = 4000) => send(msg, 'warning', timeout),
|
|
info: (msg: string, timeout: number = 4000) => send(msg, 'info', timeout),
|
|
success: (msg: string, timeout: number = 4000) => send(msg, 'success', timeout)
|
|
}
|
|
}
|
|
|
|
function generateId() {
|
|
return '_' + Math.random().toString(36).substr(2, 9)
|
|
}
|
|
|
|
export const notifications = createNotificationStore()
|