@joewinke/jatui 0.2.2 → 0.2.4

package/dist/index.js

@@ -14,9 +14,9 @@ export { default as SidebarUserFooter } from './components/SidebarUserFooter.sve
 export { default as TaskTypeIcon } from './components/TaskTypeIcon.svelte';
 // Components — from JAT IDE
 export { default as ConfirmDialog } from './components/ConfirmDialog.svelte';
-export { showConfirm, confirmDialog, cancelDialog, getPending } from './stores/confirmDialog.svelte';
+export { showConfirm, confirmDialog, cancelDialog, getPending } from './stores/confirmDialog';
 export { default as InputDialog } from './components/InputDialog.svelte';
-export { showInput, submitInput, cancelInput, getPendingInput } from './stores/inputDialog.svelte';
+export { showInput, submitInput, cancelInput, getPendingInput } from './stores/inputDialog';
 export { default as SearchDropdown } from './components/SearchDropdown.svelte';
 export { default as FilterDropdown } from './components/FilterDropdown.svelte';
 export { default as ContextMenu } from './components/ContextMenu.svelte';
@@ -165,7 +165,7 @@ export { play as playSound, registerSound, isSoundEnabled, setSoundEnabled } fro
 export { splitText } from './utils/splitText';
 // Toast system
 export { default as ToastHost } from './components/toast/ToastHost.svelte';
-export { showToast, dismissToast, getToasts } from './stores/toast.svelte';
+export { showToast, dismissToast, getToasts } from './stores/toast';
 // Loading & progress family
 export { default as Skeleton } from './components/Skeleton.svelte';
 export { default as ProgressBar } from './components/progress/ProgressBar.svelte';
@@ -174,7 +174,7 @@ export { default as Steps } from './components/progress/Steps.svelte';
 // Navigation & overlays
 export { default as Tabs } from './components/Tabs.svelte';
 export { default as CommandPalette } from './components/CommandPalette.svelte';
-export { commandPalette } from './stores/commandPalette.svelte';
+export { commandPalette } from './stores/commandPalette';
 // Micro primitives
 export { default as AnimatedNumber } from './components/AnimatedNumber.svelte';
 export { default as CopyButton } from './components/CopyButton.svelte';

package/dist/showcase/AnimatedBeam.svelte

@@ -112,6 +112,19 @@
 		pathLength > 0 ? `${pathLength * dashLength} ${pathLength * (1 - dashLength)}` : '0 1'
 	);
 	const dashOffset = $derived(pathLength > 0 ? (reverse ? -pathLength : pathLength) : 0);
+
+	// Per-instance keyframes go through a DOM style element created in JS.
+	// Do NOT inject them as an html-embedded style-tag string in the markup
+	// (and avoid even writing that tag literally in comments): tag-scanning
+	// preprocessors extract it as CSS, the uid placeholder fails PostCSS
+	// ("Unknown word uid"), and the consumer's whole build dies.
+	$effect(() => {
+		if (pathLength <= 0 || reducedMotion) return;
+		const styleEl = document.createElement('style');
+		styleEl.textContent = `@keyframes beam-sweep-${uid} { 0% { stroke-dashoffset: ${dashOffset}; } 100% { stroke-dashoffset: ${-dashOffset}; } }`;
+		document.head.appendChild(styleEl);
+		return () => styleEl.remove();
+	});
 </script>
 
 <!-- svelte-ignore a11y_aria_hidden_on_focusable -->
@@ -171,13 +184,3 @@
 		pointer-events: none;
 	}
 </style>
