feat: toast package (#1073)

packages/toast/src/toastStore.ts

@@ -0,0 +1,73 @@
+import { nanoid } from 'nanoid'
+import { action, atom, WritableAtom } from 'nanostores'
+import { Toast, ToastOptions, ToastUpdateOptions } from './types'
+
+export const toastStore = atom<Toast[]>([])
+
+export const updateToast = action(
+  toastStore,
+  'updateToast',
+  (store: WritableAtom<Toast[]>, toastId: Toast['id'], options: ToastUpdateOptions) => {
+    const existingToasts = store.get()
+    store.set(
+      existingToasts.map((toast) => {
+        if (toast.id === toastId) {
+          return {
+            ...toast,
+            ...options,
+          }
+        } else {
+          return toast
+        }
+      }),
+    )
+  },
+)
+
+const removeToast = action(toastStore, 'removeToast', (store: WritableAtom<Toast[]>, toastId: Toast['id']) => {
+  const existingToasts = store.get()
+  store.set(existingToasts.filter((toast) => toast.id !== toastId))
+})
+
+const DelayBeforeRemovingToast = 175
+
+export const dismissToast = action(toastStore, 'dismissToast', (store: WritableAtom<Toast[]>, toastId: Toast['id']) => {
+  const existingToasts = store.get()
+  store.set(
+    existingToasts.map((toast) => {
+      if (toast.id === toastId) {
+        return {
+          ...toast,
+          dismissed: true,
+        }
+      } else {
+        return toast
+      }
+    }),
+  )
+  setTimeout(() => {
+    removeToast(toastId)
+  }, DelayBeforeRemovingToast)
+})
+
+export const addToast = action(toastStore, 'addToast', (store: WritableAtom<Toast[]>, options: ToastOptions) => {
+  const existingToasts = store.get()
+  const isToastIdDuplicate = existingToasts.findIndex((toast) => toast.id === options.id) > -1
+
+  const id = options.id && !isToastIdDuplicate ? options.id : nanoid()
+
+  if (isToastIdDuplicate) {
+    console.warn(`Generated new ID for toast instead of overriding toast of ID "${options.id}".
+If you want to update an existing toast, use the \`updateToast()\` function instead.`)
+  }
+
+  const toast = {
+    ...options,
+    id,
+    dismissed: false,
+  }
+
+  store.set([...existingToasts, toast])
+
+  return id
+})