Hotkeys (SpinaCMS#731)

* Support for hotkeys in Spina

README.md

@@ -61,6 +61,8 @@ The Tailwind purger was created by [@dhh](https://twitter.com/dhh) for [tailwind
 
 Icons were designed by [@steveschoger](https://twitter.com/steveschoger) - [Heroicons](https://github.com/tailwindlabs/heroicons).
 
+HotKeys support via [Hotkeys.js](https://wangchujiang.com/hotkeys/)
+
 The font used in Spina's admin panel is called Metropolis and was created by Chris Simpson [Metropolis](https://github.com/chrismsimpson/Metropolis)
 
     Copyright (c) 2015, Chris Simpson <[email protected]>.

app/assets/javascripts/spina/controllers/hotkeys_controller.js

@@ -0,0 +1,21 @@
+import { Controller } from "stimulus"
+import hotkeys from "hotkeys"
+
+export default class extends Controller {
+  static get targets() {
+    return [ "button" ]
+  }
+
+  connect() {
+    hotkeys(this.element.dataset.hotkeys, this.handleHotkeys.bind(this))
+    hotkeys.filter = (event) => true
+  }
+
+  handleHotkeys(event, handler) {
+    event.preventDefault()
+    if (this.hasButtonTarget) {
+      this.buttonTarget.click()
+    }
+  }
+
+}

app/assets/javascripts/spina/libraries/hotkeys.js

@@ -0,0 +1 @@
+//= require ./[email protected]