summaryrefslogtreecommitdiff
path: root/src/NodeEditor.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/NodeEditor.tsx')
-rw-r--r--src/NodeEditor.tsx13
1 files changed, 12 insertions, 1 deletions
diff --git a/src/NodeEditor.tsx b/src/NodeEditor.tsx
index 83d81bd..0340a49 100644
--- a/src/NodeEditor.tsx
+++ b/src/NodeEditor.tsx
@@ -1,4 +1,4 @@
-import { useMemo, useRef } from 'preact/hooks';
+import { useEffect, useMemo, useRef } from 'preact/hooks';
import { signal, computed, batch, useSignal, useComputed, Signal } from '@preact/signals';
import { nodeRegistry } from './nodes';
import { SocketHandlers, SocketHandler, NodeInfo } from './node.tsx';
@@ -188,6 +188,17 @@ export const NodeEditor = () => {
onInMouseUp,
};
+ const onKeyDown = (event: KeyboardEvent) => {
+ if (event.code === 'KeyX') {
+ alert('X');
+ }
+ };
+
+ useEffect(() => {
+ document.addEventListener('keydown', onKeyDown);
+ return () => document.removeEventListener('keydown', onKeyDown);
+ }, []);
+
const onBgMouseDown = () => {
const onMouseMove = (event: MouseEvent) => batch(() => {
offsetX.value += event.movementX;