refactor: better shortcut hook

2025-12-05 17:05:23 -05:00
parent 2df7f2d924
commit 76f2a43bd0
21 changed files with 481 additions and 143 deletions
--- a/packages/ui/lib/shortcuts/Debug.tsx
+++ b/packages/ui/lib/shortcuts/Debug.tsx
@@ -0,0 +1,30 @@
+import { useSyncExternalStore } from "react";
+import { View, Text } from "react-native";
+import { keysStore } from "./store";
+
+export function ShortcutDebug() {
+  const entries = useSyncExternalStore(
+    keysStore.subscribe,
+    keysStore.getSnapshot,
+  );
+
+  return (
+    <View
+      style={{
+        position: "absolute",
+        zIndex: 100,
+        bottom: 0,
+        right: 0,
+        backgroundColor: "black",
+      }}
+    >
+      <Text style={{ color: "red", fontFamily: "mono" }}>
+        {entries
+          .values()
+          .map(([key, _]) => key)
+          .toArray()
+          .join(",")}
+      </Text>
+    </View>
+  );
+}