feat: more actions & shortcuts

helpers/actions.ts

@@ -20,11 +20,13 @@ export type HoppAction =
   | "modals.search.toggle" // Shows the search modal
   | "modals.support.toggle" // Shows the support modal
   | "modals.share.toggle" // Shows the share modal
-  | "navigation.rest.jump" // Jump to REST page
-  | "navigation.graphql.jump" // Jump to GraphQL page
-  | "navigation.realtime.jump" // Jump to realtime page
-  | "navigation.documentation.jump" // Jump to documentation page
-  | "navigation.settings.jump" // Jump to settings page
+  | "navigation.jump.rest" // Jump to REST page
+  | "navigation.jump.graphql" // Jump to GraphQL page
+  | "navigation.jump.realtime" // Jump to realtime page
+  | "navigation.jump.documentation" // Jump to documentation page
+  | "navigation.jump.settings" // Jump to settings page
+  | "navigation.jump.back" // Jump to previous page
+  | "navigation.jump.forward" // Jump to next page
 
 type BoundActionList = {
   // eslint-disable-next-line no-unused-vars

helpers/keybindings.ts

@@ -86,12 +86,14 @@ export const bindings: {
   "ctrl-k": "flyouts.keybinds.toggle",
   "/": "modals.search.toggle",
   "?": "modals.support.toggle",
-  "ctrl-x": "modals.share.toggle",
-  "alt-r": "navigation.rest.jump",
-  "alt-q": "navigation.graphql.jump",
-  "alt-w": "navigation.realtime.jump",
-  "alt-d": "navigation.documentation.jump",
-  "alt-s": "navigation.settings.jump",
+  "ctrl-m": "modals.share.toggle",
+  "alt-r": "navigation.jump.rest",
+  "alt-q": "navigation.jump.graphql",
+  "alt-w": "navigation.jump.realtime",
+  "alt-d": "navigation.jump.documentation",
+  "alt-s": "navigation.jump.settings",
+  "ctrl-left": "navigation.jump.back",
+  "ctrl-right": "navigation.jump.forward",
 }
 
 /**

helpers/shortcuts.js

@@ -71,6 +71,48 @@ export default [
       },
     ],
   },
+  {
+    section: "Navigation",
+    shortcuts: [
+      {
+        keys: [getPlatformSpecialKey(), "←"],
+        label: "shortcut.navigation.back",
+      },
+      {
+        keys: [getPlatformSpecialKey(), "→"],
+        label: "shortcut.navigation.forward",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "R"],
+        label: "shortcut.navigation.rest",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "Q"],
+        label: "shortcut.navigation.graphql",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "W"],
+        label: "shortcut.navigation.realtime",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "D"],
+        label: "shortcut.navigation.documentation",
+      },
+      {
+        keys: [getPlatformAlternateKey(), "S"],
+        label: "shortcut.navigation.settings",
+      },
+    ],
+  },
+  {
+    section: "Miscellaneous",
+    shortcuts: [
+      {
+        keys: [getPlatformSpecialKey(), "M"],
+        label: "shortcut.miscellaneous.invite",
+      },
+    ],
+  },
 ]
 
 export const spotlight = [
@@ -108,24 +150,38 @@ export const spotlight = [
   {
     section: "Navigation",
     shortcuts: [
+      {
+        keys: [getPlatformSpecialKey(), "←"],
+        label: "shortcut.navigation.back",
+        action: "navigation.jump.back",
+        icon: "arrow_forward",
+        keywords: ["back", "jump", "page", "navigation"],
+      },
+      {
+        keys: [getPlatformSpecialKey(), "→"],
+        label: "shortcut.navigation.forward",
+        action: "navigation.jump.forward",
+        icon: "arrow_forward",
+        keywords: ["forward", "jump", "page", "navigation"],
+      },
       {
         keys: [getPlatformAlternateKey(), "R"],
         label: "shortcut.navigation.rest",
-        action: "navigation.rest.jump",
+        action: "navigation.jump.rest",
         icon: "arrow_forward",
         keywords: ["rest", "jump", "page", "navigation"],
       },
       {
         keys: [getPlatformAlternateKey(), "Q"],
         label: "shortcut.navigation.graphql",
-        action: "navigation.graphql.jump",
+        action: "navigation.jump.graphql",
         icon: "arrow_forward",
         keywords: ["graphql", "jump", "page", "navigation"],
       },
       {
         keys: [getPlatformAlternateKey(), "W"],
         label: "shortcut.navigation.realtime",
-        action: "navigation.realtime.jump",
+        action: "navigation.jump.realtime",
         icon: "arrow_forward",
         keywords: [
           "realtime",
@@ -141,14 +197,14 @@ export const spotlight = [
       {
         keys: [getPlatformAlternateKey(), "D"],
         label: "shortcut.navigation.documentation",
-        action: "navigation.documentation.jump",
+        action: "navigation.jump.documentation",
         icon: "arrow_forward",
         keywords: ["documentation", "jump", "page", "navigation"],
       },
       {
         keys: [getPlatformAlternateKey(), "S"],
         label: "shortcut.navigation.settings",
-        action: "navigation.settings.jump",
+        action: "navigation.jump.settings",
         icon: "arrow_forward",
         keywords: [
           "settings",
@@ -161,4 +217,16 @@ export const spotlight = [
       },
     ],
   },
+  {
+    section: "Miscellaneous",
+    shortcuts: [
+      {
+        keys: [getPlatformSpecialKey(), "M"],
+        label: "shortcut.miscellaneous.invite",
+        action: "modals.share.toggle",
+        icon: "person_add_alt",
+        keywords: ["invite", "share", "app", "social"],
+      },
+    ],
+  },
 ]