Files
mirror/src/mirror/static/index.html
T
ducoterra d0077e0db4
Build and Push Containers / test (push) Successful in 45s
Build and Push Containers / build-and-push-app (push) Successful in 13s
phase: 09_wall_remote_page
**Phase 09 — final verification pass (all 3 tasks already in `complete/`; phase work was in the working tree, verified, nothing needed fixing)**

**Gates** — `uv run ruff check . && uv run ruff format --check .` → clean; `uv run pyright` → 0 errors; `uv run pytest` → **360 passed, 5 skipped** (only the realdisplay rung), coverage 96% total / 95% app.py; `MIRROR_REALDISPLAY=1 uv run pytest -m realdisplay` → 4 passed, 1 skipped (documented host limitation: no audio source on the real X11 path); `uv run pytest tests/e2e/test_remote_control.py` → 8/8 passed; `node --check` on every `static/*.js` → all pass.

**Completion criteria** — all met: (1) "Show on wall" stages on the display, asserted on display DOM + `/api/kiosk` ✓; (2) Back/Fullscreen + untouched second controller converge (TestConvergence) ✓; (3) `/api/streams` reports `viewers: 0` / `watching: 0` with only `/remote` open (TestACostsNothing) ✓; (4) followers count displays only — 0/1/1 with a second controller (TestFollowers) ✓; (5) controller works with no display: `followers: 0`, state stored (protocol test + e2e) ✓; (6) e2e + full `-m e2e` + realdisplay all green ✓; (7) README + SECURITY.md updated, Silverblue default now `/kiosk` (installer, conf, gnome script, checker) ✓; (8) suite 100% green, coverage >90% on new code ✓; (9) PLAN.md untouched; AGENTS.md changed only for a stale statement ✓.

**Documentation** — README.md reviewed in full against code (page table, quickstart, env-var table vs `config.py`/`debug.py`, presets, keys, deployment, kiosk section): no inconsistencies found. AGENTS.md: fixed the one stale statement introduced by this phase ("Four pages" → "Five pages"); no other staleness, nothing added.

**Decisions** — no repo changes were required; the one realdisplay skip is a pre-documented environment fact, not a failure.

**Next pending phase** — none; `todo/` held only phase 09.
2026-11-03 23:50:43 -05:00

78 lines
3.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
<meta name="color-scheme" content="dark" />
<title>mirror — screen sharing with no install</title>
<link rel="stylesheet" href="/static/app.css" />
<link
rel="icon"
href="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='16' r='12' fill='%234fd1c5'/%3E%3C/svg%3E"
/>
</head>
<body>
<header class="bar">
<div class="brand"><span class="glyph"></span> mirror</div>
<div class="spacer"></div>
<span class="net" id="net" data-state="offline"><i></i><span>checking…</span></span>
</header>
<main class="hero">
<h1>Mirror a screen. Watch every screen.</h1>
<p class="lead">
A browser tab is the whole client. Pick a window, screen, or tab with your OS's native
picker and it appears for everyone else on this network — no install, no plugin, no
account. Video travels directly between browsers; this server only keeps the roster.
</p>
<div class="cards">
<a class="card" href="/mirror">
<div class="kicker">GET /mirror</div>
<h2>Share my screen</h2>
<p>
Uses the native share picker (window, screen, or tab), streams to anyone watching,
and shows who is looking.
</p>
</a>
<a class="card" href="/watch">
<div class="kicker">GET /watch</div>
<h2>Watch everything</h2>
<p>
A wall of every live mirror. Click one to take the stage full screen; click another to
jump to it.
</p>
</a>
<a class="card" href="/kiosk">
<div class="kicker">GET /kiosk</div>
<h2>An unattended wall</h2>
<p>
A chrome-free wall for a kiosk display: it shows every live mirror and arranges
itself from the shared layout. No pointer, no keyboard, nothing to set up at the box.
</p>
</a>
<a class="card" href="/remote">
<div class="kicker">GET /remote</div>
<h2>Point the wall from another device</h2>
<p>
Open it on a laptop or a phone and drive the shared wall: list the live mirrors,
show one on the display, back to the wall, full screen — no video, no bandwidth.
</p>
</a>
</div>
<div class="livebar" id="livebar">Checking for mirrors…</div>
<p class="fineprint">
There is no authentication: anyone this server accepts a connection from can mirror and
watch, so keep it on a network you trust and restrict which addresses it answers. Screen
capture also needs a secure context — <code>http://localhost</code> and any
<code>https://</code> origin qualify, a plain <code>http://&lt;lan-ip&gt;</code> does not
(the Share page explains the workaround).
</p>
</main>
<script type="module" src="/static/home.js"></script>
</body>
</html>