varsel 0.5.2 → 0.5.4

package/dist/VarselManager.svelte

@@ -290,9 +290,12 @@ $effect(() => {
 });
 
 $effect(() => {
-	const handleMouseMove = (event: MouseEvent) => {
+	let hoverFrameId: number | null = null;
+	let pointerX = 0;
+	let pointerY = 0;
+
+	const updateHoverState = (x: number, y: number) => {
 		if (latestPositionEntries.length === 0) return;
-		const { clientX: x, clientY: y } = event;
 		const next: Record<ToastPosition, boolean> = {
 			...latestHovered,
 		};
@@ -333,6 +336,19 @@ $effect(() => {
 		}
 	};
 
+	const flushHoverUpdate = () => {
+		hoverFrameId = null;
+		updateHoverState(pointerX, pointerY);
+	};
+
+	const handleMouseMove = (event: MouseEvent) => {
+		pointerX = event.clientX;
+		pointerY = event.clientY;
+		if (hoverFrameId == null) {
+			hoverFrameId = requestAnimationFrame(flushHoverUpdate);
+		}
+	};
+
 	const handleKeyDown = (event: KeyboardEvent) => {
 		if (event.key !== "Escape") return;
 		for (const [, group] of latestPositionEntries) {
@@ -358,6 +374,10 @@ $effect(() => {
 	document.addEventListener("mousemove", handleMouseMove);
 	document.addEventListener("keydown", handleKeyDown);
 	return () => {
+		if (hoverFrameId != null) {
+			cancelAnimationFrame(hoverFrameId);
+			hoverFrameId = null;
+		}
 		document.removeEventListener("mousemove", handleMouseMove);
 		document.removeEventListener("keydown", handleKeyDown);
 	};
@@ -428,4 +448,4 @@ const handleHeightChange = (id: string, height: number) => {
 			{/each}
 		{/each}
 	</div>
-{/if}
+{/if}

package/dist/VarselManager.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VarselManager.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselManager.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,MAAM,aAAa,CAAC;AAEpB,KAAK,gBAAgB,GAAI;IACzB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC7B,CAAC;AAuYF,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"VarselManager.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselManager.svelte.ts"],"names":[],"mappings":"AAWA,OAAO,EAGN,KAAK,SAAS,EACd,KAAK,aAAa,EAClB,MAAM,aAAa,CAAC;AAEpB,KAAK,gBAAgB,GAAI;IACzB,MAAM,CAAC,EAAE,SAAS,EAAE,CAAC;IACrB,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC7B,CAAC;AA4ZF,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/VarselToaster.svelte

@@ -18,8 +18,9 @@ export {
 	 * It subscribes to the global toast state and renders the `VarselManager`
 	 * which handles the positioning and layout of individual toasts.
 	 *
-	 * Place this component once in your application's root layout (e.g., `+layout.svelte`).
-	 */
+ * Place this component once in your application's root layout (e.g., `+layout.svelte`).
+ */
+	import { onMount } from 'svelte';
 	import VarselManager from './VarselManager.svelte';
 	import {
 		toastState,
@@ -63,25 +64,30 @@ export {
 	} = $props();
 
 	let toasts = $state<ToastData[]>([]);
-	const instanceId = toasterInstanceManager.registerInstance();
+	let instanceId = $state<string | null>(null);
 
 	const handleRemove = (id: string) => {
 		toastState.remove(id);
 	};
 
-	$effect(() => {
+	onMount(() => {
+		const registeredInstanceId = toasterInstanceManager.registerInstance();
+		instanceId = registeredInstanceId;
 		toasts = toastState.getToasts();
 		const unsubscribe = toastState.subscribe((value) => {
 			toasts = value;
 		});
 		return () => {
 			unsubscribe();
-			toasterInstanceManager.unregisterInstance(instanceId);
+			toasterInstanceManager.unregisterInstance(registeredInstanceId);
+			if (instanceId === registeredInstanceId) {
+				instanceId = null;
+			}
 		};
 	});
 </script>
 
-{#if toasterInstanceManager.isActiveInstance(instanceId)}
+{#if instanceId && toasterInstanceManager.isActiveInstance(instanceId)}
 	<VarselManager 
 		{toasts} 
 		onRemove={handleRemove} 

package/dist/VarselToaster.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VarselToaster.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselToaster.svelte.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,OAAO,EACN,KAAK,EACL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,aAAa,GAClB,MAAM,aAAa,CAAC;AAarB,OAAO,EAIL,KAAK,aAAa,EAClB,MAAM,aAAa,CAAC;AAErB,KAAK,gBAAgB,GAAI;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kCAAkC;IAClC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC7B,CAAC;AA6CH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"VarselToaster.svelte.d.ts","sourceRoot":"","sources":["../src/lib/VarselToaster.svelte.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,OAAO,EACN,KAAK,EACL,KAAK,SAAS,EACd,KAAK,YAAY,EACjB,KAAK,aAAa,GAClB,MAAM,aAAa,CAAC;AAcrB,OAAO,EAIL,KAAK,aAAa,EAClB,MAAM,aAAa,CAAC;AAErB,KAAK,gBAAgB,GAAI;IACxB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,qDAAqD;IACrD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,mDAAmD;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,2CAA2C;IAC3C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,0CAA0C;IAC1C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,kCAAkC;IAClC,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM,CAAC;CAC7B,CAAC;AAmDH,QAAA,MAAM,aAAa,sDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/core/toast-factory.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toast-factory.d.ts","sourceRoot":"","sources":["../../src/lib/core/toast-factory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGX,YAAY,EAEZ,MAAM,SAAS,CAAC;AAgKjB,eAAO,MAAM,KAAK,cAAc,CAAC"}
+{"version":3,"file":"toast-factory.d.ts","sourceRoot":"","sources":["../../src/lib/core/toast-factory.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAGX,YAAY,EAEZ,MAAM,SAAS,CAAC;AAuLjB,eAAO,MAAM,KAAK,cAAc,CAAC"}

package/dist/core/toast-factory.js

@@ -15,6 +15,15 @@ const resolvePromiseState = async (value, state) => {
     const resolvedValue = typeof state === "function" ? await state(value) : await state;
     return normalizeToastData(resolvedValue);
 };
+const getPromiseFallbackDescription = (error) => {
+    if (error instanceof Error) {
+        return error.message;
+    }
+    if (typeof error === "string") {
+        return error;
+    }
+    return "An unknown error occurred while updating the notification.";
+};
 /**
  * The main entry point for creating toasts.
  * @param data - Toast configuration object or description string.
@@ -86,7 +95,7 @@ createToast.promise = (promise, options) => {
         ...loadingData,
         duration: loadingData.duration ?? 0,
         isLoading: true,
-        showClose: loadingData.showClose ?? false,
+        showClose: loadingData.showClose ?? true,
     });
     const handleResult = async (state, value, defaultVariant) => {
         const payload = await resolvePromiseState(value, state);
@@ -95,16 +104,28 @@ createToast.promise = (promise, options) => {
             isLoading: false,
             duration: payload.duration,
             variant: payload.variant ?? defaultVariant,
-            showClose: payload.showClose ?? false,
+            showClose: payload.showClose ?? true,
+        });
+    };
+    const applyPromiseFallback = (error) => {
+        toastState.update(toastId, {
+            title: "Operation failed",
+            description: getPromiseFallbackDescription(error),
+            variant: "destructive",
+            isLoading: false,
+            showClose: true,
+            duration: 5000,
         });
     };
-    Promise.resolve(promise)
-        .then(async (value) => {
-        await handleResult(options.success, value, "success");
-        return value;
+    void Promise.resolve(promise)
+        .then((value) => {
+        return handleResult(options.success, value, "success");
+    })
+        .catch((error) => {
+        return handleResult(options.error, error, "destructive");
     })
-        .catch(async (error) => {
-        await handleResult(options.error, error, "destructive");
+        .catch((error) => {
+        applyPromiseFallback(error);
     });
     return toastId;
 };

package/dist/core/toaster-instances.d.ts

@@ -5,6 +5,7 @@
 declare class ToasterInstanceManager {
     private activeInstanceId;
     private instanceCounter;
+    private instanceIds;
     /**
      * Registers a new toaster instance.
      * @returns A unique instance ID.

package/dist/core/toaster-instances.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"toaster-instances.d.ts","sourceRoot":"","sources":["../../src/lib/core/toaster-instances.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,cAAM,sBAAsB;IAC3B,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,eAAe,CAAK;IAE5B;;;OAGG;IACH,gBAAgB,IAAI,MAAM;IAQ1B;;;OAGG;IACH,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAM5C;;;;OAIG;IACH,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;CAG7C;AAED,eAAO,MAAM,sBAAsB,wBAA+B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
+{"version":3,"file":"toaster-instances.d.ts","sourceRoot":"","sources":["../../src/lib/core/toaster-instances.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,cAAM,sBAAsB;IAC3B,OAAO,CAAC,gBAAgB,CAAuB;IAC/C,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,WAAW,CAAgB;IAEnC;;;OAGG;IACH,gBAAgB,IAAI,MAAM;IAY1B;;;OAGG;IACH,kBAAkB,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI;IAY5C;;;;OAIG;IACH,gBAAgB,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO;CAG7C;AAED,eAAO,MAAM,sBAAsB,wBAA+B,CAAC;AACnE,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/dist/core/toaster-instances.js

@@ -5,13 +5,16 @@
 class ToasterInstanceManager {
     activeInstanceId = null;
     instanceCounter = 0;
+    instanceIds = [];
     /**
      * Registers a new toaster instance.
      * @returns A unique instance ID.
      */
     registerInstance() {
         const instanceId = `toaster-${++this.instanceCounter}`;
-        if (!this.activeInstanceId) {
+        this.instanceIds.push(instanceId);
+        if (!this.activeInstanceId ||
+            !this.instanceIds.includes(this.activeInstanceId)) {
             this.activeInstanceId = instanceId;
         }
         return instanceId;
@@ -21,8 +24,13 @@ class ToasterInstanceManager {
      * @param instanceId - The ID of the instance to unregister.
      */
     unregisterInstance(instanceId) {
+        this.instanceIds = this.instanceIds.filter((id) => id !== instanceId);
         if (this.activeInstanceId === instanceId) {
-            this.activeInstanceId = null;
+            this.activeInstanceId = this.instanceIds[0] ?? null;
+        }
+        else if (this.activeInstanceId &&
+            !this.instanceIds.includes(this.activeInstanceId)) {
+            this.activeInstanceId = this.instanceIds[0] ?? null;
         }
     }
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "varsel",
-	"version": "0.5.2",
+	"version": "0.5.4",
 	"description": "Headless yet opinionated toast notifications for Svelte apps.",
 	"type": "module",
 	"license": "MIT",
@@ -41,6 +41,7 @@
 		"build": "bun run build:css && svelte-package",
 		"check": "svelte-check --tsconfig ./tsconfig.json",
 		"dev": "bun run build:css:watch & svelte-package --watch",
+		"test": "vitest run",
 		"lint": "tsc -p tsconfig.json --noEmit",
 		"prepublishOnly": "bun run build"
 	},