feat: pause/unpause game when in modal

Author: Tjaitil

resources/js/clientScripts/pause.ts

@@ -2,6 +2,7 @@ import { GamePieces } from './gamePieces';
 import { controls } from './controls';
 import { Game } from '../advclient';
 import viewport from './viewport';
+import { gameEventBus } from '@/gameEventsBus';
 
 export const pauseManager = {
   togglePause() {
@@ -67,3 +68,11 @@ export const pauseManager = {
     Game.properties.requestId = window.requestAnimationFrame(Game.update);
   },
 };
+
+gameEventBus.subscribe('GUIDE_OPEN', () => {
+  pauseManager.pauseGame();
+});
+
+gameEventBus.subscribe('GUIDE_CLOSED', () => {
+  pauseManager.resumeGame();
+});

resources/js/gameEventsBus.ts

@@ -5,6 +5,7 @@ import type { GuideIdentifier } from '@/types/Guide';
 export type GameEventMap = {
   PLAYER_HEALTH_UPDATE: { health: number };
   PLAYER_HUNTED_UPDATE: { isHunted: boolean };
+  GUIDE_CLOSED: null;
   GUIDE_OPEN: { guide: GuideIdentifier };
 } & InputHandlerEvents &
   GameLoggerEvents &
@@ -26,6 +27,7 @@ class GameEventBus {
     PLAYER_HEALTH_UPDATE: [],
     PLAYER_HUNTED_UPDATE: [],
     GUIDE_OPEN: [],
+    GUIDE_CLOSED: [],
     GAMELOGGER_MESSAGE_LOGGED: [],
     CHANGED_LOCATION: [],
   };

resources/js/ui/components/HUD/GuideModal.vue

@@ -164,6 +164,7 @@ const openGuide = async (identifier: GuideIdentifier): Promise<void> => {
 const close = (): void => {
   isOpen.value = false;
   selectedGuide.value = null;
+  gameEventBus.emit('GUIDE_CLOSED', null);
 };
 
 defineExpose({