[Feat] Navigate to Game page from Store (#914)

* feat: Support navigate from Store to Library

* fix: import

* chore: REVERT BEFORE MERGING - test store URL

* chore: only listen to ipc calls on hp url

* Revert "chore: REVERT BEFORE MERGING - test store URL"

This reverts commit 07357fd.

* fix: pr comments

* Revert "fix: pr comments"

This reverts commit e5bd86a.

* fix: pr comments

* Revert "Revert "chore: REVERT BEFORE MERGING - test store URL""

This reverts commit 93c65fa.

* Revert "Revert "Revert "chore: REVERT BEFORE MERGING - test store URL"""

This reverts commit be94bfe.

---------

Co-authored-by: Flavio F Lima <flavioislima@users.noreply.github.com>

Author: flavioislima

src/backend/api/library.ts

@@ -57,6 +57,15 @@ export const handleGameStatus = (
   }
 }
 
+export const handleGoToGamePage = (
+  onChange: (e: Electron.IpcRendererEvent, gameId: string) => void
+) => {
+  ipcRenderer.on('goToGamePage', onChange)
+  return () => {
+    ipcRenderer.removeListener('goToGamePage', onChange)
+  }
+}
+
 export const onProgressUpdate = (
   appName: string,
   onChange: (e: Electron.IpcRendererEvent, status: GameStatus) => void

src/backend/hyperplay_store_preload.ts

@@ -17,5 +17,6 @@ contextBridge.exposeInMainWorld('api', {
     ipcRenderer.send('openGameInEpicStore', url),
   apiVersion: 1,
   appIsInLibrary: async (gameId: string) =>
-    ipcRenderer.invoke('appIsInLibrary', gameId, 'hyperplay')
+    ipcRenderer.invoke('appIsInLibrary', gameId, 'hyperplay'),
+  goToGamePage: (gameId: string) => ipcRenderer.send('goToGamePage', gameId)
 })

src/backend/main.ts

@@ -879,6 +879,10 @@ ipcMain.handle('appIsInLibrary', async (event, appName, runner) => {
   return HyperPlayGameManager.appIsInLibrary(appName)
 })
 
+ipcMain.on('goToGamePage', async (event, appName) => {
+  return sendFrontendMessage('goToGamePage', appName)
+})
+
 ipcMain.handle('getGameInfo', async (event, appName, runner) => {
   // Fastpath since we sometimes have to request info for a GOG game as Legendary because we don't know it's a GOG game yet
   if (runner === 'legendary' && !LegendaryLibraryManager.hasGame(appName)) {

src/common/typedefs/ipcBridge.d.ts

@@ -89,6 +89,7 @@ interface HyperPlaySyncIPCFunctions {
   lockPopup: (lock: boolean) => void
   killOverlay: () => void
   toggleOverlay: () => void
+  goToGamePage: (appName: string) => void
 }
 
 interface SyncIPCFunctions extends HyperPlaySyncIPCFunctions {

src/frontend/screens/WebView/index.tsx

@@ -28,6 +28,7 @@ import {
 } from '../../constants'
 import { METAMASK_SNAPS_URL } from 'common/constants'
 import storeAuthState from 'frontend/state/storeAuthState'
+import { getGameInfo } from 'frontend/helpers'
 
 function urlIsHpUrl(url: string) {
   const urlToTest = new URL(url)
@@ -124,6 +125,25 @@ function WebView() {
     window.api.trackScreen('WebView', { url: startUrl, runner })
   }, [startUrl, runner])
 
+  useEffect(() => {
+    if (!urlIsHpUrl(startUrl)) {
+      return
+    }
+
+    const removeHandleGoToGamePage = window.api.handleGoToGamePage(
+      async (_, gameId) => {
+        const gameInfo = await getGameInfo(gameId, 'hyperplay')
+        navigate(`/gamepage/hyperplay/${gameId}`, {
+          state: { gameInfo, fromDM: false }
+        })
+      }
+    )
+
+    return () => {
+      removeHandleGoToGamePage()
+    }
+  }, [])
+
   useLayoutEffect(() => {
     const webview = webviewRef.current
     if (webview && ((preloadPath && isEpicLogin) || !isEpicLogin)) {