Lncvrt-Games/launcher
1
0
Fork 0
forked from Berry-Dash/launcher
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Have Claude Code make downloads a proper queue system

Browse Source
This commit is contained in:
Travis
2026-02-14 02:53:42 -07:00
parent 118fad49d8
commit a618c76292
1 changed files with 222 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files

177
src/app/layout.tsx
View File

@@ -75,6 +75,8 @@ export default function RootLayout ({
const [downloadProgress, setDownloadProgress] = useState<DownloadProgress[]>( const [downloadProgress, setDownloadProgress] = useState<DownloadProgress[]>(
[] []
) )
const [downloadQueue, setDownloadQueue] = useState<string[]>([])
const [isProcessingQueue, setIsProcessingQueue] = useState<boolean>(false)
const [managingVersion, setManagingVersion] = useState<string | null>(null) const [managingVersion, setManagingVersion] = useState<string | null>(null)
const [viewingInfoFromDownloads, setViewingInfoFromDownloads] = const [viewingInfoFromDownloads, setViewingInfoFromDownloads] =
useState<boolean>(false) useState<boolean>(false)
@@ -84,6 +86,7 @@ export default function RootLayout ({
const pathname = usePathname() const pathname = usePathname()
const revisionCheck = useRef(false) const revisionCheck = useRef(false)
const previousQueueLength = useRef(0)
function getSpecialVersionsList (game?: number): GameVersion[] { function getSpecialVersionsList (game?: number): GameVersion[] {
if (!normalConfig || !serverVersionList) return [] if (!normalConfig || !serverVersionList) return []
@@ -184,7 +187,7 @@ export default function RootLayout ({
return `${d}d ${h}h` return `${d}d ${h}h`
} }
function closePopup () { const closePopup = useCallback(() => {
if (popupMode == 0 && selectedGame && pathname === '/') { if (popupMode == 0 && selectedGame && pathname === '/') {
setSelectedGame(null) setSelectedGame(null)
setSelectedVersionList([]) setSelectedVersionList([])
@@ -197,7 +200,7 @@ export default function RootLayout ({
setFadeOut(true) setFadeOut(true)
setTimeout(() => setShowPopup(false), 200) setTimeout(() => setShowPopup(false), 200)
} }
} }, [popupMode, selectedGame, pathname, viewingInfoFromDownloads])
useEffect(() => { useEffect(() => {
let unlistenProgress: (() => void) | null = null let unlistenProgress: (() => void) | null = null
@@ -305,34 +308,51 @@ export default function RootLayout ({
if (list.length === 0) return if (list.length === 0) return
setSelectedVersionList([]) setSelectedVersionList([])
const newDownloads = list.map( const newVersions = list.filter(
version =>
!downloadQueue.includes(version) &&
!downloadProgress.some(d => d.version === version)
)
if (newVersions.length === 0) return
const newDownloads = newVersions.map(
version => version =>
new DownloadProgress(version, 0, 0, false, true, false, false, 0, 0) new DownloadProgress(version, 0, 0, false, true, false, false, 0, 0)
) )
setDownloadProgress(newDownloads) setDownloadProgress(prev => [...prev, ...newDownloads])
setDownloadQueue(prev => [...prev, ...newVersions])
for (const download of newDownloads) { },
const info = getVersionInfo(download.version) [downloadQueue, downloadProgress]
if (!info) {
setDownloadProgress(prev =>
prev.filter(d => d.version !== download.version)
) )
continue
useEffect(() => {
if (isProcessingQueue || downloadQueue.length === 0) return
const processNextDownload = async () => {
setIsProcessingQueue(true)
const versionId = downloadQueue[0]
const info = getVersionInfo(versionId)
if (!info) {
setDownloadProgress(prev => prev.filter(d => d.version !== versionId))
setDownloadQueue(prev => prev.slice(1))
setIsProcessingQueue(false)
return
} }
const gameInfo = getGameInfo(info.game) const gameInfo = getGameInfo(info.game)
if (!gameInfo) { if (!gameInfo) {
setDownloadProgress(prev => setDownloadProgress(prev => prev.filter(d => d.version !== versionId))
prev.filter(d => d.version !== download.version) setDownloadQueue(prev => prev.slice(1))
) setIsProcessingQueue(false)
continue return
} }
setDownloadProgress(prev => setDownloadProgress(prev =>
prev.map(d => prev.map(d => (d.version === versionId ? { ...d, queued: false } : d))
d.version === download.version ? { ...d, queued: false } : d
)
) )
try { try {
@@ -349,9 +369,7 @@ export default function RootLayout ({
}) })
if (res === '1') { if (res === '1') {
setDownloadProgress(prev => setDownloadProgress(prev => prev.filter(d => d.version !== versionId))
prev.filter(d => d.version !== download.version)
)
setDownloadedVersionsConfig(prev => { setDownloadedVersionsConfig(prev => {
if (!prev) return prev if (!prev) return prev
@@ -359,7 +377,7 @@ export default function RootLayout ({
...prev, ...prev,
list: { list: {
...prev.list, ...prev.list,
[download.version]: Date.now() [versionId]: Date.now()
} }
} }
@@ -369,7 +387,7 @@ export default function RootLayout ({
} else { } else {
setDownloadProgress(prev => setDownloadProgress(prev =>
prev.map(d => prev.map(d =>
d.version === download.version d.version === versionId
? { ...d, queued: false, failed: true, progress: 0 } ? { ...d, queued: false, failed: true, progress: 0 }
: d : d
) )
@@ -380,16 +398,39 @@ export default function RootLayout ({
`The download for version ${info.displayName} has failed.` `The download for version ${info.displayName} has failed.`
) )
} }
setDownloadQueue(prev => prev.slice(1))
setIsProcessingQueue(false)
} }
if (normalConfig?.settings.allowNotifications) processNextDownload()
await notifyUser('Downloads Finished', 'All downloads have finished.') }, [
downloadQueue,
isProcessingQueue,
getVersionInfo,
getGameInfo,
normalConfig
])
setFadeOut(true) useEffect(() => {
setTimeout(() => setShowPopup(false), 200) if (
}, downloadQueue.length === 0 &&
[getGameInfo, getVersionInfo, normalConfig] downloadProgress.length === 0 &&
) !isProcessingQueue &&
previousQueueLength.current > 0 &&
normalConfig?.settings.allowNotifications
) {
notifyUser('Downloads Finished', 'All downloads have finished.')
setTimeout(() => closePopup(), 0)
}
previousQueueLength.current = downloadQueue.length + downloadProgress.length
}, [
downloadQueue,
downloadProgress,
isProcessingQueue,
normalConfig,
closePopup
])
useEffect(() => { useEffect(() => {
if (revisionCheck.current) return if (revisionCheck.current) return
@@ -696,7 +737,11 @@ export default function RootLayout ({
<> <>
<p className='text-xl text-center'>Downloads</p> <p className='text-xl text-center'>Downloads</p>
<div className='popup-content'> <div className='popup-content'>
{downloadProgress.map((v, i) => ( {downloadProgress.map((v, i) => {
const queuePosition = downloadQueue.indexOf(
v.version
)
return (
<div <div
key={i} key={i}
className='popup-entry flex flex-col justify-between' className='popup-entry flex flex-col justify-between'
@@ -722,18 +767,38 @@ export default function RootLayout ({
}} }}
title='Click to remove this version from this menu.' title='Click to remove this version from this menu.'
> >
Cancel Remove
</button> </button>
</div> </div>
</> </>
) : v.queued ? ( ) : v.queued ? (
<span className='text-yellow-500 inline-block w-full text-center'> <div className='flex items-center justify-between w-full'>
Queued… <span className='text-yellow-500 inline-block text-center flex-1'>
</span> {queuePosition === 0
) : v.queued ? ( ? 'Starting soon...'
<span className='text-yellow-500 inline-block w-full text-center'> : `Queued (Position ${
Queued… queuePosition + 1
})`}
</span> </span>
<button
className='button btntheme3 -ml-1.25'
onClick={() => {
setDownloadQueue(prev =>
prev.filter(
id => id !== v.version
)
)
setDownloadProgress(prev =>
prev.filter(
d => d.version !== v.version
)
)
}}
title='Click to remove this version from the download queue.'
>
Cancel
</button>
</div>
) : v.hash_checking ? ( ) : v.hash_checking ? (
<span className='text-blue-500 inline-block w-full text-center'> <span className='text-blue-500 inline-block w-full text-center'>
Checking hash... Checking hash...
@@ -752,14 +817,15 @@ export default function RootLayout ({
})}{' '} })}{' '}
of{' '} of{' '}
{prettyBytes( {prettyBytes(
getVersionInfo(v.version)?.size ?? 0, getVersionInfo(v.version)?.size ??
0,
{ {
minimumFractionDigits: 1, minimumFractionDigits: 1,
maximumFractionDigits: 1 maximumFractionDigits: 1
} }
)}{' '} )}{' '}
(ETA: {formatEtaSmart(v.etaSecs)} &bull; (ETA: {formatEtaSmart(v.etaSecs)}{' '}
Speed:{' '} &bull; Speed:{' '}
{prettyBytes(v.speed, { {prettyBytes(v.speed, {
minimumFractionDigits: 1, minimumFractionDigits: 1,
maximumFractionDigits: 1 maximumFractionDigits: 1
@@ -774,7 +840,8 @@ export default function RootLayout ({
)} )}
</div> </div>
</div> </div>
))} )
})}
</div> </div>
</> </>
) : popupMode === 2 ? ( ) : popupMode === 2 ? (
@@ -787,7 +854,6 @@ export default function RootLayout ({
<div className='popup-content flex flex-col items-center justify-center gap-2 h-full'> <div className='popup-content flex flex-col items-center justify-center gap-2 h-full'>
<button <button
className='button btntheme2' className='button btntheme2'
disabled={downloadProgress.length != 0}
onClick={async () => { onClick={async () => {
closePopup() closePopup()
@@ -822,7 +888,6 @@ export default function RootLayout ({
</button> </button>
<button <button
className='button btntheme2' className='button btntheme2'
disabled={downloadProgress.length != 0}
onClick={async () => { onClick={async () => {
//change popup to downloads //change popup to downloads
setManagingVersion(null) setManagingVersion(null)
@@ -896,23 +961,31 @@ export default function RootLayout ({
<button <button
className='button btntheme1 w-fit mt-2 -mb-4' className='button btntheme1 w-fit mt-2 -mb-4'
onClick={() => { onClick={() => {
setFadeOut(true) if (downloadedVersionsConfig) {
setTimeout(() => setShowPopup(false), 200)
if (downloadedVersionsConfig)
downloadVersions(selectedVersionList) downloadVersions(selectedVersionList)
}
}} }}
disabled={downloadProgress.length != 0} disabled={selectedVersionList.length === 0}
title={ title={
downloadProgress.length != 0 selectedVersionList.length === 0
? "You cannot download the versions as you have another download that hasn't completed." ? 'Select at least one version to download'
: `Click to download ${ : downloadProgress.length > 0 ||
downloadQueue.length > 0
? `Add ${selectedVersionList.length} version${
selectedVersionList.length == 1 ? '' : 's'
} to download queue`
: `Download ${
selectedVersionList.length selectedVersionList.length
} version${ } version${
selectedVersionList.length == 1 ? '' : 's' selectedVersionList.length == 1 ? '' : 's'
} of ${getGameInfo(selectedGame)?.name}` } of ${getGameInfo(selectedGame)?.name}`
} }
> >
Download {selectedVersionList.length} version {downloadProgress.length > 0 ||
downloadQueue.length > 0
? `Add ${selectedVersionList.length} to Queue`
: `Download ${selectedVersionList.length}`}{' '}
version
{selectedVersionList.length == 1 ? '' : 's'} {selectedVersionList.length == 1 ? '' : 's'}
</button> </button>
<button <button