Finish mod installing and uninstalling

src/app/GlobalProvider.tsx

@@ -44,7 +44,14 @@ type GlobalCtxType = {
   viewingInfoFromDownloads: boolean
   version: string | null
   downloadVersions: (
-    list: Array<{ id: string; type: 0 | 1 | 2 }>
+    list: Array<{
+      id: string
+      type: 0 | 1 | 2
+      modDownload?: number
+      gameId?: number
+      modId?: number
+      modVersion?: string
+    }>
   ) => Promise<void>
   category: number
   setCategory: Dispatch<SetStateAction<number>>

src/app/layout.tsx

@@ -366,7 +366,16 @@ export default function RootLayout ({
   }, [])
 
   const downloadVersions = useCallback(
-    async (list: Array<{ id: string; type: 0 | 1 | 2 }>): Promise<void> => {
+    async (
+      list: Array<{
+        id: string
+        type: 0 | 1 | 2
+        modDownload?: number
+        gameId?: number
+        modId?: number
+        modVersion?: string
+      }>
+    ): Promise<void> => {
       if (list.length === 0) return
       setSelectedVersionList([])
 
@@ -399,7 +408,11 @@ export default function RootLayout ({
             null,
             null,
             null,
-            item.type
+            item.type,
+            item.modDownload ?? null,
+            item.gameId ?? null,
+            item.modId ?? null,
+            item.modVersion ?? null
           )
       )
 
@@ -444,7 +457,9 @@ export default function RootLayout ({
           (downloadInfo.type == 0
             ? '?gameId=' + info.id + '&downloadId=' + info.download
             : '?downloadId=' +
-              (downloadInfo.type == 1 ? info.modSupportDownload : ''))
+              (downloadInfo.type == 1
+                ? info.modSupportDownload
+                : downloadInfo.modDownload))
       )
       const signature = downloadInfoRequest.headers.get('x-signature') ?? ''
       const data = await downloadInfoRequest.json()
@@ -487,25 +502,39 @@ export default function RootLayout ({
         url: data.data.url,
         name: info.id,
         hash: data.data.hash,
-        downloadType: downloadInfo.type
+        downloadType: downloadInfo.type,
+        modId: String(downloadInfo.modId ?? '')
       })
 
       if (res === '1') {
         setDownloadProgress(prev => prev.filter(d => d.version !== versionId))
-        setDownloadedVersionsConfig(prev => {
-          if (!prev) return prev
+        if (downloadInfo.type != 1) {
+          setDownloadedVersionsConfig(prev => {
+            if (!prev) return prev
 
-          const updated = {
-            ...prev,
-            list: {
-              ...prev.list,
-              [versionId]: Date.now()
-            }
-          }
+            const updated =
+              downloadInfo.type == 2
+                ? {
+                    ...prev,
+                    mods: {
+                      ...prev.mods,
+                      [downloadInfo.modGame! + '-' + downloadInfo.modId!]: {
+                        [downloadInfo.modVersion!]: Date.now()
+                      }
+                    }
+                  }
+                : {
+                    ...prev,
+                    list: {
+                      ...prev.list,
+                      [versionId]: Date.now()
+                    }
+                  }
 
-          writeVersionsConfig(updated)
-          return updated
-        })
+            writeVersionsConfig(updated)
+            return updated
+          })
+        }
       } else if (res == '0') {
         setDownloadProgress(prev => {
           const i = prev.findIndex(d => d.version === info.id)

src/componets/popups/Downloads.tsx

@@ -171,7 +171,11 @@ export default function DownloadsPopup () {
                 </div>
               </div>
               <p className='text-2xl text-center'>
-                {v.type == 1 ? 'Mod Manager for ' : null}{' '}
+                {v.type == 1
+                  ? 'Mod Manager for '
+                  : v.type == 2
+                  ? 'Mod for '
+                  : null}{' '}
                 {getVersionInfo(v.version)?.displayName}
               </p>
               <div className='mt-6.25 flex items-center justify-between'>

src/componets/popups/ModDownloads.tsx

@@ -1,6 +1,7 @@
 'use client'
 
 import { useGlobal } from '@/app/GlobalProvider'
+import { writeVersionsConfig } from '@/lib/BazookaManager'
 import { verifySignature } from '@/lib/Util'
 import { Mod } from '@/types/Mod'
 import {
@@ -10,10 +11,12 @@ import {
   faDownload,
   faGlobe,
   faPeopleGroup,
-  faRefresh
+  faRefresh,
+  faTrash
 } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 import { message } from '@tauri-apps/plugin-dialog'
+import { BaseDirectory, exists, remove } from '@tauri-apps/plugin-fs'
 import { arch, platform } from '@tauri-apps/plugin-os'
 import { useEffect, useState } from 'react'
 
@@ -23,7 +26,10 @@ export default function ModDownloadsPopup () {
     managingVersion,
     downloadedVersionsConfig,
     showModInfo,
-    setShowModInfo
+    setShowModInfo,
+    downloadVersions,
+    downloadProgress,
+    setDownloadedVersionsConfig
   } = useGlobal()
 
   const [mods, setMods] = useState<Mod[] | 0 | 1>(0)
@@ -106,16 +112,14 @@ export default function ModDownloadsPopup () {
         ) : !showModInfo ? (
           <div className='flex flex-col items-center justify-center gap-2 p-2'>
             {mods
-              .filter(
-                v =>
-                  !downloadedVersionsConfig ||
-                  (tab == 0
-                    ? Object.keys(downloadedVersionsConfig.mods).includes(
-                        String(v.id)
-                      )
-                    : !Object.keys(downloadedVersionsConfig.mods).includes(
-                        String(v.id)
-                      ))
+              .filter(v =>
+                tab == 0
+                  ? Object.keys(downloadedVersionsConfig?.mods ?? []).includes(
+                      String(versionInfo?.game + '-' + v.id)
+                    )
+                  : !Object.keys(downloadedVersionsConfig?.mods ?? []).includes(
+                      String(versionInfo?.game + '-' + v.id)
+                    )
               )
               .map(v => {
                 return (
@@ -181,17 +185,63 @@ export default function ModDownloadsPopup () {
             </div>
             <div className='flex flex-row h-fit w-full gap-2 justify-center my-2'>
               {Object.keys(downloadedVersionsConfig?.mods ?? []).includes(
-                String(showModInfo.id)
+                String(versionInfo?.game + '-' + showModInfo.id)
               ) ? (
-                <button className='button btntheme2 w-fit'>
-                  <FontAwesomeIcon
-                    icon={faDownload}
-                    className='text-green-400'
-                  />{' '}
+                <button
+                  className='button btntheme2 w-fit'
+                  disabled={downloadProgress.length != 0}
+                  onClick={async () => {
+                    const path =
+                      'game/' +
+                      versionInfo?.id +
+                      '/BepInEx/plugins/' +
+                      showModInfo.id
+                    if (
+                      await exists(path, {
+                        baseDir: BaseDirectory.AppLocalData
+                      })
+                    )
+                      await remove(path, {
+                        baseDir: BaseDirectory.AppLocalData,
+                        recursive: true
+                      })
+                    setDownloadedVersionsConfig(prev => {
+                      if (!prev) return prev
+                      const updatedMods = Object.fromEntries(
+                        Object.entries(prev.mods).filter(
+                          ([k]) =>
+                            k !== versionInfo?.game + '-' + showModInfo.id
+                        )
+                      )
+                      const updatedConfig = {
+                        ...prev,
+                        mods: updatedMods
+                      }
+                      writeVersionsConfig(updatedConfig)
+                      return updatedConfig
+                    })
+                  }}
+                >
+                  <FontAwesomeIcon icon={faTrash} className='text-red-400' />{' '}
                   Uninstall
                 </button>
               ) : (
-                <button className='button btntheme2 w-fit'>
+                <button
+                  className='button btntheme2 w-fit'
+                  onClick={() => {
+                    downloadVersions([
+                      {
+                        id: managingVersion,
+                        type: 2,
+                        modDownload: showModInfo.latestDownload,
+                        gameId: versionInfo?.game,
+                        modId: showModInfo.id,
+                        modVersion: showModInfo.latestVersion
+                      }
+                    ])
+                  }}
+                  disabled={downloadProgress.length != 0}
+                >
                   <FontAwesomeIcon
                     icon={faDownload}
                     className='text-green-400'

src/types/DownloadProgress.ts

@@ -18,6 +18,10 @@ export class DownloadProgress {
     public url: string | null,
     public executable: string | null,
     public hash: string | null,
-    public type: 0 | 1 | 2
+    public type: 0 | 1 | 2,
+    public modDownload: number | null,
+    public modGame: number | null,
+    public modId: number | null,
+    public modVersion: string | null
   ) {}
 }