feat: add keyboard shortcut (ctrl/cmd-k) to clear console (#1680)

* feat: add keyboard shortcut (ctrl/cmd-k) to clear console

* feat: update monaco mock

* feat: reset console on clear

Author: knqu

src/renderer/components/output.tsx

@@ -91,6 +91,17 @@ export const Output = observer(
             openerService: this.openerService(),
           },
         );
+
+        this.editor.addCommand(
+          monaco.KeyMod.CtrlCmd | monaco.KeyCode.KEY_K,
+          () => {
+            this.props.appState.clearConsole();
+            this.props.appState.output.push({
+              timeString: new Date().toLocaleTimeString(),
+              text: '',
+            });
+          },
+        );
       }
     }
 

tests/mocks/monaco.ts

@@ -44,6 +44,12 @@ export class MonacoMock {
       },
     },
   };
+  public KeyMod = {
+    CtrlCmd: jest.fn(),
+  };
+  public KeyCode = {
+    KEY_K: jest.fn(),
+  };
 }
 
 export class MonacoEditorMock {
@@ -55,6 +61,7 @@ export class MonacoEditorMock {
   private model = new MonacoModelMock('', 'javascript');
   private scrollHeight = 0;
 
+  public addCommand = jest.fn();
   public dispose = jest.fn();
   public getAction = jest.fn(() => this.action);
   public getModel = jest.fn(() => this.model);