-
-<!-- Keyframes injected per-instance via a style tag to use the dynamic dashOffset -->
-{#if pathLength > 0 && !reducedMotion}
-	{@html `<style>
-		@keyframes beam-sweep-${uid} {
-			0%   { stroke-dashoffset: ${dashOffset}; }
-			100% { stroke-dashoffset: ${-dashOffset}; }
-		}
-	</style>`}
-{/if}

package/dist/stores/commandPalette.js

@@ -0,0 +1,116 @@
+/* commandPalette.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+	if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+		if (ar || !(i in from)) {
+			if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+
+			ar[i] = from[i];
+		}
+	}
+
+	return to.concat(ar || Array.prototype.slice.call(from));
+};
+
+var RECENT_KEY = 'jatui:cmd-palette:recent';
+var MAX_RECENT = 8;
+
+function createCommandPaletteStore() {
+	var open = $.state(false);
+	var groups = $.state($.proxy([]));
+	var recentIds = $.state($.proxy([]));
+
+	// Load recent from localStorage on first access
+	function loadRecent() {
+		if (typeof localStorage === 'undefined') return;
+
+		try {
+			var raw = localStorage.getItem(RECENT_KEY);
+
+			$.set(recentIds, raw ? JSON.parse(raw) : [], true);
+		} catch(_a) {
+			$.set(recentIds, [], true);
+		}
+	}
+
+	function saveRecent(ids) {
+		if (typeof localStorage === 'undefined') return;
+
+		try {
+			localStorage.setItem(RECENT_KEY, JSON.stringify(ids));
+		} catch(_a) {
+			// ignore storage errors
+		}
+	}
+
+	function recordRecent(id) {
+		var updated = __spreadArray(
+			[id],
+			$.safe_get(recentIds).filter(function (r) {
+				return r !== id;
+			}),
+			true
+		).slice(0, MAX_RECENT);
+
+		$.set(recentIds, updated, true);
+		saveRecent(updated);
+	}
+
+	return {
+		get open() {
+			return $.safe_get(open);
+		},
+
+		get groups() {
+			return $.safe_get(groups);
+		},
+
+		get recentIds() {
+			return $.safe_get(recentIds);
+		},
+
+		registerCommands(groupLabel, items) {
+			var existing = $.safe_get(groups).find(function (g) {
+				return g.label === groupLabel;
+			});
+
+			if (existing) {
+				existing.items = items;
+			} else {
+				$.set(groups, __spreadArray(__spreadArray([], $.safe_get(groups), true), [{ label: groupLabel, items }], false), true);
+			}
+		},
+
+		openPalette() {
+			loadRecent();
+			$.set(open, true);
+		},
+
+		closePalette() {
+			$.set(open, false);
+		},
+
+		runCommand(item) {
+			recordRecent(item.id);
+			$.set(open, false);
+			item.action();
+		},
+
+		getRecentItems() {
+			var allItems = $.safe_get(groups).flatMap(function (g) {
+				return g.items;
+			});
+
+			return $.safe_get(recentIds).map(function (id) {
+				return allItems.find(function (i) {
+					return i.id === id;
+				});
+			}).filter(function (i) {
+				return !!i;
+			});
+		}
+	};
+}
+
+export var commandPalette = createCommandPaletteStore();

package/dist/stores/confirmDialog.js

@@ -0,0 +1,37 @@
+/* confirmDialog.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
+var pending = $.state(null);
+
+export function getPending() {
+	return $.safe_get(pending);
+}
+
+export function showConfirm(options) {
+	// If a dialog is already open, cancel it first.
+	if ($.safe_get(pending)) {
+		$.safe_get(pending).resolve(false);
+	}
+
+	return new Promise(function (resolve) {
+		$.set(pending, { options, resolve }, true);
+	});
+}
+
+export function confirmDialog() {
+	if (!$.safe_get(pending)) return;
+
+	var p = $.safe_get(pending);
+
+	$.set(pending, null);
+	p.resolve(true);
+}
+
+export function cancelDialog() {
+	if (!$.safe_get(pending)) return;
+
+	var p = $.safe_get(pending);
+
+	$.set(pending, null);
+	p.resolve(false);
+}

package/dist/stores/inputDialog.js

@@ -0,0 +1,37 @@
+/* inputDialog.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
+var pending = $.state(null);
+
+export function getPendingInput() {
+	return $.safe_get(pending);
+}
+
+export function showInput(options) {
+	// If a dialog is already open, cancel it first.
+	if ($.safe_get(pending)) {
+		$.safe_get(pending).resolve(null);
+	}
+
+	return new Promise(function (resolve) {
+		$.set(pending, { options, resolve }, true);
+	});
+}
+
+export function submitInput(value) {
+	if (!$.safe_get(pending)) return;
+
+	var p = $.safe_get(pending);
+
+	$.set(pending, null);
+	p.resolve(value);
+}
+
+export function cancelInput() {
+	if (!$.safe_get(pending)) return;
+
+	var p = $.safe_get(pending);
+
+	$.set(pending, null);
+	p.resolve(null);
+}

package/dist/stores/toast.js

@@ -0,0 +1,53 @@
+/* toast.svelte.js generated by Svelte v5.53.11 */
+import * as $ from 'svelte/internal/client';
+
+var __spreadArray = this && this.__spreadArray || function (to, from, pack) {
+	if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+		if (ar || !(i in from)) {
+			if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+
+			ar[i] = from[i];
+		}
+	}
+
+	return to.concat(ar || Array.prototype.slice.call(from));
+};
+
+var nextId = 0;
+var toasts = $.state($.proxy([]));
+
+export function getToasts() {
+	return $.safe_get(toasts);
+}
+
+export function showToast(options) {
+	var _a, _b;
+	var id = ++nextId;
+
+	var toast = {
+		id,
+		type: (_a = options.type) !== null && _a !== void 0 ? _a : 'info',
+		message: options.message,
+		action: options.action,
+		durationMs: (_b = options.durationMs) !== null && _b !== void 0 ? _b : 5000,
+		onUndo: options.onUndo
+	};
+
+	$.set(toasts, __spreadArray(__spreadArray([], $.safe_get(toasts), true), [toast], false), true);
+
+	return {
+		dismiss() {
+			return dismissToast(id);
+		}
+	};
+}
+
+export function dismissToast(id) {
+	$.set(
+		toasts,
+		$.safe_get(toasts).filter(function (t) {
+			return t.id !== id;
+		}),
+		true
+	);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joewinke/jatui",
-  "version": "0.2.2",
+  "version": "0.2.4",
   "private": false,
   "description": "Shared Svelte 5 component library for JAT projects",
   "type": "module",
@@ -67,7 +67,7 @@
     "build": "vite build",
     "build:site": "npm run package && vite build",
     "preview": "vite preview",
-    "package": "svelte-package --input src/lib --output dist",
+    "package": "svelte-package --input src/lib --output dist && node scripts/compile-rune-modules.mjs",
     "check:demos": "node scripts/check-demo-coverage.mjs",
     "guard": "node scripts/check-demo-coverage.mjs",
     "prepublishOnly": "npm run package"

package/dist/dnd/createDndBoard.svelte.js

@@ -1,217 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-import { monitorForElements } from '@atlaskit/pragmatic-drag-and-drop/element/adapter';
-import { extractClosestEdge, attachClosestEdge, } from '@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge';
-import { SvelteMap } from 'svelte/reactivity';
-import { announce } from './announce';
-import { makeItemData, isItemData, } from './types';
-var SHADOW_KEY = '__dnd-shadow__';
-export function createDndBoard(opts) {
-    var _a, _b;
-    var edges = (_a = opts.edges) !== null && _a !== void 0 ? _a : ['top', 'bottom'];
-    var hover = (_b = opts.hover) !== null && _b !== void 0 ? _b : 'indicator';
-    var mirror = new SvelteMap();
-    var dragging = $state(null);
-    var proposal = $state(null);
-    var seq = new Map();
-    var inFlight = 0;
-    var seedQueued = false;
-    function seed() {
-        mirror.clear();
-        var src = opts.items();
-        var entries = src instanceof Map
-            ? src
-            : new Map(Object.entries(src));
-        for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
-            var _a = entries_1[_i], id = _a[0], list = _a[1];
-            mirror.set(id, __spreadArray([], list, true));
-        }
-    }
-    $effect(function () {
-        opts.items();
-        if (dragging || inFlight > 0) {
-            seedQueued = true;
-            return;
-        }
-        seed();
-    });
-    function placementFrom(dropTargets) {
-        var _a;
-        var inner = dropTargets[0];
-        if (!inner)
-            return null;
-        var d = inner.data;
-        if (typeof d.container !== 'string')
-            return null;
-        var list = (_a = mirror.get(d.container)) !== null && _a !== void 0 ? _a : [];
-        if (typeof d.index !== 'number')
-            return { container: d.container, index: list.length };
-        var edge = extractClosestEdge(d);
-        var after = edge === 'bottom' || edge === 'right';
-        return { container: d.container, index: d.index + (after ? 1 : 0) };
-    }
-    function syncShadow(next) {
-        var _a;
-        var _b;
-        for (var _i = 0, mirror_1 = mirror; _i < mirror_1.length; _i++) {
-            var _c = mirror_1[_i], cid = _c[0], list_1 = _c[1];
-            var idx = list_1.findIndex(function (item) { return item[SHADOW_KEY]; });
-            if (idx !== -1) {
-                list_1.splice(idx, 1);
-                mirror.set(cid, list_1);
-                break;
-            }
-        }
-        if (!next || !dragging)
-            return;
-        var list = __spreadArray([], ((_b = mirror.get(next.container)) !== null && _b !== void 0 ? _b : []), true);
-        var shadowItem = (_a = {}, _a[SHADOW_KEY] = true, _a.key = "".concat(SHADOW_KEY, "-").concat(dragging.key), _a);
-        list.splice(Math.min(next.index, list.length), 0, shadowItem);
-        mirror.set(next.container, list);
-    }
-    function consider(next) {
-        if ((next === null || next === void 0 ? void 0 : next.container) === (proposal === null || proposal === void 0 ? void 0 : proposal.container) && (next === null || next === void 0 ? void 0 : next.index) === (proposal === null || proposal === void 0 ? void 0 : proposal.index))
-            return;
-        proposal = next;
-        if (hover === 'shadow')
-            syncShadow(next);
-    }
-    function applyToMirror(move) {
-        var _a, _b;
-        var fromList = __spreadArray([], ((_a = mirror.get(move.from.container)) !== null && _a !== void 0 ? _a : []), true);
-        var toList = move.from.container === move.to.container
-            ? fromList
-            : __spreadArray([], ((_b = mirror.get(move.to.container)) !== null && _b !== void 0 ? _b : []), true);
-        var srcIdx = fromList.findIndex(function (it) { return opts.key(it) === opts.key(move.item); });
-        if (srcIdx === -1)
-            return;
-        fromList.splice(srcIdx, 1);
-        var destIdx = move.to.index;
-        if (move.from.container === move.to.container && move.to.index > move.from.index) {
-            destIdx = Math.max(0, destIdx - 1);
-        }
-        toList.splice(Math.min(destIdx, toList.length), 0, move.item);
-        mirror.set(move.from.container, fromList);
-        if (move.from.container !== move.to.container) {
-            mirror.set(move.to.container, toList);
-        }
-    }
-    function rollback(move) {
-        var _a;
-        for (var _i = 0, mirror_2 = mirror; _i < mirror_2.length; _i++) {
-            var _b = mirror_2[_i], cid = _b[0], list = _b[1];
-            var idx = list.findIndex(function (it) { return opts.key(it) === opts.key(move.item); });
-            if (idx !== -1) {
-                list.splice(idx, 1);
-                mirror.set(cid, list);
-                break;
-            }
-        }
-        var fromList = __spreadArray([], ((_a = mirror.get(move.from.container)) !== null && _a !== void 0 ? _a : []), true);
-        fromList.splice(Math.min(move.from.index, fromList.length), 0, move.item);
-        mirror.set(move.from.container, fromList);
-    }
-    function finalize(dropped) {
-        var _a;
-        var drag = dragging;
-        var to = dropped ? proposal : null;
-        dragging = null;
-        consider(null);
-        if (!drag)
-            return;
-        if (!to ||
-            (to.container === drag.from.container && to.index === drag.from.index)) {
-            if (seedQueued && inFlight === 0) {
-                seedQueued = false;
-                seed();
-            }
-            return;
-        }
-        var move = { item: drag.item, from: drag.from, to: to };
-        applyToMirror(move);
-        if (opts.announce)
-            announce(opts.announce(move));
-        var token = ((_a = seq.get(drag.key)) !== null && _a !== void 0 ? _a : 0) + 1;
-        seq.set(drag.key, token);
-        inFlight++;
-        opts
-            .commit(move)
-            .catch(function (error) {
-            var _a;
-            if (seq.get(drag.key) === token)
-                rollback(move);
-            (_a = opts.onError) === null || _a === void 0 ? void 0 : _a.call(opts, error, move);
-        })
-            .finally(function () {
-            inFlight--;
-            if (inFlight === 0 && seedQueued && !dragging) {
-                seedQueued = false;
-                seed();
-            }
-        });
-    }
-    $effect(function () {
-        return monitorForElements({
-            canMonitor: function (_a) {
-                var source = _a.source;
-                return isItemData(source.data, opts.type);
-            },
-            onDragStart: function (_a) {
-                var source = _a.source;
-                var d = source.data;
-                dragging = {
-                    key: d.key,
-                    item: d.item,
-                    from: { container: d.container, index: d.index },
-                };
-            },
-            onDropTargetChange: function (_a) {
-                var location = _a.location;
-                consider(placementFrom(location.current.dropTargets));
-            },
-            onDrag: function (_a) {
-                var location = _a.location;
-                consider(placementFrom(location.current.dropTargets));
-            },
-            onDrop: function (_a) {
-                var location = _a.location;
-                finalize(location.current.dropTargets.length > 0);
-            },
-        });
-    });
-    return {
-        get: function (container) { var _a; return (_a = mirror.get(container)) !== null && _a !== void 0 ? _a : []; },
-        containers: function () { return __spreadArray([], mirror.keys(), true); },
-        get dragging() {
-            return dragging;
-        },
-        get proposal() {
-            return proposal;
-        },
-        isSource: function (item) { return (dragging === null || dragging === void 0 ? void 0 : dragging.key) === opts.key(item); },
-        isShadow: function (item) {
-            return !!item[SHADOW_KEY];
-        },
-        item: function (item, container, index) { return ({
-            data: function () { return makeItemData({ type: opts.type, key: opts.key(item), item: item, container: container, index: index }); },
-        }); },
-        itemTarget: function (container, index) { return ({
-            data: function (feedback) {
-                return attachClosestEdge({ type: "".concat(opts.type, "-target"), container: container, index: index }, { input: feedback.input, element: feedback.element, allowedEdges: edges });
-            },
-            accepts: function (d) { return isItemData(d, opts.type); },
-            sticky: true,
-        }); },
-        containerTarget: function (container) { return ({
-            data: function () { return ({ type: "".concat(opts.type, "-target"), container: container }); },
-            accepts: function (d) { return isItemData(d, opts.type); },
-        }); },
-    };
-}

