feat(command): cmd+enter runs previous command again

Author: KatoakDR

electron/renderer/components/game/game-command-input.tsx

@@ -5,32 +5,44 @@ import type {
   KeyboardEventHandler,
   ReactNode,
 } from 'react';
-import { useCallback } from 'react';
+import { useCallback, useState } from 'react';
 import { isEmpty } from '../../../common/string/string.utils.js';
 import { useCommandHistory } from '../../hooks/command-history.jsx';
 import { runInBackground } from '../../lib/async/run-in-background.js';
 
 export const GameCommandInput: React.FC = (): ReactNode => {
   const { input, handleKeyDown, handleOnChange } = useCommandHistory();
+  const [lastCommand, setLastCommand] = useState<string>();
 
   const onKeyDown = useCallback<KeyboardEventHandler<HTMLInputElement>>(
     (event: KeyboardEvent<HTMLInputElement>) => {
       // Handle any history navigation.
       handleKeyDown(event);
       // Handle the "Enter" key to submit command to game.
-      const command = event.currentTarget.value;
-      if (event.code === 'Enter' && !isEmpty(command)) {
-        runInBackground(async () => {
-          await window.api.sendCommand(command);
-        });
+      if (event.code === 'Enter') {
+        const command = event.currentTarget.value;
+        // <Cmd>+<Enter> = perform last command
+        if (event.metaKey && !isEmpty(lastCommand)) {
+          runInBackground(async () => {
+            await window.api.sendCommand(lastCommand);
+          });
+        }
+        // <Enter> = perform new command
+        else if (!isEmpty(command)) {
+          setLastCommand(command);
+          runInBackground(async () => {
+            await window.api.sendCommand(command);
+          });
+        }
       }
     },
-    [handleKeyDown]
+    [handleKeyDown, lastCommand]
   );
 
   const onChange = useCallback(
     (event: ChangeEvent<HTMLInputElement>) => {
       // Sync the input value with the command history.
+      // Otherwise you don't see what you type into the box.
       handleOnChange(event);
     },
     [handleOnChange]
@@ -42,6 +54,10 @@ export const GameCommandInput: React.FC = (): ReactNode => {
         value={input}
         compressed={true}
         fullWidth={true}
+        autoFocus={true}
+        autoCorrect="off"
+        autoCapitalize="off"
+        autoComplete="off"
         prepend={<EuiIcon type="arrowRight" size="s" color="primary" />}
         tabIndex={0}
         onKeyDown={onKeyDown}