tech: frontend implementation

Author: flavioislima

src/frontend/helpers/electronStores.ts

@@ -129,6 +129,10 @@ const wineDownloaderInfoStore = new TypeCheckedStoreFrontend(
 )
 
 const gogLibraryStore = new CacheStore<GameInfo[], 'games'>('gog_library', null)
+const steamLibraryStore = new CacheStore<GameInfo[], 'games'>(
+  'steam_library',
+  null
+)
 const gogInstalledGamesStore = new TypeCheckedStoreFrontend(
   'gogInstalledGamesStore',
   {
@@ -188,5 +192,6 @@ export {
   metricsStore,
   onboardingStore,
   newsLetterStore,
-  hyperPlayLibraryStore
+  hyperPlayLibraryStore,
+  steamLibraryStore
 }

src/frontend/helpers/library.ts

@@ -57,6 +57,11 @@ async function install({
     return
   }
 
+  if (gameInfo.runner === 'steam') {
+    window.api.openExternalUrl(`steam://install/${gameInfo.app_name}`)
+    return
+  }
+
   const { folder_name, is_installed, app_name: appName, runner } = gameInfo
 
   if (isInstalling) {
@@ -148,6 +153,13 @@ const launch = async ({
   showDialogModal,
   isNotNative
 }: LaunchOptions): Promise<{ status: 'done' | 'error' | 'abort' }> => {
+  if (runner === 'steam') {
+    return new Promise((resolve) => {
+      window.api.openExternalUrl(`steam://run/${appName}`)
+      resolve({ status: 'done' })
+    })
+  }
+
   const showCompatibilityWarningDialog: boolean =
     isNotNative &&
     JSON.parse(
@@ -284,5 +296,6 @@ export const epicCategories = ['all', 'legendary', 'epic']
 export const gogCategories = ['all', 'gog']
 export const sideloadedCategories = ['all', 'sideload']
 export const hyperPlayCategories = ['all', 'hyperplay']
+export const steamCategories = ['all', 'steam']
 
 export { install, launch, repair, updateGame }

src/frontend/state/libraryState.ts

@@ -18,6 +18,7 @@ import {
   libraryStore,
   sideloadLibrary,
   hyperPlayLibraryStore,
+  steamLibraryStore,
   configStore
 } from 'frontend/helpers/electronStores'
 import {
@@ -54,6 +55,7 @@ class LibraryState {
   gogLibrary: GameInfo[] = []
   sideloadedLibrary: GameInfo[] = []
   hyperPlayLibrary: GameInfo[] = []
+  steamLibrary: GameInfo[] = []
   nonAvailableGames: GameInfo[] = []
   // array of appName's for games that need updating
   gameUpdates: string[] = []
@@ -108,6 +110,8 @@ class LibraryState {
         this.sideloadedLibrary = newLibrary
       } else if (runner === 'hyperplay') {
         this.hyperPlayLibrary = newLibrary
+      } else if (runner === 'steam') {
+        this.steamLibrary = newLibrary
       }
     })
   }
@@ -153,6 +157,13 @@ class LibraryState {
       this.refreshGogLibrary()
     }
 
+    this.refreshSteamLibrary()
+    if (!this.steamLibrary.length || !this.steamLibrary.length) {
+      window.api.logInfo('No cache found, getting data from steam...')
+      await window.api.refreshLibrary('steam')
+      this.refreshSteamLibrary()
+    }
+
     this.refreshSideloadedLibrary()
 
     this.hiddenGames.list = configStore.get('games.hidden', [])
@@ -197,6 +208,7 @@ class LibraryState {
     this.refreshGogLibrary()
     this.refreshSideloadedLibrary()
     this.refreshHyperplayLibrary()
+    this.refreshSteamLibrary()
   }
 
   refreshEpicLibrary() {
@@ -219,6 +231,10 @@ class LibraryState {
     this.gogLibrary = games
   }
 
+  refreshSteamLibrary() {
+    this.steamLibrary = steamLibraryStore.get('games', [])
+  }
+
   refreshHyperplayLibrary() {
     this.hyperPlayLibrary = hyperPlayLibraryStore.get('games', [])
   }
@@ -314,6 +330,9 @@ class LibraryState {
       this.hyperPlayLibrary.forEach((game) => {
         if (favouriteAppNames.includes(game.app_name)) tempArray.push(game)
       })
+      this.steamLibrary.forEach((game) => {
+        if (favouriteAppNames.includes(game.app_name)) tempArray.push(game)
+      })
     }
     return tempArray
   }
@@ -330,14 +349,22 @@ class LibraryState {
       const isGog = gogCategories.includes(this.category)
       const epicLibrary = isEpic ? this.epicLibrary : []
       const gogLibrary = isGog ? this.gogLibrary : []
+      const steamLibrary =
+        this.category === 'steam' ? steamLibraryStore.get('games', []) : []
       const sideloadedApps = sideloadedCategories.includes(this.category)
         ? this.sideloadedLibrary
         : []
       const HPLibrary = hyperPlayCategories.includes(this.category)
         ? this.hyperPlayLibrary
         : []
 
-      library = [...HPLibrary, ...sideloadedApps, ...epicLibrary, ...gogLibrary]
+      library = [
+        ...HPLibrary,
+        ...sideloadedApps,
+        ...epicLibrary,
+        ...gogLibrary,
+        ...steamLibrary
+      ]
 
       if (!this.showNonAvailable) {
         const nonAvailableAppNames = Object.fromEntries(

src/frontend/state/storeAuthState.ts

@@ -1,3 +1,4 @@
+import { SteamLoginUser } from 'common/types/steam'
 import { configStore, gogConfigStore } from 'frontend/helpers/electronStores'
 import { makeAutoObservable } from 'mobx'
 
@@ -8,6 +9,9 @@ class StoreAuthState {
   gog = {
     username: ''
   }
+  steam = {
+    enabledUsers: [] as SteamLoginUser[]
+  }
 
   constructor() {
     makeAutoObservable(this)
@@ -16,6 +20,8 @@ class StoreAuthState {
   init() {
     this.epic.username = configStore.get_nodefault('userInfo.displayName') ?? ''
     this.gog.username = gogConfigStore.get_nodefault('userData.username') ?? ''
+    this.steam.enabledUsers =
+      configStore.get_nodefault('steamEnabledUsers') ?? []
   }
 }
 

src/frontend/types.ts

@@ -11,7 +11,13 @@ import {
   DownloadManagerState
 } from 'common/types'
 
-export type Category = 'all' | 'legendary' | 'gog' | 'sideload' | 'hyperplay'
+export type Category =
+  | 'all'
+  | 'legendary'
+  | 'gog'
+  | 'sideload'
+  | 'hyperplay'
+  | 'steam'
 
 export type Platform = 'win' | 'mac' | 'linux' | 'browser'