1.1.0

package.json

@@ -1,7 +1,7 @@
 {
   "name": "lncvrt-games-launcher",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.1.0",
   "type": "module",
   "scripts": {
     "dev": "next dev",

src-tauri/tauri.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
     "beforeDevCommand": "next dev",

src-tauri/tauri.linux.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
     "beforeDevCommand": "next dev",

src-tauri/tauri.macos.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
     "beforeDevCommand": "next dev",
@@ -32,8 +32,6 @@
     "macOS": {
       "minimumSystemVersion": "13.7.8"
     },
-    "icon": [
-      "icons/icon.icns"
-    ]
+    "icon": ["icons/icon.icns"]
   }
 }

src-tauri/tauri.windows.conf.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "Lncvrt Games Launcher",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "identifier": "xyz.lncvrt.games-launcher",
   "build": {
     "beforeDevCommand": "next dev",
@@ -30,8 +30,6 @@
   },
   "bundle": {
     "active": false,
-    "icon": [
-      "icons/icon.ico"
-    ]
+    "icon": ["icons/icon.ico"]
   }
 }

src/app/GlobalProvider.tsx

@@ -7,7 +7,6 @@ import { NormalConfig } from './types/NormalConfig'
 import { ServerVersionsResponse } from './types/ServerVersionsResponse'
 import { GameVersion } from './types/GameVersion'
 import { Game } from './types/Game'
