91 lines
2.8 KiB
TypeScript
91 lines
2.8 KiB
TypeScript
import { useEffect } from "react"
|
|
import state from "state"
|
|
import { getKeyboardEventInfo, isDarwin, metaKey } from "utils/utils"
|
|
|
|
export default function useKeyboardEvents() {
|
|
useEffect(() => {
|
|
function handleKeyDown(e: KeyboardEvent) {
|
|
if (e.key === "Escape") {
|
|
state.send("CANCELLED")
|
|
} else if (e.key === "z" && metaKey(e)) {
|
|
if (e.shiftKey) {
|
|
state.send("REDO")
|
|
} else {
|
|
state.send("UNDO")
|
|
}
|
|
}
|
|
|
|
if (e.key === "Shift") {
|
|
state.send("PRESSED_SHIFT_KEY", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "Alt") {
|
|
state.send("PRESSED_ALT_KEY", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "Backspace" && !(metaKey(e) || e.shiftKey || e.altKey)) {
|
|
state.send("DELETED", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "s" && metaKey(e)) {
|
|
e.preventDefault()
|
|
state.send("SAVED")
|
|
}
|
|
if (e.key === "a" && metaKey(e)) {
|
|
e.preventDefault()
|
|
state.send("SELECTED_ALL")
|
|
}
|
|
|
|
if (e.key === "v" && !(metaKey(e) || e.shiftKey || e.altKey)) {
|
|
state.send("SELECTED_SELECT_TOOL", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "d" && !(metaKey(e) || e.shiftKey || e.altKey)) {
|
|
state.send("SELECTED_DOT_TOOL", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "c" && !(metaKey(e) || e.shiftKey || e.altKey)) {
|
|
state.send("SELECTED_CIRCLE_TOOL", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "i" && !(metaKey(e) || e.shiftKey || e.altKey)) {
|
|
state.send("SELECTED_ELLIPSE_TOOL", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "l" && !(metaKey(e) || e.shiftKey || e.altKey)) {
|
|
state.send("SELECTED_LINE_TOOL", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "y" && !(metaKey(e) || e.shiftKey || e.altKey)) {
|
|
state.send("SELECTED_RAY_TOOL", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "p" && !(metaKey(e) || e.shiftKey || e.altKey)) {
|
|
state.send("SELECTED_POLYLINE_TOOL", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "r" && !(metaKey(e) || e.shiftKey || e.altKey)) {
|
|
state.send("SELECTED_RECTANGLE_TOOL", getKeyboardEventInfo(e))
|
|
}
|
|
}
|
|
|
|
function handleKeyUp(e: KeyboardEvent) {
|
|
if (e.key === "Shift") {
|
|
state.send("RELEASED_SHIFT_KEY", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
if (e.key === "Alt") {
|
|
state.send("RELEASED_ALT_KEY", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
state.send("RELEASED_KEY", getKeyboardEventInfo(e))
|
|
}
|
|
|
|
document.body.addEventListener("keydown", handleKeyDown)
|
|
document.body.addEventListener("keyup", handleKeyUp)
|
|
return () => {
|
|
document.body.removeEventListener("keydown", handleKeyDown)
|
|
document.body.removeEventListener("keyup", handleKeyUp)
|
|
}
|
|
}, [])
|
|
}
|