@joewinke/jatui 0.2.9 → 0.2.10

package/CLAUDE.md

@@ -65,6 +65,8 @@ Then import:
 | `Sparkline` | Inline mini chart | `data: number[]`, `width`, `height`, `color` |
 | `LazyImage` | Image with lazy loading + placeholder | `src`, `alt`, `placeholder` |
 | `HunkDiffView` | Side-by-side diff with line numbers, red/green backgrounds, strikethrough on removed lines, inline word-level highlights via the `diff` lib. Used for reviewing YAML/text changes per hunk. | `oldText: string \| null`, `newText: string \| null`, `unified?: boolean` |
+| `ContextMenu` | Floating right-click (or programmatic) action menu, positioned via `use:floating` at a cursor point. Real `<button>`s, per-item `icon`/`variant`/`disabled`, dividers, click-outside + Escape dismiss, arrow-key/Home/End roving nav (focus starts on the first item). | `open` (bindable), `x`, `y`, `items: ContextMenuItem[]`, `header?`, `zIndex?`, `onClose?` |
+| `ContextMenuTrigger` | Wraps content with the standard right-click + "⋯" touch affordance, backed by `ContextMenu`. Use instead of hand-rolling `oncontextmenu` + a kebab button per row/card. | `items: ContextMenuItem[]`, `children` (snippet), `header?`, `triggerLabel?`, `hideButton?`, `zIndex?`, `class?` |
 
 ### Media
 

package/dist/dnd/createDndBoard.js

@@ -45,17 +45,29 @@ export function createDndBoard(opts) {
 		}
 	}
 
-	$.user_effect(function () {
-		opts.items();
-
-		if ($.safe_get(dragging) || inFlight > 0) {
-			seedQueued = true;
-
-			return;
-		}
+	// Seed synchronously at creation so the render mirror is populated for the very
+	// first render — SSR (where effects never run) and a client mount where items
+	// are already present. Without this the grid renders empty until an effect
+	// fires.
+	seed();
+
+	// Reactive re-seed on items() change — CLIENT ONLY. createDndBoard ships as a
+	// client build (svelte/internal/client); creating this effect during SSR calls
+	// user_effect with no active reaction → effect_orphan (a 500 on any page that
+	// server-renders a board). The synchronous seed above covers the SSR render.
+	if (typeof window !== 'undefined') {
+		$.user_effect(function () {
+			opts.items();
+
+			if ($.safe_get(dragging) || inFlight > 0) {
+				seedQueued = true;
+
+				return;
+			}
 
-		seed();
-	});
+			seed();
+		});
+	}
 
 	function placementFrom(dropTargets) {
 		var _a;
@@ -219,7 +231,9 @@ export function createDndBoard(opts) {
 		});
 	}
 
-	$.user_effect(function () {
+	// Drag monitor — CLIENT ONLY (same effect_orphan reason as the seed effect;
+	// monitorForElements also needs the DOM, which does not exist during SSR).
+	if (typeof window !== 'undefined') $.user_effect(function () {
 		return monitorForElements({
 			canMonitor(_a) {
 				var source = _a.source;

package/package.json

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