47 lines
1.4 KiB
TypeScript
47 lines
1.4 KiB
TypeScript
import { useEffect, useState } from 'react'
|
|
import { useNavigate } from 'react-router-dom'
|
|
import { authStorage, invalidateSession, SESSION_EXPIRED_EVENT } from '../../api/client'
|
|
|
|
export function useAuthSession() {
|
|
const [authenticated, setAuthenticated] = useState(() => Boolean(authStorage.token()))
|
|
const [sessionExpired, setSessionExpired] = useState(false)
|
|
const navigate = useNavigate()
|
|
|
|
useEffect(() => {
|
|
function handleSessionExpired() {
|
|
setAuthenticated(false)
|
|
setSessionExpired(true)
|
|
navigate('/login', { replace: true })
|
|
}
|
|
|
|
window.addEventListener(SESSION_EXPIRED_EVENT, handleSessionExpired)
|
|
return () => window.removeEventListener(SESSION_EXPIRED_EVENT, handleSessionExpired)
|
|
}, [navigate])
|
|
|
|
useEffect(() => {
|
|
if (!authenticated) return
|
|
const expiresAt = authStorage.expiresAt()
|
|
if (expiresAt === null) return
|
|
const remaining = expiresAt - Date.now()
|
|
if (remaining <= 0) {
|
|
invalidateSession()
|
|
return
|
|
}
|
|
const timeout = window.setTimeout(invalidateSession, remaining)
|
|
return () => window.clearTimeout(timeout)
|
|
}, [authenticated])
|
|
|
|
function completeLogin() {
|
|
setAuthenticated(true)
|
|
setSessionExpired(false)
|
|
navigate('/', { replace: true })
|
|
}
|
|
|
|
function logout() {
|
|
authStorage.clear()
|
|
setAuthenticated(false)
|
|
setSessionExpired(false)
|
|
}
|
|
|
|
return { authenticated, sessionExpired, completeLogin, logout }
|
|
}
|