Auth plugins (#155)

src-web/hooks/useKeyboardEvent.ts

@@ -0,0 +1,18 @@
+import { useEffect } from 'react';
+
+export function useKeyboardEvent(
+  event: 'keyup' | 'keydown',
+  key: KeyboardEvent['key'],
+  cb: () => void,
+) {
+  useEffect(() => {
+    const fn = (e: KeyboardEvent) => {
+      if (e.key === key) cb();
+    };
+    document.addEventListener(event, fn);
+    return () => document.removeEventListener(event, fn);
+
+    // Don't have `cb` as a dep for caller convenience
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [event]);
+}