package/dist/stores/commandPalette.svelte.js

@@ -1,82 +0,0 @@
-var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
-    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
-        if (ar || !(i in from)) {
-            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
-            ar[i] = from[i];
-        }
-    }
-    return to.concat(ar || Array.prototype.slice.call(from));
-};
-var RECENT_KEY = 'jatui:cmd-palette:recent';
-var MAX_RECENT = 8;
-function createCommandPaletteStore() {
-    var open = $state(false);
-    var groups = $state([]);
-    var recentIds = $state([]);
-    // Load recent from localStorage on first access
-    function loadRecent() {
-        if (typeof localStorage === 'undefined')
-            return;
-        try {
-            var raw = localStorage.getItem(RECENT_KEY);
-            recentIds = raw ? JSON.parse(raw) : [];
-        }
-        catch (_a) {
-            recentIds = [];
-        }
-    }
-    function saveRecent(ids) {
-        if (typeof localStorage === 'undefined')
-            return;
-        try {
-            localStorage.setItem(RECENT_KEY, JSON.stringify(ids));
-        }
-        catch (_a) {
-            // ignore storage errors
-        }
-    }
-    function recordRecent(id) {
-        var updated = __spreadArray([id], recentIds.filter(function (r) { return r !== id; }), true).slice(0, MAX_RECENT);
-        recentIds = updated;
-        saveRecent(updated);
-    }
-    return {
-        get open() {
-            return open;
-        },
-        get groups() {
-            return groups;
-        },
-        get recentIds() {
-            return recentIds;
-        },
-        registerCommands: function (groupLabel, items) {
-            var existing = groups.find(function (g) { return g.label === groupLabel; });
-            if (existing) {
-                existing.items = items;
-            }
-            else {
-                groups = __spreadArray(__spreadArray([], groups, true), [{ label: groupLabel, items: items }], false);
-            }
-        },
-        openPalette: function () {
-            loadRecent();
-            open = true;
-        },
-        closePalette: function () {
-            open = false;
-        },
-        runCommand: function (item) {
-            recordRecent(item.id);
-            open = false;
-            item.action();
-        },
-        getRecentItems: function () {
-            var allItems = groups.flatMap(function (g) { return g.items; });
-            return recentIds
-                .map(function (id) { return allItems.find(function (i) { return i.id === id; }); })
-                .filter(function (i) { return !!i; });
-        }
-    };
-}
-export var commandPalette = createCommandPaletteStore();

