@rokkit/states 1.0.0-next.144 → 1.0.0-next.146

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rokkit/states",
-  "version": "1.0.0-next.144",
+  "version": "1.0.0-next.146",
   "description": "Contains generic data manipulation functions that can be used in various components.",
   "repository": {
     "type": "git",
@@ -37,8 +37,8 @@
     }
   },
   "dependencies": {
-    "@rokkit/core": "workspace:*",
-    "@rokkit/data": "workspace:*",
+    "@rokkit/core": "latest",
+    "@rokkit/data": "latest",
     "d3-array": "^3.2.4",
     "ramda": "^0.32.0",
     "svelte": "^5.53.5"

package/src/alerts.svelte.js

@@ -0,0 +1,46 @@
+class AlertsStore {
+	/** @type {Array<{id: string, type: string, text?: string, dismissible: boolean, timeout: number, actions?: unknown}>} */
+	#items = $state([])
+	/** @type {Map<string, ReturnType<typeof setTimeout>>} */
+	#timers = new Map()
+
+	get current() {
+		return this.#items
+	}
+
+	/**
+	 * Push a new alert. Returns the alert id.
+	 * @param {{ type?: string, text?: string, dismissible?: boolean, timeout?: number, actions?: unknown }} alert
+	 * @returns {string}
+	 */
+	push({ type = 'info', text, dismissible = false, timeout = dismissible ? 0 : 4000, actions } = {}) {
+		const id = crypto.randomUUID()
+		this.#items = [...this.#items, { id, type, text, dismissible, timeout, actions }]
+		if (timeout > 0) {
+			const timer = setTimeout(() => this.dismiss(id), timeout)
+			this.#timers.set(id, timer)
+		}
+		return id
+	}
+
+	/**
+	 * Dismiss an alert by id, cancelling its timer if any.
+	 * @param {string} id
+	 */
+	dismiss(id) {
+		clearTimeout(this.#timers.get(id))
+		this.#timers.delete(id)
+		this.#items = this.#items.filter((a) => a.id !== id)
+	}
+
+	/**
+	 * Clear all alerts and cancel all timers.
+	 */
+	clear() {
+		for (const timer of this.#timers.values()) clearTimeout(timer)
+		this.#timers.clear()
+		this.#items = []
+	}
+}
+
+export const alerts = new AlertsStore()

package/src/derive.svelte.js

@@ -25,7 +25,9 @@ function visitNode(data, ctx) {
 	const hasChildren = Array.isArray(item[fields.children]) && item[fields.children].length > 0
 	data.push({ key, value: item, level, hasChildren })
 	if (isExpanded(item, fields, key, expandedKeys)) {
-		data.push(...flatVisibleNodes(item[fields.children], getNestedFields(fields), itemPath, expandedKeys))
+		data.push(
+			...flatVisibleNodes(item[fields.children], getNestedFields(fields), itemPath, expandedKeys)
+		)
 	}
 }
 

package/src/index.js

@@ -1,3 +1,4 @@
+export { alerts } from './alerts.svelte.js'
 export { TableController } from './table-controller.svelte.js'
 export { vibe } from './vibe.svelte.js'
 export { ListController } from './list-controller.svelte.js'

package/src/list-controller.svelte.js

@@ -281,7 +281,11 @@ export class ListController {
 		const indices = this.#findRangeIndices(anchorKey, key)
 		if (!indices) return false
 		const { anchorIndex, targetIndex } = indices
-		this.#selectIndexRange(Math.min(anchorIndex, targetIndex), Math.max(anchorIndex, targetIndex), targetIndex)
+		this.#selectIndexRange(
+			Math.min(anchorIndex, targetIndex),
+			Math.max(anchorIndex, targetIndex),
+			targetIndex
+		)
 		return true
 	}
 

package/src/proxy-tree.svelte.js

@@ -74,7 +74,15 @@ function visitProxy(result, proxy, parentLineTypes, position) {
 	const hasChildren = children.length > 0
 	const isExpandable = hasChildren || proxy.get('children') === true // sentinel: lazy-loadable
 	const lineTypes = computeLineTypes(parentLineTypes, position, isExpandable)
-	result.push({ key: proxy.key, proxy, level: proxy.level, hasChildren, isExpandable, type: proxy.type, lineTypes })
+	result.push({
+		key: proxy.key,
+		proxy,
+		level: proxy.level,
+		hasChildren,
+		isExpandable,
+		type: proxy.type,
+		lineTypes
+	})
 	if (hasChildren && proxy.expanded) {
 		result.push(...buildReactiveFlatView(children, lineTypes))
 	}