Optimize performance

frontend/src/scripts/commands/generators/mouse-listener.ts

@@ -1,21 +1,11 @@
 import { vec2 } from 'gl-matrix';
-import {
-  CommandGenerator,
-  PrimaryActionCommand,
-  SecondaryActionCommand,
-  TernaryActionCommand,
-} from 'shared';
+import { CommandGenerator, SecondaryActionCommand, TernaryActionCommand } from 'shared';
 import { Game } from '../../game';
 
 export class MouseListener extends CommandGenerator {
   constructor(target: HTMLElement, private readonly game: Game) {
     super();
 
-    target.addEventListener('mousemove', (event: MouseEvent) => {
-      const position = this.positionFromEvent(event);
-      this.sendCommandToSubcribers(new PrimaryActionCommand(position));
-    });
-
     target.addEventListener('mousedown', (event: MouseEvent) => {
       const position = this.positionFromEvent(event);
 

frontend/src/scripts/commands/receivers/command-receiver-socket.ts

@@ -5,7 +5,15 @@ export class CommandReceiverSocket extends CommandReceiver {
     super();
   }
 
+  private commandQueue: Array<Command> = [];
   protected defaultCommandExecutor(command: Command) {
-    this.socket.emit(TransportEvents.PlayerToServer, serialize(command));
+    this.commandQueue.push(command);
+  }
+
+  public sendQueuedCommands() {
+    if (this.commandQueue.length > 0) {
+      this.socket.emit(TransportEvents.PlayerToServer, serialize(this.commandQueue));
+      this.commandQueue = [];
+    }
   }
 }