command palette control

packages/web/src/utility/clickOutside.ts

@@ -0,0 +1,15 @@
+export function clickOutside(node) {
+  const handleClick = event => {
+    if (node && !node.contains(event.target) && !event.defaultPrevented) {
+      node.dispatchEvent(new CustomEvent('clickOutside', node));
+    }
+  };
+
+  document.addEventListener('click', handleClick, true);
+
+  return {
+    destroy() {
+      document.removeEventListener('click', handleClick, true);
+    },
+  };
+}

packages/web/src/utility/keycodes.js

@@ -0,0 +1,99 @@
+export default {
+  backspace: 8,
+  tab: 9,
+  enter: 13,
+  shift: 16,
+  ctrl: 17,
+  alt: 18,
+  pauseBreak: 19,
+  capsLock: 20,
+  escape: 27,
+  pageUp: 33,
+  pageDown: 34,
+  end: 35,
+  home: 36,
+  leftArrow: 37,
+  upArrow: 38,
+  rightArrow: 39,
+  downArrow: 40,
+  insert: 45,
+  delete: 46,
+  n0: 48,
+  n1: 49,
+  n2: 50,
+  n3: 51,
+  n4: 52,
+  n5: 53,
+  n6: 54,
+  n7: 55,
+  n8: 56,
+  n9: 57,
+  a: 65,
+  b: 66,
+  c: 67,
+  d: 68,
+  e: 69,
+  f: 70,
+  g: 71,
+  h: 72,
+  i: 73,
+  j: 74,
+  k: 75,
+  l: 76,
+  m: 77,
+  n: 78,
+  o: 79,
+  p: 80,
+  q: 81,
+  r: 82,
+  s: 83,
+  t: 84,
+  u: 85,
+  v: 86,
+  w: 87,
+  x: 88,
+  y: 89,
+  z: 90,
+  leftWindowKey: 91,
+  rightWindowKey: 92,
+  selectKey: 93,
+  numPad0: 96,
+  numPad1: 97,
+  numPad2: 98,
+  numPad3: 99,
+  numPad4: 100,
+  numPad5: 101,
+  numPad6: 102,
+  numPad7: 103,
+  numPad8: 104,
+  numPad9: 105,
+  multiply: 106,
+  add: 107,
+  subtract: 109,
+  decimalPoint: 110,
+  divide: 111,
+  f1: 112,
+  f2: 113,
+  f3: 114,
+  f4: 115,
+  f5: 116,
+  f6: 117,
+  f7: 118,
+  f8: 119,
+  f9: 120,
+  f10: 121,
+  f12: 123,
+  numLock: 144,
+  scrollLock: 145,
+  semiColon: 186,
+  equalSign: 187,
+  comma: 188,
+  dash: 189,
+  period: 190,
+  forwardSlash: 191,
+  graveAccent: 192,
+  openBracket: 219,
+  backSlash: 220,
+  closeBracket: 221,
+  singleQuote: 222,
+};