@kobalte/core/src/toast/toast-store.ts

Unstyled components and primitives for building accessible web apps and design systems with SolidJS.

import { createStore } from "solid-js/store";

import type { ToastConfig } from "./types";

const [state, setState] = createStore({
	toasts: [] as ToastConfig[],
});

function add(toast: ToastConfig) {
	setState("toasts", (prev) => [...prev, toast]);
}

function get(id: number) {
	return state.toasts.find((toast) => toast.id === id);
}

function update(id: number, toast: ToastConfig) {
	const index = state.toasts.findIndex((toast) => toast.id === id);

	if (index !== -1) {
		setState("toasts", (prev) => [
			...prev.slice(0, index),
			toast,
			...prev.slice(index + 1),
		]);
	}
}

function dismiss(id: number) {
	setState("toasts", (toast) => toast.id === id, "dismiss", true);
}

function remove(id: number) {
	setState("toasts", (prev) => prev.filter((toast) => toast.id !== id));
}

function clear() {
	setState("toasts", []);
}

export const toastStore = {
	toasts: () => state.toasts,
	add,
	get,
	update,
	dismiss,
	remove,
	clear,
};