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 { createValue } from "valdres-solid"
import { isVisibleSelector } from "@valdres/browser-visibility"

const visible = createValue(isVisibleSelector) // visible()

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).