@preset.nz/app-kit 0.1.1 → 0.1.2

package/README.md

@@ -96,4 +96,4 @@ In Vite, add `@preset.nz/app-kit` (with `react`, `react-dom`, `@tauri-apps/api`,
 
 ## Development
 
-`just check` runs `cargo fmt --check`, clippy, `cargo test`, `tsc` and eslint. MIT.
+`just check` runs `cargo fmt --check`, clippy, `cargo test`, `tsc` and Biome. MIT.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@preset.nz/app-kit",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "The behaviour of a preset.nz desktop app: command table, menu sync, Undo and Redo titles, text-field undo routing and a selection store, over the preset-app-kit Rust crate.",
   "license": "MIT",
   "repository": {
@@ -22,19 +22,15 @@
     "react": "^19"
   },
   "devDependencies": {
-    "@eslint/js": "^9.39.4",
+    "@biomejs/biome": "^2.5.15",
     "@preset.nz/ux-kit": "^0.1.0",
     "@tauri-apps/api": "^2.11.1",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "eslint": "^9.39.4",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.3",
-    "globals": "^16.5.0",
+    "lefthook": "^2.1.17",
     "react": "^19.2.7",
     "react-dom": "^19.2.7",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.61.1"
+    "typescript": "~5.9.3"
   },
   "peerDependenciesMeta": {
     "@preset.nz/ux-kit": {

package/src-ts/CommandToolbar.tsx

@@ -1,10 +1,13 @@
-import type { ComponentProps } from "react"
 import { ToolbarItems } from "@preset.nz/ux-kit"
+import type { ComponentProps } from "react"
 
 import type { Command } from "./commands"
-import { toItems, type ToolbarLayout } from "./toolbar"
+import { type ToolbarLayout, toItems } from "./toolbar"
 
-type Props = Omit<ComponentProps<typeof ToolbarItems>, "groups" | "leading" | "trailing" | "onCommand"> & {
+type Props = Omit<
+  ComponentProps<typeof ToolbarItems>,
+  "groups" | "leading" | "trailing" | "onCommand"
+> & {
   commands: Command[]
   layout: ToolbarLayout
   /** From `useCommands`: runs the command the menu would. */

package/src-ts/commands.ts

@@ -1,7 +1,7 @@
-import { useCallback, useEffect, useMemo, useState, type ReactNode } from "react"
 import { invoke } from "@tauri-apps/api/core"
+import { type ReactNode, useCallback, useEffect, useMemo, useState } from "react"
 
-import { redo, undo, useHistory, type HistoryState } from "./history"
+import { type HistoryState, redo, undo, useHistory } from "./history"
 import { useTextUndo } from "./text"
 import { useMenuSync } from "./useMenuSync"
 
@@ -133,6 +133,9 @@ export function useCommands(bindings: Record<string, Binding>) {
     [commands],
   )
   /** A command's display shortcut, for anything that shows one (a panel header's tooltip). */
-  const shortcut = useCallback((id: string) => table?.find((s) => s.id === id)?.shortcut ?? undefined, [table])
+  const shortcut = useCallback(
+    (id: string) => table?.find((s) => s.id === id)?.shortcut ?? undefined,
+    [table],
+  )
   return { commands, run, shortcut, history }
 }

package/src-ts/core.ts

@@ -1,15 +1,15 @@
 // The menu half of app-kit: commands, history, text-field undo, selection and stores, with
 // no dependency on ux-kit. `index.ts` adds the toolbar bridge on top.
 export {
-  bindCommands,
-  useCommands,
-  useCommandTable,
   type Binding,
+  bindCommands,
   type Command,
   type CommandSpec,
+  useCommands,
+  useCommandTable,
 } from "./commands"
-export { useDocument, useDocumentNotes, type DocumentState } from "./document"
-export { redo, undo, useHistory, type HistoryState } from "./history"
+export { type DocumentState, useDocument, useDocumentNotes } from "./document"
+export { type HistoryState, redo, undo, useHistory } from "./history"
 export { nativeContextMenu } from "./nativeContextMenu"
 export {
   createMultiSelection,
@@ -18,6 +18,6 @@ export {
   type MultiSelection,
   type Selection,
 } from "./selection"
-export { createStore, useStore, type Store } from "./store"
+export { createStore, type Store, useStore } from "./store"
 export { blurField, isTextField, useTextFocus, useTextUndo } from "./text"
 export { useMenuSync } from "./useMenuSync"

package/src-ts/document.ts

@@ -1,6 +1,6 @@
-import { useEffect, useRef, useState } from "react"
 import { invoke } from "@tauri-apps/api/core"
 import { listen } from "@tauri-apps/api/event"
+import { useEffect, useRef, useState } from "react"
 
 /** The document as Rust reports it (`DocumentState`): from `app_kit_document`, pushed as `app-kit://document`. */
 export interface DocumentState {
@@ -47,7 +47,9 @@ export function useDocumentNotes(onNote: (message: string) => void): void {
     // while still mounted: taking them is once-only, so an unmounted effect (StrictMode mounts
     // twice in dev) must leave them for the next.
     un.then(() => (live ? invoke<string[]>("app_kit_document_note") : [])).then(
-      (held) => live && held.forEach((m) => handler.current(m)),
+      (held) => {
+        if (live) for (const m of held) handler.current(m)
+      },
       () => {},
     )
     return () => {

package/src-ts/history.ts

@@ -1,6 +1,6 @@
-import { useEffect, useState } from "react"
 import { invoke } from "@tauri-apps/api/core"
 import { listen } from "@tauri-apps/api/event"
+import { useEffect, useState } from "react"
 
 import { blurField } from "./text"
 

package/src-ts/index.ts

@@ -1,5 +1,6 @@
 // Everything: the core plus the ux-kit toolbar bridge. Apps without ux-kit import
 // "@preset.nz/app-kit/core" instead.
-export * from "./core"
+
 export { CommandToolbar } from "./CommandToolbar"
-export { toItems, type ToolbarLayout } from "./toolbar"
+export * from "./core"
+export { type ToolbarLayout, toItems } from "./toolbar"

package/src-ts/store.ts

@@ -15,7 +15,7 @@ export function createStore<T>(initial: T): Store<T> {
     set(next) {
       if (Object.is(next, state)) return
       state = next
-      listeners.forEach((l) => l())
+      for (const l of listeners) l()
     },
     subscribe(l) {
       listeners.add(l)

package/src-ts/text.ts

@@ -1,13 +1,23 @@
-import { useEffect, useState } from "react"
 import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow"
+import { useEffect, useState } from "react"
 
-const TEXT_INPUT_TYPES = new Set(["", "text", "search", "url", "email", "tel", "password", "number"])
+const TEXT_INPUT_TYPES = new Set([
+  "",
+  "text",
+  "search",
+  "url",
+  "email",
+  "tel",
+  "password",
+  "number",
+])
 
 /** True for elements that have their own typing undo: text inputs, textareas, contenteditable. */
 export function isTextField(el: EventTarget | Element | null): boolean {
   if (!(el instanceof HTMLElement)) return false
   if (el instanceof HTMLTextAreaElement) return !el.readOnly && !el.disabled
-  if (el instanceof HTMLInputElement) return TEXT_INPUT_TYPES.has(el.type) && !el.readOnly && !el.disabled
+  if (el instanceof HTMLInputElement)
+    return TEXT_INPUT_TYPES.has(el.type) && !el.readOnly && !el.disabled
   return el.isContentEditable
 }
 

package/src-ts/useMenuSync.ts

@@ -1,6 +1,6 @@
-import { useEffect, useRef } from "react"
 import { invoke } from "@tauri-apps/api/core"
 import { getCurrentWebviewWindow } from "@tauri-apps/api/webviewWindow"
+import { useEffect, useRef } from "react"
 
 import type { Command } from "./commands"
 
@@ -31,12 +31,11 @@ export function useMenuSync(commands: Command[], textFocus: boolean) {
   }, [])
 
   const key = JSON.stringify(commands.map((c) => [c.id, c.enabled, c.pressed])) + textFocus
+  // biome-ignore lint/correctness/useExhaustiveDependencies: `key` stands for the commands' menu-relevant state (and textFocus); `latest` holds the commands themselves.
   useEffect(() => {
     const states = latest.current
       .filter((c) => !RUST_GATED_IDS.has(c.id))
       .map((c) => ({ id: c.id, enabled: c.enabled, checked: c.pressed }))
     invoke("app_kit_menu_state", { states, textFocus }).catch(() => {})
-    // `key` stands for the commands' menu-relevant state; `latest` holds the commands.
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [key])
 }