browser-visibility

Tracks the Page Visibility API — whether the tab is currently visible — via the visibilitychange event.

Install

bun add @valdres/browser-visibility

Live example

Usage

import { injectValue } from "valdres-angular"
import { isVisibleSelector } from "@valdres/browser-visibility"

visible = injectValue(isVisibleSelector) // ValueState<boolean> — read visible.value()

Exports

Cross-framework

A global atom plus a boolean selector — works in every framework. Compose it with @valdres/browser-focus for a "user is present" signal (see @valdres/browser-presence).