Pouzor
43 lines
1.2 KiB
TypeScript
43 lines
1.2 KiB
TypeScript
import { useEffect, useState } from 'react'
|
|
|
|
interface ReleaseInfo {
|
|
version: string
|
|
url: string
|
|
}
|
|
|
|
let cache: ReleaseInfo | null | 'error' | 'pending' = null
|
|
|
|
export function useLatestRelease(currentVersion: string) {
|
|
const [latest, setLatest] = useState<ReleaseInfo | null>(
|
|
cache && cache !== 'error' && cache !== 'pending' ? cache : null,
|
|
)
|
|
|
|
useEffect(() => {
|
|
if (cache !== null) return
|
|
cache = 'pending'
|
|
fetch('https://api.github.com/repos/Pouzor/homelable/releases/latest', {
|
|
headers: { Accept: 'application/vnd.github+json' },
|
|
})
|
|
.then((res) => {
|
|
if (!res.ok) { cache = 'error'; return }
|
|
return res.json()
|
|
})
|
|
.then((data) => {
|
|
if (!data || typeof data.tag_name !== 'string' || !data.html_url) {
|
|
cache = 'error'
|
|
return
|
|
}
|
|
const version = data.tag_name.replace(/^v/, '')
|
|
const info: ReleaseInfo = { version, url: data.html_url }
|
|
cache = info
|
|
setLatest(info)
|
|
})
|
|
.catch(() => {
|
|
cache = 'error'
|
|
})
|
|
}, [])
|
|
|
|
const hasUpdate = latest !== null && latest.version !== currentVersion
|
|
return { latest, hasUpdate }
|
|
}
|