feat(web): Add Cmd/Ctrl-Alt-H alias to hide editor (#330)

`Ctrl-Shift-H` does not work as it is a Firefox shortcut, so this adds `Ctrl-Alt-H` as an alternative.
munshkr · Jan 26, 2025 · b32f54d · b32f54d
1 parent ec28f1f
commit b32f54d
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 18 deletions.
diff --git a/README.md b/README.md
@@ -29,21 +29,21 @@ Web-based P2P collaborative editor for live coding music and graphics
 
 *Some keybindings may differ depending on the language/target you choose, and the operating system*
 
-| Keybinding                | Function                             |
-| ------------------------- | ------------------------------------ |
-| `alt/option` `enter`      | Evaluate all                         |
-| `ctrl/cmd` `enter`        | Evaluate block, Evaluate selection   |
-| `shift` `enter`           | Evaluate line                        |
-| `ctrl/cmd/option/alt` `.` | Silence (output depends on language) |
-| `cmd/ctrl` `shift` `h`    | Show/Hide editor panels              |
-| `cmd/ctrl` `x`            | Cut selected text                    |
-| `cmd/ctrl` `c`            | Copy selected text                   |
-| `cmd/ctrl` `v`            | Paste cut/copied text                |
-| `cmd/ctrl` `z/u`          | Undo edit                            |
-| `cmd/ctrl` `shift` `z/u`  | Redo edit                            |
-| `cmd/ctrl` `}`            | add indentation                      |
-| `cmd/ctrl` `{`            | remove indentation                   |
-| `cmd/ctrl` `f`            | search and replace                   |
+| Keybinding                 | Function                             |
+| -------------------------- | ------------------------------------ |
+| `alt/option` `enter`       | Evaluate all                         |
+| `ctrl/cmd` `enter`         | Evaluate block, Evaluate selection   |
+| `shift` `enter`            | Evaluate line                        |
+| `ctrl/cmd/option/alt` `.`  | Silence (output depends on language) |
+| `cmd/ctrl` `shift/alt` `h` | Show/Hide editor panels              |
+| `cmd/ctrl` `x`             | Cut selected text                    |
+| `cmd/ctrl` `c`             | Copy selected text                   |
+| `cmd/ctrl` `v`             | Paste cut/copied text                |
+| `cmd/ctrl` `z/u`           | Undo edit                            |
+| `cmd/ctrl` `shift` `z/u`   | Redo edit                            |
+| `cmd/ctrl` `}`             | add indentation                      |
+| `cmd/ctrl` `{`             | remove indentation                   |
+| `cmd/ctrl` `f`             | search and replace                   |
 
 *On Mac:*
 

diff --git a/packages/web/src/routes/session.tsx b/packages/web/src/routes/session.tsx
@@ -474,9 +474,12 @@ export function Component() {
     },
     [documents, ...editorRefs],
   );
-  useShortcut(["Meta-Shift-H", "Control-Shift-H"], () => {
-    setHidden((p) => !p);
-  });
+  useShortcut(
+    ["Meta-Shift-H", "Control-Shift-H", "Meta-Alt-H", "Control-Alt-H"],
+    () => {
+      setHidden((p) => !p);
+    },
+  );
   useShortcut(["Control-,", "Meta-,"], () => {
     setMessagesPanelExpanded((v) => !v);
   });