package/dist/stores/confirmDialog.svelte.js

@@ -1,31 +0,0 @@
-/**
- * Global promise-based confirm dialog.
- * Usage: const ok = await showConfirm({ title: '...', body: '...' })
- */
-var pending = $state(null);
-export function getPending() {
-    return pending;
-}
-export function showConfirm(options) {
-    // If a dialog is already open, cancel it first.
-    if (pending) {
-        pending.resolve(false);
-    }
-    return new Promise(function (resolve) {
-        pending = { options: options, resolve: resolve };
-    });
-}
-export function confirmDialog() {
-    if (!pending)
-        return;
-    var p = pending;
-    pending = null;
-    p.resolve(true);
-}
-export function cancelDialog() {
-    if (!pending)
-        return;
-    var p = pending;
-    pending = null;
-    p.resolve(false);
-}

package/dist/stores/inputDialog.svelte.js

@@ -1,32 +0,0 @@
-/**
- * Global promise-based input dialog.
- * Usage: const value = await showInput({ title: '...', placeholder: '...' })
- * Returns the typed string if confirmed, null if cancelled.
- */
-var pending = $state(null);
-export function getPendingInput() {
-    return pending;
-}
-export function showInput(options) {
-    // If a dialog is already open, cancel it first.
-    if (pending) {
-        pending.resolve(null);
-    }
-    return new Promise(function (resolve) {
-        pending = { options: options, resolve: resolve };
-    });
-}
-export function submitInput(value) {
-    if (!pending)
-        return;
-    var p = pending;
-    pending = null;
-    p.resolve(value);
-}
-export function cancelInput() {
-    if (!pending)
-        return;
-    var p = pending;
-    pending = null;
-    p.resolve(null);
-}