fix: fix pause processing for better mobile support

Author: srg-kostyrko

apps/player/src/app/init.ts

@@ -80,7 +80,7 @@ export async function init(): Promise<void> {
   if (toRun) {
     goToGame(toRun);
   } else {
-    await processLocationChange(window.location.search, { paused: false });
+    await processLocationChange(window.location.search);
   }
   baseInit$.set(true);
 }

libs/game-shelf/src/game-shelf.ts

@@ -71,24 +71,27 @@ export const gameSourceMap$ = atom((get) => {
 });
 
 history.listen(({ location }) => {
-  processLocationChange(location.search, location.state as Record<string, unknown> | null);
+  processLocationChange(location.search);
 });
 
-export async function processLocationChange(location: string, state: Record<string, unknown> | null): Promise<void> {
-  if (state) {
-    if (state.paused) {
-      onOpenPauseScreen();
-    } else {
-      onClosePauseScreen();
-    }
-  }
+export async function processLocationChange(location: string): Promise<void> {
   const search = new URLSearchParams(location);
   const game_id = search.get('run');
   if (game_id) {
-    if (currentGame$.value?.id === game_id) return;
+    if (currentGame$.value?.id === game_id) {
+      if (search.has('pause')) {
+        onOpenPauseScreen();
+      } else {
+        onClosePauseScreen();
+      }
+      return;
+    }
     await initDeferred$.value.promise;
     const descriptor = games$.value[game_id];
     await runGame(descriptor);
+    if (search.has('pause')) {
+      onOpenPauseScreen();
+    }
     currentMode$.set('game');
   } else if (search.has('catalog')) {
     if (currentGameEntry$.value) stopCurrentGame();

libs/game-state/src/pause-screen.ts

@@ -7,22 +7,26 @@ export const isPauseScreenVisible$ = atom(false);
 export const pauseScreenCurrentPanel$ = atom('credits');
 
 export function openPauseScreen(): void {
-  history.push(
-    {
-      search: history.location.search,
-    },
-    {
-      paused: true,
-    },
-  );
+  const search = new URLSearchParams(history.location.search);
+  search.set('pause', 'true');
+  history.push({
+    search: search.toString(),
+  });
 }
 
 export function onOpenPauseScreen(): void {
   isPauseScreenVisible$.set(true);
 }
 
 export function closePauseScreen(): void {
-  history.back();
+  if (window.history.length > 1) {
+    return history.back();
+  }
+  const search = new URLSearchParams(history.location.search);
+  search.delete('pause');
+  history.push({
+    search: search.toString(),
+  });
 }
 
 export function onClosePauseScreen(): void {