ink-tree-view 0.1.0 → 0.1.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2024-2026 John Costa
+Copyright (c) 2026 John Costa
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -1,8 +1,12 @@
 # ink-tree-view
 
-[![CI](https://github.com/costajohnt/ink-tree-view/actions/workflows/ci.yml/badge.svg)](https://github.com/costajohnt/ink-tree-view/actions/workflows/ci.yml)
 [![npm version](https://img.shields.io/npm/v/ink-tree-view)](https://www.npmjs.com/package/ink-tree-view)
-[![license](https://img.shields.io/npm/l/ink-tree-view)](https://github.com/costajohnt/ink-tree-view/blob/main/LICENSE)
+[![CI](https://github.com/costajohnt/ink-tree-view/actions/workflows/ci.yml/badge.svg)](https://github.com/costajohnt/ink-tree-view/actions/workflows/ci.yml)
+[![license](https://img.shields.io/npm/l/ink-tree-view)](https://github.com/costajohnt/ink-tree-view/blob/master/LICENSE)
+
+<p align="center">
+  <img src="media/demo.gif" alt="ink-tree-view demo" width="600">
+</p>
 
 A tree view component for [Ink](https://github.com/vadimdemedes/ink) (React for CLIs). Display hierarchical data with expand/collapse, keyboard navigation, selection modes, custom rendering, virtual scrolling, and async lazy loading.
 
@@ -376,7 +380,7 @@ Run `npm run build` to compile and `npm run typecheck` to verify types.
 
 ## Changelog
 
-See [GitHub Releases](https://github.com/costajohnt/ink-tree-view/releases) for a list of changes.
+See [GitHub Releases](https://github.com/costajohnt/ink-tree-view/releases).
 
 ## License
 

package/dist/index.js

@@ -501,24 +501,30 @@ function useTreeViewState({
     });
     setLastData(data);
   }
+  const onFocusChangeRef = useRef(onFocusChange);
+  onFocusChangeRef.current = onFocusChange;
+  const onExpandChangeRef = useRef(onExpandChange);
+  onExpandChangeRef.current = onExpandChange;
+  const onSelectChangeRef = useRef(onSelectChange);
+  onSelectChangeRef.current = onSelectChange;
   const isInitialMount = useRef(true);
   useEffect(() => {
     if (isInitialMount.current) {
       isInitialMount.current = false;
       return;
     }
-    if (state.focusedId) onFocusChange?.(state.focusedId);
-  }, [state.focusedId, onFocusChange]);
+    if (state.focusedId) onFocusChangeRef.current?.(state.focusedId);
+  }, [state.focusedId]);
   useEffect(() => {
     if (state.expandedIds !== state.previousExpandedIds) {
-      onExpandChange?.(state.expandedIds);
+      onExpandChangeRef.current?.(state.expandedIds);
     }
-  }, [state.expandedIds, state.previousExpandedIds, onExpandChange]);
+  }, [state.expandedIds, state.previousExpandedIds]);
   useEffect(() => {
     if (state.selectedIds !== state.previousSelectedIds) {
-      onSelectChange?.(state.selectedIds);
+      onSelectChangeRef.current?.(state.selectedIds);
     }
-  }, [state.selectedIds, state.previousSelectedIds, onSelectChange]);
+  }, [state.selectedIds, state.previousSelectedIds]);
   const viewportNodes = useMemo(() => {
     return state.visibleIds.slice(state.viewportFromIndex, state.viewportToIndex).map((id) => {
       const flat = state.nodeMap.get(id);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ink-tree-view",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A tree view component for Ink with expand/collapse, keyboard navigation, and selection",
   "author": "John Costa",
   "license": "MIT",
@@ -24,8 +24,10 @@
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
-    "types": "./dist/index.d.ts",
-    "default": "./dist/index.js"
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    }
   },
   "files": [
     "dist"