@arthony/keybook 0.8.0 → 0.8.1

package/dist/cli.js

@@ -1030,6 +1030,35 @@ function fieldValue(d, focused) {
 	return "";
 }
 //#endregion
+//#region src/tui/useTerminalSize.ts
+/**
+* The terminal's current size, re-read whenever stdout fires `resize`.
+*
+* Ink reacts to a resize by re-running Yoga layout and repainting, but it
+* never re-renders React, so any width or height computed from
+* `stdout.columns`/`stdout.rows` during render would stay frozen at the last
+* keystroke. Holding the size in state turns a resize into a render.
+*/
+function useTerminalSize() {
+	const { stdout } = useStdout();
+	const [size, setSize] = useState(() => ({
+		columns: stdout?.columns,
+		rows: stdout?.rows
+	}));
+	useEffect(() => {
+		if (!stdout) return;
+		const onResize = () => setSize({
+			columns: stdout.columns,
+			rows: stdout.rows
+		});
+		stdout.on("resize", onResize);
+		return () => {
+			stdout.off("resize", onResize);
+		};
+	}, [stdout]);
+	return size;
+}
+//#endregion
 //#region src/tui/AddEntryForm.tsx
 const TYPES = [
 	"shortcut",
@@ -1039,7 +1068,7 @@ const TYPES = [
 const LAST_FIELD = 5;
 function AddEntryForm({ apps, existingTags, onSubmit, onComplete, onCancel, resolveTarget, initial, initialFocus, title }) {
 	const { draft, update, setDraft } = useAddForm(initial ?? { app: apps[0] ?? "" });
-	const { stdout } = useStdout();
+	const { columns } = useTerminalSize();
 	const [focused, setFocused] = useState(initialFocus ?? 0);
 	const [pos, setPos] = useState(() => [...fieldValue(draft, initialFocus ?? 0)].length);
 	const [stepCursor, setStepCursor] = useState(initial?.steps?.length ?? 0);
@@ -1401,7 +1430,7 @@ function AddEntryForm({ apps, existingTags, onSubmit, onComplete, onCancel, reso
 					appIndex,
 					focused,
 					pos,
-					width: formFieldWidth(stdout?.columns),
+					width: formFieldWidth(columns),
 					existingTags,
 					stepCursor,
 					grabbed,
@@ -1757,7 +1786,7 @@ function SearchInput({ query, pos, width, filterLabel }) {
 const sameApp = (a, b) => a.trim().toLowerCase() === b.trim().toLowerCase();
 function App({ entries: initial, errorCount = 0, dataDir, onCopy = copyToClipboard }) {
 	const { exit } = useApp();
-	const { stdout } = useStdout();
+	const { columns, rows } = useTerminalSize();
 	const [entries, setEntries] = useState(initial);
 	const [mode, setMode] = useState("search");
 	const [filter, setFilter] = useState({ type: "all" });
@@ -1786,8 +1815,8 @@ function App({ entries: initial, errorCount = 0, dataDir, onCopy = copyToClipboa
 	const sel = results.length ? Math.min(selected, results.length - 1) : 0;
 	const current = results[sel];
 	currentRef.current = current;
-	const listHeight = visibleListHeight(stdout?.rows);
-	const { left, right } = columnWidths(stdout?.columns);
+	const listHeight = visibleListHeight(rows);
+	const { left, right } = columnWidths(columns);
 	useInput((input, key) => {
 		if (key.ctrl && input === "c") {
 			exit();
@@ -1919,7 +1948,7 @@ function App({ entries: initial, errorCount = 0, dataDir, onCopy = copyToClipboa
 			/* @__PURE__ */ jsx(SearchInput, {
 				query: query.text,
 				pos: query.pos,
-				width: searchFieldWidth(stdout?.columns, filterLabelText?.length ?? 0),
+				width: searchFieldWidth(columns, filterLabelText?.length ?? 0),
 				filterLabel: filterLabelText
 			}),
 			/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(ResultList, {

package/package.json

@@ -1,9 +1,7 @@
 {
   "name": "@arthony/keybook",
-  "version": "0.8.0",
-  "publishConfig": {
-    "access": "public"
-  },
+  "version": "0.8.1",
+  "publishConfig": { "access": "public" },
   "description": "A macOS TUI for searching keyboard shortcuts and recipes of your favorite apps",
   "keywords": [
     "cli",
@@ -17,27 +15,23 @@
     "productivity"
   ],
   "homepage": "https://github.com/Ariyapong/keybook#readme",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/Ariyapong/keybook.git"
-  },
-  "bugs": {
-    "url": "https://github.com/Ariyapong/keybook/issues"
-  },
+  "repository": { "type": "git", "url": "git+https://github.com/Ariyapong/keybook.git" },
+  "bugs": { "url": "https://github.com/Ariyapong/keybook/issues" },
   "author": "Ariyapong Wimolnoch",
   "type": "module",
-  "bin": {
-    "keybook": "dist/cli.js",
-    "kb": "dist/cli.js"
-  },
-  "files": [
-    "dist",
-    "seed",
-    "README.md",
-    "LICENSE"
-  ],
-  "engines": {
-    "node": ">=22"
+  "bin": { "keybook": "dist/cli.js", "kb": "dist/cli.js" },
+  "files": ["dist", "seed", "README.md", "LICENSE"],
+  "engines": { "node": ">=22" },
+  "scripts": {
+    "build": "tsdown",
+    "dev": "tsx src/cli.ts",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "typecheck": "tsc --noEmit",
+    "lint": "biome check .",
+    "format": "biome format --write .",
+    "prepublishOnly": "pnpm build",
+    "bump-tap": "./scripts/bump-tap.sh"
   },
   "dependencies": {
     "commander": "^12.1.0",
@@ -58,14 +52,8 @@
     "vitest": "^2.1.0"
   },
   "license": "MIT",
-  "scripts": {
-    "build": "tsdown",
-    "dev": "tsx src/cli.ts",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "typecheck": "tsc --noEmit",
-    "lint": "biome check .",
-    "format": "biome format --write .",
-    "bump-tap": "./scripts/bump-tap.sh"
+  "packageManager": "pnpm@10.25.0",
+  "pnpm": {
+    "onlyBuiltDependencies": ["@biomejs/biome", "esbuild"]
   }
-}
+}