ngx-idle-monitor
A lightweight Angular service for tracking user activity, managing session timeouts, and syncing idle state across tabs.
Overview
Angular Idle Monitor is a robust, performance-optimized Angular service designed to track user activity, handle session timeouts, and synchronize idle states across multiple browser tabs. It ensures a seamless user experience by preventing unexpected logouts during active use across different windows and optimizing application performance.
Key Features
- Multi-Tab Sync — Activity in one tab resets the timer in all other open tabs of the same application using localStorage.
- Performance Focused — Event listeners run outside of NgZone to prevent unnecessary change detection cycles.
- Warning System — Emits events before the final timeout occurs, ideal for "Stay logged in?" modals.
- SSR Friendly — Safe for use in Universal/SSR applications with platform checks.
- Keepalive Support — Supports heartbeat functions or Observables to ping your backend during activity.
Philosophy
The service prioritizes performance and seamless cross-tab synchronization, ensuring user activity is accurately tracked without impacting Angular's change detection engine, making it suitable for production applications.
Related Projects
Found a gem we're missing?
Open-Awesome is built by the community, for the community. Submit a project, suggest an awesome list, or help improve the catalog on GitHub.
