@joewinke/jatui 0.2.33 → 0.3.1

package/dist/utils/dirtyGuard.js

@@ -0,0 +1,61 @@
+/* dirtyGuard.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+import { untrack } from 'svelte';
+
+function defaultEquals(a, b) {
+	try {
+		return JSON.stringify(a) === JSON.stringify(b);
+	} catch {
+		return a === b;
+	}
+}
+
+export function createDirtyGuard(opts) {
+	const eq = opts.equals ?? defaultEquals;
+	const dirty = $.derived(() => !eq(opts.baseline(), opts.current()));
+
+	// beforeunload — arm only while dirty (browser-native prompt).
+	$.user_effect(() => {
+		if (!$.get(dirty)) return;
+		if (typeof window === 'undefined') return;
+
+		function handler(e) {
+			e.preventDefault();
+			e.returnValue = '';
+		}
+
+		window.addEventListener('beforeunload', handler);
+
+		return () => window.removeEventListener('beforeunload', handler);
+	});
+
+	// SvelteKit internal navigation — client-side back/next/link nav does not
+	// fire beforeunload. Only wire when the caller passed beforeNavigate in.
+	if (opts.beforeNavigate) {
+		opts.beforeNavigate((nav) => {
+			if (!untrack(() => $.get(dirty))) return;
+
+			// 'leave' is browser tab-close / reload — already handled above.
+			if (nav.type === 'leave') return;
+
+			if (typeof window === 'undefined') return;
+
+			const prompt = opts.discardPrompt ?? 'Discard unsaved changes?';
+
+			if (!window.confirm(prompt)) {
+				nav.cancel();
+			}
+		});
+	}
+
+	function cancel() {
+		opts.onCancel?.();
+	}
+
+	return {
+		get dirty() {
+			return $.get(dirty);
+		},
+		cancel
+	};
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joewinke/jatui",
-  "version": "0.2.33",
+  "version": "0.3.1",
   "private": false,
   "description": "Shared Svelte 5 component library for JAT projects",
   "type": "module",