User activity detector

Easily detect user activity changes after some idle timespan with a minimal API surface.

npm install user-activity-detector

import userActivityDetector from "user-activity-detector";

const activity = userActivityDetector({ timespan: 30_000 });

activity.subscribe(() => {
  console.log(`active: ${activity.isActive}`);
});

React

Fits nice with React useSyncExternalStore:

import userActivityDetector from "user-activity-detector";

const activity = userActivityDetector({ timespan: 30_000 });

const getIsActive = () => activity.isActive;

export const useIsActive = () =>
  useSyncExternalStore(activity.subscribe, getIsActive);