giggles 0.6.0 → 0.6.1

package/dist/{chunk-QV7GQTKO.js → chunk-A7BRQXWE.js}

@@ -36,8 +36,13 @@ function useKeybindings(focus, bindings, options) {
 }
 
 // src/core/input/useKeybindingRegistry.ts
+import { useSyncExternalStore } from "react";
 function useKeybindingRegistry(focus) {
   const store = useStore();
+  useSyncExternalStore(
+    (cb) => store.subscribe(cb),
+    () => store.getVersion()
+  );
   const all = store.getAllBindings().filter((b) => b.name != null);
   const branchPath = store.getActiveBranchPath();
   const branchSet = new Set(branchPath);
@@ -47,15 +52,24 @@ function useKeybindingRegistry(focus) {
     const trapIndex = branchPath.indexOf(trapNodeId);
     return trapIndex >= 0 ? new Set(branchPath.slice(0, trapIndex + 1)) : null;
   })();
-  const available = all.filter((b) => {
-    return (withinTrapSet ?? branchSet).has(b.nodeId);
-  });
+  const availableSet = withinTrapSet ?? branchSet;
+  const seenKeys = /* @__PURE__ */ new Set();
+  const available = [];
+  for (const nodeId of branchPath) {
+    if (!availableSet.has(nodeId)) continue;
+    for (const b of all) {
+      if (b.nodeId === nodeId && !seenKeys.has(b.key)) {
+        seenKeys.add(b.key);
+        available.push(b);
+      }
+    }
+  }
   const local = focus ? all.filter((b) => b.nodeId === focus.id) : [];
   return { all, available, local };
 }
 
 // src/core/focus/useFocusNode.ts
-import { useContext as useContext2, useEffect as useEffect2, useId as useId2, useMemo, useSyncExternalStore } from "react";
+import { useContext as useContext2, useEffect as useEffect2, useId as useId2, useMemo, useSyncExternalStore as useSyncExternalStore2 } from "react";
 function useFocusNode(options) {
   var _a;
   const id = useId2();
@@ -69,7 +83,7 @@ function useFocusNode(options) {
       store.unregisterNode(id);
     };
   }, [id, parentId, store]);
-  const hasFocus = useSyncExternalStore(subscribe, () => store.isFocused(id));
+  const hasFocus = useSyncExternalStore2(subscribe, () => store.isFocused(id));
   return { id, hasFocus };
 }
 
@@ -106,7 +120,7 @@ function InputRouter({ children }) {
 }
 
 // src/core/focus/useFocusScope.ts
-import { useCallback, useContext as useContext3, useEffect as useEffect4, useId as useId3, useMemo as useMemo2, useSyncExternalStore as useSyncExternalStore2 } from "react";
+import { useCallback, useContext as useContext3, useEffect as useEffect4, useId as useId3, useMemo as useMemo2, useSyncExternalStore as useSyncExternalStore3 } from "react";
 function useFocusScope(options) {
   var _a;
   const id = useId3();
@@ -121,8 +135,8 @@ function useFocusScope(options) {
       store.unregisterNode(id);
     };
   }, [id, parentId, store]);
-  const hasFocus = useSyncExternalStore2(subscribe, () => store.isFocused(id));
-  const isPassive = useSyncExternalStore2(subscribe, () => store.isPassive(id));
+  const hasFocus = useSyncExternalStore3(subscribe, () => store.isFocused(id));
+  const isPassive = useSyncExternalStore3(subscribe, () => store.isPassive(id));
   const next = useCallback(() => store.navigateSibling("next", true, id), [store, id]);
   const prev = useCallback(() => store.navigateSibling("prev", true, id), [store, id]);
   const nextShallow = useCallback(() => store.navigateSibling("next", true, id, true), [store, id]);
@@ -178,6 +192,7 @@ var FocusStore = class {
   pendingFocusFirstChild = /* @__PURE__ */ new Set();
   trapNodeId = null;
   listeners = /* @__PURE__ */ new Set();
+  version = 0;
   // nodeId → registrationId → BindingRegistration
   // Keybindings register synchronously during render; nodes register in useEffect.
   // A keybinding may exist for a node that has not yet appeared in the node tree —
@@ -191,10 +206,14 @@ var FocusStore = class {
     return () => this.listeners.delete(listener);
   }
   notify() {
+    this.version++;
     for (const listener of this.listeners) {
       listener();
     }
   }
+  getVersion() {
+    return this.version;
+  }
   // ---------------------------------------------------------------------------
   // Registration
   // ---------------------------------------------------------------------------

package/dist/index.js

@@ -1,6 +1,3 @@
-import {
-  useTerminalSize
-} from "./chunk-WNGBTD67.js";
 import {
   FocusScope,
   FocusStore,
@@ -14,11 +11,14 @@ import {
   useKeybindingRegistry,
   useKeybindings,
   useStore
-} from "./chunk-QV7GQTKO.js";
+} from "./chunk-A7BRQXWE.js";
 import {
   ThemeProvider,
   useTheme
 } from "./chunk-C77VBSPK.js";
+import {
+  useTerminalSize
+} from "./chunk-WNGBTD67.js";
 
 // src/core/GigglesProvider.tsx
 import { useRef } from "react";

package/dist/ui/index.js

@@ -4,7 +4,7 @@ import {
   useFocusNode,
   useKeybindingRegistry,
   useKeybindings
-} from "../chunk-QV7GQTKO.js";
+} from "../chunk-A7BRQXWE.js";
 import {
   CodeBlock
 } from "../chunk-SKSDNDQF.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "giggles",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -41,6 +41,7 @@
     "build": "tsup",
     "build:watch": "nodemon --watch src --ext ts,tsx --exec tsup",
     "play": "tsx --watch",
+    "record": "vhs",
     "dev:docs": "pnpm build && concurrently --kill-others \"pnpm build:watch\" \"pnpm --filter documentation dev\"",
     "lint": "prettier --write . && eslint . --fix"
   },