370 lines
13 KiB
TypeScript
370 lines
13 KiB
TypeScript
'use client'
|
|
|
|
import { useEffect } from 'react'
|
|
import '@/app/Installs.css'
|
|
import { invoke } from '@tauri-apps/api/core'
|
|
import { useGlobal } from '@/providers/GlobalProvider'
|
|
import { useRouter, useSearchParams } from 'next/navigation'
|
|
import { platform } from '@tauri-apps/plugin-os'
|
|
import { faWarning } from '@fortawesome/free-solid-svg-icons'
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
|
|
import { ask } from '@tauri-apps/plugin-dialog'
|
|
import { BaseDirectory, exists, remove } from '@tauri-apps/plugin-fs'
|
|
import { openFolder } from '@/lib/util'
|
|
|
|
export default function Installs () {
|
|
const {
|
|
versionsList,
|
|
serverVersionList,
|
|
showPopup,
|
|
setShowPopup,
|
|
setPopupMode,
|
|
setFadeOut,
|
|
setSelectedVersionList,
|
|
setManagingVersion,
|
|
setSelectedGame,
|
|
category,
|
|
setCategory,
|
|
downloadVersions,
|
|
downloadProgress,
|
|
linuxUseWine,
|
|
linuxWineCommand,
|
|
versions
|
|
} = useGlobal()
|
|
|
|
const params = useSearchParams()
|
|
const router = useRouter()
|
|
|
|
const id = Number(params.get('id') || 0)
|
|
const game = serverVersionList?.games.find(g => g.id === id)
|
|
|
|
useEffect(() => {
|
|
if (!showPopup) return
|
|
setSelectedVersionList([])
|
|
}, [setSelectedVersionList, showPopup])
|
|
|
|
if (!id || !game) return <p>Invalid game</p>
|
|
|
|
const needsRevisionUpdate = (
|
|
lastRevision: number | undefined,
|
|
version: string
|
|
) => {
|
|
if (!lastRevision) return false
|
|
return (
|
|
lastRevision > 0 &&
|
|
(versionsList == undefined ? 0 : versionsList[version]) / 1000 <=
|
|
lastRevision
|
|
)
|
|
}
|
|
|
|
return (
|
|
<div className='mx-4 mt-4'>
|
|
<div className='flex justify-between items-center mb-4'>
|
|
<p
|
|
className={`text-3xl truncate ${
|
|
category != -1
|
|
? 'w-[calc(100vw-495px)]'
|
|
: game.id == 1
|
|
? 'w-[calc(100vw-560px)]'
|
|
: 'w-[calc(100vw-440px)]'
|
|
}`}
|
|
>
|
|
{game.name} Installs
|
|
</p>
|
|
<div className='flex gap-2'>
|
|
<button
|
|
className='button btntheme1'
|
|
onClick={() => {
|
|
router.push('/game/berrydash/leaderboards')
|
|
}}
|
|
title='View the leaderboards for this game.'
|
|
hidden={game.id != 1}
|
|
>
|
|
Leaderboards
|
|
</button>
|
|
<button
|
|
className='button btntheme1'
|
|
onClick={() => {
|
|
setCategory(-1)
|
|
}}
|
|
title='Click to go up a level.'
|
|
hidden={category == -1}
|
|
>
|
|
Back
|
|
</button>
|
|
<button
|
|
className='button btntheme1'
|
|
onClick={() => {
|
|
setSelectedGame(id)
|
|
setPopupMode(0)
|
|
setShowPopup(true)
|
|
setFadeOut(false)
|
|
}}
|
|
title='Click to download more versions of this game.'
|
|
>
|
|
Download versions
|
|
</button>
|
|
</div>
|
|
</div>
|
|
<div className='downloads-container'>
|
|
<div
|
|
className={`downloads-scroll ${
|
|
platform() == 'windows'
|
|
? 'h-[calc(100vh-116px)]'
|
|
: 'h-[calc(100vh-84px)]'
|
|
}`}
|
|
>
|
|
{category == -1 &&
|
|
Object.entries(game.categoryNames)
|
|
.filter(([key]) => {
|
|
const count = Object.keys(versionsList).filter(v => {
|
|
const info = serverVersionList?.versions.find(
|
|
vf => vf.id == v
|
|
)
|
|
if (!info) return false
|
|
|
|
if (platform() == 'linux' && info.wine && !linuxUseWine)
|
|
return false
|
|
|
|
return info.game === id && info.category === Number(key)
|
|
}).length
|
|
|
|
return count >= 1
|
|
})
|
|
.sort(([a], [b]) => Number(b) - Number(a))
|
|
.map(([key, value]) => {
|
|
return (
|
|
<div
|
|
key={key}
|
|
className={'downloads-entry'}
|
|
title={'Click to view category'}
|
|
onClick={() => setCategory(Number(key))}
|
|
>
|
|
<div className='h-18 w-screen relative'>
|
|
<p className='text-2xl'>{value}</p>
|
|
|
|
<div
|
|
className='entry-info-item flex absolute left-0 bottom-0'
|
|
title='The amount of versions installed of this game in installed/installable format.'
|
|
onClick={e => e.stopPropagation()}
|
|
>
|
|
<p>
|
|
{(() => {
|
|
const count =
|
|
Object.keys(versionsList).filter(v => {
|
|
const info = serverVersionList?.versions.find(
|
|
vf => vf.id == v
|
|
)
|
|
if (!info) return false
|
|
if (
|
|
platform() == 'linux' &&
|
|
info.wine &&
|
|
!linuxUseWine
|
|
)
|
|
return false
|
|
return (
|
|
info.game === id &&
|
|
info.category == Number(key)
|
|
)
|
|
}).length ?? 0
|
|
return `${count} install${count === 1 ? '' : 's'}`
|
|
})()}
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
})}
|
|
{Object.keys(versionsList)
|
|
.filter(v => {
|
|
const info = serverVersionList?.versions.find(vf => vf.id == v)
|
|
if (!info) return false
|
|
if (platform() == 'linux' && info.wine && !linuxUseWine)
|
|
return false
|
|
return (
|
|
info.game === id &&
|
|
(category == -1
|
|
? info.category == -1
|
|
: info.category == category)
|
|
)
|
|
})
|
|
.sort((a, b) => {
|
|
const infoA = serverVersionList?.versions.find(vf => vf.id == a)
|
|
const infoB = serverVersionList?.versions.find(vf => vf.id == b)
|
|
if (!infoA || !infoB) return 0
|
|
return infoB.place - infoA.place
|
|
})
|
|
.map(v => {
|
|
const versionInfo = serverVersionList?.versions.find(
|
|
vf => vf.id == v
|
|
)
|
|
if (!versionInfo) return
|
|
|
|
return (
|
|
<div
|
|
key={v}
|
|
className={'downloads-entry'}
|
|
title={
|
|
'Click to launch game. Right-click to manage this version install'
|
|
}
|
|
onClick={async () => {
|
|
if (needsRevisionUpdate(versionInfo.lastRevision, v)) {
|
|
const answer = await ask(
|
|
'Before proceeding, if you do not want your installation directory wiped just yet, please backup the files to another directory. When you click "Yes", it will be wiped. Click "No" if you want to open the installation folder instead.',
|
|
{
|
|
title: 'Revision Update',
|
|
kind: 'warning'
|
|
}
|
|
)
|
|
if (answer) {
|
|
const answer2 = await ask(
|
|
'Are you sure you want to update? If you did not read the last popup, please go back and read it.',
|
|
{
|
|
title: 'Revision Update',
|
|
kind: 'warning'
|
|
}
|
|
)
|
|
if (!answer2) return
|
|
|
|
//open downloads popup
|
|
setPopupMode(1)
|
|
setShowPopup(true)
|
|
setFadeOut(false)
|
|
|
|
//uninstall
|
|
versions?.set(
|
|
'list',
|
|
Object.fromEntries(
|
|
Object.entries(versionsList).filter(
|
|
([k]) => k !== v
|
|
)
|
|
)
|
|
)
|
|
|
|
if (
|
|
await exists('game/' + v, {
|
|
baseDir: BaseDirectory.AppLocalData
|
|
})
|
|
)
|
|
await remove('game/' + v, {
|
|
baseDir: BaseDirectory.AppLocalData,
|
|
recursive: true
|
|
})
|
|
|
|
//reinstall
|
|
setSelectedVersionList([v])
|
|
downloadVersions([
|
|
{
|
|
id: v,
|
|
type: 0
|
|
}
|
|
])
|
|
} else {
|
|
openFolder(v)
|
|
}
|
|
return
|
|
}
|
|
invoke('launch_game', {
|
|
name: versionInfo.id,
|
|
executable: versionInfo.executable,
|
|
displayName: versionInfo.displayName,
|
|
useWine: !!(
|
|
platform() == 'linux' &&
|
|
versionInfo.wine &&
|
|
linuxUseWine
|
|
),
|
|
wineCommand: linuxWineCommand
|
|
})
|
|
}}
|
|
onContextMenu={e => {
|
|
e.preventDefault()
|
|
setManagingVersion(v)
|
|
setPopupMode(2)
|
|
setShowPopup(true)
|
|
setFadeOut(false)
|
|
}}
|
|
>
|
|
<div className='h-18 w-screen relative'>
|
|
<p className='text-2xl'>{versionInfo.displayName}</p>
|
|
|
|
<div className='flex gap-2 absolute left-0 bottom-0'>
|
|
<div
|
|
className='entry-info-item'
|
|
title='The date the game was installed.'
|
|
>
|
|
<p>
|
|
Installed{' '}
|
|
{new Intl.DateTimeFormat(undefined).format(
|
|
versionsList[v]
|
|
)}
|
|
</p>
|
|
</div>
|
|
<div
|
|
className='entry-info-item'
|
|
title='This version is using wine. It cannot be guarenteed to work fully and might not work at all.'
|
|
hidden={
|
|
!(platform() == 'linux' && versionInfo.wine) ||
|
|
needsRevisionUpdate(versionInfo.lastRevision, v)
|
|
}
|
|
>
|
|
<FontAwesomeIcon icon={faWarning} color='#ffc800' />
|
|
<p>Uses wine</p>
|
|
</div>
|
|
<div
|
|
className='entry-info-item'
|
|
hidden={
|
|
!needsRevisionUpdate(versionInfo.lastRevision, v)
|
|
}
|
|
>
|
|
<FontAwesomeIcon icon={faWarning} color='#ffc800' />
|
|
<p>Needs revision update!</p>
|
|
</div>
|
|
</div>
|
|
<button
|
|
className='absolute right-0 bottom-0 button'
|
|
title='Click to manage mods for this game!'
|
|
onClick={async e => {
|
|
e.stopPropagation()
|
|
|
|
if (
|
|
!(await exists('game/' + v + '/BepInEx', {
|
|
baseDir: BaseDirectory.AppLocalData
|
|
}))
|
|
) {
|
|
if (
|
|
(await ask(
|
|
"You don't have BepInEx (the mod loader for Unity Games), would you like to install it now? It is about 1MB in size. If you choose yes, it will download the recommended BepInEx version for " +
|
|
versionInfo.displayName +
|
|
'.',
|
|
{ title: 'BepInEx not found!', kind: 'error' }
|
|
)) &&
|
|
!downloadProgress.find(d => d.version == v)
|
|
) {
|
|
downloadVersions([
|
|
{
|
|
id: v,
|
|
type: 1
|
|
}
|
|
])
|
|
}
|
|
return
|
|
}
|
|
setManagingVersion(v)
|
|
setPopupMode(3)
|
|
setShowPopup(true)
|
|
setFadeOut(false)
|
|
}}
|
|
hidden={!versionInfo.modSupportDownload}
|
|
>
|
|
Mod Manager
|
|
</button>
|
|
</div>
|
|
</div>
|
|
)
|
|
})}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|