keys.ts 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576
  1. export const isDarwin = /Mac|iPod|iPhone|iPad/.test(window.navigator.platform);
  2. export const isWindows = /^Win/.test(window.navigator.platform);
  3. export const CODES = {
  4. EQUAL: "Equal",
  5. MINUS: "Minus",
  6. NUM_ADD: "NumpadAdd",
  7. NUM_SUBTRACT: "NumpadSubtract",
  8. NUM_ZERO: "Numpad0",
  9. BRACKET_RIGHT: "BracketRight",
  10. BRACKET_LEFT: "BracketLeft",
  11. ONE: "Digit1",
  12. TWO: "Digit2",
  13. NINE: "Digit9",
  14. QUOTE: "Quote",
  15. ZERO: "Digit0",
  16. C: "KeyC",
  17. D: "KeyD",
  18. G: "KeyG",
  19. F: "KeyF",
  20. H: "KeyH",
  21. V: "KeyV",
  22. X: "KeyX",
  23. Z: "KeyZ",
  24. R: "KeyR",
  25. } as const;
  26. export const KEYS = {
  27. ARROW_DOWN: "ArrowDown",
  28. ARROW_LEFT: "ArrowLeft",
  29. ARROW_RIGHT: "ArrowRight",
  30. ARROW_UP: "ArrowUp",
  31. BACKSPACE: "Backspace",
  32. ALT: "Alt",
  33. CTRL_OR_CMD: isDarwin ? "metaKey" : "ctrlKey",
  34. DELETE: "Delete",
  35. ENTER: "Enter",
  36. ESCAPE: "Escape",
  37. QUESTION_MARK: "?",
  38. SPACE: " ",
  39. TAB: "Tab",
  40. A: "a",
  41. D: "d",
  42. E: "e",
  43. L: "l",
  44. O: "o",
  45. P: "p",
  46. Q: "q",
  47. R: "r",
  48. S: "s",
  49. T: "t",
  50. V: "v",
  51. X: "x",
  52. Y: "y",
  53. Z: "z",
  54. } as const;
  55. export type Key = keyof typeof KEYS;
  56. export const isArrowKey = (key: string) =>
  57. key === KEYS.ARROW_LEFT ||
  58. key === KEYS.ARROW_RIGHT ||
  59. key === KEYS.ARROW_DOWN ||
  60. key === KEYS.ARROW_UP;
  61. export const getResizeCenterPointKey = (event: MouseEvent | KeyboardEvent) =>
  62. event.altKey;
  63. export const getResizeWithSidesSameLengthKey = (
  64. event: MouseEvent | KeyboardEvent,
  65. ) => event.shiftKey;
  66. export const getRotateWithDiscreteAngleKey = (
  67. event: MouseEvent | KeyboardEvent,
  68. ) => event.shiftKey;