Use claude to fix bugs & add a custom data location setting

src/app/main/layout.tsx

@@ -89,11 +89,13 @@ export default function RootLayout ({
   const [linuxWineCommand, setLinuxWineCommand] =
     useState<string>('wine %path%')
   const [theme, setTheme] = useState<string>('dark')
+  const [customDataLocation, setCustomDataLocation] = useState<string>('')
 
   const [versionsList, setVersionsList] = useState<Record<string, number>>({})
   const [modsList, setModsList] = useState<
     Record<string, Record<string, number>>
   >({})
+  const [movingData, setMovingData] = useState(false)
 
   function getSpecialVersionsList (game?: number): GameVersion[] {
     if (!serverVersionList) return []
@@ -117,7 +119,7 @@ export default function RootLayout ({
   }
 
   const closePopup = useCallback(() => {
-    if (popupMode == 0 && selectedGame && pathname === '/') {
+    if (popupMode == 0 && selectedGame && pathname === '/main') {
       setSelectedGame(null)
       setSelectedVersionList([])
     } else if (viewingInfoFromDownloads) {
@@ -312,7 +314,8 @@ export default function RootLayout ({
           sidebarAlwaysShowGames: true,
           linuxUseWine: false,
           linuxWineCommand: 'wine %path%',
-          theme: 'dark'
+          theme: 'dark',
+          customDataLocation: ''
         }
       })
       const versionsLocal = await load('versions.json', {
@@ -623,15 +626,10 @@ export default function RootLayout ({
           verInfo.lastRevision > 0 &&
           value / 1000 <= verInfo.lastRevision
         ) {
-          if (
-            await exists('game/' + key + '/' + verInfo.executable, {
-              baseDir: BaseDirectory.AppLocalData
-            })
-          )
-            await remove('game/' + key + '/' + verInfo.executable, {
-              baseDir: BaseDirectory.AppLocalData,
-              recursive: true
-            })
+          await invoke('remove_stale_executable', {
+            version: key,
+            executable: verInfo.executable
+          })
         }
       }
     })()
@@ -688,6 +686,9 @@ export default function RootLayout ({
     watchSettings<string>('linuxWineCommand', v =>
       setLinuxWineCommand(v ?? 'wine %path%')
     )
+    watchSettings<string>('customDataLocation', v =>
+      setCustomDataLocation(v ?? '')
+    )
 
     watchVersions<Record<string, number>>('list', v => setVersionsList(v ?? {}))
     watchVersions<Record<string, Record<string, number>>>('mods', v =>
@@ -756,8 +757,11 @@ export default function RootLayout ({
                 linuxUseWine,
                 linuxWineCommand,
                 theme,
+                customDataLocation,
                 versionsList,
-                modsList
+                modsList,
+                movingData,
+                setMovingData
               }}
             >
               <div
@@ -825,6 +829,11 @@ export default function RootLayout ({
                     </div>
                   </div>
                 )}
+                {movingData && (
+                  <div className='fixed inset-0 z-999999 bg-(--col0) flex items-center justify-center'>
+                    <p className='text-5xl text-center'>Moving data...</p>
+                  </div>
+                )}
               </div>
             </GlobalProvider>
           )}

src/app/main/settings/page.tsx

@@ -4,6 +4,8 @@ import { Setting } from '@/components/Setting'
 import { useGlobal } from '@/providers/GlobalProvider'
 import { copyToClipboard } from '@/lib/clipboard'
 import { platform } from '@tauri-apps/plugin-os'
+import { open } from '@tauri-apps/plugin-dialog'
+import { invoke } from '@tauri-apps/api/core'
 import Dropdown from '@/components/Dropdown'
 
 export default function Settings () {
@@ -14,7 +16,10 @@ export default function Settings () {
     sidebarAlwaysShowGames,
     linuxUseWine,
     linuxWineCommand,
-    theme
+    theme,
+    customDataLocation,
+    downloadProgress,
+    setMovingData
   } = useGlobal()
 
   return (
@@ -58,6 +63,45 @@ export default function Settings () {
           className='input-field my-1'
           hidden={!(platform() == 'linux' && linuxUseWine)}
         ></input>
+        <Setting
+          label='Use custom data location'
+          value={!!customDataLocation}
+          disabled={downloadProgress.length > 0}
+          onChange={async () => {
+            if (customDataLocation) {
+              try {
+                setMovingData(true)
+                await invoke('move_game_data', { destination: '' })
+                await settings?.set('customDataLocation', '')
+                await settings?.save()
+                await invoke('restart_app')
+              } catch {
+                setMovingData(false)
+              }
+            } else {
+              const selected = await open({
+                directory: true,
+                title: 'Select data location'
+              })
+              if (!selected || typeof selected !== 'string') return
+              try {
+                setMovingData(true)
+                await invoke('move_game_data', { destination: selected })
+                await settings?.set('customDataLocation', selected)
+                await settings?.save()
+                await invoke('restart_app')
+              } catch {
+                setMovingData(false)
+              }
+            }
+          }}
+          title='Move game data to a custom folder location. Disabled during downloads.'
+        />
+        {customDataLocation && (
+          <p className='text-sm opacity-50 ml-6 -mt-1 mb-2'>
+            {customDataLocation}
+          </p>
+        )}
         <div className='flex flex-row gap-2 items-center'>
           <p
             title='The theme you want the launcher to use.'