Add Stimulus controller for handling hotkeys

app/javascript/retrospring/controllers/hotkey_controller.ts

@@ -0,0 +1,12 @@
+import { Controller } from "@hotwired/stimulus";
+import { install, uninstall } from "@github/hotkey";
+
+export default class extends Controller<HTMLElement> {
+  connect(): void {
+    install(this.element);
+  }
+
+  disconnect(): void {
+    uninstall(this.element);
+  }
+}

app/javascript/retrospring/initializers/stimulus.ts

@@ -8,6 +8,7 @@ import CollapseController from "retrospring/controllers/collapse_controller";
 import ThemeController from "retrospring/controllers/theme_controller";
 import CapabilitiesController from "retrospring/controllers/capabilities_controller";
 import CropperController from "retrospring/controllers/cropper_controller";
+import HotkeyController from "retrospring/controllers/hotkey_controller";
 import InboxSharingController from "retrospring/controllers/inbox_sharing_controller";
 import ToastController from "retrospring/controllers/toast_controller";
 import PwaBadgeController from "retrospring/controllers/pwa_badge_controller";
@@ -30,6 +31,7 @@ export default function (): void {
   window['Stimulus'].register('collapse', CollapseController);
   window['Stimulus'].register('cropper', CropperController);
   window['Stimulus'].register('format-popup', FormatPopupController);
+  window['Stimulus'].register('hotkey', HotkeyController);
   window['Stimulus'].register('inbox-sharing', InboxSharingController);
   window['Stimulus'].register('pwa-badge', PwaBadgeController);
   window['Stimulus'].register('navigation', NavigationController);

app/views/inbox/show.html.haml

@@ -11,5 +11,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @inbox_last_id, author: @author }.compact,
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }

app/views/inbox/show.turbo_stream.haml

@@ -8,5 +8,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @inbox_last_id, author: @author }.compact,
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }

app/views/moderation/inbox/index.html.haml

@@ -14,5 +14,5 @@
         class: "btn btn-light",
         method: :get,
         params: { last_id: @inbox_last_id },
-        data: { hotkey: "." },
+        data: { controller: :hotkey, hotkey: "." },
         form: { data: { turbo_stream: true } }

app/views/moderation/inbox/index.turbo_stream.haml

@@ -8,5 +8,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @inbox_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }

app/views/moderation/reports/index.html.haml

@@ -8,7 +8,7 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @reports_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }
 
 - parent_layout "moderation"

app/views/moderation/reports/index.turbo_stream.haml

@@ -8,5 +8,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @reports_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }

app/views/notifications/index.html.haml

@@ -22,7 +22,7 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @notifications_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }
 
 - provide(:title, generate_title(t(".title")))

app/views/notifications/index.turbo_stream.haml

@@ -11,5 +11,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @notifications_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }

app/views/question/show.html.haml

@@ -14,7 +14,7 @@
         class: "btn btn-light",
         method: :get,
         params: { last_id: @answers_last_id },
-        data: { hotkey: "." },
+        data: { controller: :hotkey, hotkey: "." },
         form: { data: { turbo_stream: true } }
 
   - if user_signed_in? && !current_user.answered?(@question) && current_user != @question.user && @question.user&.privacy_allow_stranger_answers

app/views/question/show.turbo_stream.haml

@@ -8,5 +8,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @answers_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }

app/views/timeline/timeline.html.haml

@@ -10,7 +10,7 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @timeline_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }
 
 - provide(:title, @title || APP_CONFIG["site_name"])

app/views/timeline/timeline.turbo_stream.haml

@@ -8,5 +8,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @timeline_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }

app/views/user/questions.html.haml

@@ -8,7 +8,7 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @questions_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }
 
 - provide(:title, questions_title(@user))

app/views/user/questions.turbo_stream.haml

@@ -8,5 +8,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @questions_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }

app/views/user/show.html.haml

@@ -16,7 +16,7 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @answers_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }
 
 :ruby

app/views/user/show.turbo_stream.haml

@@ -8,5 +8,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @answers_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }

app/views/user/show_follow.html.haml

@@ -9,7 +9,7 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @relationships_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }
 
 - provide(:title, t(".title.#{type}", user: @user.profile.safe_name))

app/views/user/show_follow.turbo_stream.haml

@@ -9,5 +9,5 @@
       class: "btn btn-light",
       method: :get,
       params: { last_id: @relationships_last_id },
-      data: { hotkey: "." },
+      data: { controller: :hotkey, hotkey: "." },
       form: { data: { turbo_stream: true } }