Break out some utils

src/app/toast.ts

@@ -0,0 +1,27 @@
+import {writable} from "svelte/store"
+import {randomId} from "@welshman/lib"
+
+export type Toast = {
+  id: string
+  message: string
+  options: ToastOptions
+}
+
+export type ToastOptions = {
+  timeout?: number
+}
+
+export const toast = writable<Toast | null>(null)
+
+export const pushToast = (
+  {message = "", id = randomId()}: Partial<Toast>,
+  options: ToastOptions,
+) => {
+  toast.set({id, message, options})
+
+  setTimeout(() => popToast(id), options.timeout || 5000)
+
+  return id
+}
+
+export const popToast = (id: string) => toast.update($t => ($t?.id === id ? null : $t))