- matrix-gateway: POST /internal/matrix/presence/online endpoint - usePresenceHeartbeat hook with activity tracking - Auto away after 5 min inactivity - Offline on page close/visibility change - Integrated in MatrixChatRoom component
136 lines
5.1 KiB
TypeScript
136 lines
5.1 KiB
TypeScript
/**
|
|
* {@link TimeoutManager} does not support passing arguments to the callback.
|
|
*
|
|
* `(_: void)` is the argument type inferred by TypeScript's default typings for
|
|
* `setTimeout(cb, number)`.
|
|
* If we don't accept a single void argument, then
|
|
* `new Promise(resolve => timeoutManager.setTimeout(resolve, N))` is a type error.
|
|
*/
|
|
export type TimeoutCallback = (_: void) => void
|
|
|
|
/**
|
|
* Wrapping `setTimeout` is awkward from a typing perspective because platform
|
|
* typings may extend the return type of `setTimeout`. For example, NodeJS
|
|
* typings add `NodeJS.Timeout`; but a non-default `timeoutManager` may not be
|
|
* able to return such a type.
|
|
*/
|
|
export type ManagedTimerId = number | { [Symbol.toPrimitive]: () => number }
|
|
|
|
/**
|
|
* Backend for timer functions.
|
|
*/
|
|
export type TimeoutProvider<TTimerId extends ManagedTimerId = ManagedTimerId> =
|
|
{
|
|
readonly setTimeout: (callback: TimeoutCallback, delay: number) => TTimerId
|
|
readonly clearTimeout: (timeoutId: TTimerId | undefined) => void
|
|
|
|
readonly setInterval: (callback: TimeoutCallback, delay: number) => TTimerId
|
|
readonly clearInterval: (intervalId: TTimerId | undefined) => void
|
|
}
|
|
|
|
export const defaultTimeoutProvider: TimeoutProvider<
|
|
ReturnType<typeof setTimeout>
|
|
> = {
|
|
// We need the wrapper function syntax below instead of direct references to
|
|
// global setTimeout etc.
|
|
//
|
|
// BAD: `setTimeout: setTimeout`
|
|
// GOOD: `setTimeout: (cb, delay) => setTimeout(cb, delay)`
|
|
//
|
|
// If we use direct references here, then anything that wants to spy on or
|
|
// replace the global setTimeout (like tests) won't work since we'll already
|
|
// have a hard reference to the original implementation at the time when this
|
|
// file was imported.
|
|
setTimeout: (callback, delay) => setTimeout(callback, delay),
|
|
clearTimeout: (timeoutId) => clearTimeout(timeoutId),
|
|
|
|
setInterval: (callback, delay) => setInterval(callback, delay),
|
|
clearInterval: (intervalId) => clearInterval(intervalId),
|
|
}
|
|
|
|
/**
|
|
* Allows customization of how timeouts are created.
|
|
*
|
|
* @tanstack/query-core makes liberal use of timeouts to implement `staleTime`
|
|
* and `gcTime`. The default TimeoutManager provider uses the platform's global
|
|
* `setTimeout` implementation, which is known to have scalability issues with
|
|
* thousands of timeouts on the event loop.
|
|
*
|
|
* If you hit this limitation, consider providing a custom TimeoutProvider that
|
|
* coalesces timeouts.
|
|
*/
|
|
export class TimeoutManager implements Omit<TimeoutProvider, 'name'> {
|
|
// We cannot have TimeoutManager<T> as we must instantiate it with a concrete
|
|
// type at app boot; and if we leave that type, then any new timer provider
|
|
// would need to support ReturnType<typeof setTimeout>, which is infeasible.
|
|
//
|
|
// We settle for type safety for the TimeoutProvider type, and accept that
|
|
// this class is unsafe internally to allow for extension.
|
|
#provider: TimeoutProvider<any> = defaultTimeoutProvider
|
|
#providerCalled = false
|
|
|
|
setTimeoutProvider<TTimerId extends ManagedTimerId>(
|
|
provider: TimeoutProvider<TTimerId>,
|
|
): void {
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
if (this.#providerCalled && provider !== this.#provider) {
|
|
// After changing providers, `clearTimeout` will not work as expected for
|
|
// timeouts from the previous provider.
|
|
//
|
|
// Since they may allocate the same timeout ID, clearTimeout may cancel an
|
|
// arbitrary different timeout, or unexpected no-op.
|
|
//
|
|
// We could protect against this by mixing the timeout ID bits
|
|
// deterministically with some per-provider bits.
|
|
//
|
|
// We could internally queue `setTimeout` calls to `TimeoutManager` until
|
|
// some API call to set the initial provider.
|
|
console.error(
|
|
`[timeoutManager]: Switching provider after calls to previous provider might result in unexpected behavior.`,
|
|
{ previous: this.#provider, provider },
|
|
)
|
|
}
|
|
}
|
|
|
|
this.#provider = provider
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
this.#providerCalled = false
|
|
}
|
|
}
|
|
|
|
setTimeout(callback: TimeoutCallback, delay: number): ManagedTimerId {
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
this.#providerCalled = true
|
|
}
|
|
return this.#provider.setTimeout(callback, delay)
|
|
}
|
|
|
|
clearTimeout(timeoutId: ManagedTimerId | undefined): void {
|
|
this.#provider.clearTimeout(timeoutId)
|
|
}
|
|
|
|
setInterval(callback: TimeoutCallback, delay: number): ManagedTimerId {
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
this.#providerCalled = true
|
|
}
|
|
return this.#provider.setInterval(callback, delay)
|
|
}
|
|
|
|
clearInterval(intervalId: ManagedTimerId | undefined): void {
|
|
this.#provider.clearInterval(intervalId)
|
|
}
|
|
}
|
|
|
|
export const timeoutManager = new TimeoutManager()
|
|
|
|
/**
|
|
* In many cases code wants to delay to the next event loop tick; this is not
|
|
* mediated by {@link timeoutManager}.
|
|
*
|
|
* This function is provided to make auditing the `tanstack/query-core` for
|
|
* incorrect use of system `setTimeout` easier.
|
|
*/
|
|
export function systemSetTimeoutZero(callback: TimeoutCallback): void {
|
|
setTimeout(callback, 0)
|
|
}
|