Files
web/apps/scandic-web/components/Auth/TokenRefresher.tsx
Joakim Jäderberg fa63b20ed0 Merged in feature/redis (pull request #1478)
Distributed cache

* cache deleteKey now uses an options object instead of a lonely argument variable fuzzy

* merge

* remove debug logs and cleanup

* cleanup

* add fault handling

* add fault handling

* add pid when logging redis client creation

* add identifier when logging redis client creation

* cleanup

* feat: add redis-api as it's own app

* feature: use http wrapper for redis

* feat: add the possibility to fallback to unstable_cache

* Add error handling if redis cache is unresponsive

* add logging for unstable_cache

* merge

* don't cache errors

* fix: metadatabase on branchdeploys

* Handle when /en/destinations throws
add ErrorBoundary

* Add sentry-logging when ErrorBoundary catches exception

* Fix error handling for distributed cache

* cleanup code

* Added Application Insights back

* Update generateApiKeys script and remove duplicate

* Merge branch 'feature/redis' of bitbucket.org:scandic-swap/web into feature/redis

* merge


Approved-by: Linus Flood
2025-03-14 07:54:21 +00:00

66 lines
1.7 KiB
TypeScript

"use client"
import { usePathname, useSearchParams } from "next/navigation"
import { SessionProvider, useSession } from "next-auth/react"
import { useEffect, useMemo, useRef } from "react"
import {
MAX_KEEP_ALIVE_TIME_IN_MINUTES,
PRE_REFRESH_TIME_IN_SECONDS,
} from "@/constants/auth"
/**
* Keeps the access token alive by proactively refreshing it
*
*/
export default function TokenRefresher() {
return (
<SessionProvider basePath="/api/web/auth">
<SessionRefresher />
</SessionProvider>
)
}
export function SessionRefresher() {
const session = useSession()
const pathname = usePathname()
const searchParams = useSearchParams()
const timeoutId = useRef<Timer>()
// Simple inactivity control. Reset when the URL changes.
const stopPreRefreshAt = useMemo(
() => Date.now() + MAX_KEEP_ALIVE_TIME_IN_MINUTES * 60 * 1000,
// eslint-disable-next-line react-hooks/exhaustive-deps
[pathname, searchParams]
)
useEffect(() => {
if (timeoutId.current) {
clearTimeout(timeoutId.current)
}
if (!session.data?.token.expires_at) {
return
}
const refreshIn =
session.data.token.expires_at -
Date.now() -
PRE_REFRESH_TIME_IN_SECONDS * 1000
timeoutId.current = setTimeout(
async () => {
if (stopPreRefreshAt > Date.now()) {
await session.update({ doRefresh: true })
}
},
// If the token has already expired `refreshIn` will be
// negative, and we will refresh immediately (in 1 ms)
Math.max(refreshIn, 1)
)
return () => clearTimeout(timeoutId.current)
// eslint-disable-next-line react-hooks/exhaustive-deps
}, [session.data?.token.expires_at, stopPreRefreshAt])
return null
}