Function useInactivityTimer

src/renderer/hooks/timers/useInactivityTimer.ts:14–70

(
  callback: () => void,
  delay: number | null,
)

 * @param delay - Inactivity timeout in milliseconds.
 */
export const useInactivityTimer = (
  callback: () => void,
  delay: number | null,
) => {
  const savedCallback = useRef<(() => void) | null>(null);
  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);

  // Remember the latest callback
  useEffect(() => {
    savedCallback.current = callback;
  }, [callback]);

  // Reset the inactivity timer
  const resetTimer = useCallback(() => {
    if (timeoutRef.current) {
      clearTimeout(timeoutRef.current);
    }

    if (delay !== null && savedCallback.current) {
      timeoutRef.current = setTimeout(() => {
        // Fire callback once inactivity threshold reached if online
        if (savedCallback.current && isOnline()) {
          savedCallback.current();
        }

        // Schedule next run while still inactive
        resetTimer();
      }, delay);
    }
  }, [delay]);

  // Set up event listeners for user activity
  useEffect(() => {
    if (delay === null) {
      return;
    }

    // Add event listeners to track activity
    for (const event of events) {
      document.addEventListener(event, resetTimer, { passive: true });
    }

    // Start initial timer
    resetTimer();

    // Cleanup function
    return () => {
      if (timeoutRef.current) {
        clearTimeout(timeoutRef.current);
      }

      for (const event of events) {
        document.removeEventListener(event, resetTimer);
      }
    };
  }, [delay, resetTimer]);
};