-import { ReadonlyURLSearchParams } from 'next/navigation'
 
 type GlobalCtxType = {
   serverVersionList: ServerVersionsResponse | null
@@ -31,6 +30,10 @@ type GlobalCtxType = {
   getVersionInfo: (id: string | undefined) => GameVersion | undefined
   getVersionGame: (id: number | undefined) => Game | undefined
   getListOfGames: () => Game[]
+  getVersionsAmountData: (gameId: number) => {
+    installed: number
+    total: number
+  } | null
 }
 
 const GlobalCtx = createContext<GlobalCtxType | null>(null)

src/app/Globals.css

@@ -59,7 +59,7 @@ body {
 }
 
 .popup-entry {
-  @apply relative h-[100px] bg-[#323232] m-2 p-2 rounded-lg border border-[#646464];
+  @apply relative h-fit bg-[#323232] m-2 p-2 rounded-lg border border-[#646464];
 }
 
 .popup-entry button {
@@ -77,3 +77,11 @@ body {
 .input-field {
   @apply border-2 border-[#484848] rounded-md bg-[#242424] p-2 px-4 focus:border-blue-600 transition-colors;
 }
+
+.entry-info-item {
+  @apply flex flex-row items-center gap-1 bg-[rgb(16,16,16)] text-gray-300 py-1 px-2 rounded-lg w-fit text-[16px];
+}
+
+.downloads-entry:hover .entry-info-item {
+  @apply bg-[rgb(32,32,32)];
+}

src/app/game/page.tsx

@@ -73,7 +73,8 @@ export default function Installs () {
                       {getVersionGame(getVersionInfo(entry)?.game)?.name} v
                       {getVersionInfo(entry)?.versionName}
                     </p>
-                    <p className='text-gray-400 text-md'>
+                    <div className='entry-info-item'>
+                      <p>
                         Installed{' '}
                         {format(
                           new Date(downloadedVersionsConfig.timestamps[entry]),
@@ -81,6 +82,7 @@ export default function Installs () {
                         )}
                       </p>
                     </div>
+                  </div>
                   <div className='flex flex-row items-center gap-2'>
                     <button
                       className='button'

src/app/layout.tsx

@@ -9,9 +9,13 @@ import { invoke } from '@tauri-apps/api/core'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import {
   faAdd,
+  faCheck,
   faChevronLeft,
+  faCode,
   faDownload,
   faRemove,
+  faShieldHalved,
+  faWarning,
   faXmark
 } from '@fortawesome/free-solid-svg-icons'
 import {
@@ -35,7 +39,6 @@ import { ServerVersionsResponse } from './types/ServerVersionsResponse'
 import { GameVersion } from './types/GameVersion'
 import { Game } from './types/Game'
 import { listen } from '@tauri-apps/api/event'
-import { usePathname, useSearchParams } from 'next/navigation'
 
 const roboto = Roboto({
   subsets: ['latin']
@@ -382,6 +385,48 @@ export default function RootLayout ({
     await notifyUser('Downloads Finished', 'All downloads have finished.')
   }
 
+  function getVersionsAmountData (gameId: number): {
+    installed: number
+    total: number
+  } | null {
+    if (!downloadedVersionsConfig || !serverVersionList) return null
+
+    const p = platform()
+    const a = arch()
+
+    const installed = downloadedVersionsConfig.list.filter(
+      v => getVersionGame(getVersionInfo(v)?.game)?.id === gameId
+    ).length
+
+    const total = serverVersionList.versions
+      .filter(v => {
+        if (p === 'macos' || p === 'linux') {
+          if (normalConfig?.settings.useWineOnUnixWhenNeeded) {
+            return (
+              v.platforms.includes('windows-x86') ||
+              v.platforms.includes('windows-x64') ||
+              v.platforms.includes(p)
+            )
+          }
+          return v.platforms.includes(p)
+        }
+
+        if (p === 'windows') {
+          if (a === 'x86_64')
+            return (
+              v.platforms.includes('windows-x86') ||
+              v.platforms.includes('windows-x64')
+            )
+          if (a === 'aarch64') return v.platforms.includes('windows-arm64')
+        }
+
+        return false
+      })
+      .filter(v => getVersionGame(v?.game)?.id === gameId).length
+
+    return { installed, total }
+  }
+
   return (
     <>
       <html lang='en' className={roboto.className}>
@@ -430,7 +475,8 @@ export default function RootLayout ({
                 getVersionInfo,
                 getVersionGame,
                 getListOfGames,
-                setSelectedGame
+                setSelectedGame,
+                getVersionsAmountData
               }}
             >
               <div
@@ -531,6 +577,52 @@ export default function RootLayout ({
                             {serverVersionList?.games.map((v, i) => (
                               <div key={i} className='popup-entry'>
                                 <p className='text-2xl'>{v.name}</p>
+                                <div className='flex gap-2'>
+                                  <div className='entry-info-item'>
+                                    <p>
+                                      {(() => {
+                                        const data = getVersionsAmountData(v.id)
+                                        if (!data) return 'N/A'
+                                        return `${data.installed}/${data.total}`
+                                      })()}{' '}
+                                      versions installed
+                                    </p>
+                                  </div>
+                                  <div
+                                    className='entry-info-item'
+                                    hidden={!v.official}
+                                  >
+                                    <FontAwesomeIcon
+                                      icon={faCheck}
+                                      color='#19c84b'
+                                    />
+                                    <p>Official</p>
+                                  </div>
+                                  <div
+                                    className='entry-info-item'
+                                    hidden={v.official}
+                                  >
+                                    <FontAwesomeIcon
+                                      icon={
+                                        v.verified ? faShieldHalved : faWarning
+                                      }
+                                      color={v.verified ? '#19c84b' : '#ffc800'}
+                                    />
+                                    <p>
+                                      {v.verified ? 'Verified' : 'Unverified'}
+                                    </p>
+                                  </div>
+                                </div>
+                                <div
+                                  className='entry-info-item mt-2'
+                                  hidden={v.official}
+                                >
+                                  <FontAwesomeIcon
+                                    icon={faCode}
+                                    color='lightgray'
+                                  />
+                                  <p>Developer: {v.developer}</p>
+                                </div>
                                 <button
                                   className='button right-2 bottom-2'
                                   onClick={() => setSelectedGame(v.id)}

src/app/page.tsx

@@ -1,13 +1,15 @@
 'use client'
 
 import { useEffect } from 'react'
-import { platform } from '@tauri-apps/plugin-os'
 import './Installs.css'
-import { format } from 'date-fns'
-import { invoke } from '@tauri-apps/api/core'
-import { message } from '@tauri-apps/plugin-dialog'
 import { useGlobal } from './GlobalProvider'
 import Link from 'next/link'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import {
+  faCheck,
+  faShieldHalved,
+  faWarning
+} from '@fortawesome/free-solid-svg-icons'
 
 export default function Installs () {
   const {
@@ -19,11 +21,9 @@ export default function Installs () {
     setSelectedVersionList,
     downloadedVersionsConfig,
     normalConfig,
-    setManagingVersion,
-    getVersionInfo,
-    getVersionGame,
     setSelectedGame,
-    getListOfGames
+    getListOfGames,
+    getVersionsAmountData
   } = useGlobal()
 
   useEffect(() => {
@@ -59,6 +59,29 @@ export default function Installs () {
                 <div key={i.id} className='downloads-entry'>
                   <div className='flex flex-col'>
                     <p className='text-2xl'>{i.name}</p>
+                    <div className='flex gap-2'>
+                      <div className='entry-info-item'>
+                        <p>
+                          {(() => {
+                            const data = getVersionsAmountData(i.id)
+                            if (!data) return 'N/A'
+                            return `${data.installed}/${data.total}`
+                          })()}{' '}
+                          versions installed
+                        </p>
+                      </div>
+                      <div className='entry-info-item' hidden={!i.official}>
+                        <FontAwesomeIcon icon={faCheck} color='#19c84b' />
+                        <p>Official</p>
+                      </div>
+                      <div className='entry-info-item' hidden={i.official}>
+                        <FontAwesomeIcon
+                          icon={i.verified ? faShieldHalved : faWarning}
+                          color={i.verified ? '#19c84b' : '#ffc800'}
+                        />
+                        <p>{i.verified ? 'Verified' : 'Unverified'}</p>
+                      </div>
+                    </div>
                   </div>
                   <div className='flex flex-row items-center gap-2'>
                     <Link className='button' href={'/game?id=' + i.id}>

src/app/types/Game.ts

@@ -3,5 +3,6 @@ export interface Game {
   name: string
   official: boolean
   verified: boolean
+  developer: string | null
   cutOff: number | null
 }