DetectTab

import { DetectTab } from 'detect-tab';

// Create instance
const tabDetector = new DetectTab();

// Check current state
console.log('Is visible:', tabDetector.isVisible());
console.log('Is focused:', tabDetector.isFocused());

// Listen for state changes
tabDetector.onStateChange((state, info) => {
    if (state === 'hidden') {
        pauseAnimations();
    } else {
        resumeAnimations();
    }
});

// Listen for focus changes
tabDetector.onFocusChange((focused, info) => {
    console.log('Tab focused:', focused);
});

import { DetectTab, TabEvent } from 'detect-tab';

// Advanced configuration
const tabDetector = new DetectTab({
    persistent: true,     // Save data across sessions
    debounceTime: 100,   // Debounce events
    debug: true          // Enable debugging
});

// Performance optimization
tabDetector.onStateChange((state) => {
    if (state === 'hidden') {
        // Pause expensive operations
        clearInterval(animationTimer);
        reduceUpdateFrequency();
    } else {
        // Resume normal operations
        startAnimations();
        normalUpdateFrequency();
    }
});

// Analytics integration
tabDetector.on(TabEvent.VISIBILITY_CHANGE, (info) => {
    analytics.track('tab_visibility_changed', {
        visible: info.visible,
        timeInState: info.timeInState
    });
});

import { 
    DetectTab, 
    TabState, 
    TabInfo,
    DetectTabOptions 
} from 'detect-tab';

class TabManager {
    private detector: DetectTab;

    constructor(options?: DetectTabOptions) {
        this.detector = new DetectTab(options);
        this.setupListeners();
    }

    private setupListeners(): void {
        this.detector.onStateChange((state: TabState, info: TabInfo) => {
            this.handleStateChange(state, info);
        });
    }

    private handleStateChange(state: TabState, info: TabInfo): void {
        switch (state) {
            case TabState.VISIBLE:
                this.onVisible(info);
                break;
            case TabState.HIDDEN:
                this.onHidden(info);
                break;
        }
    }

    public getStats() {
        return this.detector.getTimeStats();
    }
}