webdev-power-kit/dist/browser/tab-visibility/index.js

A powerful toolkit that simplifies access to browser features like clipboard, notifications, battery, vibration, and more — perfect for modern web developers.

/**
 * Returns true if the current tab is visible.
 */
export function isTabVisible() {
    return document.visibilityState === "visible";
}
/**
 * Subscribes to tab visibility changes.
 * @param callback - function to run on change (true = visible)
 */
export function onTabVisibilityChange(callback) {
    document.addEventListener("visibilitychange", () => {
        callback(document.visibilityState === "visible");
    });
}