# browser-presence

Read-only boolean for "is the user actually here": `true` when the tab is visible **and** the window is focused. Composes [`browser-visibility`](https://valdres.dev/plugins/browser-visibility) and [`browser-focus`](https://valdres.dev/plugins/browser-focus).

## Install

```bash
bun add @valdres/browser-presence
```

## Live example

▶ Live example: [https://valdres.dev/angular/plugins/browser-presence](https://valdres.dev/angular/plugins/browser-presence)

## Usage

```ts
import { Component } from "@angular/core"
import { injectValue } from "valdres-angular"
import { presenceSelector } from "@valdres/browser-presence"

@Component({
    selector: "presence-dot",
    template: `{{ present() ? "Active" : "Away" }}`,
})
export class PresenceDot {
    present = injectValue(presenceSelector) // Signal<boolean>
}
```

## Exports

| Export             | Kind                 | Type      |
| ------------------ | -------------------- | --------- |
| `presenceSelector` | selector (read-only) | `boolean` |

## Cross-framework

`presenceSelector` is a global selector — read it with `store.get` / `store.sub` in plain JS. It recomputes whenever the visibility or focus subscription fires.