Settings, PLAN: video previews follow the Transcode device

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

BUGS.md

@@ -752,3 +752,27 @@ before its own login).
     404 — harmless, but a stray.
 12. **Guest logins can open Users and Settings** — by design ("a guest can do everything you
     can"), but worth a second look now that Users includes removing accounts.
+
+# 2026-10-23: the rate obeyed, but not in step
+
+**Graphs and numbers on Top moved on different beats, whatever the rate.** Every machine was
+sampling at exactly the set rate (measured: 500 ms between samples on all five nodes), so the
+sampler was not the fault. Four things in the console were:
+
+1. ✅ **Graphs stepped once a point, not once a tick.** A point is the history window split 300
+   ways — at 5 min that is 1 s — so at 250 or 500 ms the numbers changed two to four times for
+   every move of a graph, and a narrow box (phone, net graph) moved once a *column*, every few
+   seconds. The columns now slide by a fraction of one on every tick (`columnsAt` in
+   `graphcols.ts`), the newest growing in from the right; a finished column still never changes.
+   The per-core strips keep the last 18 ticks rather than stride points.
+2. ✅ **The process table, MHz, CPU watts and every GPU box ran on their own timer** — a
+   `setInterval` on `/api/procs` with an arbitrary phase against the sensor stream, so half the
+   page changed up to a tick after the other half. The table is now read on each sample and the
+   two are committed together: one render per tick for the whole page.
+3. ✅ **GPU clients were walked at most once a second** (`gpuScanEvery`), so per-process GPU% and
+   the engine meters lagged the device's numbers. Walked every sample now.
+4. ✅ **Hidden floors on other live views:** Sensors gallery (1 s), Network live rates (1 s) and
+   speed-test needle (0.4–1 s), Docker live (2 s), ZFS ARC (2 s). All at the rate now.
+
+Not changed: container status sensors are read every 15 s (`docker ps` plus an inspect) and
+filesystem usage every 30 s — slow-moving facts behind an exec or a statfs of every mount.

PLAN.md

@@ -22,6 +22,7 @@ stub tab or a roadmap item.
 | Machines | **A view shows one machine: the one in the switcher.** No hub-side page lists or aggregates what its nodes are doing. To see or change anything on another machine, switch to it. | Mitchell, 2026-09-25, cutting a fleet-wide updates list out of the Docker tab. The switcher is the only place a machine is chosen, so there is exactly one answer to "which machine am I looking at" — a page that quietly reaches across breaks that, and it is never obvious which machine an action would land on. The hub still *proxies* for a node, and hub-only admin (Machines, Users, Settings, Alerts) is unaffected. |
 | Capability, not policy | **A tab offers what the selected machine can do, detected live — never what a rule says should run there.** Where the software is missing but installable, Ham Lab installs it; where it cannot be installed or the hardware lacks it, the tab says so in a sentence and offers what does work. Every action lands on the machine in the switcher. | Mitchell, 2026-10-09, after the Virtualization plan's first draft excluded the Mac mini and `hamtv` on the strength of `hamlet/CLAUDE.md`'s deployment rules: *"I want the option to do it anywhere I want, unless the hardware / software literally doesn't support it. Ham Lab needs to be built in a general-purpose way that can run on any Linux system."* Those rules bind the agent's unasked deployments, not the product. |
 | Ham Lab's data lives in Ham Lab's folder | **Everything a tab manages sits under the machine's data directory (`config.DataDir()`), never at a convenient path elsewhere.** Existing material is imported by copying. The engine's runtime state (`/var/lib/docker`, `/var/lib/incus`) is the engine's; Ham Lab keeps what would rebuild it. | Mitchell, 2026-10-09, when the Virtualization plan pointed its ISO library at `/tank/software/isos/`: *"ALL data needs to be under a HamLab folder, because it manages its own data."* The same reason `core`'s compose files moved under `apps/hamlab/stacks/` on 2026-10-05. `grid`'s and the Mac's stacks at `~/stacks/<machine>/` were the standing exception; since 2026-10-10 the stacks code offers `<data dir>/stacks` as the default home everywhere and such folders only as discovered extras. |
+| No virtualization | **Ham Lab does not manage VMs or system containers** — no Incus, no QEMU, no passthrough, no VM consoles. It is a lightweight console; Docker is its one container engine. | Mitchell, 2026-10-15: *"Virtualization is out of scope for HamLab. This is supposed to be a lightweight application, and VMs and pass through and stuff is too much."* The tab built 2026-10-09 (Incus, phases 1–2, deployed as v0.1.0-196) was cut from `main` the same day and kept on the **`virtualization` branch** (its last commit is `main` as of `a2674be`, with `VIRTUALIZATION.md` and the vendored spice-html5). Don't rebuild it on `main`. |
 
 ## Layout
 
@@ -313,7 +314,13 @@ something long in one, switch away and back, refresh — it's all still there.
   exposes without root; `intel_gpu_top` shows the same number) or amdgpu's own percent;
   per-process and per-engine shares are DRM fdinfo deltas, the way nvtop reads them. Other
   users' fdinfo needs root, so a daemon running as `core` keeps **one** root child
-  (`hamlab drm-clients`, over a pipe) rather than a sudo a second. The Arc A380 on i915 6.12
+  (`hamlab drm-clients`, over a pipe) rather than a sudo a second. **NVIDIA's proprietary
+  driver (2026-10-23)** has neither a sysfs busy counter nor fdinfo engine totals, and its DRM
+  card reports `DRIVER=nvidia` (not `nvidia-drm`), so until then such a card was not even
+  listed; now it is read through `nvidia-smi` — `--query-gpu` for busy/encoder/decoder, VRAM,
+  SM clock, temperature and power, and `pmon -c 1 -s um` for the per-process table (sm/enc/dec
+  shares, framebuffer MiB) — two ~20–75 ms calls per sample, selected by PCI address, no root.
+  First machine: `link`, the Surface Studio's GTX 965M. The Arc A380 on i915 6.12
   exposes power, energy and fan but **no temperature**, so its box shows none; an integrated
   GPU shows the CPU package temperature marked `*`. Asahi (the Mac mini) has neither a busy
   counter nor fdinfo in 6.19, so it lists the device and says so. No NVIDIA path: nothing here
@@ -676,7 +683,7 @@ something long in one, switch away and back, refresh — it's all still there.
     `render`, so there the daemon's own previews are CPU and the tab says so, naming the GPU
     and the owner, with an **Allow GPU access** button (confirms, then a task writes
     `hamlab.service.d/gpu.conf` adding `render`/`video` as supplementary groups and
-    restarts Ham Lab three seconds later, the shape the Incus install uses for
+    restarts Ham Lab three seconds later, the shape the Incus install used for
     `incus-admin`). Not pressed anywhere yet. Where ffmpeg is missing (the Mac mini, `gate`)
     the note offers **Install ffmpeg with dnf/apk** through the Updates machinery
     (`ffmpeg-free` on Fedora, `ffmpeg` elsewhere); the status re-probes when the task ends.
@@ -771,9 +778,93 @@ something long in one, switch away and back, refresh — it's all still there.
     11.7×, AV1 720p 13×, all on the Arc. `core` and `hamtv` re-encode on the CPU until
     *Allow GPU access* is pressed (libx264 at 9.4× for a 720p→480p clip on `core`); the Mac
     and `gate` need ffmpeg first, which the previews note offers to install.
-  - *Not done, on purpose:* no restart-from-a-seek beyond what is encoded (the encode is
-    faster than watching; a seek far ahead waits), no bit-rate ladder or adaptive
-    switching, no subtitles, no keeping a finished re-encode for next time.
+  - *Not done, on purpose:* no bit-rate ladder or adaptive switching, no subtitles, no
+    keeping a finished re-encode for next time. (Restart-from-a-seek was left out here at
+    first; it came 2026-10-20, the next entry.)
+- **Seek anywhere in a re-encode** — **2026-10-20**. Asked for as "there's no way to seek in
+  the video and have the service just start transcoding from that point onward".
+  - **The playlist is the whole film, up front:** a VOD playlist on a fixed 4 s grid
+    (`segCount`, the last 0.3 s left out so sound running past the picture never lists a
+    segment no frame starts), so the seek bar is the film's from the first frame.
+  - **A segment not on disk** is waited for when the run going now will write it within 3
+    segments; otherwise it is a seek: that run is ended and one starts at the segment asked
+    for. A run stops half a frame short of the next segment already on disk, never over it.
+    When a run ends by itself the next gap is filled, wrapping round, until every segment is
+    there. The newest request moves the run; an older one still waiting never moves it back.
+    A run we end closes its half-done segment short on the way out, so whatever it finished
+    after being asked to stop is deleted.
+  - **Runs are interchangeable** because every one, the first included, is made the same way
+    (`segArgs`): accurate `-ss` to the segment, timestamps put back with
+    `-output_ts_offset start+10` (the +10 keeps every run clear of the muxer's shift for the
+    B-frame delay, which a run from the top would otherwise get and a seek wouldn't), kept
+    absolute in each fragment (`movflags=+frag_discont`), `-start_number`. Tested on MKV
+    and on MPEG-TS with a 2.8 s start time (where `-copyts` was a second out): the init
+    segments come out byte-identical, and a seeked run's segments join a from-the-top run's
+    within a frame. Only the first run's init is served; a later run writes `init-run.mp4`
+    and the log notes if it ever differs.
+  - Repackaged ("copy") streams keep the growing event playlist: the source's keyframes
+    don't sit on a grid, and repackaging is near-instant anyway.
+  - A segment waits at most 45 s, under the hub proxy's 60 s for a node to answer; hls.js
+    is told a segment's first byte may take 50 s. The bar reads "7.3× from 12:00 · 43%
+    ready — seek anywhere".
+  - Tested (`TestSeekRestartsTheEncode`): a 64 s 1080p clip, a request for segment 12 right
+    after the start runs from 48 s, the gap is filled, all 16 segments joined behind the one
+    init decode with no hole.
+- **The player is Ham Share's; a Transcode device setting** — **2026-10-23** (v0.1.0-226,
+  `internal/media/{encode,play}.go`, `internal/api/play.go`, `Player.tsx`, `vr.ts`,
+  `Settings.tsx`). Asked for as "redo the HamLab one with the one you sent … a 'Transcode
+  Device' setting … the A380 on Grid selected … other options being the other transcode
+  devices like the iGPUs on the various CPUs that have HamLab installed". **Replaces** the
+  previous two entries' design: no codec/size picker, no single-quality re-encode, no
+  repackaging; the old streamer (`hls.go`) is gone.
+  - **YouTube's way:** Auto (hls.js reads the connection), any quality by hand, or Original
+    (the file as it is, `/api/files/read`, falling back to Auto when the browser can't). A
+    ladder by size (`Ladder`): flat 2160p/1440p/1080p/720p/480p by the short side, plus the
+    file's own size on top when it sits between steps (a 2292×960 capture gets 960p); 360
+    files by width, named as YouTube does (2160s 3840 … 720s). 720 and down at ≤30 fps.
+    H.264 High + AAC only.
+  - **Pieces made when asked for**, 3 s MPEG-TS, every quality's playlist written whole up
+    front. One ffmpeg per play: it starts at the piece asked, runs ahead, and is paused
+    (SIGSTOP; a root run through `run-ffmpeg`, which now reads `stop`/`cont` on stdin) 10
+    pieces ahead; a piece more than 3 past what's made, or at another quality, starts a new
+    run there. Keyframes only on the 3 s marks and every run's times offset alike
+    (`-output_ts_offset start+10`), so pieces from any run and quality join (`TestPieces`
+    checks it; `SRC=… DEVICE=… go test ./internal/media -run Pieces` on a machine with a GPU).
+    At most 3 runs a machine, the one asked of least lately ended for a fourth; 2 GiB of
+    pieces a play; forgotten after 30 min.
+  - **hls.js is patched** (`PatientAbr`): the wait for a piece being made isn't counted
+    against the connection, and a piece isn't abandoned before its first byte. Without it
+    Auto dropped to the bottom after every seek.
+  - **Transcode device** (Settings, hub-side, `store.Transcode`): every machine's devices
+    asked live (`GET /api/files/play-devices` on each), unusable ones greyed with the reason
+    (hamtv's UHD 600: the render permission; mac and gate: no ffmpeg). Set to **grid's Arc
+    A380**. "The machine the file is on" is the other choice. `POST /api/play` on the hub
+    opens the play where the setting says; **a machine transcoding another's file reads it
+    through the hub** at `/api/play-src/<token>` — a random token good for that one file, 12
+    h from its last use, ranges passed through to the file's machine (ffmpeg reconnects).
+    If that machine fails, the file's own makes it and the player says so.
+  - Recipes per device: same-card decode first, then CPU decode + upload, then libx264 as
+    the fallback whatever was asked. A card without `vainfo` (core) is tried anyway: core's
+    UHD encodes. **Rotation:** the card path turns a phone's picture itself
+    (`transpose_vaapi`, `-noautorotate`; ffmpeg's autorotate never applied to VAAPI frames,
+    so iPhone clips came out sideways). **HLG** is shown as it is (tonemap_vaapi refuses it);
+    HDR10 is tone-mapped on the card, else zscale/hable before the upload.
+  - 360 files: the look-around view, zoom 8°–300° (ordinary lens into stereographic, the
+    "little planet"), drag/pinch/wheel, phone motion. Full screen is the element's, or the
+    whole window on an iPhone.
+  - **Video previews follow the setting too** (same day, asked for as "it should use the
+    same video generation device"). On the device's own machine the hub says which device
+    by header (`X-Hamlab-Device`); for a file elsewhere the hub asks the file's machine's
+    cache first (`?cached=1`), else has the device's machine make it from the hub's one-file
+    URL (`POST /api/files/thumb-from`) and keeps it in the file's machine's cache (`PUT
+    /api/files/thumb`, refused if the file changed since its listing), so each is made once.
+    A failure is kept as a failure. Unreachable → made where the file is, as before. Images
+    and audio covers stay on the file's machine's CPU (a JPEG is cheaper there than a GPU
+    round trip). Measured: a `hamtv` video previewed on grid's A380 in 0.22 s, then 2 ms
+    from hamtv's cache. The previews button's tooltip names the device.
+  - Measured (`web/scripts/e2e-player.mjs`, Chromium): an iPhone HLG clip on `core` made on
+    grid's A380 — 3.2 s to play, a seek 1.0 s, a quality change 1.5 s; the 8K 360 Disney day on
+    grid — 3.1 s, 2160s on Auto, a seek 4.9 s (10 s source keyframes).
 - **Files edge sweep** — **2026-10-11** (v0.1.0-214), asked for as "a full bug sweep of
   the Files section, every example and edge case". Every handler and both UI files read
   through with odd inputs in mind, then a battery of ~60 requests against the live hub
@@ -986,14 +1077,7 @@ what it has moved.
     §3 has the audit it came from. Deployed as v0.1.0-191 and checked on all five machines
     through the hub.
 
-- **A Virtualization tab** — asked for 2026-09-23; **scoped, built and deployed 2026-10-09 — see
-  `VIRTUALIZATION.md`** for what shipped (phases 1 and 2) and what is left. Incus 6.0 LTS as the engine; the tab detects per machine whether Incus is
-  running, installable, or unavailable, and whether KVM is there, and acts on the machine in
-  the switcher — never a default host. Containers and VMs in one list, console/shell through
-  the terminal machinery, snapshots, exports, and the old Proxmox estate on `tank` as a later
-  import. That file has the probe of every host, the per-machine layout Ham Lab computes
-  (pool driver, a bridge subnet that avoids the LAN's /8 and Docker's pools, the Docker
-  `FORWARD` fix) and the phased build.
+- ~~**A Virtualization tab**~~ — built 2026-10-09, **cut 2026-10-15**: out of scope (see Decisions). The code, its plan and its tests are on the `virtualization` branch.
 
 
 ## Open questions

PORTABILITY.md

@@ -5,6 +5,9 @@ every place the code, defaults, docs or UI assume Mitchell's hosts, network, har
 distro, init system, orchestrator history or posture. **Nothing here is fixed yet** — this
 is the list to work from. Each item: where, what it assumes, what the general form is.
 
+Virtualization was cut from the app 2026-10-15 (kept on the `virtualization` branch); its
+items — 1.8, 4.2, 5.1, 5.2, 6.14 and the Incus halves of 5.3, 5.7, 6.15, 10.3 — went with it.
+
 Severity key: **A** breaks or misbehaves on an ordinary host · **B** works but is wrong by
 default or phones home to this lab · **C** cosmetic (placeholder text, comments, docs).
 
@@ -21,7 +24,6 @@ default or phones home to this lab · **C** cosmetic (placeholder text, comments
 | 1.5 | **C** | `examples/external-demo/index.html:8` `base: 'http://10.0.0.234:8100'` | Demo config names the hub's LAN IP. | `http://<hamlab-host>:8100`. |
 | 1.6 | **C** | `SENSORS.md:149` Prometheus target `10.0.0.234:8100`; `:187` `&machine=grid`; `:196-208` Glance examples at `hamlab.bigham.dev`, `zfs.tank.used_pct`, `/api/nodes/grid/...`; `:218-220` `grid,wyse`, `{"core":…,"grid":…,"mac":…}` | Docs use real host names, pool and domain. | Generic placeholders (`<host>`, `<machine>`, `<pool>`). |
 | 1.7 | **C** | `PLAN.md:3-4` "bare-metal Debian 13 host. First target: `core` (10.0.0.234)"; decisions table rows (Listen `10.0.0.234:8100`, Data `/home/core/apps/hamlab/`, Ingress NPM/`hamlab.bigham.dev`, Repo) | Product plan is written as this lab's plan. | Keep as history, or split lab facts out to `hamlet`. The repo is public. |
-| 1.8 | **C** | `VIRTUALIZATION.md:339-353` per-machine probe table; `:412, 425-436` `~/apps/hamlab`, `/tank/...`, boot NVMe free space | Plan is written against the five lab hosts. | Same as 1.7. |
 | 1.9 | **C** | `BUGS.md` throughout | Bug bashes narrate `core`, `grid`, `wyse`, `hamtv`, `gate`, the Mac. | History; fine to leave, but it is public. |
 | 1.10 | **C** | `cmd/hamlab/main.go:1` "Proxmox-style web console for a bare-metal Debian host"; `internal/hardware/hardware.go:5` "what Debian and its kin already have"; `internal/hardware/hardware.go:29` `// "GMKtec NucBox G3"`; `internal/metrics/metrics.go:1358` "did, on grid, 2026-10-02"; `internal/api/server.go:1382-1383` `["grid", …]`, `?machines=grid,wyse`; `internal/api/stacks.go:10` `/home/core/apps/dockhand/stacks/…`; `internal/api/dockersched.go:5` "unbound, nginx and pihole"; `internal/api/zfs.go:5` "grid already runs zfSnap"; `internal/storage/snapshots.go:6` "grid has run zfSnap v1.11.1"; `internal/api/guests.go:8` "Mitchell, 2026-09-27"; `internal/network/network.go:306` "the public address here is a DHCP lease"; `internal/metrics/gpu.go:17` "Asahi, today"; `internal/metrics/pciids.go:4-6` "the router's GPU"; `web/src/Top.tsx:522, 576`; `web/src/hashsel.ts:1-9`; `web/src/Embed.tsx:3` `&machine=grid` | Comments explain decisions by naming lab hosts. | Harmless, but rewrite the ones in package doc comments so a reader of the source doesn't need the lab to understand the code. |
 
@@ -60,7 +62,6 @@ The installer supports systemd, procd and OpenRC (`internal/setup/setup.go:217-2
 | # | Sev | Where | Assumes | General form |
 |---|---|---|---|---|
 | 4.1 | **A** | `internal/updates/updates.go:537-543` `Power()` | `systemctl reboot` / `systemctl poweroff`. On OpenWrt (`gate`) and OpenRC the Power dialog fails. | Try `systemctl`, else `reboot` / `poweroff` (busybox, OpenRC, sysvinit all have them). |
-| 4.2 | **A** | `internal/incus/incus.go:1017, 1044-1058, 1069, 1075` | The Incus install script writes `/etc/systemd/system/*` drop-ins and units, adds `SupplementaryGroups` to `hamlab.service`, restarts with `systemd-run`. On OpenRC/procd the daemon never joins `incus-admin` → the tab stays in "repair" forever; the Docker FORWARD fix is never persisted. `HamlabUnit = "hamlab.service"` (`:35`) is surfaced in the API (`:280`). | Branch on the detected init: OpenRC `rc-update`/`conf.d`, procd init script edits, or fall back to `usermod` + a daemon restart via the installer's own supervisor knowledge. Docker rules via a boot hook that is not a unit. |
 | 4.3 | **A** | `internal/services/services.go:163-170` | Services tab is systemd-only ("says so cleanly"). `gate` (procd) and any OpenRC/runit/s6 box have no Services tab. | `rc-service`/`rc-status` (OpenRC), `/etc/init.d/<x> status` + `ubus call service list` (procd), `sv` (runit) backends. Noted as "not done" in `PLAN.md:487-489`. |
 | 4.4 | **A** | `internal/cron/cron.go:353-373, 401, 442, 532-534, 669-670` | Jobs tab reads `/etc/crontab`, `/etc/cron.d`, `/var/spool/cron{,/crontabs}` (Debian/cronie), `/usr/sbin/anacron`, last-runs from **journald**, timers via `systemctl`; writes only `/etc/crontab` and `/etc/cron.d`. Busybox crond (OpenWrt, Alpine) keeps crontabs in `/etc/crontabs/<user>` and has no `cron.d` → the Jobs tab is empty on `gate` and schedules written by 4.5 never run. | Add `/etc/crontabs/*` as a source; last-runs from syslog/logread when there is no journal. |
 | 4.5 | **A** | `internal/storage/snapshots.go:402` `/etc/cron.d/hamlab-zfs`; `internal/api/dockersched.go:65` `/etc/cron.d/hamlab-docker` | ZFS snapshot and image-update schedules are cron.d files. No cron.d on busybox crond; no cron at all on a systemd-timer-only host (Fedora Server, CoreOS). | Detect: cron.d → cron.d; busybox → a line in `/etc/crontabs/<user>`; none but systemd → a timer unit. The daemon-side runner already exists (`hamlab zfs-snapshot`, `docker-update`). |
@@ -74,13 +75,11 @@ The installer supports systemd, procd and OpenRC (`internal/setup/setup.go:217-2
 
 | # | Sev | Where | Assumes | General form |
 |---|---|---|---|---|
-| 5.1 | **B** | `internal/incus/incus.go:213-250, 351-352` | Incus can be installed with apt, dnf, pacman, apk. **zypper is missing** (the Updates tab supports it), so an openSUSE host reads "No package manager Ham Lab knows how to drive". `opkg` is known only to say "not packaged for OpenWrt". | Add zypper; phrase the opkg case as "not packaged for this distribution". |
-| 5.2 | **B** | `internal/incus/incus.go:973-978` | dnf branch adds `qemu-system-x86-core`/`edk2-ovmf` or `qemu-system-aarch64-core`/`edk2-aarch64`; other arches (riscv64, ppc64le, which `IncusArch()` maps) get no QEMU. pacman and apk branches assume their package names never change. | Table per PM × arch, or let `incus` pull its own deps where the distro does that (Debian does). |
-| 5.3 | **B** | `internal/incus/incus.go:958, 970` `DEBIAN_FRONTEND`, `apt-get … -o Dpkg::Options::=--force-confold`; `internal/updates/updates.go:78, 432` | Debian-isms exported unconditionally. Harmless elsewhere. | Fine; note only. |
+| 5.3 | **B** | `DEBIAN_FRONTEND`, `apt-get … -o Dpkg::Options::=--force-confold` in `internal/updates/updates.go:78, 432` | Debian-isms exported unconditionally. Harmless elsewhere. | Fine; note only. |
 | 5.4 | **B** | `scripts/pci-ids-gpu.sh:7, 41` default `/usr/share/misc/pci.ids` | Debian's path for `pci.ids`; Fedora/Arch keep it in `/usr/share/hwdata/`. Build-time only. | Try both. |
 | 5.5 | **B** | `internal/api/status_sensors.go:283`, `internal/api/docker.go:133` | Container memory/CPU read from three cgroup paths: cgroup v2 + systemd driver, cgroupfs, libpod. cgroup v1 hosts (older Debian/Ubuntu, some Alpine, OpenWrt) get no `container.*.mem/cpu`. | Add the v1 `memory/docker/<id>` and `cpu,cpuacct` paths, or fall back to `docker stats --no-stream` once in a while. |
 | 5.6 | **B** | `internal/metrics/metrics.go:1064` `clkTck = 100` | USER_HZ assumed 100. True on every mainstream build; wrong on a kernel built otherwise. | `sysconf` via `getconf CLK_TCK` once at start. |
-| 5.7 | **B** | `internal/incus/subnet.go:150-179` `ip -j`; `internal/space/manager.go:578-585` `timeout -s KILL` | iproute2 JSON output (busybox `ip` has no `-j`); GNU `timeout`. | Parse plain `ip route`/`ip addr`; busybox has `timeout` too but flag spelling differs — use the context deadline. |
+| 5.7 | **B** | `internal/space/manager.go:578-585` `timeout -s KILL` | GNU `timeout`. | Busybox has `timeout` too but flag spelling differs — use the context deadline. |
 
 ## 6. Hardware and vendor assumptions
 
@@ -99,8 +98,7 @@ The installer supports systemd, procd and OpenRC (`internal/setup/setup.go:217-2
 | 6.11 | **B** | `internal/vpn/edit.go:5-7, 419-421` | Peers can be **created/edited only through OpenWrt UCI** "because that is where the server here is configured". A wg-quick server (the common case everywhere else) is read-only. | Write wg-quick `.conf` too (append a `[Peer]` block + `wg set`), guarded the same way. |
 | 6.12 | **B** | `internal/vpn/vpn.go:251-253` | Peer names come from wg-quick comments or UCI descriptions — "which between them cover every machine here". NetworkManager and systemd-networkd WireGuard configs are not read. | Add `.nmconnection` and `.netdev` readers. |
 | 6.13 | **B** | `internal/vpn/edit.go:515` `profile()` | Split-tunnel routes hard-code `10.0.0.0/8, 192.168.0.0/16, 172.16.0.0/12` on top of the tunnel's own prefix. | Offer the host's actual LAN prefixes (from `TakenPrefixes`-style route reading), with RFC 1918 as the fallback. |
-| 6.14 | **B** | `internal/incus/subnet.go:1-9, 23-34, 55`; `web/src/Virtualization.tsx:133` | Bridge subnet candidates skip **all of 10/8** because "this LAN is 10.0.0.0/8"; order is 172.16.100–254, then 192.168.254–200, then 172.16.1–99; last-resort `172.16.100.0/24`. Works anywhere, but a lab on 172.16/12 gets 192.168.x first and a lab on 192.168/16 never gets its own range. | Read the host's routes (already done) and pick from all three RFC 1918 blocks in a neutral order. |
-| 6.15 | **B** | `internal/network/network.go:170-199, 303-314`; `internal/incus/subnet.go`; `internal/vpn/edit.go:558-595`; `internal/tlsauto/tlsauto.go:533-537`; `install.sh:114-120`; `internal/setup/setup.go:648-666` | **IPv4 everywhere**: default route from `/proc/net/route` only, outside view v4 only, bridge/peer allocation v4 only, cert SANs v4 only, installer lists v4 addresses only. | `/proc/net/ipv6_route`, v6 SANs, v6 peer addresses. An IPv6-only host today has no gateway, no cert SAN and no bridge. |
+| 6.15 | **B** | `internal/network/network.go:170-199, 303-314`; `internal/vpn/edit.go:558-595`; `internal/tlsauto/tlsauto.go:533-537`; `install.sh:114-120`; `internal/setup/setup.go:648-666` | **IPv4 everywhere**: default route from `/proc/net/route` only, outside view v4 only, peer allocation v4 only, cert SANs v4 only, installer lists v4 addresses only. | `/proc/net/ipv6_route`, v6 SANs, v6 peer addresses. An IPv6-only host today has no gateway, and no cert SAN. |
 
 ## 7. Privilege and deployment posture (the lab's NOPASSWD-everywhere model)
 
@@ -134,7 +132,7 @@ The installer supports systemd, procd and OpenRC (`internal/setup/setup.go:217-2
 |---|---|---|---|---|
 | 10.1 | **B** | `Makefile:60-61, 442-443`; `scripts/gitea-release.sh` | Publishing is Gitea/Forgejo-only (release API shape). `selfupdate` also understands a static directory, so publishing could too. | `make release` + any static host is already enough; add a GitHub/Forgejo-agnostic `release-dir` note. |
 | 10.2 | **C** | `scripts/gitea-release.sh:500-515` | Needs `python3` on the publishing host. | `jq`, or do it in Go (`hamlab publish`). |
-| 10.3 | **C** | `Makefile:392` `ARCHES ?= amd64 arm64 arm 386 riscv64` | Fine. `ppc64le`/`s390x` are mapped by `IncusArch()` but never built. | Add or drop them from `IncusArch`. |
+| 10.3 | **C** | `Makefile:392` `ARCHES ?= amd64 arm64 arm 386 riscv64` | Fine. | — |
 
 ## 11. Things that are already general (checked, no change needed)
 
@@ -145,7 +143,6 @@ Listed so the sweep is known to be complete, not because they need work.
 - `internal/storage` block devices: `lsblk -J` with a `/sys/block` fallback, eMMC health, NVMe namespace folding, SMART only when `smartctl` exists.
 - `internal/metrics` CPU/mem/hwmon/thermal/net/disk/fs from `/proc` and `/sys`; remote-FS and pseudo-FS lists; filesystem statfs with a timeout.
 - `internal/hardware`: every reader may come back empty with a note; device-tree fallbacks for non-SMBIOS boards.
-- `internal/incus` detection and the per-machine "ready / repair / installable / unavailable" model (modulo 4.2, 5.1, 5.2).
 - `internal/nodes`, `internal/tlsauto`: hub ↔ node pairing, pinned certs, proxy, push.
 - `internal/sensors`, alerts, widgets, embeds, Prometheus: machine-agnostic by design.
 - `internal/files`, `internal/term`, `internal/tasks`, `internal/auth`, `internal/store`.
@@ -158,7 +155,7 @@ Listed so the sweep is known to be complete, not because they need work.
 ## Suggested order of work
 
 1. **Posture and safety first (A):** 7.2 trusted proxies; 7.1 installer-written scoped sudoers; ~~3.1 drop the `:2375` probe (with 3.2 as its consequence)~~ done 2026-10-10.
-2. **"Any Linux" promises the README already makes (A):** 4.1 power, 4.4/4.5 cron on busybox and timer-only hosts, 4.2 Incus install on non-systemd, 4.3 a Services backend for OpenRC/procd, 2.10 the `tank` regex.
+2. **"Any Linux" promises the README already makes (A):** 4.1 power, 4.4/4.5 cron on busybox and timer-only hosts, 4.3 a Services backend for OpenRC/procd, 2.10 the `tank` regex.
 3. **Lab defaults that phone home or mislead (B):** 1.1–1.3 update/install URLs, 2.9 schedule defaults, 6.9/6.10 speed-test sources and an off switch, 8.1 memory limit, ~~3.3/9.2 stack home = DataDir~~ done 2026-10-10.
-4. **Breadth (B):** 5.1 zypper for Incus, 5.5 cgroup v1, 6.1/6.2 GPUs beyond Intel/AMD, 6.4 UPS order, 6.11/6.12 wg-quick/NetworkManager, 6.15 IPv6.
-5. **Cosmetics (C):** every placeholder and comment in §1.10 and §2, then split lab facts out of `PLAN.md`, `VIRTUALIZATION.md`, `SENSORS.md`, `README.md`.
+4. **Breadth (B):** 5.5 cgroup v1, 6.1/6.2 GPUs beyond Intel/AMD, 6.4 UPS order, 6.11/6.12 wg-quick/NetworkManager, 6.15 IPv6.
+5. **Cosmetics (C):** every placeholder and comment in §1.10 and §2, then split lab facts out of `PLAN.md`, `SENSORS.md`, `README.md`.

VIRTUALIZATION.md

@@ -1,358 +0,0 @@
-# Virtualization tab — plan (2026-10-09; phase 1 built the same day)
-
-**Status:** phases 1 and 2 are **deployed to all five machines as v0.1.0-196**. **No machine
-has Incus installed as of 2026-10-11**: `grid`'s install of 2026-10-09 was removed at
-Mitchell's request so he can install it himself from the tab and ask questions along the way
-(`hamlet/docs/hosts.md` has what was removed and what the two days established). The tab
-shows Install on `grid`, `core`, the Mac mini and `hamtv`, unavailable on `gate`. Both create
-forms carry a **Disk location** picker with add/remove of locations; instance storage as
-plain files on the machine's own disk is what he wants on `grid`. Everything in phase 2 was
-verified live on `grid` before the removal: ISO fetch with checksum, New VM from ISO, the VGA
-console in a real browser (headless Chromium; `binary` subprotocol, one console operation per
-VM with a data websocket per SPICE channel), a virtiofs mount into a running VM, exports and
-their cron line, `instance.*` sensors and the alert default. **Left:** the LAN bridge step
-(his call), cloud-init presets beyond "Use my SSH keys", a backup line for `virt/exports/`.
-
-A tab for creating, watching, consoling into and deleting **LXC containers and KVM virtual
-machines**, the way Proxmox does with `pct` and `qm` — **per machine, like every other
-page.** This is the scoping PLAN.md asked for. Nothing here is built. Live state of the
-hosts stays in `hamlet/docs/hosts.md`.
-
-## The governing rule: capability, not policy
-
-Stated by Mitchell 2026-10-09, after the first draft of this plan excluded hosts on the
-strength of the homelab's deployment rules:
-
-> Anything that's done when a different machine is selected SHOULD GO ON THAT machine. I
-> want the option to do it anywhere I want, unless the hardware / software literally
-> doesn't support it. Ham Lab needs to be built in a general-purpose way that can run on
-> any Linux system. If certain parts / libraries aren't available on that machine, those
-> tabs should just report that.
-
-So:
-
-- **Every action lands on the machine in the switcher.** There is no "VM host", no default
-  machine, no cross-machine placement. `grid` is where he will most likely click first;
-  the tab does not know or care.
-- **The tab is gated by what the machine can do, detected live** — never by a rule about
-  what *should* run there. The `hamlet/CLAUDE.md` do-not-break rules (Mac mini for
-  single-core workloads, `hamtv` not spare hardware) bind the *agent's* unasked
-  deployments. They are not feature gates for the product, and the first draft was wrong
-  to treat them as such.
-- **Ham Lab owns its data, and its data lives in its own folder.** Everything this tab
-  manages — instance storage, ISOs, image tarballs, exports — sits under Ham Lab's data
-  directory on *that* machine (`config.DataDir()`, `~/apps/hamlab` on `core`, `grid` and
-  the Mac), in one `virt/` tree. Never a path elsewhere on the machine, however convenient
-  the existing folder. Stated 2026-10-09 after the first Library draft pointed the ISO shelf
-  at `/tank/software/isos/`: *"ALL data needs to be under a HamLab folder, because it
-  manages its own data."* This is the rule that moved `core`'s compose files under
-  `apps/hamlab/stacks/` on 2026-10-05; `grid`'s and the Mac's stacks, still at
-  `~/stacks/<machine>/`, are the outstanding exception and are not touched by this plan.
-  The engine's own runtime state (`/var/lib/incus`, like `/var/lib/docker`) is the engine's,
-  not Ham Lab's data: Ham Lab keeps what it would need to rebuild it.
-- **Ham Lab installs or reports.** It detects what is missing, offers to install it where it
-  knows how, and where it cannot or the hardware cannot do the job, says so in one sentence
-  and offers what *does* work (containers without KVM, for instance).
-
-## Decision: Incus 6.0 LTS as the engine
-
-| Option | Verdict |
-|---|---|
-| **Incus** (LXD fork, linuxcontainers.org) | **Chosen.** One daemon, one CLI and one JSON API for both containers and VMs. Packaged by Debian 13 (`incus` 6.0.4 LTS — `apt install incus` pulls `qemu-system-x86`, `swtpm`, `virtiofsd`, `incus-agent`, so VMs work out of the box), Fedora (6.23), Arch, Alpine, Ubuntu (Zabbly repo); not by OpenWrt. Storage drivers for ZFS, btrfs, LVM and plain directories, so it fits a machine with or without ZFS. Built-in image server (`images:debian/13`, `images:ubuntu/24.04`, Alpine, Fedora, Arch… as container *or* VM, per architecture), snapshot schedules with expiry, `incus export` backups, per-instance CPU/memory limits, cloud-init, text and VGA console over websocket. Everything is reachable as `incus … --format json` or `incus query`, which is exactly how Ham Lab already drives Docker: `exec.Command`, no new Go dependency, no cgo. |
-| libvirt/KVM + `virsh`, plus LXC separately | Two daemons, two models, XML. libvirt's official Go binding needs cgo, which the static binary rules out (the pure-Go `go-libvirt` exists but then containers are a second project). Rejected. |
-| Proxmox | An OS, not a library. Rejected. |
-
-## What each machine can do today
-
-Probed 2026-10-09 (`/dev/kvm`, cpu flags, kvm modules, RAM, disk, package availability).
-These are **facts the tab will detect at runtime**, not a list of where instances are
-allowed. The last column is what the tab would show the day it ships.
-
-| Machine | Arch | KVM | RAM (free) | Incus from the package manager | Pool driver available | Tab state on first open |
-|---|---|---|---|---|---|---|
-| `grid` | x86-64 | yes — VT-x, `kvm_intel` loaded, nested on | 62 GiB (~25; ARC holds 23 of the rest, max 40) | apt: `incus` 6.0.4 | **zfs** (2.3.9, `tank`) | **Install** — containers and VMs |
-| `core` | x86-64 | yes — N100, `kvm_intel` loaded | 7.5 GiB (~4) | apt: `incus` 6.0.4 | btrfs or dir (ZFS was purged 2026-09-23) | **Install** — containers and VMs; the create form shows free memory so a VM's size is an informed choice |
-| Mac mini | aarch64 | yes — Asahi KVM, 16K pages | 15 GiB (~8) | dnf: `incus` 6.23, `qemu-system-aarch64-core`, `edk2-aarch64` | btrfs or dir | **Install** — containers and VMs, **arm64 images only** (the picker filters by host arch). Whether a stock 4K-page guest kernel boots under the 16K host is untested; `muvm` does exactly that, so it is expected to. |
-| `hamtv` | x86-64 | yes | 3.7 GiB (~2.9) | apt: `incus` 6.0.4 | btrfs or dir | **Install** — containers and small VMs |
-| `gate` | x86-64 | **no** `/dev/kvm` | 8 GiB (~6) | **none** — OpenWrt's opkg has no Incus | — | **Unavailable**: "Incus isn't packaged for OpenWrt, and this kernel has no KVM." Nothing to install. |
-
-Nothing is installed anywhere today: no qemu, libvirt, lxc or incus on any host.
-
-### Detection the tab runs, in order
-
-1. `incus` on `PATH` and its socket answering → **ready**; read pools, networks, instances.
-2. Else: a package manager Ham Lab knows (apt, dnf, pacman, apk) that has an `incus`
-   candidate → **installable**, with the Install dialog pre-filled (below).
-3. Else → **unavailable**, with the reason in one sentence (no package; no root; OpenWrt).
-4. Independently: `/dev/kvm` present and openable → VMs offered. Absent → **containers
-   only**, said once on the page, and the create form has no VM option.
-5. Architecture from `uname -m`, so the image picker only shows images that can run here.
-6. Pool driver: `zfs` if the module and tools are present, else `btrfs` (installing
-   `btrfs-progs` as part of Install), else `dir`. The dialog says which it picked and why.
-
-## What the tab does (v1)
-
-Mirrors the Docker tab's shape: a list, a detail page, actions that are followed tasks,
-destructive ones confirmed by typing the name.
-
-- **Install** — one task that runs *on the selected machine*: install the package(s),
-  `incus admin init --preseed` with the layout from the dialog, create the pool and bridge,
-  add Ham Lab's user to `incus-admin` (socket access, the `docker`-group shape) and add it
-  to the unit's `SupplementaryGroups`, apply the Docker fix where Docker is present (below),
-  then restart Ham Lab. Idempotent, so it doubles as "repair". The dialog shows and lets him
-  edit: pool driver (detected), pool size (proposed from free space), bridge subnet
-  (computed), whether to apply the Docker rules. Where it all goes is not a choice: Ham
-  Lab's folder.
-- **Instances** — containers and VMs in one list: type, state, IPv4, CPU and memory live,
-  disk, snapshot count, uptime. Click for detail.
-- **Create** — container or VM (VM only where KVM is); image from the `images:` remote,
-  filtered to this architecture, searchable, with the common ones pinned (Debian 13, Ubuntu
-  24.04, Alpine, Fedora); name, CPUs, memory (with this machine's free memory beside it),
-  root disk size; network (the NAT bridge, or a LAN bridge if this machine has one);
-  optional cloud-init user-data (SSH key, packages, a first command); profile. Create, or
-  create and start. Collisions (name taken) named before Create.
-- **Lifecycle** — start, stop, restart, force stop, rename, delete (type the name; the
-  instance's snapshots go with it, and the dialog says so).
-- **Console** — two buttons, both open as tabs in the Terminal page through the existing PTY
-  manager (`term.CreateCmd`, the `docker exec` path): **Console** (`incus console`, the
-  serial console — works before the network is up, shows boot output) and **Shell**
-  (`incus exec <n> -- login shell`). Containers and, via `incus-agent`, VMs.
-- **Snapshots** — take, restore (confirmed), delete; a **schedule** per instance with an
-  expiry, which is Incus's own `snapshots.schedule`/`snapshots.expiry`, so no cron file of
-  ours this time.
-- **Resources** — edit CPU and memory limits (live for containers; VMs take CPU hotplug and
-  memory balloon live with the agent, else on restart), grow the root disk, add a bind mount
-  (a host path into a container; virtiofs into a VM).
-- **Library** — ISOs for VMs and images (container templates and VM images). Its own
-  section below.
-- **Storage and networks** — the pools with their fill, the bridges with their subnets.
-  Read-only in v1 beyond what Create and Install need.
-- **Sensors** — `instance.<name>.cpu`, `.memory`, `.running` from Incus's state, like the
-  `container.*` sensors, so Alerts gets an "instance down" default and widgets can show one.
-
-## Where the data lives
-
-One tree per machine, under Ham Lab's data directory, created by Install:
-
-```
-~/apps/hamlab/virt/
-  pool.img          the instance pool's backing file (zfs or btrfs loop; a plain directory
-                    pool/ when the driver is dir) — every instance's disks live in here
-  isos/             the ISO library: the files themselves
-  images/           the image library: template tarballs and VM disk images as files, the
-                    way Proxmox keeps CT templates — Incus's image store is loaded from here
-  exports/          nightly `incus export` tarballs, with retention
-  virt.json         what Ham Lab chose and when: driver, pool size, bridge subnet, ISO and
-                    image inventory, export schedule
-```
-
-Consequences, stated once:
-
-- The tree is on whatever disk holds Ham Lab's data directory — the boot NVMe on all three.
-  Install proposes the pool size from that disk's free space. On `grid` that disk has
-  790 GiB free; on `core`, 175 GiB.
-- Bulk data a guest needs is **bind-mounted in from where it already is** (`/tank/…` into an
-  instance on `grid`), the same split Docker has: the instance is Ham Lab's, the media is
-  not. That is a device on the instance, recorded in its config, not a second home.
-- On `core` the whole tree rides the existing nightly rsync to `grid` for free. On `grid`
-  and the Mac it is as backed up as the rest of their Ham Lab folders — which is to say the
-  exports are the backup, and the backup job will need to be told about them in phase 2.
-- Existing material elsewhere — the 105 GiB of ISOs at `/tank/software/isos/`, the Proxmox
-  archives — is **imported into the tree by copying**, file by file, on request. The
-  library never indexes a folder it does not own.
-
-## Library: ISOs and images (asked for 2026-10-09)
-
-Proxmox has a storage view with **ISO Images** and **CT Templates**. Incus has the same two
-things under other names, and the tab gives them one home, a **Library** sub-tab, per machine
-like everything else.
-
-| Proxmox calls it | Incus calls it | What it is here |
-|---|---|---|
-| ISO Images | an ISO file attached to a VM as a `disk` device (added as a ROM device; VMs only), or a custom storage volume of type `iso` | **`virt/isos/` in Ham Lab's folder**, attached by path — no copy into the pool |
-| CT Templates | **images** — the `images:` remote (linuxcontainers.org), the local image store, anything imported or published | **`virt/images/` in Ham Lab's folder** — tarballs and disk images as files, loaded into Incus from there; the remote is the catalogue to pull from |
-
-### ISOs
-
-- **The ISO library is `virt/isos/` in Ham Lab's folder**, on every machine, full stop. The
-  105 GiB at `/tank/software/isos/` on `grid` (`linux/`, `windows/`, `truenas/`,
-  `virtio_drivers/`…) is a *source* to import from — pick the ones wanted, Ham Lab copies them
-  in — not the library itself.
-- **Getting an ISO in:** upload from the browser (the Files tab's `PUT /api/files/upload`
-  with its progress bar, reused), **download from a URL** as a followed task with an optional
-  checksum (the usual way — an ISO starts as a link), or **import from a path** already on the
-  machine — which **copies** the file into `virt/isos/` and says so. Rename, delete (refused while a VM has it attached, naming the VM).
-- **Using one:** attach to / detach from a VM as a ROM device by path, with `boot.priority`
-  set so it boots first; **New VM from ISO** makes an empty VM (`incus init --empty --vm`)
-  with the ISO attached, starts it and opens the console. After install, Detach is one click
-  and boot order falls back to the disk.
-- **Honest limit:** an ISO install is an interactive graphical installer, so it needs the
-  **VGA console in the browser** (`spice-html5` over Incus's VGA console websocket).
-  Installers that run on a serial console (Debian with `console=ttyS0`, Alpine, Arch) work
-  through the text console before that exists. Windows needs the virtio drivers ISO attached
-  as a second ROM device as well — Incus's documented path is `distrobuilder repack-windows`
-  to bake them in; the drivers are already in `virtio_drivers/` on `tank`. So **the ISO shelf
-  and the VGA console ship together, in phase 2**, moved up from phase 3.
-- ISO *volumes* (`incus storage volume import <pool> <iso> <name> --type=iso`) are the
-  alternative: read-only, attachable to several VMs at once, but they copy the file into the
-  pool. Not used here — a file in `virt/isos/` is already Ham Lab's, and a volume would copy it
-  a second time into the pool. Offered as an option only if a need shows up.
-
-### Images (container templates and VM images)
-
-- **The catalogue:** browse `images:` filtered to this machine's architecture, by type
-  (container / VM), with the common ones pinned. **Download** copies one into the local
-  store (`incus image copy images:debian/13 local: --alias debian-13`) so a later Create is
-  instant and works without the internet. Images used by Create are cached by Incus anyway;
-  this is just the explicit version, Proxmox's "Templates → Download".
-- **The local store:** every image here with alias, type, arch, size, origin (remote,
-  published, imported), when it was last used, and **which instances were made from it**
-  (Incus records the base image on each instance). Alias, delete (refused while an
-  instance's base — Incus knows), "New instance from this image".
-- **Import:** a unified tarball or metadata + rootfs pair (a container template from
-  anywhere, including the phase-3 Proxmox conversions), or a **qcow2 / raw disk with
-  metadata Ham Lab writes** for a VM image — Home Assistant OS, OPNsense, a vendor cloud
-  image — by upload, URL, or a path on the machine. Same three ways in as ISOs.
-- **Publish:** a stopped instance becomes an image with an alias — Proxmox's "convert to
-  template", the one thing the Images section of v1 always had.
-- **Where they live:** as files in `virt/images/` — the downloaded or imported tarball, the
-  published image exported to one (`incus image export`) — so the library is complete without
-  Incus and can be reloaded into a fresh install. Incus's own image store under
-  `/var/lib/incus/images/` is a cache derived from it, and the page says so.
-
-## Not in v1, with reasons
-
-| Thing | Why not yet |
-|---|---|
-| **VGA console in the browser** | Incus hands the VM's SPICE socket over a websocket; drawing it needs `spice-html5` in the UI. Doable (the Incus UI does it); text console + shell cover every Linux guest until then. **Phase 2, with the ISO shelf** — an ISO install is useless without it. |
-| **Windows VMs** | Incus runs them (ISO repacked with virtio drivers by `distrobuilder`), but without a VGA console in the browser they are unusable from the tab. After the above. |
-| **GPU passthrough to a VM** | Removes the card from the host and from whatever uses it there (Jellyfin on `grid`). Offered only with that warning, later. Sharing a GPU into a *container* (`gpu` device) leaves the host its card and is how `r720-jellyfin` used to run. Phase 3. |
-| **Clustering / live migration** | Incus clusters, but these machines differ in size and one is arm64, with no shared storage. Not planned. |
-| **A fleet-wide instance list** | One machine per view. The switcher is the machine. |
-| **A second engine (bare LXC on OpenWrt, libvirt-only hosts)** | Would double the backend for one router that has no KVM. The tab reports Incus unavailable there and stops. |
-
-## Layout decisions Ham Lab makes per machine (overridable in the Install dialog)
-
-1. **Storage — revised 2026-10-11.** The create forms carry a **Disk location** picker: a
-   list of the machine's Incus storage pools, each described by where its bytes land, with
-   "+ add a location" (any folder on the machine becomes a plain-files pool). On `grid` the
-   one location is `local`: plain files under `virt/pool/` on the root NVMe, each VM's disk
-   its own sparse file sized on its own, each container a directory, nothing pre-sized.
-   *The first design* (a ZFS pool inside one sparse file, handed to Incus as the pool's
-   source, for instant snapshots and clones) was built, ran for two days, and was taken out
-   at Mitchell's instruction: one pre-sized file holding every disk is an opaque middle
-   layer with a number on it that reads as a reservation, and "zfs · hamlab-virt" on the page
-   read as the NAS pool. The Install dialog still offers zfs/btrfs-in-a-file for a machine
-   that wants instant snapshots; the labels now say exactly what each is. Bulk data is still
-   **bind-mounted in**, not stored in the pool.
-2. **Bridge subnet, computed.** Incus's `auto` picks a random `10.x.y.0/24`, and **this
-   LAN is `10.0.0.0/8`** — every host has a /8 on its NIC, so any 10.x bridge collides.
-   Ham Lab reads the machine's routes and picks the first free /24 from `192.168.0.0/16`,
-   then `172.16.0.0/12`, that is neither on-link nor routed nor inside Docker's configured
-   pool (`172.28.0.0/14` on `grid`; `172.19`–`172.29` and `192.168.80`–`143` live on
-   `core`). Instances get `name.incus` DNS from Incus's dnsmasq.
-3. **LAN addresses are a later, explicit step.** A `br0` on the machine's uplink lets an
-   instance take a lease from `gate` and a Pi-hole name, but it rewrites the host's network
-   config and drops it off the network for seconds — never part of Install, always its own
-   confirmed action (with the NanoKVM standing by on `grid`). macvlan was considered and
-   rejected: no host change, but host and guests cannot talk, so nothing on the host could
-   reach an instance.
-4. **Docker and Incus on one host.** Docker sets the `FORWARD` policy to `DROP`, which
-   silently kills the Incus bridge's traffic. Fix is two `DOCKER-USER` accept rules for the
-   bridge, persisted — applied by Install wherever Docker is detected (`grid`, `core`, the
-   Mac, `hamtv` all run it).
-5. **Memory.** A VM's memory is a hard reservation; the create form shows the machine's
-   free memory and warns past it, and never refuses. On a ZFS host Install offers to cap
-   the ARC (on `grid`, 40 GiB → 16 GiB) so guest RAM is deterministic; his choice.
-6. **Privilege.** Ham Lab's user joins `incus-admin`; no sudo in the hot path. Install
-   itself goes through `priv` like the other installers.
-7. **Backups.** Nightly `incus export --instance-only` of every instance to `virt/exports/`
-   with a retention, as a cron line like the ZFS schedules (`hamlab incus-export`), from
-   phase 2. On `core` that folder is inside the nightly rsync already; on `grid` and the Mac
-   the backup job gets a line for it in phase 2.
-
-## The old Proxmox estate (importable, phase 3)
-
-`/tank/backups/proxmox/` holds the retired `r720` node: `/etc/pve` (12 LXC confs, 2 VM
-confs), 118 GiB of `vzdump` archives, and three raw VM disks. Latest of each:
-
-| ID | Name | Latest archive | Size |
-|---|---|---|---|
-| 100 | r720-docker | 2026-01-11 | 20.7 GB |
-| 101 | r720-cockpit | 2026-01-11 | 439 MB |
-| 102 | r720-wordpress-alexblaskovich | 2026-01-11 | 1.2 GB |
-| 103 | r720-spoonterm | 2025-06-14 | 494 MB |
-| 104 | r720-ollama | 2026-01-11 | 11.3 GB |
-| 105 | r720-transmission | 2026-01-11 | 322 MB |
-| 106 | r720-apache | 2026-01-11 | 347 MB |
-| 107 | r720-nut | 2025-03-29 | 205 MB |
-| 108 | r720-filebrowser | 2026-01-11 | 262 MB |
-| 109 | r720-bookstack | 2025-04-27 | 516 MB |
-| 110 | r720-jellyfin | 2026-01-11 | 2.2 GB |
-| 111 | r720-wireguard | 2025-04-13 | 510 MB |
-| 112 | r720-eggwiki | 2026-01-11 | 634 MB |
-| VMs | steam (102), powerpanel (105/107/112) | `.vma.zst` 2024–2025; raw disks `vm-105`, `vm-112`, `base-104` | 19 GB, 1.9 GB ×6, 97 GiB |
-
-- **LXC:** feasible and scriptable. Unpack the rootfs (`tar --zstd -xpf … --numeric-owner`),
-  read `etc/vzdump/pct.conf` for arch/ostype, drop it, write `metadata.yaml`, pack, `incus
-  image import`, launch. Unprivileged uid shifting is Incus's job after that. The result is
-  an image in the Library, so a restored container is launched from there like any other
-  template. An import action in the tab (pick an archive on this machine) is plausible once
-  the script works by hand. x86-64 archives only run on x86-64 machines; the picker says so.
-- **VMs:** the raw disks import directly (`incus-migrate`, or an empty VM with the disk
-  imported into its root volume). The `.vma.zst` archives need Proxmox's `vma` extractor (or
-  the Python port) to become raw disks first. Most of these are the same `powerpanel` box
-  backed up six times, and `tank-space-audit.md` already has them down for deletion — decide
-  which, if any, are wanted before anything is restored.
-
-## Build plan
-
-| Phase | What | Effort |
-|---|---|---|
-| **1 — detection, Install, the tab** | `internal/incus` (detection, CLI wrapper, JSON types, `incus monitor` for live state, the preseed builder and subnet picker), `internal/api/virt.go` (routes below), `Virtualization.tsx` (the three page states; list, detail, create dialog, snapshot panel), rail entry `virt`, terminal integration, sensors, and the Library's **Images** shelf (browse and download from `images:`, local store, import, publish). **Tested by clicking Install on `grid` first, then `core`** — two different pool drivers, both with Docker present. Then the Mac for the arm64 path. `gate` for the unavailable state. | 2–3 sessions |
-| **2 — operations (done 2026-10-09, except the LAN bridge)** | The Library's **ISO** shelf (directory, upload/URL/path, attach, New VM from ISO) **with the VGA console** (`spice-html5`), snapshot schedules UI, nightly exports with retention and the per-machine export directory, limits editor, bind mounts, the LAN-bridge step, instance alert default, cloud-init presets. | 1–2 sessions |
-| **3 — the rest** | Proxmox import (archives become Library images), GPU device for containers, Windows via `distrobuilder repack-windows`, GPU passthrough to a VM with its warning. | as wanted |
-
-### API sketch
-
-```
-GET    /api/virt                               {state: ready|installable|unavailable, reason, kvm, arch,
-                                                pool_drivers[], pools[], networks[], instances[], free_memory}
-POST   /api/virt/install                       {driver, size, path, subnet, docker_rules, arc_max?}  task
-GET    /api/virt/images?remote=images&q=       local cache + remote search, filtered to this arch
-DELETE /api/virt/images/{fingerprint}
-POST   /api/virt/instances                     {name, type, image, cpu, memory, disk, network, cloudinit, profile, start}  task
-GET    /api/virt/instances/{name}              config, state, devices, snapshots
-PATCH  /api/virt/instances/{name}              limits, description, devices
-POST   /api/virt/instances/{name}/{start|stop|restart|kill|delete|rename|publish|export}
-POST   /api/virt/instances/{name}/console      → terminal {id}   (incus console)
-POST   /api/virt/instances/{name}/exec         → terminal {id}   (incus exec -- sh -lc …)
-POST   /api/virt/instances/{name}/snapshots    {name}; POST …/{snap}/restore; DELETE …/{snap}
-PUT    /api/virt/instances/{name}/schedule     {cron, expiry}
-POST   /api/virt/import                        {path}  task (export tarball, or phase-3 Proxmox archive)
-
-GET    /api/virt/isos                          virt/isos/, scanned: name, size, attached-to
-POST   /api/virt/isos/import                   {path}  task: copy a file on this machine into virt/isos/
-POST   /api/virt/isos/fetch                    {url, sha256?}  task;  uploads reuse PUT /api/files/upload
-DELETE /api/virt/isos/{name}                   refused while attached
-POST   /api/virt/instances/{name}/iso          {iso, boot_first}  attach;  DELETE …/iso  detach
-POST   /api/virt/instances/from-iso            {name, iso, cpu, memory, disk, network}  task → console
-GET    /api/virt/images/remote?q=&type=        the `images:` catalogue for this arch
-POST   /api/virt/images/download               {alias}  task (incus image copy images:… local:)
-POST   /api/virt/images/import                 {path | url, alias, type}  task: copy into virt/images/, then load into Incus
-GET    /api/virt/instances/{name}/vga          websocket: Incus VGA console → spice-html5  (phase 2)
-```
-
-Everything is per machine and reaches a node through the existing `/api/nodes/{name}/…`
-proxy with no hub-side code; consoles attach over the existing `/api/terminals/{id}/attach`.
-Tasks stream through `/api/tasks/{id}/stream` as Docker's do.
-
-## Sources
-
-- Incus on Debian: https://wiki.debian.org/Incus
-- Incus and Docker on one host (the `FORWARD` drop): https://linuxcontainers.org/incus/docs/main/howto/network_bridge_firewalld/
-- Bridge options and `ipv4.address: auto`: https://linuxcontainers.org/incus/docs/main/reference/network_bridge/
-- Consoles (text and VGA): https://linuxcontainers.org/incus/docs/main/howto/instances_console/
-- ZFS storage driver: https://linuxcontainers.org/incus/docs/main/reference/storage_zfs/
-- macvlan's host-isolation: https://linuxcontainers.org/incus/docs/main/reference/network_macvlan/
-- Image format for the Proxmox import: https://linuxcontainers.org/incus/docs/main/reference/image_format/

cmd/hamlab/main.go

@@ -30,7 +30,6 @@ import (
 	"hamlab/internal/config"
 	"hamlab/internal/cron"
 	"hamlab/internal/files"
-	"hamlab/internal/incus"
 	"hamlab/internal/media"
 	"hamlab/internal/metrics"
 	"hamlab/internal/nodes"
@@ -64,7 +63,6 @@ func main() {
   passwd [user]        set a user's password (makes the account if it is new; reads stdin when piped)
   users                list the accounts
   zfs-snapshot <id>    run one ZFS snapshot schedule (what its cron line calls)
-  virt-export [name…]  export Incus instances to the library (what its cron line calls)
   docker-update <id>   run one image-update schedule (what its cron line calls)
   user-rm <user>       remove an account and sign it out everywhere
   check                verify the config and state load, then exit
@@ -152,10 +150,6 @@ func main() {
 		if err := zfsSnapshot(cfg, flag.Arg(1)); err != nil {
 			log.Fatal(err)
 		}
-	case "virt-export": // the nightly cron line from the Virtualization tab; optional instance names
-		if err := virtExport(cfg, flag.Args()[1:]); err != nil {
-			log.Fatal(err)
-		}
 	case "users":
 		migrateUsers(cfg)
 		if len(cfg.Users) == 0 {
@@ -306,21 +300,6 @@ func zfsSnapshot(cfg *config.Config, id string) error {
 	return nil
 }
 
-// virtExport runs the instance exports the Virtualization tab scheduled, as the account Ham
-// Lab runs as (which is in incus-admin), and records the run beside the data.
-func virtExport(cfg *config.Config, names []string) error {
-	who := os.Getenv("USER")
-	if u, err := user.Current(); err == nil && u.Username != "" {
-		who = u.Username
-	}
-	run := incus.New(cfg.DataDir(), who, version).RunExports(context.Background(), names, func(l string) { fmt.Println(l) })
-	fmt.Printf("exported %d, pruned %d, %.0f s\n", len(run.Exported), len(run.Pruned), run.Seconds)
-	if len(run.Errors) > 0 {
-		return errors.New(strings.Join(run.Errors, "; "))
-	}
-	return nil
-}
-
 func migrateUsers(cfg *config.Config) {
 	name := os.Getenv("USER")
 	if u, err := user.Current(); err == nil && u.Username != "" {

internal/api/alerts.go

@@ -71,9 +71,6 @@ type alertSaved struct {
 	Channels []AlertChannel `json:"channels"`
 	Events   []AlertEvent   `json:"events"`
 	Seeded   bool           `json:"seeded"`
-	// SawInstanceRule marks that the instance-down default has been offered once; set so that
-	// removing it stays removed.
-	SawInstanceRule bool `json:"saw_instance_rule,omitempty"`
 	// Firing is what was firing when the hub last looked, so a restart (every deploy is one)
 	// carries on where it was and doesn't announce the same alerts all over again.
 	Firing map[string]alertKept `json:"firing,omitempty"`
@@ -105,7 +102,6 @@ var defaultRules = []AlertRule{
 	{ID: "machine-offline", Name: "Machine not answering", Sensor: "hamlab.reachable", Op: "==", Value: false, ForSec: 120, Severity: "crit", Enabled: true},
 	{ID: "container-down", Name: "Container down", Sensor: "container.*.down", Op: "==", Value: true, ForSec: 120, Severity: "crit", Enabled: true},
 	{ID: "container-unhealthy", Name: "Container unhealthy", Sensor: "container.*.health", Op: "==", Value: "unhealthy", ForSec: 180, Severity: "warn", Enabled: true},
-	{ID: "instance-down", Name: "VM or container down", Sensor: "instance.*.down", Op: "==", Value: true, ForSec: 120, Severity: "crit", Enabled: true},
 	{ID: "service-failed", Name: "A service has failed", Sensor: "services.failed", Op: ">", Value: 0.0, ForSec: 300, Severity: "warn", Enabled: true},
 	{ID: "disk-full", Name: "Filesystem nearly full", Sensor: "fs.*.used_pct", Op: ">=", Value: 90.0, ForSec: 300, Severity: "warn", Enabled: true},
 	{ID: "pool-unhealthy", Name: "ZFS pool not healthy", Sensor: "zfs.*.healthy", Op: "==", Value: false, ForSec: 60, Severity: "crit", Enabled: true},
@@ -126,23 +122,14 @@ func newAlertEngine(s *Server) *alertEngine {
 	for key, k := range e.saved.Firing {
 		e.state[key] = &alertState{pending: time.UnixMilli(k.Since), firing: true, since: time.UnixMilli(k.Since), value: k.Value}
 	}
-	// a default added after an install was seeded joins its rules once; removing it afterwards sticks
-	if e.saved.Seeded && !e.saved.SawInstanceRule {
-		has := false
+	// the Virtualization tab's default went with the tab (2026-10-15): nothing publishes instance.* now
+	kept := e.saved.Rules[:0]
 	for _, r := range e.saved.Rules {
-			if r.ID == "instance-down" {
-				has = true
+		if r.ID != "instance-down" {
+			kept = append(kept, r)
 		}
 	}
-		if !has {
-			for _, d := range defaultRules {
-				if d.ID == "instance-down" {
-					e.saved.Rules = append(e.saved.Rules, d)
-				}
-			}
-		}
-		e.saved.SawInstanceRule = true
-	}
+	e.saved.Rules = kept
 	for i, r := range e.saved.Rules { // the first day's default watched "not running", which a container stopped on purpose also is
 		if r.ID == "container-down" && r.Sensor == "container.*.running" {
 			e.saved.Rules[i].Name, e.saved.Rules[i].Sensor, e.saved.Rules[i].Value = "Container down", "container.*.down", true

internal/api/dockersched.go

@@ -340,7 +340,6 @@ func (s *Server) dsRun(w http.ResponseWriter, r *http.Request) {
 		rec.Error = err.Error()
 	}
 	_ = storage.WriteRun(s.cfg.DataDir(), "docker-"+id, rec)
-	stackUpdatesForget("/" + job.Stack)
 	if err != nil {
 		jsonErr(w, 500, err.Error()+"\n"+tail(out, 2000))
 		return

internal/api/play.go

@@ -1,141 +1,162 @@
 package api
 
-// Playing a video the browser cannot play as it is: POST /api/files/play starts an HLS
-// re-encode on this machine (internal/media), GET …/play/{id}/index.m3u8 and the segments
-// feed the player, GET …/play/{id} is its progress, DELETE ends it. /api/files/play-caps
-// says which codecs this machine can make and on what. Root mode (?sudo=1) reads the file
-// and runs ffmpeg as root, through the same sudo the file reads use.
+// Playing a video in the Files viewer, YouTube's way: Auto (the player reads the connection),
+// any quality by hand, or the file itself. The qualities are made on the fly as HLS by
+// internal/media, on the device the Transcode device setting names — which may be on another
+// machine than the file.
+//
+// On every machine:
+//   POST /api/files/play[?sudo=1] {path | url, name, device}   open a play
+//   GET  /api/files/play/{id}/master.m3u8, /{rung}.m3u8, /{rung}/{n}.ts
+//   GET  /api/files/play/{id}                                    what it is doing
+//   DELETE /api/files/play/{id} (or POST …/close, for a beacon)  end it
+//   GET  /api/files/play-devices                                 what it can encode on
+// On the hub:
+//   POST /api/play {node, path, sudo}   open a play of a file on node, wherever the setting
+//                                       says, answering which machine the play is on
+//   GET|PUT /api/transcode              the setting, and every machine's devices
+//   GET  /api/play-src/{token}          a file, for a machine transcoding it, by a token
+//                                       that names that one file; ranges pass through
 
 import (
 	"context"
+	"crypto/rand"
+	"encoding/hex"
 	"encoding/json"
 	"errors"
+	"fmt"
 	"io"
 	"log"
+	"net"
 	"net/http"
+	"net/url"
 	"path/filepath"
+	"strconv"
 	"strings"
+	"sync"
 	"time"
 
 	"hamlab/internal/files"
 	"hamlab/internal/media"
+	"hamlab/internal/store"
 )
 
-const playLimit = 3 // re-encodes at once on one machine; a GPU does two or three, a CPU one
+// playRuns is how many plays may be encoding at once on one machine; a fourth ends the one
+// asked of least lately. The A380 makes about two 8K-sourced streams in real time.
+const playRuns = 3
 
-type playCaps struct {
-	Codecs    []playCodec     `json:"codecs"`
-	Qualities []media.Quality `json:"qualities"`
-	Error     string          `json:"error,omitempty"`
+type playReq struct {
+	Path   string `json:"path,omitempty"`
+	URL    string `json:"url,omitempty"` // a file on another machine, as the hub serves it
+	Name   string `json:"name,omitempty"`
+	Device string `json:"device,omitempty"`
 }
 
-type playCodec struct {
-	media.Codec
-	Engine string `json:"engine,omitempty"` // "" when nothing here encodes it
+type playOut struct {
+	Node   string           `json:"node"` // the machine the play is on: "" for the hub; filled in by the hub
+	Play   *media.Play      `json:"play"`
+	Master string           `json:"master"` // the playlist, under that machine's /api
+	Engine string           `json:"engine"`
+	Host   string           `json:"host"` // that machine's name, for the menu
+	Note   string           `json:"note,omitempty"`
+	Status media.PlayStatus `json:"status"`
 }
 
-// playCapsHandler: GET /api/files/play-caps[?sudo=1]
-func (s *Server) playCapsHandler(w http.ResponseWriter, r *http.Request) {
+// playDevices: GET /api/files/play-devices — what this machine could make the player's H.264
+// on, probed as the daemon's own user (a play from another machine never runs as root).
+func (s *Server) playDevices(w http.ResponseWriter, r *http.Request) {
+	caps, err := s.thumbs.capsFor(r.Context(), false, false)
+	if err != nil {
+		caps.Error = err.Error()
+	}
+	jsonOK(w, 200, map[string]any{"host": s.hostName(), "devices": media.Devices(caps)})
+}
+
+// playStart: POST /api/files/play[?sudo=1] — open a play of a file here, or of a URL the hub
+// serves a file on another machine at.
+func (s *Server) playStart(w http.ResponseWriter, r *http.Request) {
+	var body playReq
+	if err := json.NewDecoder(io.LimitReader(r.Body, 64<<10)).Decode(&body); err != nil {
+		jsonErr(w, 400, "bad request")
+		return
+	}
 	root := r.URL.Query().Get("sudo") == "1"
 	if root && s.fsSudo == nil {
 		jsonErr(w, 403, "root access needs passwordless sudo on the host")
 		return
 	}
-	caps, err := s.thumbs.capsFor(r.Context(), root, false)
-	pc := playCaps{Codecs: []playCodec{}, Qualities: media.Qualities}
+	out, code, err := s.openPlay(r.Context(), body, root)
 	if err != nil {
-		pc.Error = err.Error()
-	} else if caps.Error != "" {
-		pc.Error = caps.Error
+		jsonErr(w, code, err.Error())
+		return
 	}
-	for _, c := range media.Codecs {
-		x := playCodec{Codec: c}
-		if pc.Error == "" {
-			x.Engine = media.EngineFor(caps, c.ID)
-		}
-		pc.Codecs = append(pc.Codecs, x)
-	}
-	jsonOK(w, 200, pc)
+	jsonOK(w, 200, out)
 }
 
-// playStart: POST /api/files/play[?sudo=1] {path, codec, quality}
-func (s *Server) playStart(w http.ResponseWriter, r *http.Request) {
-	fsys, ok := s.fsFor(w, r)
-	if !ok {
-		return
+func (s *Server) openPlay(ctx context.Context, body playReq, root bool) (playOut, int, error) {
+	if root && s.fsSudo == nil && body.URL == "" {
+		return playOut{}, 403, errors.New("root access needs passwordless sudo on the host")
 	}
-	root := r.URL.Query().Get("sudo") == "1"
-	var body struct{ Path, Codec, Quality string }
-	if err := json.NewDecoder(io.LimitReader(r.Body, 64<<10)).Decode(&body); err != nil {
-		jsonErr(w, 400, "bad request")
-		return
+	in, name := body.Path, body.Name
+	if body.URL != "" {
+		u, err := url.Parse(body.URL)
+		if err != nil || (u.Scheme != "http" && u.Scheme != "https") || body.Path != "" {
+			return playOut{}, 400, errors.New("a play is of a path or of an http URL")
 		}
+		in, root = body.URL, false
+	} else {
 		p, err := files.Clean(body.Path)
 		if err != nil {
-		jsonErr(w, 400, err.Error())
-		return
+			return playOut{}, 400, err
 		}
 		if media.Kind(p) != "video" {
-		jsonErr(w, 415, "not a video")
-		return
+			return playOut{}, 415, errors.New("not a video")
 		}
-	if err := media.ValidChoice(body.Codec, body.Quality); err != nil {
-		jsonErr(w, 400, err.Error())
-		return
+		fsys := s.fsLocal
+		if root {
+			fsys = s.fsSudo
 		}
-	if _, err := fsys.Stat(r.Context(), p); err != nil {
-		fsErr(w, err)
-		return
+		if _, err := fsys.Stat(ctx, p); err != nil {
+			return playOut{}, 404, err
+		}
+		in = p
+		if name == "" {
+			name = filepath.Base(p)
+		}
+	}
+	caps, err := s.thumbs.capsFor(ctx, root, false)
+	if err == nil && caps.Error != "" {
+		err = errors.New(caps.Error)
 	}
-	caps, err := s.thumbs.capsFor(r.Context(), root, false)
 	if err != nil {
-		jsonErr(w, 503, err.Error())
-		return
+		return playOut{}, 503, err
 	}
-	if caps.Error != "" {
-		jsonErr(w, 503, caps.Error)
-		return
-	}
-	ictx, cancel := context.WithTimeout(r.Context(), 30*time.Second)
-	src, err := media.Inspect(ictx, caps, p, root)
+	ictx, cancel := context.WithTimeout(ctx, 30*time.Second)
+	src, err := media.Inspect(ictx, caps, in, root)
 	cancel()
 	if err != nil {
-		playErr(w, err)
-		return
-	}
-	st, err := s.plays.Open(r.Context(), caps, root, p, body.Codec, body.Quality, src)
-	if err != nil {
-		playErr(w, err)
-		return
-	}
-	log.Printf("files: play %s as %s %s on %s (from %s)", p, st.Codec, st.Quality, st.Engine, clientIP(r))
-	jsonOK(w, 200, map[string]any{"stream": st, "url": "/api/files/play/" + st.ID + "/index.m3u8"})
-}
-
-func playErr(w http.ResponseWriter, err error) {
 		var de *media.DecodeError
-	switch {
-	case errors.As(err, &de):
-		jsonErr(w, 422, de.Msg)
-	case strings.Contains(err.Error(), "already being re-encoded"):
-		jsonErr(w, 429, err.Error())
-	case strings.HasPrefix(err.Error(), "unknown ") || strings.HasPrefix(err.Error(), "nothing on this machine encodes"):
-		jsonErr(w, 400, err.Error())
-	case errors.Is(err, context.DeadlineExceeded):
-		jsonErr(w, 504, "the file took too long to read")
-	default:
-		jsonErr(w, 500, err.Error())
+		if errors.As(err, &de) {
+			return playOut{}, 422, errors.New(de.Msg)
 		}
+		return playOut{}, 504, err
+	}
+	p, err := s.plays.Open(caps, root, in, name, src, body.Device)
+	if err != nil {
+		return playOut{}, 422, err
+	}
+	log.Printf("files: play %s on %s (%d qualities, %s)", name, p.Engine(), len(p.Rungs), map[bool]string{true: "from another machine", false: "here"}[p.Remote])
+	return playOut{Play: p, Master: "/api/files/play/" + p.ID + "/master.m3u8", Engine: p.Engine(), Host: s.hostName(), Status: p.Status()}, 200, nil
 }
 
 // playStatus: GET /api/files/play/{id}
 func (s *Server) playStatus(w http.ResponseWriter, r *http.Request) {
-	st, ok := s.plays.Find(r.PathValue("id"))
+	p, ok := s.plays.Find(r.PathValue("id"))
 	if !ok {
-		jsonErr(w, 404, "no such stream")
+		jsonErr(w, 404, "no such play")
 		return
 	}
-	jsonOK(w, 200, st.Status())
+	jsonOK(w, 200, p.Status())
 }
 
 // playStop: DELETE /api/files/play/{id}, or POST …/close — the form a page can send on its
@@ -145,25 +166,398 @@ func (s *Server) playStop(w http.ResponseWriter, r *http.Request) {
 	w.WriteHeader(204)
 }
 
-// playFile: GET /api/files/play/{id}/{file} — the playlist, the init segment, a segment.
-func (s *Server) playFile(w http.ResponseWriter, r *http.Request) {
-	st, ok := s.plays.Find(r.PathValue("id"))
+// playPlaylist: GET /api/files/play/{id}/{file} — master.m3u8, or one quality's <name>.m3u8.
+func (s *Server) playPlaylist(w http.ResponseWriter, r *http.Request) {
+	p, ok := s.plays.Find(r.PathValue("id"))
 	if !ok {
-		jsonErr(w, 404, "no such stream")
+		jsonErr(w, 404, "no such play")
 		return
 	}
-	p, ok := st.File(r.PathValue("file"))
-	if !ok {
-		jsonErr(w, 404, "not a stream file")
+	f := r.PathValue("file")
+	var b []byte
+	if f == "master.m3u8" {
+		b = p.Master()
+	} else if name, isList := strings.CutSuffix(f, ".m3u8"); isList {
+		if b, ok = p.Media(name); !ok {
+			jsonErr(w, 404, "no such quality")
+			return
+		}
+	} else {
+		jsonErr(w, 404, "not a play file")
 		return
 	}
-	switch filepath.Ext(p) {
-	case ".m3u8":
 	w.Header().Set("Content-Type", "application/vnd.apple.mpegurl")
-	default:
-		w.Header().Set("Content-Type", "video/mp4")
-	}
 	w.Header().Set("Cache-Control", "no-store")
-	w.Header().Set("X-Content-Type-Options", "nosniff")
-	http.ServeFile(w, r, p)
+	_, _ = w.Write(b)
+}
+
+// playPiece: GET /api/files/play/{id}/{rung}/{seg} — a piece, made first if need be.
+func (s *Server) playPiece(w http.ResponseWriter, r *http.Request) {
+	p, ok := s.plays.Find(r.PathValue("id"))
+	if !ok {
+		jsonErr(w, 404, "no such play")
+		return
+	}
+	ns, isTS := strings.CutSuffix(r.PathValue("seg"), ".ts")
+	n, err := strconv.Atoi(ns)
+	if !isTS || err != nil || strconv.Itoa(n) != ns {
+		jsonErr(w, 404, "not a piece")
+		return
+	}
+	file, err := p.Segment(r.Context().Done(), r.PathValue("rung"), n)
+	switch {
+	case errors.Is(err, media.ErrNotFound):
+		jsonErr(w, 404, err.Error())
+		return
+	case r.Context().Err() != nil:
+		return // the player moved on
+	case err != nil:
+		jsonErr(w, 503, err.Error())
+		return
+	}
+	w.Header().Set("Content-Type", "video/mp2t")
+	w.Header().Set("Cache-Control", "private, max-age=3600")
+	http.ServeFile(w, r, file)
+}
+
+// ---- on the hub: where plays are made ----
+
+// transcodeChoice is the setting; nil is the machine the file is on.
+func (s *Server) transcodeChoice() *store.Transcode {
+	var t *store.Transcode
+	if s.store == nil {
+		return nil
+	}
+	s.store.View(func(st *store.State) {
+		if st.Transcode != nil {
+			c := *st.Transcode
+			t = &c
+		}
+	})
+	return t
+}
+
+type transcodeMachine struct {
+	Node    string         `json:"node"` // "" is the hub
+	Host    string         `json:"host"`
+	Devices []media.Device `json:"devices"`
+	Error   string         `json:"error,omitempty"` // the machine didn't answer
+}
+
+// getTranscode: GET /api/transcode — the setting, and what every machine can encode on,
+// asked of each now. ?only=selected asks only the chosen machine, for the device's name.
+func (s *Server) getTranscode(w http.ResponseWriter, r *http.Request) {
+	if r.URL.Query().Get("only") == "selected" {
+		c := s.transcodeChoice()
+		out := map[string]any{"selected": c}
+		if c != nil {
+			name := c.Device
+			ctx, cancel := context.WithTimeout(r.Context(), 5*time.Second)
+			defer cancel()
+			var devs []media.Device
+			if c.Node == "" {
+				caps, _ := s.thumbs.capsFor(ctx, false, false)
+				devs = media.Devices(caps)
+			} else if code, b, err := s.nodes.Do(ctx, c.Node, "GET", "/api/files/play-devices", nil, nil); err == nil && code == 200 {
+				var d struct{ Devices []media.Device }
+				_ = json.Unmarshal(b, &d)
+				devs = d.Devices
+			}
+			for _, d := range devs {
+				if d.ID == c.Device {
+					name = d.Name
+				}
+			}
+			host := c.Node
+			if host == "" {
+				host = s.hostName()
+			}
+			out["host"], out["name"] = host, name
+		}
+		jsonOK(w, 200, out)
+		return
+	}
+	names := []string{""}
+	if s.nodes != nil {
+		names = append(names, s.nodes.Names()...)
+	}
+	out := make([]transcodeMachine, len(names))
+	var wg sync.WaitGroup
+	for i, n := range names {
+		wg.Add(1)
+		go func() {
+			defer wg.Done()
+			m := transcodeMachine{Node: n, Host: n}
+			ctx, cancel := context.WithTimeout(r.Context(), 8*time.Second)
+			defer cancel()
+			if n == "" {
+				caps, err := s.thumbs.capsFor(ctx, false, false)
+				if err != nil {
+					caps.Error = err.Error()
+				}
+				m.Host, m.Devices = s.hostName(), media.Devices(caps)
+			} else {
+				code, b, err := s.nodes.Do(ctx, n, "GET", "/api/files/play-devices", nil, nil)
+				var d struct {
+					Host    string         `json:"host"`
+					Devices []media.Device `json:"devices"`
+				}
+				switch {
+				case err != nil:
+					m.Error = err.Error()
+				case code == 404:
+					m.Error = "runs an older Ham Lab"
+				case code != 200 || json.Unmarshal(b, &d) != nil:
+					m.Error = fmt.Sprintf("answered %d", code)
+				default:
+					m.Devices = d.Devices
+				}
+			}
+			out[i] = m
+		}()
+	}
+	wg.Wait()
+	jsonOK(w, 200, map[string]any{"selected": s.transcodeChoice(), "machines": out})
+}
+
+// putTranscode: PUT /api/transcode {node, device}, or {} for the machine the file is on.
+func (s *Server) putTranscode(w http.ResponseWriter, r *http.Request) {
+	var body *store.Transcode
+	if err := json.NewDecoder(io.LimitReader(r.Body, 4096)).Decode(&body); err != nil {
+		jsonErr(w, 400, "expected {\"node\": …, \"device\": …}")
+		return
+	}
+	if body != nil && body.Device == "" {
+		body = nil
+	}
+	if body != nil {
+		known := body.Node == ""
+		if s.nodes != nil {
+			for _, n := range s.nodes.Names() {
+				known = known || n == body.Node
+			}
+		}
+		if !known {
+			jsonErr(w, 400, "no such machine")
+			return
+		}
+		if body.Device != media.CPU && !strings.HasPrefix(body.Device, "/dev/dri/") {
+			jsonErr(w, 400, "a device is a render node or \"cpu\"")
+			return
+		}
+	}
+	if err := s.store.Update(func(st *store.State) { st.Transcode = body }); err != nil {
+		jsonErr(w, 500, err.Error())
+		return
+	}
+	s.getTranscode(w, r)
+}
+
+// hubPlay: POST /api/play {node, path, sudo} — open a play of a file on node ("" the hub) on
+// the device the setting names. When that is on another machine, that machine reads the file
+// through this hub, by a token good for that one file. If it can't be reached, the file's own
+// machine makes it instead, and the answer says so.
+func (s *Server) hubPlay(w http.ResponseWriter, r *http.Request) {
+	var body struct {
+		Node string `json:"node"`
+		Path string `json:"path"`
+		Sudo bool   `json:"sudo"`
+	}
+	if err := json.NewDecoder(io.LimitReader(r.Body, 64<<10)).Decode(&body); err != nil {
+		jsonErr(w, 400, "bad request")
+		return
+	}
+	p, err := files.Clean(body.Path)
+	if err != nil {
+		jsonErr(w, 400, err.Error())
+		return
+	}
+	if body.Node != "" && (s.nodes == nil || !has(s.nodes.Names(), body.Node)) {
+		jsonErr(w, 404, "no such machine")
+		return
+	}
+	choice := s.transcodeChoice()
+	var note string
+	if choice != nil && choice.Node != body.Node {
+		if s.nodes != nil && choice.Node != "" && !has(s.nodes.Names(), choice.Node) {
+			note = "The transcode machine " + choice.Node + " is no longer managed here; made where the file is."
+		} else {
+			src, err := s.srcURL(choice.Node, body.Node, p, body.Sudo)
+			if err == nil {
+				req := playReq{URL: src, Name: filepath.Base(p), Device: choice.Device}
+				out, code, err := s.playOn(r.Context(), choice.Node, req, false)
+				if err == nil {
+					jsonOK(w, 200, out)
+					return
+				}
+				if code == 422 || code == 415 {
+					jsonErr(w, code, err.Error())
+					return
+				}
+			}
+			log.Printf("files: play on %s failed (%v); making it where the file is", nodeLabel(choice.Node), err)
+			note = "Couldn't make it on " + nodeLabel(choice.Node) + " (" + err.Error() + "), so it is made where the file is."
+		}
+	}
+	device := ""
+	if choice != nil && choice.Node == body.Node {
+		device = choice.Device
+	}
+	out, code, err := s.playOn(r.Context(), body.Node, playReq{Path: p, Device: device}, body.Sudo)
+	if err != nil {
+		jsonErr(w, code, err.Error())
+		return
+	}
+	out.Note = note
+	jsonOK(w, 200, out)
+}
+
+func nodeLabel(n string) string {
+	if n == "" {
+		return "the hub"
+	}
+	return n
+}
+
+func has(list []string, x string) bool {
+	for _, v := range list {
+		if v == x {
+			return true
+		}
+	}
+	return false
+}
+
+// playOn opens a play on a machine: here, or through that node's API.
+func (s *Server) playOn(ctx context.Context, node string, req playReq, sudo bool) (playOut, int, error) {
+	if node == "" {
+		out, code, err := s.openPlay(ctx, req, sudo)
+		return out, code, err
+	}
+	b, _ := json.Marshal(req)
+	path := "/api/files/play"
+	if sudo {
+		path += "?sudo=1"
+	}
+	code, resp, err := s.nodes.Do(ctx, node, "POST", path, b, http.Header{"Content-Type": []string{"application/json"}})
+	if err != nil {
+		return playOut{}, 502, err
+	}
+	if code != 200 {
+		var e struct{ Error string }
+		_ = json.Unmarshal(resp, &e)
+		if e.Error == "" {
+			e.Error = fmt.Sprintf("%s answered %d", node, code)
+		}
+		return playOut{}, code, errors.New(e.Error)
+	}
+	var out playOut
+	if err := json.Unmarshal(resp, &out); err != nil {
+		return playOut{}, 502, err
+	}
+	out.Node = node
+	return out, 200, nil
+}
+
+// ---- the file, for the machine transcoding it ----
+
+type srcGrant struct {
+	node, path string
+	sudo       bool
+	until      time.Time
+}
+
+type srcGrants struct {
+	mu sync.Mutex
+	m  map[string]*srcGrant
+}
+
+const srcLife = 12 * time.Hour // from its last use: a film paused overnight still plays
+
+var grants = &srcGrants{m: map[string]*srcGrant{}}
+
+func (g *srcGrants) mint(node, path string, sudo bool) string {
+	b := make([]byte, 24)
+	_, _ = rand.Read(b)
+	tok := hex.EncodeToString(b)
+	now := time.Now()
+	g.mu.Lock()
+	defer g.mu.Unlock()
+	for k, v := range g.m {
+		if now.After(v.until) {
+			delete(g.m, k)
+		}
+	}
+	g.m[tok] = &srcGrant{node: node, path: path, sudo: sudo, until: now.Add(srcLife)}
+	return tok
+}
+
+func (g *srcGrants) use(tok string) (srcGrant, bool) {
+	g.mu.Lock()
+	defer g.mu.Unlock()
+	v, ok := g.m[tok]
+	if !ok || time.Now().After(v.until) {
+		return srcGrant{}, false
+	}
+	v.until = time.Now().Add(srcLife)
+	return *v, true
+}
+
+// srcURL is where the machine `to` can read a file on machine `from` through this hub: this
+// hub's own address as `to` reaches it, and a token for that one file.
+func (s *Server) srcURL(to, from, path string, sudo bool) (string, error) {
+	host, port, err := net.SplitHostPort(s.cfg.Listen)
+	if err != nil {
+		return "", err
+	}
+	ip := net.ParseIP(host)
+	if host == "" || ip == nil || ip.IsUnspecified() || ip.IsLoopback() {
+		// Listening everywhere: the address this machine reaches `to` from is one it answers on.
+		target := "127.0.0.1:1"
+		if to != "" {
+			if u, err := url.Parse(s.nodes.URL(to)); err == nil && u.Host != "" {
+				target = u.Host
+			}
+		}
+		c, err := net.Dial("udp", target)
+		if err != nil {
+			return "", err
+		}
+		host = c.LocalAddr().(*net.UDPAddr).IP.String()
+		c.Close()
+	}
+	scheme := "http"
+	if s.fingerprint != "" {
+		scheme = "https"
+	}
+	return scheme + "://" + net.JoinHostPort(host, port) + "/api/play-src/" + grants.mint(from, path, sudo), nil
+}
+
+// playSrc: GET /api/play-src/{token} — the one file a token names, ranges and all, read from
+// its machine. The token is the only key: it is minted for a machine transcoding that file.
+func (s *Server) playSrc(w http.ResponseWriter, r *http.Request) {
+	g, ok := grants.use(r.PathValue("token"))
+	if !ok {
+		jsonErr(w, 404, "no such file")
+		return
+	}
+	q := url.Values{"path": {g.path}}
+	if g.sudo {
+		q.Set("sudo", "1")
+	}
+	r2 := r.Clone(r.Context())
+	r2.URL.RawQuery = q.Encode()
+	r2.Header.Del("Cookie")
+	if g.node == "" {
+		r2.URL.Path = "/api/files/read"
+		s.filesRead(w, r2)
+		return
+	}
+	p, ok := s.nodes.Proxy(g.node)
+	if !ok {
+		jsonErr(w, 404, "no such machine")
+		return
+	}
+	r2.URL.Path = "/api/nodes/" + g.node + "/files/read"
+	p.ServeHTTP(w, r2)
 }

internal/api/play_test.go

@@ -0,0 +1,93 @@
+package api
+
+import (
+	"fmt"
+	"net/http/httptest"
+	"net/url"
+	"os"
+	"path/filepath"
+	"strings"
+	"testing"
+
+	"hamlab/internal/config"
+	"hamlab/internal/files"
+)
+
+// The file a machine transcodes from another is read through the hub by a token naming that
+// one file: ranges pass through, the query can't point it anywhere else, and an unknown token
+// is nothing.
+func TestPlaySrc(t *testing.T) {
+	dir := t.TempDir()
+	p := filepath.Join(dir, "film.mp4")
+	if err := os.WriteFile(p, []byte("0123456789"), 0o644); err != nil {
+		t.Fatal(err)
+	}
+	if err := os.WriteFile(filepath.Join(dir, "other.mp4"), []byte("secret"), 0o644); err != nil {
+		t.Fatal(err)
+	}
+	s := &Server{fsLocal: files.Local{}, cfg: &config.Config{Listen: "10.0.0.234:8100"}}
+	u, err := s.srcURL("", "", p, false)
+	if err != nil || !strings.HasPrefix(u, "http://10.0.0.234:8100/api/play-src/") {
+		t.Fatalf("url %q %v", u, err)
+	}
+	tok := strings.TrimPrefix(u, "http://10.0.0.234:8100/api/play-src/")
+	get := func(tok, query, rng string) *httptest.ResponseRecorder {
+		r := httptest.NewRequest("GET", "/api/play-src/"+tok+query, nil)
+		r.SetPathValue("token", tok)
+		if rng != "" {
+			r.Header.Set("Range", rng)
+		}
+		w := httptest.NewRecorder()
+		s.playSrc(w, r)
+		return w
+	}
+	if w := get(tok, "", "bytes=2-4"); w.Code != 206 || w.Body.String() != "234" {
+		t.Fatalf("range: %d %q", w.Code, w.Body)
+	}
+	if w := get(tok, "?path="+filepath.Join(dir, "other.mp4"), ""); w.Body.String() != "0123456789" {
+		t.Fatalf("the query moved it: %q", w.Body)
+	}
+	if w := get("nope", "", ""); w.Code != 404 {
+		t.Fatalf("unknown token: %d", w.Code)
+	}
+}
+
+// A preview made on another machine is kept by the file's own: only while the file is still
+// the one it was made of, and a failure is kept as a failure.
+func TestThumbPut(t *testing.T) {
+	dir := t.TempDir()
+	p := filepath.Join(dir, "film.mp4")
+	if err := os.WriteFile(p, []byte("0123456789"), 0o644); err != nil {
+		t.Fatal(err)
+	}
+	fi, _ := os.Stat(p)
+	s := &Server{fsLocal: files.Local{}, thumbs: newThumbSvc(dir, "")}
+	v := fmt.Sprintf("%d-%d", fi.ModTime().UnixMilli(), fi.Size())
+	put := func(v string, body string, hdr map[string]string) int {
+		r := httptest.NewRequest("PUT", "/api/files/thumb?path="+url.QueryEscape(p)+"&v="+v, strings.NewReader(body))
+		for k, x := range hdr {
+			r.Header.Set(k, x)
+		}
+		w := httptest.NewRecorder()
+		s.thumbPut(w, r)
+		return w.Code
+	}
+	get := func() *httptest.ResponseRecorder {
+		r := httptest.NewRequest("GET", "/api/files/thumb?cached=1&path="+url.QueryEscape(p)+"&v="+v, nil)
+		w := httptest.NewRecorder()
+		s.filesThumb(w, r)
+		return w
+	}
+	if w := get(); w.Code != 404 {
+		t.Fatalf("cached=1 before anything: %d", w.Code)
+	}
+	if c := put("1-10", "jpeg", nil); c != 409 {
+		t.Fatalf("a changed file: %d", c)
+	}
+	if c := put(v, "jpeg-bytes", map[string]string{"X-Hamlab-Thumb": "grid vaapi:/dev/dri/renderD129"}); c != 204 {
+		t.Fatalf("put: %d", c)
+	}
+	if w := get(); w.Code != 200 || w.Body.String() != "jpeg-bytes" || !strings.Contains(w.Header().Get("X-Hamlab-Thumb"), "grid") {
+		t.Fatalf("kept: %d %q %q", w.Code, w.Body, w.Header().Get("X-Hamlab-Thumb"))
+	}
+}

internal/api/server.go

@@ -34,7 +34,6 @@ import (
 	"hamlab/internal/cron"
 	"hamlab/internal/files"
 	"hamlab/internal/hardware"
-	"hamlab/internal/incus"
 	"hamlab/internal/media"
 	"hamlab/internal/metrics"
 	"hamlab/internal/network"
@@ -77,11 +76,10 @@ type Server struct {
 	update      updateState
 	events      eventLog
 	kvms        kvmProxies
-	virt        *incus.Manager
 	fsLocal     files.FS
 	fsSudo      files.FS // nil without passwordless sudo
 	thumbs      *thumbSvc
-	plays       *media.Streamer
+	plays       *media.Plays
 	self        string // this binary, for helpers run as tasks
 	nodes       *nodes.Manager
 	fingerprint string
@@ -105,7 +103,7 @@ func New(cfg *config.Config, sessions *auth.Sessions, mgr *term.Manager, col *me
 	s.self = self
 	s.space = space.New(self, filepath.Join(cfg.DataDir(), "space"))
 	s.thumbs = newThumbSvc(cfg.DataDir(), self)
-	s.plays = media.NewStreamer(cfg.DataDir(), self, playLimit)
+	s.plays = media.NewPlays(cfg.DataDir(), self, playRuns)
 	s.hostName() // read it once now so the first request doesn't have to
 	if u, err := user.Current(); err == nil && u.Username != "" {
 		s.user = u.Username
@@ -113,7 +111,6 @@ func New(cfg *config.Config, sessions *auth.Sessions, mgr *term.Manager, col *me
 	if s.user == "" {
 		s.user = "?"
 	}
-	s.virt = incus.New(cfg.DataDir(), s.user, version)
 	s.migrateUsers()
 	// The speed test and the outside view. Its history outlives a restart, and its last result
 	// is published as sensors, so the line is graphable and alertable like anything else.
@@ -237,37 +234,6 @@ func (s *Server) routes() *http.ServeMux {
 	m.HandleFunc("GET /api/docker/containers/{id}/events", s.auth(s.dockerEvents))
 	m.HandleFunc("POST /api/docker/containers/{id}/exec", s.auth(s.dockerExec))
 	m.HandleFunc("POST /api/docker/containers/{id}/limits", s.auth(s.dockerUpdate))
-	m.HandleFunc("GET /api/virt", s.auth(s.virtOverview))
-	m.HandleFunc("POST /api/virt/install", s.auth(s.virtInstall))
-	m.HandleFunc("GET /api/virt/images/remote", s.auth(s.virtRemoteImages))
-	m.HandleFunc("POST /api/virt/images/download", s.auth(s.virtImageDownload))
-	m.HandleFunc("POST /api/virt/images/import", s.auth(s.virtImageImport))
-	m.HandleFunc("POST /api/virt/images/publish", s.auth(s.virtImagePublish))
-	m.HandleFunc("POST /api/virt/images/delete", s.auth(s.virtImageDelete))
-	m.HandleFunc("POST /api/virt/instances", s.auth(s.virtCreate))
-	m.HandleFunc("GET /api/virt/instances/{name}", s.auth(s.virtInstance))
-	m.HandleFunc("POST /api/virt/instances/{name}/rename", s.auth(s.virtRename))
-	m.HandleFunc("PUT /api/virt/instances/{name}/config", s.auth(s.virtConfig))
-	m.HandleFunc("POST /api/virt/instances/{name}/snapshots", s.auth(s.virtSnapshotCreate))
-	m.HandleFunc("POST /api/virt/instances/{name}/snapshots/{snap}/{action}", s.auth(s.virtSnapshotAction))
-	m.HandleFunc("POST /api/virt/instances/from-iso", s.auth(s.virtFromISO))
-	m.HandleFunc("GET /api/virt/instances/{name}/vga", s.auth(s.virtVGA))
-	m.HandleFunc("POST /api/virt/instances/{name}/iso", s.auth(s.virtISOAttach))
-	m.HandleFunc("POST /api/virt/instances/{name}/iso/detach", s.auth(s.virtISODetach))
-	m.HandleFunc("POST /api/virt/instances/{name}/mounts", s.auth(s.virtMountAdd))
-	m.HandleFunc("POST /api/virt/instances/{name}/mounts/remove", s.auth(s.virtMountRemove))
-	m.HandleFunc("POST /api/virt/instances/{name}/{action}", s.auth(s.virtAction))
-	m.HandleFunc("POST /api/virt/isos/fetch", s.auth(s.virtISOFetch))
-	m.HandleFunc("POST /api/virt/isos/import", s.auth(s.virtISOImport))
-	m.HandleFunc("POST /api/virt/isos/delete", s.auth(s.virtISODelete))
-	m.HandleFunc("POST /api/virt/isos/rename", s.auth(s.virtISORename))
-	m.HandleFunc("GET /api/virt/exports", s.auth(s.virtExports))
-	m.HandleFunc("PUT /api/virt/exports", s.auth(s.virtExportsPut))
-	m.HandleFunc("POST /api/virt/exports/run", s.auth(s.virtExportsRun))
-	m.HandleFunc("POST /api/virt/exports/delete", s.auth(s.virtExportDelete))
-	m.HandleFunc("GET /api/virt/sshkeys", s.auth(s.virtSSHKeys))
-	m.HandleFunc("POST /api/virt/pools", s.auth(s.virtPoolCreate))
-	m.HandleFunc("POST /api/virt/pools/delete", s.auth(s.virtPoolDelete))
 	m.HandleFunc("GET /api/alerts", s.auth(s.alertsGet))
 	m.HandleFunc("PUT /api/alerts", s.auth(s.alertsPut))
 	m.HandleFunc("POST /api/alerts/test", s.auth(s.alertsTest))
@@ -310,15 +276,23 @@ func (s *Server) routes() *http.ServeMux {
 	m.HandleFunc("POST /api/files/delete", s.auth(s.filesDelete))
 	m.HandleFunc("POST /api/files/chmod", s.auth(s.filesChmod))
 	m.HandleFunc("GET /api/files/thumb", s.auth(s.filesThumb))
+	m.HandleFunc("PUT /api/files/thumb", s.auth(s.thumbPut))
+	m.HandleFunc("POST /api/files/thumb-from", s.auth(s.thumbFrom))
+	m.HandleFunc("GET /api/nodes/{name}/files/thumb", s.auth(s.hubThumb))
 	m.HandleFunc("GET /api/files/thumbs", s.auth(s.thumbsStatus))
 	m.HandleFunc("POST /api/files/thumbs/install", s.auth(s.thumbsInstall))
 	m.HandleFunc("POST /api/files/thumbs/gpu-access", s.auth(s.thumbsGPUAccess))
-	m.HandleFunc("GET /api/files/play-caps", s.auth(s.playCapsHandler))
+	m.HandleFunc("GET /api/files/play-devices", s.auth(s.playDevices))
 	m.HandleFunc("POST /api/files/play", s.auth(s.playStart))
 	m.HandleFunc("GET /api/files/play/{id}", s.auth(s.playStatus))
 	m.HandleFunc("DELETE /api/files/play/{id}", s.auth(s.playStop))
 	m.HandleFunc("POST /api/files/play/{id}/close", s.auth(s.playStop))
-	m.HandleFunc("GET /api/files/play/{id}/{file}", s.auth(s.playFile))
+	m.HandleFunc("GET /api/files/play/{id}/{file}", s.auth(s.playPlaylist))
+	m.HandleFunc("GET /api/files/play/{id}/{rung}/{seg}", s.auth(s.playPiece))
+	m.HandleFunc("POST /api/play", s.auth(s.hubPlay))
+	m.HandleFunc("GET /api/transcode", s.auth(s.getTranscode))
+	m.HandleFunc("PUT /api/transcode", s.auth(s.putTranscode))
+	m.HandleFunc("GET /api/play-src/{token}", s.playSrc) // the token is the key
 	m.HandleFunc("GET /api/hardware", s.auth(s.hardwareReport))
 	m.HandleFunc("GET /api/network", s.auth(s.networkOverview))
 	m.HandleFunc("GET /api/vpn", s.auth(s.vpnReport))

internal/api/stacks.go

@@ -744,7 +744,6 @@ func (s *Server) stackAction(w http.ResponseWriter, r *http.Request) {
 			_ = exec.CommandContext(ctx, dockerTool(), "exec", via, "pkill", "-TERM", "-f", pattern).Run()
 		})
 	}
-	stackUpdatesForget(st.Name)
 	log.Printf("stack %s: %s started as task %s (from %s)", st.Name, r.PathValue("action"), t.ID, clientIP(r))
 	jsonOK(w, 202, t.Snapshot(false))
 }
@@ -755,6 +754,7 @@ type imageCheck struct {
 	Image  string `json:"image"`
 	State  string `json:"state"` // current | update | unknown
 	Detail string `json:"detail,omitempty"`
+	remote string // the digest the registry named, so a later pull can be recognised without asking again
 }
 
 type updAnswer struct {
@@ -767,7 +767,41 @@ var (
 	updCache = map[string]updAnswer{}
 )
 
-func stackUpdatesForget(key string) { updMu.Lock(); delete(updCache, key); updMu.Unlock() }
+func stackUpdatesForget(name string) { updMu.Lock(); delete(updCache, "stack:"+name); updMu.Unlock() }
+
+// localDigests is what this machine holds for an image: the registry digests it was pulled as.
+func localDigests(ctx context.Context, img string) []string {
+	out, err := dockerRun(ctx, "image", "inspect", "-f", "{{json .RepoDigests}}", img)
+	var have []string
+	if err != nil || json.Unmarshal(bytes.TrimSpace(out), &have) != nil {
+		return nil
+	}
+	return have
+}
+
+func holdsDigest(have []string, digest string) bool {
+	for _, h := range have {
+		if strings.HasSuffix(h, "@"+digest) {
+			return true
+		}
+	}
+	return false
+}
+
+// settled is a cached answer brought up to date with what is here now. The registry's side
+// is kept for six hours, but this machine's side changes the moment an update pulls the
+// newer image — so an image marked behind is looked at again locally, which costs no
+// registry request, and is current once it holds the digest the registry named.
+func settled(ctx context.Context, res []imageCheck) []imageCheck {
+	out := make([]imageCheck, len(res))
+	copy(out, res)
+	for i, ic := range out {
+		if ic.State == "update" && ic.remote != "" && holdsDigest(localDigests(ctx, ic.Image), ic.remote) {
+			out[i].State = "current"
+		}
+	}
+	return out
+}
 
 // checkImages asks the registry whether each image is still the one we hold. Each image is
 // one registry request, which Docker Hub counts — so this is only ever called when asked for.
@@ -775,9 +809,8 @@ func checkImages(ctx context.Context, images []string) []imageCheck {
 	res := []imageCheck{}
 	for _, img := range images {
 		ic := imageCheck{Image: img, State: "unknown"}
-		out, err := dockerRun(ctx, "image", "inspect", "-f", "{{json .RepoDigests}}", img)
-		var have []string
-		if err != nil || json.Unmarshal(bytes.TrimSpace(out), &have) != nil || len(have) == 0 {
+		have := localDigests(ctx, img)
+		if len(have) == 0 {
 			ic.Detail = "built or loaded here, not pulled from a registry"
 			res = append(res, ic)
 			continue
@@ -795,12 +828,10 @@ func checkImages(ctx context.Context, images []string) []imageCheck {
 			res = append(res, ic)
 			continue
 		}
-		ic.State = "update"
-		for _, h := range have {
-			if strings.HasSuffix(h, "@"+digest) {
+		ic.State, ic.remote = "update", digest
+		if holdsDigest(have, digest) {
 			ic.State = "current"
 		}
-		}
 		res = append(res, ic)
 	}
 	return res
@@ -833,7 +864,7 @@ func (s *Server) machineUpdates(w http.ResponseWriter, r *http.Request) {
 	c, ok := updCache[key]
 	updMu.Unlock()
 	if ok && time.Since(c.at) < 6*time.Hour && !refresh {
-		jsonOK(w, 200, map[string]any{"images": c.res, "checked": c.at.UnixMilli(), "stacks": byImage})
+		jsonOK(w, 200, map[string]any{"images": settled(ctx, c.res), "checked": c.at.UnixMilli(), "stacks": byImage})
 		return
 	}
 	if !refresh {
@@ -863,13 +894,13 @@ func (s *Server) stackUpdates(w http.ResponseWriter, r *http.Request) {
 		jsonErr(w, 404, err.Error())
 		return
 	}
-	key := st.Name
+	key := "stack:" + st.Name
 	updMu.Lock()
 	c, ok := updCache[key]
 	updMu.Unlock()
 	refresh := r.URL.Query().Get("refresh") == "1"
 	if ok && time.Since(c.at) < 6*time.Hour && !refresh {
-		jsonOK(w, 200, map[string]any{"images": c.res, "checked": c.at.UnixMilli()})
+		jsonOK(w, 200, map[string]any{"images": settled(ctx, c.res), "checked": c.at.UnixMilli()})
 		return
 	}
 	if !refresh {

internal/api/status_sensors.go

@@ -10,7 +10,6 @@ import (
 	"sync"
 	"time"
 
-	"hamlab/internal/incus"
 	"hamlab/internal/priv"
 	"hamlab/internal/sensors"
 	"hamlab/internal/storage"
@@ -55,7 +54,6 @@ func newStatusSensors(s *Server) *statusSensors {
 	p := &statusSensors{s: s, by: map[string][]sensors.Sensor{}, hist: map[string]*sensors.Series{}, acc: map[string]*bucket{}}
 	go p.loop("services", servicesEvery, p.services)
 	go p.loop("containers", containersEvery, p.containers)
-	go p.loop("instances", containersEvery, p.instances)
 	go p.loop("updates", updatesEvery, p.updates)
 	go p.loop("zfs", zfsEvery, p.zfs)
 	go p.loop("smart", smartEvery, p.smart)
@@ -322,43 +320,6 @@ type cpuMark struct {
 	t    int64
 }
 
-// instances are Incus's containers and VMs. "Down" means it should be up and is not: an
-// instance marked to start with the machine that is stopped, or one in Error — a stopped
-// instance with no such mark was stopped on purpose, as with Docker containers.
-func (p *statusSensors) instances(ctx context.Context, t int64) []sensors.Sensor {
-	if !incus.Installed() {
-		return nil
-	}
-	list, err := p.s.virt.InstancesFor(ctx, "sensors")
-	if err != nil {
-		return nil
-	}
-	var res []sensors.Sensor
-	var running, total float64
-	for _, in := range list {
-		total++
-		id := "instance." + sensors.Seg(in.Name)
-		l := map[string]string{"instance": in.Name, "type": in.Type, "image": in.Image}
-		up := in.Status == "Running"
-		if up {
-			running++
-		}
-		down := in.Status == "Error" || (!up && in.Config["boot.autostart"] == "true")
-		res = append(res,
-			sensors.Sensor{ID: id + ".running", Name: in.Name, Kind: "state", Value: up, T: t, Labels: l},
-			sensors.Sensor{ID: id + ".down", Name: in.Name + " down", Kind: "state", Value: down, T: t, Labels: l},
-			sensors.Sensor{ID: id + ".state", Name: in.Name + " state", Kind: "state", Value: strings.ToLower(in.Status), T: t, Labels: l})
-		if up {
-			res = append(res,
-				sensors.Sensor{ID: id + ".cpu", Name: in.Name + " CPU", Kind: "usage", Unit: "%", Value: float64(int(in.CPUPct*10+0.5)) / 10, T: t, Min: sensors.F(0), Labels: l},
-				sensors.Sensor{ID: id + ".mem", Name: in.Name + " memory", Kind: "bytes", Unit: "B", Value: float64(in.MemUsage), T: t, Labels: l})
-		}
-	}
-	return append(res,
-		sensors.Sensor{ID: "instances.total", Name: "Instances", Kind: "count", Value: total, T: t},
-		sensors.Sensor{ID: "instances.running", Name: "Running instances", Kind: "count", Value: running, T: t})
-}
-
 func (p *statusSensors) updates(ctx context.Context, t int64) []sensors.Sensor {
 	st := p.s.updates.Status(ctx)
 	if st.Manager == "" {

internal/api/thumbs.go

@@ -10,10 +10,16 @@ package api
 // opens every render node, whatever groups the daemon's user has.
 
 import (
+	"bytes"
 	"context"
+	"encoding/json"
 	"errors"
+	"fmt"
+	"io"
 	"log"
 	"net/http"
+	"net/http/httptest"
+	"net/url"
 	"os"
 	"os/exec"
 	"path/filepath"
@@ -25,6 +31,7 @@ import (
 
 	"hamlab/internal/media"
 	"hamlab/internal/priv"
+	"hamlab/internal/store"
 )
 
 const thumbSize = 256
@@ -117,7 +124,9 @@ func describeCaps(c media.Caps) string {
 }
 
 // make produces a preview, sharing the work when the same file is asked for twice at once.
-func (t *thumbSvc) make(ctx context.Context, root bool, key, path string) (media.Result, error) {
+// in is a path, or a URL the hub serves another machine's file at (kind then says what it
+// is); device is the one to decode on ("" any, "cpu" none).
+func (t *thumbSvc) make(ctx context.Context, root bool, key, in, kind, device string) (media.Result, error) {
 	t.mu.Lock()
 	if c, ok := t.calls[key]; ok {
 		t.mu.Unlock()
@@ -153,19 +162,29 @@ func (t *thumbSvc) make(ctx context.Context, root bool, key, path string) (media
 		c.err = err
 		return c.res, c.err
 	}
-	o := media.Opts{Size: thumbSize, Timeout: thumbTimeout}
+	o := media.Opts{Size: thumbSize, Timeout: thumbTimeout, Kind: kind}
+	caps = caps.Only(device)
 	if root {
-		c.res, c.err = media.MakeRoot(wctx, t.self, caps, path, o)
+		c.res, c.err = media.MakeRoot(wctx, t.self, caps, in, o)
 	} else {
-		c.res, c.err = media.Make(wctx, caps, path, o)
+		c.res, c.err = media.Make(wctx, caps, in, o)
 	}
 	return c.res, c.err
 }
 
 // ---- handlers ----
 
-// filesThumb: GET /api/files/thumb?path=…&v=<mtime>-<size>[&sudo=1]. v is the client's idea of
-// the file, from its listing; it makes a cache hit free of a stat, and a changed file a new URL.
+// thumbDeviceHeader carries the device a hub wants a video preview made on: the Transcode
+// device setting, when it is on the machine the file is on.
+const thumbDeviceHeader = "X-Hamlab-Device"
+
+// filesThumb: GET /api/files/thumb?path=…&v=<mtime>-<size>[&sudo=1][&cached=1]. v is the
+// client's idea of the file, from its listing; it makes a cache hit free of a stat, and a
+// changed file a new URL. cached=1 answers from the cache or 404, and makes nothing: the hub
+// asks that before having the preview made on another machine.
+//
+// A video preview is made on the Transcode device: on the hub, by the setting (another
+// machine's device reads the file through the hub); on a node, by the hub's header.
 func (s *Server) filesThumb(w http.ResponseWriter, r *http.Request) {
 	fsys, ok := s.fsFor(w, r)
 	if !ok {
@@ -203,7 +222,28 @@ func (s *Server) filesThumb(w http.ResponseWriter, r *http.Request) {
 	if s.serveCachedThumb(w, key) {
 		return
 	}
-	res, err := s.thumbs.make(r.Context(), root, key, p)
+	if r.URL.Query().Get("cached") == "1" {
+		jsonErr(w, 404, "not made yet")
+		return
+	}
+	device := r.Header.Get(thumbDeviceHeader)
+	if c := s.transcodeChoice(); c != nil && device == "" && media.Kind(p) == "video" {
+		if c.Node != "" {
+			// The hub's own file, previewed on another machine.
+			if res, ok := s.thumbElsewhere(r.Context(), c, "", p, root, key); ok {
+				if res.Failure != "" {
+					_ = s.thumbs.cache.Put(key, media.Entry{Path: p, Failure: res.Failure})
+					jsonErr(w, 422, res.Failure)
+					return
+				}
+				s.keepThumb(w, key, p, res)
+				return
+			}
+		} else {
+			device = c.Device
+		}
+	}
+	res, err := s.thumbs.make(r.Context(), root, key, p, "", device)
 	if err != nil {
 		var de *media.DecodeError
 		switch {
@@ -223,12 +263,204 @@ func (s *Server) filesThumb(w http.ResponseWriter, r *http.Request) {
 		}
 		return
 	}
+	s.keepThumb(w, key, p, res)
+}
+
+// keepThumb puts a preview in the cache and answers with it.
+func (s *Server) keepThumb(w http.ResponseWriter, key, p string, res media.Result) {
 	if err := s.thumbs.cache.Put(key, media.Entry{Path: p, Engine: res.Engine, Codec: res.Codec, Width: res.Width, Height: res.Height, JPEG: res.JPEG}); err != nil {
 		log.Printf("thumbs: cache: %v", err)
 	}
 	writeThumb(w, key, res.JPEG, res.Engine)
 }
 
+// ---- previews made on another machine (the Transcode device) ----
+
+// thumbFrom: POST /api/files/thumb-from {url, kind, key, device} — a preview of a file on
+// another machine, read through the hub at url, made here on device. Answers the JPEG (the
+// engine in X-Hamlab-Thumb), or 422 with why the file can't be previewed.
+func (s *Server) thumbFrom(w http.ResponseWriter, r *http.Request) {
+	var body struct{ URL, Kind, Key, Device string }
+	if err := json.NewDecoder(io.LimitReader(r.Body, 8192)).Decode(&body); err != nil || !strings.HasPrefix(body.URL, "http") || body.Key == "" {
+		jsonErr(w, 400, "expected {url, kind, key, device}")
+		return
+	}
+	res, err := s.thumbs.make(r.Context(), false, "from:"+body.Key, body.URL, body.Kind, body.Device)
+	if err != nil {
+		var de *media.DecodeError
+		if errors.As(err, &de) {
+			jsonErr(w, 422, de.Msg)
+		} else {
+			jsonErr(w, 503, err.Error())
+		}
+		return
+	}
+	w.Header().Set("X-Hamlab-Thumb-Codec", res.Codec)
+	w.Header().Set("X-Hamlab-Thumb-Size", fmt.Sprintf("%dx%d", res.Width, res.Height))
+	writeThumb(w, body.Key, res.JPEG, res.Engine)
+}
+
+// thumbPut: PUT /api/files/thumb?path=…&v=<mtime>-<size>[&sudo=1] — a preview another machine
+// made of this file, kept here as if made here. The body is the JPEG, or nothing with
+// X-Hamlab-Thumb-Failure saying why the file can't be previewed. Refused if the file has
+// changed since v.
+func (s *Server) thumbPut(w http.ResponseWriter, r *http.Request) {
+	fsys, ok := s.fsFor(w, r)
+	if !ok {
+		return
+	}
+	p, ok := cleanQuery(w, r, "path")
+	if !ok {
+		return
+	}
+	mt, sz, ok := parseV(r.URL.Query().Get("v"))
+	if !ok {
+		jsonErr(w, 400, "v=<mtime>-<size> is required")
+		return
+	}
+	in, err := fsys.Stat(r.Context(), p)
+	if err != nil {
+		fsErr(w, err)
+		return
+	}
+	if in.Size != sz || in.Mtime != mt {
+		jsonErr(w, 409, "the file has changed")
+		return
+	}
+	key := media.Key(p, sz, mt)
+	e := media.Entry{Path: p, Engine: r.Header.Get("X-Hamlab-Thumb"), Codec: r.Header.Get("X-Hamlab-Thumb-Codec"), Failure: r.Header.Get("X-Hamlab-Thumb-Failure")}
+	fmt.Sscanf(r.Header.Get("X-Hamlab-Thumb-Size"), "%dx%d", &e.Width, &e.Height)
+	if e.Failure == "" {
+		if e.JPEG, err = io.ReadAll(io.LimitReader(r.Body, 4<<20)); err != nil || len(e.JPEG) == 0 {
+			jsonErr(w, 400, "no picture")
+			return
+		}
+	}
+	if err := s.thumbs.cache.Put(key, e); err != nil {
+		jsonErr(w, 500, err.Error())
+		return
+	}
+	w.WriteHeader(204)
+}
+
+// thumbElsewhere has a video preview made on the Transcode device's machine c.Node, of a
+// file on machine node ("" the hub), and answers it. ok is false when that machine can't
+// (unreachable, an older Ham Lab): the caller makes it where the file is instead. A file
+// that can't be previewed is a result too, with the failure in it.
+func (s *Server) thumbElsewhere(ctx context.Context, c *store.Transcode, node, p string, root bool, key string) (media.Result, bool) {
+	src, err := s.srcURL(c.Node, node, p, root)
+	if err != nil {
+		return media.Result{}, false
+	}
+	body, _ := json.Marshal(map[string]string{"url": src, "kind": "video", "key": key, "device": c.Device})
+	ctx, cancel := context.WithTimeout(ctx, thumbTimeout+10*time.Second)
+	defer cancel()
+	var code int
+	var b []byte
+	var hdr http.Header
+	if c.Node == "" {
+		rec := httptest.NewRecorder()
+		req := httptest.NewRequest("POST", "/api/files/thumb-from", bytes.NewReader(body)).WithContext(ctx)
+		s.thumbFrom(rec, req)
+		code, b, hdr = rec.Code, rec.Body.Bytes(), rec.Header()
+	} else {
+		code, b, hdr, err = s.nodes.DoHeaders(ctx, c.Node, "POST", "/api/files/thumb-from", body, http.Header{"Content-Type": []string{"application/json"}})
+		if err != nil {
+			log.Printf("thumbs: %s on %s: %v; made where it is", p, c.Node, err)
+			return media.Result{}, false
+		}
+	}
+	switch code {
+	case 200:
+		res := media.Result{JPEG: b, Engine: c.Node + " " + hdr.Get("X-Hamlab-Thumb"), Codec: hdr.Get("X-Hamlab-Thumb-Codec")}
+		fmt.Sscanf(hdr.Get("X-Hamlab-Thumb-Size"), "%dx%d", &res.Width, &res.Height)
+		if c.Node == "" {
+			res.Engine = s.hostName() + " " + hdr.Get("X-Hamlab-Thumb")
+		}
+		return res, true
+	case 422:
+		var e struct{ Error string }
+		_ = json.Unmarshal(b, &e)
+		return media.Result{Failure: e.Error}, true
+	}
+	log.Printf("thumbs: %s on %s answered %d; made where it is", p, nodeLabel(c.Node), code)
+	return media.Result{}, false
+}
+
+// hubThumb: GET /api/nodes/{name}/files/thumb — a node's preview, through the hub. Without a
+// Transcode device setting, or for an image or a sound file's cover, it goes to the node as
+// any request does. A video is made on the setting's device: the node's own (told by header),
+// or another machine's, which reads the file through the hub; the node keeps the result in
+// its own cache either way.
+func (s *Server) hubThumb(w http.ResponseWriter, r *http.Request) {
+	node := r.PathValue("name")
+	proxy, ok := s.nodes.Proxy(node)
+	if !ok {
+		jsonErr(w, 404, "no such machine")
+		return
+	}
+	c := s.transcodeChoice()
+	q := r.URL.Query()
+	p := q.Get("path")
+	if c == nil || media.Kind(p) != "video" {
+		proxy.ServeHTTP(w, r)
+		return
+	}
+	if c.Node == node {
+		r.Header.Set(thumbDeviceHeader, c.Device)
+		proxy.ServeHTTP(w, r)
+		return
+	}
+	mt, sz, okV := parseV(q.Get("v"))
+	if !okV {
+		proxy.ServeHTTP(w, r)
+		return
+	}
+	// The node's own cache first.
+	cq := url.Values{"path": {p}, "v": {q.Get("v")}, "cached": {"1"}}
+	if q.Get("sudo") == "1" {
+		cq.Set("sudo", "1")
+	}
+	hdr := http.Header{}
+	if inm := r.Header.Get("If-None-Match"); inm != "" {
+		hdr.Set("If-None-Match", inm)
+	}
+	code, b, rh, err := s.nodes.DoHeaders(r.Context(), node, "GET", "/api/files/thumb?"+cq.Encode(), nil, hdr)
+	if err == nil && code != 404 {
+		for _, k := range []string{"Content-Type", "Cache-Control", "ETag", "X-Hamlab-Thumb"} {
+			if v := rh.Get(k); v != "" {
+				w.Header().Set(k, v)
+			}
+		}
+		w.WriteHeader(code)
+		_, _ = w.Write(b)
+		return
+	}
+	key := media.Key(p, sz, mt)
+	res, made := s.thumbElsewhere(r.Context(), c, node, p, q.Get("sudo") == "1", key)
+	if !made {
+		proxy.ServeHTTP(w, r) // the node makes it itself
+		return
+	}
+	// Kept where the file is, so it is made once.
+	ph := http.Header{"X-Hamlab-Thumb": {res.Engine}, "X-Hamlab-Thumb-Codec": {res.Codec}, "X-Hamlab-Thumb-Size": {fmt.Sprintf("%dx%d", res.Width, res.Height)}}
+	if res.Failure != "" {
+		ph.Set("X-Hamlab-Thumb-Failure", res.Failure)
+	}
+	pq := url.Values{"path": {p}, "v": {q.Get("v")}}
+	if q.Get("sudo") == "1" {
+		pq.Set("sudo", "1")
+	}
+	if code, _, _, err := s.nodes.DoHeaders(r.Context(), node, "PUT", "/api/files/thumb?"+pq.Encode(), res.JPEG, ph); err != nil || code != 204 {
+		log.Printf("thumbs: keeping %s's preview of %s: %d %v", node, p, code, err)
+	}
+	if res.Failure != "" {
+		jsonErr(w, 422, res.Failure)
+		return
+	}
+	writeThumb(w, key, res.JPEG, res.Engine)
+}
+
 // serveCachedThumb answers from the cache when it can. A cache that cannot be read is a
 // miss: the preview is made again rather than refused.
 func (s *Server) serveCachedThumb(w http.ResponseWriter, key string) bool {

internal/api/updates_test.go

@@ -0,0 +1,47 @@
+package api
+
+import (
+	"context"
+	"os"
+	"path/filepath"
+	"testing"
+)
+
+// fakeDocker puts a `docker` on PATH whose `image inspect` answers with the given RepoDigests.
+func fakeDocker(t *testing.T, digests string) {
+	t.Helper()
+	dir := t.TempDir()
+	script := "#!/bin/sh\necho '" + digests + "'\n"
+	if err := os.WriteFile(filepath.Join(dir, "docker"), []byte(script), 0o755); err != nil {
+		t.Fatal(err)
+	}
+	t.Setenv("PATH", dir)
+}
+
+// An update pulls the newer image: the cached registry answer must not keep calling it behind.
+func TestSettledSeesAPulledImage(t *testing.T) {
+	cached := []imageCheck{
+		{Image: "nginx:alpine", State: "update", remote: "sha256:new"},
+		{Image: "redis:7", State: "current", remote: "sha256:r"},
+		{Image: "local/thing", State: "unknown"},
+	}
+	fakeDocker(t, `["nginx@sha256:new"]`)
+	got := settled(context.Background(), cached)
+	if got[0].State != "current" {
+		t.Fatalf("pulled image still marked %q", got[0].State)
+	}
+	if got[1].State != "current" || got[2].State != "unknown" {
+		t.Fatalf("others changed: %+v", got)
+	}
+	if cached[0].State != "update" {
+		t.Fatal("settled wrote through to the cache")
+	}
+}
+
+func TestSettledKeepsAnImageStillBehind(t *testing.T) {
+	fakeDocker(t, `["nginx@sha256:old"]`)
+	got := settled(context.Background(), []imageCheck{{Image: "nginx:alpine", State: "update", remote: "sha256:new"}})
+	if got[0].State != "update" {
+		t.Fatalf("image not yet pulled marked %q", got[0].State)
+	}
+}

internal/incus/export.go

@@ -1,232 +0,0 @@
-package incus
-
-// Nightly exports: every instance as a tarball in virt/exports/<name>/, kept to a count, as a
-// cron line like the ZFS schedules — `hamlab virt-export` in /etc/cron.d/hamlab-virt — so the
-// backup runs whether or not the console is up. The settings and the last run's record are
-// files beside the data, not state.json, because the cron job is a separate process.
-
-import (
-	"context"
-	"encoding/json"
-	"errors"
-	"fmt"
-	"hamlab/internal/store"
-	"os"
-	"os/exec"
-	"path/filepath"
-	"sort"
-	"strings"
-	"time"
-)
-
-const CronFile = "/etc/cron.d/hamlab-virt"
-
-type ExportConfig struct {
-	Enabled      bool      `json:"enabled"`
-	Hour         int       `json:"hour"`
-	Minute       int       `json:"minute"`
-	Keep         int       `json:"keep"`                // newest exports kept per instance
-	InstanceOnly bool      `json:"instance_only"`       // leave the snapshots out of the tarball
-	Instances    []string  `json:"instances,omitempty"` // empty: every instance
-	Updated      time.Time `json:"updated,omitempty"`
-}
-
-func DefaultExportConfig() ExportConfig {
-	return ExportConfig{Hour: 2, Minute: 15, Keep: 3, InstanceOnly: true}
-}
-
-func (c ExportConfig) Validate() error {
-	if c.Hour < 0 || c.Hour > 23 || c.Minute < 0 || c.Minute > 59 {
-		return errors.New("time: hour 0–23, minute 0–59")
-	}
-	if c.Keep < 1 || c.Keep > 100 {
-		return errors.New("keep: between 1 and 100")
-	}
-	for _, n := range c.Instances {
-		if !ValidName(n) {
-			return errors.New("instance: " + n)
-		}
-	}
-	return nil
-}
-
-func (c ExportConfig) CronExpr() string { return fmt.Sprintf("%d %d * * *", c.Minute, c.Hour) }
-
-// NextRun is the next time the line fires, for the page.
-func (c ExportConfig) NextRun(now time.Time) time.Time {
-	n := time.Date(now.Year(), now.Month(), now.Day(), c.Hour, c.Minute, 0, 0, now.Location())
-	if !n.After(now) {
-		n = n.Add(24 * time.Hour)
-	}
-	return n
-}
-
-// CronText is the whole file; rewritten on every change, never edited.
-func (c ExportConfig) CronText(user, exe, config string) string {
-	var b strings.Builder
-	b.WriteString("# Ham Lab instance exports — written by the Virtualization tab, rewritten whole on every change.\n")
-	b.WriteString("# Edit it there, not here.\n")
-	b.WriteString("SHELL=/bin/sh\nPATH=/usr/local/sbin:/usr/local/bin:/usr/sbin:/usr/bin:/sbin:/bin\n\n")
-	fmt.Fprintf(&b, "# every instance to virt/exports, keep %d each\n", c.Keep)
-	fmt.Fprintf(&b, "%s %s %s -config %s virt-export\n", c.CronExpr(), user, exe, config)
-	return b.String()
-}
-
-func (m *Manager) exportConfigPath() string { return filepath.Join(m.dir, "exports.json") }
-func (m *Manager) exportRunPath() string    { return filepath.Join(m.dir, "export-runs.json") }
-
-func (m *Manager) ExportConfig() ExportConfig {
-	c := DefaultExportConfig()
-	if b, err := os.ReadFile(m.exportConfigPath()); err == nil {
-		_ = json.Unmarshal(b, &c)
-	}
-	return c
-}
-
-func (m *Manager) SaveExportConfig(c ExportConfig) error {
-	if err := c.Validate(); err != nil {
-		return err
-	}
-	if err := m.EnsureDirs(); err != nil {
-		return err
-	}
-	c.Updated = time.Now()
-	b, _ := json.MarshalIndent(c, "", "  ")
-	return store.WriteFileAtomic(m.exportConfigPath(), b, 0o644)
-}
-
-type ExportRun struct {
-	At       time.Time `json:"at"`
-	Exported []string  `json:"exported"`
-	Pruned   []string  `json:"pruned"`
-	Errors   []string  `json:"errors,omitempty"`
-	Seconds  float64   `json:"seconds"`
-}
-
-func (m *Manager) LastExportRun() *ExportRun {
-	b, err := os.ReadFile(m.exportRunPath())
-	if err != nil {
-		return nil
-	}
-	var r ExportRun
-	if json.Unmarshal(b, &r) != nil {
-		return nil
-	}
-	return &r
-}
-
-// ExportFile is one tarball in the exports tree.
-type ExportFile struct {
-	Instance string    `json:"instance"`
-	Name     string    `json:"name"`
-	Size     int64     `json:"size"`
-	Modified time.Time `json:"modified"`
-}
-
-func (m *Manager) ExportFiles() []ExportFile {
-	out := []ExportFile{}
-	dirs, _ := os.ReadDir(m.ExportsDir())
-	for _, d := range dirs {
-		if !d.IsDir() {
-			continue
-		}
-		files, _ := os.ReadDir(filepath.Join(m.ExportsDir(), d.Name()))
-		for _, f := range files {
-			if f.IsDir() || strings.HasSuffix(f.Name(), ".part") {
-				continue
-			}
-			if info, err := f.Info(); err == nil {
-				out = append(out, ExportFile{Instance: d.Name(), Name: f.Name(), Size: info.Size(), Modified: info.ModTime()})
-			}
-		}
-	}
-	sort.Slice(out, func(i, j int) bool {
-		if out[i].Instance != out[j].Instance {
-			return out[i].Instance < out[j].Instance
-		}
-		return out[i].Modified.After(out[j].Modified)
-	})
-	return out
-}
-
-// RunExports exports the named instances (or every one when names is empty) and prunes each
-// instance's folder to the configured count. Output goes to w line by line for a task to show.
-func (m *Manager) RunExports(ctx context.Context, names []string, w func(string)) ExportRun {
-	start := time.Now()
-	c := m.ExportConfig()
-	run := ExportRun{At: start, Exported: []string{}, Pruned: []string{}}
-	if err := m.EnsureDirs(); err != nil {
-		run.Errors = append(run.Errors, err.Error())
-		return run
-	}
-	all, err := m.Instances(ctx)
-	if err != nil {
-		run.Errors = append(run.Errors, "listing instances: "+err.Error())
-		return run
-	}
-	want := map[string]bool{}
-	for _, n := range names {
-		want[n] = true
-	}
-	if len(names) == 0 && len(c.Instances) > 0 {
-		for _, n := range c.Instances {
-			want[n] = true
-		}
-	}
-	for _, in := range all {
-		if len(want) > 0 && !want[in.Name] {
-			continue
-		}
-		dir := filepath.Join(m.ExportsDir(), in.Name)
-		if err := os.MkdirAll(dir, 0o755); err != nil {
-			run.Errors = append(run.Errors, in.Name+": "+err.Error())
-			continue
-		}
-		stamp := start.Format("2006-01-02_15.04")
-		final := filepath.Join(dir, fmt.Sprintf("%s-%s.tar.gz", in.Name, stamp))
-		part := final + ".part"
-		args := []string{"export", in.Name, part}
-		if c.InstanceOnly {
-			args = append(args, "--instance-only")
-		}
-		w(fmt.Sprintf("exporting %s …", in.Name))
-		cctx, cancel := context.WithTimeout(ctx, 2*time.Hour)
-		out, err := exec.CommandContext(cctx, "incus", args...).CombinedOutput()
-		cancel()
-		if err != nil {
-			_ = os.Remove(part)
-			msg := strings.TrimSpace(string(out))
-			if msg == "" {
-				msg = err.Error()
-			}
-			run.Errors = append(run.Errors, in.Name+": "+msg)
-			w("  failed: " + msg)
-			continue
-		}
-		if err := os.Rename(part, final); err != nil {
-			run.Errors = append(run.Errors, in.Name+": "+err.Error())
-			continue
-		}
-		if st, err := os.Stat(final); err == nil {
-			w(fmt.Sprintf("  %s (%.1f MiB)", filepath.Base(final), float64(st.Size())/(1<<20)))
-		}
-		run.Exported = append(run.Exported, filepath.Base(final))
-		// prune: newest first, keep c.Keep
-		var files []ExportFile
-		for _, f := range m.ExportFiles() {
-			if f.Instance == in.Name {
-				files = append(files, f)
-			}
-		}
-		for i := c.Keep; i < len(files); i++ {
-			if err := os.Remove(filepath.Join(dir, files[i].Name)); err == nil {
-				run.Pruned = append(run.Pruned, files[i].Name)
-				w("  pruned " + files[i].Name)
-			}
-		}
-	}
-	run.Seconds = time.Since(start).Seconds()
-	b, _ := json.MarshalIndent(run, "", "  ")
-	_ = store.WriteFileAtomic(m.exportRunPath(), b, 0o644)
-	return run
-}

internal/incus/install_test.go

@@ -1,93 +0,0 @@
-package incus
-
-import (
-	"os/exec"
-	"strings"
-	"testing"
-)
-
-// The install script is generated, so a quoting slip would only show on a live machine.
-// Build it for the shapes of machine we have and let sh check the syntax.
-func TestInstallScriptShapes(t *testing.T) {
-	if _, err := exec.LookPath("sh"); err != nil {
-		t.Skip("no sh")
-	}
-	m := New("/home/core/apps/hamlab", "core", "test")
-	cases := []struct {
-		name string
-		st   Status
-		o    InstallOpts
-		want []string
-	}{
-		{"grid: zfs, apt, docker", Status{State: "installable", PM: "apt", Arch: "x86_64", Drivers: []string{"zfs", "btrfs", "dir"}, Docker: true, ZFSHost: true, DiskFree: 700 << 30, MemTotal: 62 << 30},
-			InstallOpts{Driver: "zfs", PoolSizeGiB: 300, Subnet: "172.16.100.1/24", DockerRules: true, ARCMaxGiB: 16},
-			[]string{"apt-get", "zpool create", "incus storage create local zfs source=hamlab-virt", "ipv4.address='172.16.100.1/24'", "DOCKER-USER", "zfs_arc_max", "usermod -aG incus-admin 'core'", "SupplementaryGroups=incus-admin", "systemd-run"}},
-		{"core: btrfs, apt, docker, no tools yet", Status{State: "installable", PM: "apt", Arch: "x86_64", Drivers: []string{"btrfs", "dir"}, Docker: true, DiskFree: 170 << 30, MemTotal: 8 << 30},
-			InstallOpts{Driver: "btrfs", PoolSizeGiB: 40, Subnet: "172.16.100.1/24", DockerRules: true},
-			[]string{"btrfs-progs", "mkfs.btrfs", "/etc/fstab", "incus storage create local btrfs source="}},
-		{"mac: dir, dnf, arm64", Status{State: "installable", PM: "dnf", Arch: "aarch64", Drivers: []string{"dir"}, DiskFree: 200 << 30, MemTotal: 15 << 30},
-			InstallOpts{Driver: "dir", Subnet: "172.16.101.1/24"},
-			[]string{"dnf -y install incus qemu-system-aarch64-core edk2-aarch64", "incus storage create local dir source="}},
-		{"repair: already installed", Status{State: "repair", PM: "apt", Arch: "x86_64", Drivers: []string{"dir"}, DiskFree: 10 << 30, MemTotal: 4 << 30},
-			InstallOpts{Driver: "dir", Subnet: "172.16.100.1/24"},
-			[]string{"already installed"}},
-	}
-	for _, c := range cases {
-		script, lay, err := m.InstallScript(c.st, c.o)
-		if err != nil {
-			t.Fatalf("%s: %v", c.name, err)
-		}
-		for _, w := range c.want {
-			if !strings.Contains(script, w) {
-				t.Errorf("%s: script lacks %q", c.name, w)
-			}
-		}
-		if lay.Driver != c.o.Driver || lay.Subnet != c.o.Subnet {
-			t.Errorf("%s: layout %+v", c.name, lay)
-		}
-		cmd := exec.Command("sh", "-n")
-		cmd.Stdin = strings.NewReader(script)
-		if out, err := cmd.CombinedOutput(); err != nil {
-			t.Errorf("%s: sh -n: %v\n%s", c.name, err, out)
-		}
-	}
-}
-
-func TestInstallScriptRefusals(t *testing.T) {
-	m := New("/x", "core", "test")
-	st := Status{State: "installable", PM: "apt", Drivers: []string{"btrfs", "dir"}, DiskFree: 20 << 30, MemTotal: 8 << 30}
-	for _, o := range []InstallOpts{
-		{Driver: "zfs", PoolSizeGiB: 10, Subnet: "172.16.100.1/24"},                  // not offered here
-		{Driver: "btrfs", PoolSizeGiB: 50, Subnet: "172.16.100.1/24"},                // more than is free
-		{Driver: "btrfs", PoolSizeGiB: 10, Subnet: "172.16.100.0/24"},                // the network address, not the bridge's
-		{Driver: "btrfs", PoolSizeGiB: 10, Subnet: "10.0.0.1/8"},                     // too wide
-		{Driver: "btrfs", PoolSizeGiB: 10, Subnet: "172.16.100.1/24", ARCMaxGiB: 64}, // more RAM than there is
-	} {
-		if _, _, err := m.InstallScript(st, o); err == nil {
-			t.Errorf("accepted %+v", o)
-		}
-	}
-}
-
-func TestCreateArgs(t *testing.T) {
-	args, err := CreateArgs(CreateSpec{Name: "web-1", Image: "images:debian/13", VM: true, CPU: "2", Memory: "2GiB", Disk: "20GiB", Network: "incusbr0", Start: true}, true)
-	if err != nil {
-		t.Fatal(err)
-	}
-	want := "launch images:debian/13 web-1 --vm -c limits.cpu=2 -c limits.memory=2GiB -d root,size=20GiB -n incusbr0"
-	if a, err := CreateArgs(CreateSpec{Name: "x", Image: "images:alpine/3.22", Pool: "local"}, true); err != nil || strings.Join(a, " ") != "init images:alpine/3.22 x -d root,pool=local" {
-		t.Fatalf("pool override: %v %v", a, err)
-	}
-	if got := strings.Join(args, " "); got != want {
-		t.Fatalf("got %q", got)
-	}
-	if _, err := CreateArgs(CreateSpec{Name: "web-1", Image: "images:debian/13", VM: true}, false); err == nil {
-		t.Fatal("a VM without KVM must be refused")
-	}
-	if _, err := CreateArgs(CreateSpec{Name: "1bad", Image: "images:debian/13"}, true); err == nil {
-		t.Fatal("a name starting with a digit must be refused")
-	}
-	if _, err := CreateArgs(CreateSpec{Name: "ok", Image: "images:debian/13", Memory: "2 gigs"}, true); err == nil {
-		t.Fatal("a malformed size must be refused")
-	}
-}

internal/incus/subnet.go

@@ -1,126 +0,0 @@
-package incus
-
-// The bridge subnet. Incus's own `auto` picks a random 10.x.y.0/24, and on a LAN that is
-// itself 10.0.0.0/8 (this one) every such pick is on-link and collides. So Ham Lab chooses:
-// the first /24 that nothing on the machine already routes, is not an address it holds, and
-// is outside Docker's configured pools — tried in an order that also stays clear of Docker's
-// *defaults* (172.17–172.31 and 192.168.0.0/16 carved into /20s), which a Docker that has no
-// daemon.json will hand out later without asking anyone.
-
-import (
-	"context"
-	"encoding/json"
-	"fmt"
-	"net/netip"
-	"os"
-	"os/exec"
-	"time"
-)
-
-// candidates in order of preference: 172.16.0.0/16 is the one RFC 1918 block Docker never
-// takes by default; then the top of 192.168/16, which Docker reaches last; then the rest.
-func candidates() []netip.Prefix {
-	var out []netip.Prefix
-	for i := 100; i <= 254; i++ {
-		out = append(out, netip.MustParsePrefix(fmt.Sprintf("172.16.%d.0/24", i)))
-	}
-	for i := 254; i >= 200; i-- {
-		out = append(out, netip.MustParsePrefix(fmt.Sprintf("192.168.%d.0/24", i)))
-	}
-	for i := 1; i < 100; i++ {
-		out = append(out, netip.MustParsePrefix(fmt.Sprintf("172.16.%d.0/24", i)))
-	}
-	return out
-}
-
-func overlaps(a, b netip.Prefix) bool {
-	return a.Contains(b.Addr()) || b.Contains(a.Addr())
-}
-
-// PickSubnet returns the first candidate /24 clear of every prefix in taken.
-func PickSubnet(taken []netip.Prefix) netip.Prefix {
-	for _, c := range candidates() {
-		clear := true
-		for _, t := range taken {
-			if overlaps(c, t) {
-				clear = false
-				break
-			}
-		}
-		if clear {
-			return c
-		}
-	}
-	return netip.MustParsePrefix("172.16.100.0/24") // every candidate taken: not a machine this will run on
-}
-
-// Gateway is the bridge's own address in a subnet: its first host, as CIDR, the way
-// Incus's ipv4.address wants it.
-func Gateway(p netip.Prefix) string {
-	return fmt.Sprintf("%s/%d", p.Masked().Addr().Next(), p.Bits())
-}
-
-// TakenPrefixes reads what the machine already uses: its routes, its addresses, and the
-// pools Docker is configured to carve networks from.
-func TakenPrefixes(ctx context.Context) []netip.Prefix {
-	var out []netip.Prefix
-	add := func(s string) {
-		if p, err := netip.ParsePrefix(s); err == nil && p.Addr().Is4() {
-			out = append(out, p.Masked())
-		} else if a, err := netip.ParseAddr(s); err == nil && a.Is4() {
-			out = append(out, netip.PrefixFrom(a, 32))
-		}
-	}
-	c, cancel := context.WithTimeout(ctx, 5*time.Second)
-	defer cancel()
-	if b, err := exec.CommandContext(c, "ip", "-j", "-4", "route", "show").Output(); err == nil {
-		var routes []struct{ Dst string }
-		if json.Unmarshal(b, &routes) == nil {
-			for _, r := range routes {
-				if r.Dst != "" && r.Dst != "default" {
-					add(r.Dst)
-				}
-			}
-		}
-	}
-	if b, err := exec.CommandContext(c, "ip", "-j", "-4", "addr", "show").Output(); err == nil {
-		var links []struct {
-			AddrInfo []struct {
-				Local     string `json:"local"`
-				Prefixlen int    `json:"prefixlen"`
-			} `json:"addr_info"`
-		}
-		if json.Unmarshal(b, &links) == nil {
-			for _, l := range links {
-				for _, a := range l.AddrInfo {
-					add(fmt.Sprintf("%s/%d", a.Local, a.Prefixlen))
-				}
-			}
-		}
-	}
-	for _, p := range dockerPools() {
-		add(p)
-	}
-	return out
-}
-
-// dockerPools reads default-address-pools from Docker's daemon.json, and falls back to
-// Docker's built-in defaults when the file names none.
-func dockerPools() []string {
-	var cfg struct {
-		Pools []struct {
-			Base string `json:"base"`
-		} `json:"default-address-pools"`
-	}
-	if b, err := os.ReadFile("/etc/docker/daemon.json"); err == nil && json.Unmarshal(b, &cfg) == nil && len(cfg.Pools) > 0 {
-		var out []string
-		for _, p := range cfg.Pools {
-			out = append(out, p.Base)
-		}
-		return out
-	}
-	if _, err := exec.LookPath("docker"); err != nil {
-		return nil
-	}
-	return []string{"172.17.0.0/12", "192.168.0.0/16"}
-}

internal/incus/subnet_test.go

@@ -1,41 +0,0 @@
-package incus
-
-import (
-	"net/netip"
-	"testing"
-)
-
-func TestPickSubnetAvoidsTaken(t *testing.T) {
-	taken := []netip.Prefix{
-		netip.MustParsePrefix("10.0.0.0/8"),      // the LAN, a /8
-		netip.MustParsePrefix("172.16.100.0/24"), // first choice gone
-		netip.MustParsePrefix("172.16.101.0/24"), // and the second
-		netip.MustParsePrefix("172.28.0.0/14"),   // Docker's configured pool
-		netip.MustParsePrefix("192.168.80.0/20"), // a Docker network
-	}
-	got := PickSubnet(taken)
-	if got.String() != "172.16.102.0/24" {
-		t.Fatalf("got %s", got)
-	}
-	if Gateway(got) != "172.16.102.1/24" {
-		t.Fatalf("gateway %s", Gateway(got))
-	}
-}
-
-func TestPickSubnetWholeBlockTaken(t *testing.T) {
-	// 172.16.0.0/12 covers every 172.16.x candidate; the picker must move to 192.168
-	got := PickSubnet([]netip.Prefix{netip.MustParsePrefix("172.16.0.0/12")})
-	if got.String() != "192.168.254.0/24" {
-		t.Fatalf("got %s", got)
-	}
-}
-
-func TestOverlapsEitherWay(t *testing.T) {
-	a := netip.MustParsePrefix("172.16.5.0/24")
-	if !overlaps(a, netip.MustParsePrefix("172.16.0.0/12")) || !overlaps(netip.MustParsePrefix("172.16.0.0/12"), a) {
-		t.Fatal("a /24 inside a /12 overlaps both ways")
-	}
-	if overlaps(a, netip.MustParsePrefix("172.16.6.0/24")) {
-		t.Fatal("neighbours do not overlap")
-	}
-}

internal/incus/vga.go

@@ -1,192 +0,0 @@
-package incus
-
-// The graphical console. Incus exposes a VM's SPICE display as a websocket: POST to the
-// instance's console endpoint with type vga and it answers an operation with two secrets,
-// one for the display stream and one for a control channel. Ham Lab dials both over Incus's
-// unix socket and hands the display stream to the browser, where spice-html5 draws it.
-
-import (
-	"bytes"
-	"context"
-	"encoding/json"
-	"errors"
-	"fmt"
-	"net"
-	"net/http"
-	"os"
-	"strings"
-	"time"
-
-	"github.com/coder/websocket"
-)
-
-// SocketPath is where Incus's API listens; the daemon's account reaches it by being in
-// incus-admin, which Install arranges.
-func SocketPath() string {
-	if p := os.Getenv("INCUS_SOCKET"); p != "" {
-		return p
-	}
-	for _, p := range []string{"/var/lib/incus/unix.socket", "/run/incus/unix.socket"} {
-		if _, err := os.Stat(p); err == nil {
-			return p
-		}
-	}
-	return "/var/lib/incus/unix.socket"
-}
-
-func (m *Manager) apiClient() *http.Client {
-	sock := SocketPath()
-	return &http.Client{Transport: &http.Transport{
-		DialContext: func(ctx context.Context, _, _ string) (net.Conn, error) {
-			var d net.Dialer
-			return d.DialContext(ctx, "unix", sock)
-		},
-		ForceAttemptHTTP2: false,
-	}}
-}
-
-// A SPICE client opens one connection per channel — main, display, inputs, cursor, playback
-// — and spice-html5 does the same with websockets, all to one URL. Incus allows exactly one
-// console operation per VM at a time, but takes any number of data websockets on it. So a VGA
-// session is one operation, held for as long as any channel is open, and every browser
-// websocket becomes one more data websocket on it.
-type vgaSession struct {
-	op      string
-	secret  string
-	control *websocket.Conn
-	cancel  context.CancelFunc
-	refs    int
-}
-
-// VGAChannel returns a fresh data websocket on the VM's console operation, opening the
-// operation first when none is held. release must be called when the channel is done.
-func (m *Manager) VGAChannel(ctx context.Context, name string) (data *websocket.Conn, release func(), err error) {
-	if !ValidName(name) {
-		return nil, nil, errors.New("bad name")
-	}
-	client := m.apiClient()
-	m.mu.Lock()
-	defer m.mu.Unlock()
-	if m.vga == nil {
-		m.vga = map[string]*vgaSession{}
-	}
-	dial := func(s *vgaSession) (*websocket.Conn, error) {
-		c, cancel := context.WithTimeout(ctx, 20*time.Second)
-		defer cancel()
-		u := fmt.Sprintf("ws://incus/1.0/operations/%s/websocket?secret=%s", s.op, s.secret)
-		ws, _, err := websocket.Dial(c, u, &websocket.DialOptions{HTTPClient: client, CompressionMode: websocket.CompressionDisabled})
-		return ws, err
-	}
-	s := m.vga[name]
-	if s != nil {
-		if ws, err := dial(s); err == nil {
-			s.refs++
-			ws.SetReadLimit(64 << 20)
-			return ws, m.releaser(name, s), nil
-		}
-		// the operation is gone (the VM restarted, or Incus did): start over
-		s.cancel()
-		delete(m.vga, name)
-	}
-	s, err = m.openVGA(ctx, client, name, false)
-	if err != nil && strings.Contains(err.Error(), "already connected") {
-		// a session a previous Ham Lab process held and never let go of; take it over
-		s, err = m.openVGA(ctx, client, name, true)
-	}
-	if err != nil {
-		return nil, nil, err
-	}
-	ws, err := dial(s)
-	if err != nil {
-		s.cancel()
-		return nil, nil, err
-	}
-	ws.SetReadLimit(64 << 20)
-	s.refs = 1
-	m.vga[name] = s
-	return ws, m.releaser(name, s), nil
-}
-
-func (m *Manager) releaser(name string, s *vgaSession) func() {
-	return func() {
-		m.mu.Lock()
-		defer m.mu.Unlock()
-		s.refs--
-		if s.refs <= 0 && m.vga[name] == s {
-			s.cancel()
-			delete(m.vga, name)
-		}
-	}
-}
-
-// openVGA asks Incus for the console operation and holds its control websocket, which is
-// what keeps the operation alive.
-func (m *Manager) openVGA(ctx context.Context, client *http.Client, name string, force bool) (*vgaSession, error) {
-	body, _ := json.Marshal(map[string]any{"type": "vga", "width": 0, "height": 0, "force": force})
-	c, cancel := context.WithTimeout(ctx, 20*time.Second)
-	defer cancel()
-	req, _ := http.NewRequestWithContext(c, "POST", "http://incus/1.0/instances/"+name+"/console", bytes.NewReader(body))
-	req.Header.Set("Content-Type", "application/json")
-	resp, err := client.Do(req)
-	if err != nil {
-		if isPermission(err) {
-			return nil, errors.New("this account can't reach Incus's socket; Finish setup on the Virtualization tab puts Ham Lab in incus-admin")
-		}
-		return nil, err
-	}
-	defer resp.Body.Close()
-	var op struct {
-		Error    string `json:"error"`
-		Metadata struct {
-			ID       string `json:"id"`
-			Metadata struct {
-				FDs map[string]string `json:"fds"`
-			} `json:"metadata"`
-		} `json:"metadata"`
-	}
-	if err := json.NewDecoder(resp.Body).Decode(&op); err != nil {
-		return nil, errors.New("unreadable answer from incus")
-	}
-	if op.Error != "" {
-		return nil, errors.New(op.Error)
-	}
-	secret, controlSecret := op.Metadata.Metadata.FDs["0"], op.Metadata.Metadata.FDs["control"]
-	if op.Metadata.ID == "" || secret == "" {
-		return nil, errors.New("incus gave no console; is the VM running?")
-	}
-	s := &vgaSession{op: op.Metadata.ID, secret: secret}
-	// the control websocket lives outside any one request: it is the session
-	sctx, scancel := context.WithCancel(context.Background())
-	s.cancel = scancel
-	if controlSecret != "" {
-		u := fmt.Sprintf("ws://incus/1.0/operations/%s/websocket?secret=%s", s.op, controlSecret)
-		control, _, err := websocket.Dial(sctx, u, &websocket.DialOptions{HTTPClient: client, CompressionMode: websocket.CompressionDisabled})
-		if err != nil {
-			scancel()
-			return nil, err
-		}
-		s.control = control
-		go func() { // drain it; when it ends, so has the operation
-			for {
-				if _, _, err := control.Read(sctx); err != nil {
-					break
-				}
-			}
-			control.Close(websocket.StatusNormalClosure, "")
-		}()
-		go func() { <-sctx.Done(); control.Close(websocket.StatusNormalClosure, "") }()
-	}
-	return s, nil
-}
-
-func isPermission(err error) bool {
-	var pe *os.PathError
-	if errors.As(err, &pe) {
-		return os.IsPermission(pe)
-	}
-	var oe *net.OpError
-	if errors.As(err, &oe) {
-		return os.IsPermission(oe.Err) || isPermission(oe.Err)
-	}
-	return false
-}

internal/media/encode.go

@@ -1,217 +1,337 @@
 package media
 
-// What to run when a file is to be re-encoded for a browser that cannot play it as it is:
-// the codecs and sizes on offer, the output size and bit rate a choice comes to for a
-// given source, the ways this machine could do it in the order worth trying, and the
-// ffmpeg argument list for one of them. All decisions, no processes, so it can be tested.
+// What to run when a video is played in the browser: the qualities it is offered in (the
+// ladder), the ways a machine could make one of them on the device asked for, in the order
+// worth trying, and the ffmpeg argument list for one piece-making run. All decisions, no
+// processes, so it can be tested. Everything is H.264 High and AAC: what every browser plays.
 
 import (
 	"fmt"
 	"math"
 	"sort"
 	"strconv"
+	"strings"
 )
 
-// Codec is one target a stream may be re-encoded to. "copy" keeps the codec and only
-// repackages: for a browser that lacks the container, not the decoder.
-type Codec struct {
-	ID    string `json:"id"`
-	Label string `json:"label"`
+// Rung is one quality the player can pick: a size, a frame rate and a bit rate.
+type Rung struct {
+	Name    string  `json:"name"`  // in URLs: the width, "1920"
+	Label   string  `json:"label"` // what the menu says: "1080s", "720p"
+	Width   int     `json:"width"`
+	Height  int     `json:"height"`
+	FPS     float64 `json:"fps"`
+	Bitrate int     `json:"bitrate"` // video, bits a second, on average
+	Peak    int     `json:"peak"`    // what the playlist promises, sound included
+	level   string  // H.264 level, "5.2"
+	codecs  string  // for the master playlist
 }
 
-var Codecs = []Codec{{"h264", "H.264"}, {"hevc", "HEVC"}, {"av1", "AV1"}, {"copy", "Original codec, repackaged"}}
-
-// Quality is a picture height; the bit rate follows from the size the output ends up at.
-type Quality struct {
-	ID     string `json:"id"`
-	Label  string `json:"label"`
-	Height int    `json:"height"` // 0: the source's own
+// One step of the ladder: the long side for a 360 video (its width), the short side for a flat
+// one, and the bit rate (Mb/s ×10) at more than 30 frames a second and at 30 or fewer.
+type step struct {
+	size   int
+	label  string
+	hi, lo int
+	cap30  bool
 }
 
-var Qualities = []Quality{{"original", "Original size", 0}, {"1080p", "1080p", 1080}, {"720p", "720p", 720}, {"480p", "480p", 480}}
-
-func qualityByID(id string) (Quality, bool) {
-	for _, q := range Qualities {
-		if q.ID == id {
-			return q, true
-		}
-	}
-	return Quality{}, false
+// A 360 picture is seen a quarter of its width at a time, so it needs more pixels than a flat
+// one for the same sharpness; YouTube names its sizes by the flat picture they look like
+// ("1080s"), and so does this.
+var vrSteps = []step{
+	{3840, "2160s", 220, 160, false},
+	{2880, "1440s", 120, 90, false},
+	{1920, "1080s", 60, 45, false},
+	{1280, "720s", 25, 25, true},
 }
 
-// ValidChoice says whether a codec and quality are ones on offer — checked before any work.
-func ValidChoice(codec, quality string) error {
-	if !codecKnown(codec) {
-		return fmt.Errorf("unknown codec %q", codec)
-	}
-	if _, ok := qualityByID(quality); !ok {
-		return fmt.Errorf("unknown quality %q", quality)
-	}
+var flatSteps = []step{
+	{2160, "2160p", 160, 120, false},
+	{1440, "1440p", 90, 65, false},
+	{1080, "1080p", 50, 35, false},
+	{720, "720p", 25, 25, true},
+	{480, "480p", 12, 12, true},
+}
+
+const audioRate = 160_000
+
+func even(x float64) int { return int(math.Round(x/2)) * 2 }
+
+// Ladder is the qualities a video is offered in, best first: every step no bigger than the
+// picture itself, or the picture's own size if it is smaller than all of them.
+func Ladder(i Info) []Rung {
+	v := i.Video
+	if v == nil || v.Width <= 0 || v.Height <= 0 {
 		return nil
+	}
+	vr := v.Spherical
+	steps := flatSteps
+	w, h := v.Shown()
+	src := min(w, h) // a flat picture is named by its short side
+	if vr {
+		steps, src = vrSteps, w
+	}
+	// A picture between two steps (a 2292×960 capture) gets its own size on top, at the bit
+	// rate of the step above, so the best on offer is never less than the file.
+	var out []Rung
+	for k, s := range steps {
+		if s.size > src {
+			continue
+		}
+		if len(out) == 0 && s.size < src && k > 0 { // never above the top step: H.264 stops there
+			own := steps[k-1]
+			own.size, own.label, own.cap30 = src, strconv.Itoa(src)+map[bool]string{true: "s", false: "p"}[vr], false
+			out = append(out, rung(i, own))
+		}
+		out = append(out, rung(i, s))
+	}
+	if len(out) == 0 {
+		last := steps[len(steps)-1]
+		last.size, last.label = src, strconv.Itoa(src)+map[bool]string{true: "s", false: "p"}[vr]
+		out = append(out, rung(i, last))
+	}
+	return out
 }
 
-func codecKnown(id string) bool {
-	for _, c := range Codecs {
-		if c.ID == id {
-			return true
-		}
-	}
-	return false
-}
-
-// fit is the output: never larger than the source, even dimensions, and a bit rate by the
-// size it comes to — a quarter more at 50 fps and up, less for the codecs that need less.
-func fit(q Quality, src Info, codec string) (w, h, kbps int) {
-	w, h = src.Video.Width, src.Video.Height
-	if q.Height > 0 && h > q.Height {
-		w = int(math.Round(float64(w) * float64(q.Height) / float64(h)))
-		h = q.Height
-	}
-	w, h = w&^1, h&^1
+func rung(i Info, s step) Rung {
+	v := i.Video
+	sw, sh := v.Shown()
+	var w, h int
 	switch {
-	case h >= 2160:
-		kbps = 20000
-	case h >= 1440:
-		kbps = 12000
-	case h >= 1080:
-		kbps = 8000
-	case h >= 720:
-		kbps = 4000
-	default:
-		kbps = 2000
+	case v.Spherical:
+		w, h = s.size, even(float64(s.size)*float64(sh)/float64(sw))
+	case sw >= sh:
+		h, w = s.size, even(float64(s.size)*float64(sw)/float64(sh))
+	default: // standing up
+		w, h = s.size, even(float64(s.size)*float64(sh)/float64(sw))
 	}
-	if src.Video.FPS >= 50 {
-		kbps = kbps * 5 / 4
+	fps := v.FPS
+	if fps <= 0 {
+		fps = 30
 	}
-	if codec == "hevc" || codec == "av1" {
-		kbps = kbps * 6 / 10
+	for fps > 60.5 || (s.cap30 && fps > 30.5) {
+		fps /= 2
 	}
-	return w, h, kbps
+	fps = math.Round(fps*1000) / 1000
+	br := s.lo
+	if fps > 30.5 {
+		br = s.hi
+	}
+	r := Rung{Name: strconv.Itoa(w), Label: s.label, Width: w, Height: h, FPS: fps, Bitrate: br * 100_000}
+	r.Peak = r.Bitrate*3/2 + audioRate
+	r.level = level(w, h, fps)
+	lv, _ := strconv.ParseFloat(r.level, 64)
+	r.codecs = fmt.Sprintf("avc1.6400%02x", int(math.Round(lv*10)))
+	if i.Audio != nil {
+		r.codecs += ",mp4a.40.2"
+	}
+	return r
 }
 
-// Recipe is one way to make the stream: the engine's name for the record, and the ffmpeg
-// arguments that go before the input, the video filter, and the video codec.
+// level is the lowest H.264 level that takes this many macroblocks a frame and a second.
+func level(w, h int, fps float64) string {
+	mbs := ((w + 15) / 16) * ((h + 15) / 16)
+	rate := float64(mbs) * fps
+	for _, l := range []struct {
+		name  string
+		mbps  float64
+		frame int
+	}{
+		{"3.1", 108000, 3600}, {"3.2", 216000, 5120}, {"4.0", 245760, 8192}, {"4.2", 522240, 8704},
+		{"5.0", 589824, 22080}, {"5.1", 983040, 36864}, {"5.2", 2073600, 36864},
+	} {
+		if rate <= l.mbps && mbs <= l.frame {
+			return l.name
+		}
+	}
+	return "6.2"
+}
+
+// fpsArg is a frame rate as ffmpeg's fps filter takes it, exactly for the NTSC rates.
+func fpsArg(f float64) string {
+	for _, n := range []float64{24, 30, 60, 120} {
+		if math.Abs(f-n*1000/1001) < 0.01 {
+			return fmt.Sprintf("%d/1001", int(n*1000))
+		}
+	}
+	return strings.TrimRight(strings.TrimRight(strconv.FormatFloat(f, 'f', 3, 64), "0"), ".")
+}
+
+// Recipe is one way to make a quality: the engine's name for the record, the device it runs
+// on ("cpu" for the software encoder), and the ffmpeg arguments that go before the input, the
+// video filter, and the video codec.
 type Recipe struct {
 	Engine string
+	Device string
 	Pre    []string
 	VF     string
 	Video  []string
 }
 
-// recipes are the ways to try, best first: a card on the bus before the integrated GPU;
-// on a GPU, decoding on the same card (frames never leave it) before decoding in software
-// and uploading; the software encoders last. An empty list means nothing here can.
-func recipes(c Caps, codec string, src Info, w, h, kbps int) []Recipe {
-	if codec == "copy" {
-		v := []string{"-c:v", "copy"}
-		if src.Video.Codec == "hevc" {
-			v = append(v, "-tag:v", "hvc1") // Safari reads hvc1, not hev1
+// CPU is the device name for software encoding.
+const CPU = "cpu"
+
+// Device is one thing a machine can make H.264 on, for the Transcode device setting.
+type Device struct {
+	ID         string `json:"id"`   // a render node, or "cpu"
+	Name       string `json:"name"` // "Intel Arc A380", "CPU (libx264)"
+	Integrated bool   `json:"integrated,omitempty"`
+	OK         bool   `json:"ok"`
+	Reason     string `json:"reason,omitempty"` // when not OK: why
+}
+
+// Devices lists what this machine could make the player's H.264 on: every GPU, usable or not
+// (and why not), then the CPU.
+func Devices(c Caps) []Device {
+	var out []Device
+	if c.Error != "" {
+		return []Device{{ID: CPU, Name: "CPU", Reason: c.Error}}
 	}
-		return []Recipe{{Engine: "Original codec", Video: v}}
+	for _, g := range c.GPUs {
+		d := Device{ID: g.Device, Name: g.Name, Integrated: g.Integrated}
+		if d.Name == "" {
+			d.Name = g.Device
 		}
-	var out []Recipe
-	gpus := append([]GPU(nil), c.GPUs...)
-	sort.SliceStable(gpus, func(i, j int) bool { return !gpus[i].Integrated && gpus[j].Integrated })
-	rate := []string{"-b:v", strconv.Itoa(kbps) + "k", "-maxrate", strconv.Itoa(kbps*5/4) + "k", "-bufsize", strconv.Itoa(kbps*5/2) + "k"}
-	for i := range gpus {
-		g := &gpus[i]
-		if g.API != "vaapi" || !has(g.Encodes, codec) {
-			continue
+		switch {
+		case g.API != "vaapi":
+			d.Reason = "only VAAPI devices encode here"
+		case g.Encodes != nil && !has(g.Encodes, "h264"):
+			d.Reason = "doesn't encode H.264"
+		default:
+			d.OK = true
 		}
-		video := append([]string{"-c:v", codec + "_vaapi"}, rate...)
-		switch codec {
-		case "h264":
-			video = append(video, "-profile:v", "high")
-		case "hevc":
-			video = append(video, "-tag:v", "hvc1")
+		out = append(out, d)
 	}
+	for _, g := range c.Unusable {
 		name := g.Name
 		if name == "" {
 			name = g.Device
 		}
-		scale := fmt.Sprintf("scale_vaapi=w=%d:h=%d:format=nv12", w, h)
-		if has(g.Codecs, src.Video.Codec) {
-			vf := scale
-			if src.HDR() {
-				vf = "tonemap_vaapi=format=nv12:t=bt709:p=bt709:m=bt709," + vf
+		out = append(out, Device{ID: g.Device, Name: name, Integrated: g.Integrated, Reason: g.Reason})
 	}
-			out = append(out, Recipe{Engine: name + " (vaapi)", Pre: []string{"-hwaccel", "vaapi", "-hwaccel_device", g.Device, "-hwaccel_output_format", "vaapi"}, VF: vf, Video: video})
+	d := Device{ID: CPU, Name: "CPU (libx264)", OK: has(c.Encoders, "libx264")}
+	if !d.OK {
+		d.Reason = "this ffmpeg has no libx264"
 	}
-		out = append(out, Recipe{Engine: name + " (vaapi, decoded on the CPU)", Pre: []string{"-init_hw_device", "vaapi=va:" + g.Device, "-filter_hw_device", "va"},
-			VF: fmt.Sprintf("format=nv12,scale=%d:%d,hwupload", w, h), Video: video})
+	return append(out, d)
+}
+
+// recipes are the ways to make quality r of src on device, best first: on a GPU, decoding on
+// the same card (frames never leave it) before decoding in software and uploading; the CPU
+// last, as the fallback whatever was asked. device "" is any: a card on the bus before the
+// integrated GPU. An empty list means nothing here can.
+func recipes(c Caps, device string, src Info, r Rung) []Recipe {
+	var out []Recipe
+	gpus := append([]GPU(nil), c.GPUs...)
+	sort.SliceStable(gpus, func(i, j int) bool { return !gpus[i].Integrated && gpus[j].Integrated })
+	kbps := r.Bitrate / 1000
+	rate := []string{"-b:v", strconv.Itoa(kbps) + "k", "-maxrate", strconv.Itoa(kbps*3/2) + "k", "-bufsize", strconv.Itoa(kbps*2) + "k",
+		"-profile:v", "high", "-level", r.level}
+	fps := ""
+	if src.Video == nil || src.Video.FPS <= 0 || math.Abs(src.Video.FPS-r.FPS) > 0.01 {
+		fps = "fps=" + fpsArg(r.FPS) + ","
 	}
-	swVF := fmt.Sprintf("scale=%d:%d,format=yuv420p", w, h)
-	if src.HDR() {
-		swVF = fmt.Sprintf("zscale=t=linear:npl=100,format=gbrpf32le,zscale=p=bt709,tonemap=hable,zscale=t=bt709:m=bt709,scale=%d:%d,format=yuv420p", w, h)
+	if device != CPU {
+		for i := range gpus {
+			g := &gpus[i]
+			// Encodes is vainfo's answer; without vainfo there is none, and the card is tried
+			// anyway, with the next recipe behind it.
+			if g.API != "vaapi" || (g.Encodes != nil && !has(g.Encodes, "h264")) || (device != "" && g.Device != device) {
+				continue
 			}
-	cap := []string{"-maxrate", strconv.Itoa(kbps*5/4) + "k", "-bufsize", strconv.Itoa(kbps*5/2) + "k"}
-	switch {
-	case codec == "h264" && has(c.Encoders, "libx264"):
-		out = append(out, Recipe{Engine: "CPU (libx264)", VF: swVF, Video: append([]string{"-c:v", "libx264", "-preset", "veryfast", "-crf", "23", "-profile:v", "high"}, cap...)})
-	case codec == "hevc" && has(c.Encoders, "libx265"):
-		out = append(out, Recipe{Engine: "CPU (libx265)", VF: swVF, Video: append([]string{"-c:v", "libx265", "-preset", "fast", "-crf", "26", "-tag:v", "hvc1"}, cap...)})
-	case codec == "av1" && has(c.Encoders, "libsvtav1"):
-		out = append(out, Recipe{Engine: "CPU (SVT-AV1)", VF: swVF, Video: append([]string{"-c:v", "libsvtav1", "-preset", "8", "-crf", "35"}, cap...)})
+			video := append(append([]string{"-c:v", "h264_vaapi"}, rate...), "-bf", "0")
+			name := g.Name
+			if name == "" {
+				name = g.Device
+			}
+			// The card doesn't turn a phone's picture by itself (ffmpeg's own turning is for
+			// pictures in memory), so it is told to, and ffmpeg is told not to.
+			scale := turn(src) + fmt.Sprintf("scale_vaapi=w=%d:h=%d:format=nv12", r.Width, r.Height)
+			// HDR10 (PQ) is tone-mapped on the card, which needs the file's mastering data;
+			// HLG is made to look right on an ordinary screen as it is, so it is only scaled
+			// (tonemap_vaapi refuses it). Either way the next recipe tone-maps in software.
+			if src.Video != nil && has(g.Codecs, src.Video.Codec) {
+				vf := fps + scale
+				if src.PQ() {
+					vf = fps + "tonemap_vaapi=format=nv12:t=bt709:p=bt709:m=bt709," + scale
+				}
+				out = append(out, Recipe{Engine: name, Device: g.Device, Pre: []string{"-noautorotate", "-hwaccel", "vaapi", "-hwaccel_device", g.Device, "-hwaccel_output_format", "vaapi"}, VF: vf, Video: video})
+			}
+			cpuVF := fmt.Sprintf("%sformat=nv12,scale=%d:%d,hwupload", fps, r.Width, r.Height)
+			if src.PQ() {
+				cpuVF = fps + toneMap + fmt.Sprintf(",scale=%d:%d,format=nv12,hwupload", r.Width, r.Height)
+			}
+			out = append(out, Recipe{Engine: name + ", decoded on the CPU", Device: g.Device, Pre: []string{"-init_hw_device", "vaapi=va:" + g.Device, "-filter_hw_device", "va"},
+				VF: cpuVF, Video: video})
+		}
+	}
+	if has(c.Encoders, "libx264") {
+		vf := fmt.Sprintf("%sscale=%d:%d,format=yuv420p", fps, r.Width, r.Height)
+		if src.PQ() {
+			vf = fps + toneMap + fmt.Sprintf(",scale=%d:%d,format=yuv420p", r.Width, r.Height)
+		}
+		out = append(out, Recipe{Engine: "CPU (libx264)", Device: CPU, VF: vf, Video: append([]string{"-c:v", "libx264", "-preset", "veryfast", "-sc_threshold", "0"}, rate...)})
 	}
 	return out
 }
 
-// EngineFor is the engine the picker will say a codec runs on, "" when none can.
-func EngineFor(c Caps, codec string) string {
-	if c.Error != "" {
+// turn is the card's filter that turns a picture the way it is meant to be shown.
+func turn(src Info) string {
+	if src.Video == nil {
 		return ""
 	}
-	if codec == "copy" {
-		return "Original codec"
+	switch src.Video.Rotation {
+	case 90:
+		return "transpose_vaapi=dir=clock,"
+	case 180:
+		return "transpose_vaapi=dir=reversal,"
+	case 270:
+		return "transpose_vaapi=dir=cclock,"
 	}
-	r := recipes(c, codec, Info{Video: &Track{Codec: "h264", Width: 1920, Height: 1080}}, 1920, 1080, 8000)
-	if len(r) == 0 {
 	return ""
-	}
-	return r[0].Engine
 }
 
-// hlsArgs is the whole ffmpeg argument list for one recipe: the input, the first video and
-// audio streams, the picture through the recipe, sound as AAC unless it already is, a
-// keyframe every segment, and an event playlist of fragmented-MP4 segments in dir.
-func hlsArgs(dir, in string, src Info, r Recipe, copyCodec bool) []string {
+// toneMap turns an HDR10 picture into an ordinary one, in software.
+const toneMap = "zscale=t=linear:npl=100,format=gbrpf32le,zscale=p=bt709,tonemap=hable,zscale=t=bt709:m=bt709:r=tv"
+
+// Seg is the length of a piece, in seconds.
+const Seg = 3.0
+
+// tsBase is added to every run's times, so pieces from different runs follow on: without it
+// a run from the top would start just below zero (the B-frame and AAC delay) and the muxer
+// would shift that run alone.
+const tsBase = 10
+
+// pieceArgs is one run making quality r from piece n on, into dir as <n>.ts: an accurate seek
+// to n×Seg, a keyframe on every Seg mark and nowhere else (so every piece starts on one, and
+// pieces from any run and quality line up), times put back where that is in the film. in is a
+// path or, for a file on another machine, an http URL.
+func pieceArgs(dir, in string, src Info, rc Recipe, r Rung, n int) []string {
+	at := strconv.FormatFloat(float64(n)*Seg, 'f', 3, 64)
 	a := []string{"-nostdin", "-hide_banner", "-loglevel", "error", "-y"}
-	a = append(a, r.Pre...)
-	a = append(a, "-i", in, "-map", "0:v:0", "-map", "0:a:0?", "-sn", "-dn")
-	if r.VF != "" {
-		a = append(a, "-vf", r.VF)
+	a = append(a, rc.Pre...)
+	if strings.HasPrefix(in, "http://") || strings.HasPrefix(in, "https://") {
+		a = append(a, "-reconnect", "1", "-reconnect_on_network_error", "1", "-reconnect_delay_max", "4")
 	}
-	a = append(a, r.Video...)
-	switch {
-	case src.Audio == nil:
+	a = append(a, "-ss", at, "-i", in, "-map", "0:v:0", "-map", "0:a:0?", "-sn", "-dn")
+	if rc.VF != "" {
+		a = append(a, "-vf", rc.VF)
+	}
+	a = append(a, rc.Video...)
+	if src.Audio == nil {
 		a = append(a, "-an")
-	case src.Audio.Codec == "aac":
-		a = append(a, "-c:a", "copy")
-	default:
+	} else {
 		a = append(a, "-c:a", "aac", "-b:a", "160k", "-ac", "2")
 	}
-	if !copyCodec {
-		fps := src.Video.FPS
-		if fps <= 0 {
-			fps = 30
-		}
-		gop := int(math.Round(fps * hlsSeconds))
-		if gop < 24 {
-			gop = 24
-		}
-		if gop > 300 {
-			gop = 300
-		}
-		a = append(a, "-g", strconv.Itoa(gop), "-force_key_frames", fmt.Sprintf("expr:gte(t,n_forced*%d)", hlsSeconds))
-	}
-	a = append(a, "-f", "hls", "-hls_time", strconv.Itoa(hlsSeconds), "-hls_playlist_type", "event", "-hls_segment_type", "fmp4",
-		"-hls_fmp4_init_filename", "init.mp4", "-hls_segment_filename", dir+"/seg%05d.m4s", "-hls_flags", "independent_segments+temp_file",
-		"-progress", dir+"/progress", "-stats_period", "1", dir+"/index.m3u8")
+	gop := int(math.Ceil(r.FPS*Seg)) * 4
+	a = append(a, "-g", strconv.Itoa(gop), "-force_key_frames", fmt.Sprintf("expr:gte(t,n_forced*%g)", Seg),
+		"-output_ts_offset", strconv.FormatFloat(float64(n)*Seg+tsBase, 'f', 3, 64),
+		"-f", "hls", "-hls_time", strconv.FormatFloat(Seg-0.5, 'f', 2, 64), "-hls_list_size", "0",
+		"-hls_flags", "temp_file", "-hls_segment_type", "mpegts", "-start_number", strconv.Itoa(n),
+		"-hls_segment_filename", dir+"/%d.ts", dir+"/ffmpeg.m3u8")
 	return a
 }
 
-const hlsSeconds = 4
-
 func has(list []string, x string) bool {
 	for _, v := range list {
 		if v == x {

internal/media/encode_test.go

@@ -9,25 +9,40 @@ func src(codec string, w, h int, fps float64) Info {
 	return Info{Duration: 100, Video: &Track{Codec: codec, Width: w, Height: h, FPS: fps}, Audio: &Track{Codec: "opus", Channels: 2}}
 }
 
-func TestFit(t *testing.T) {
-	q := func(id string) Quality { x, _ := qualityByID(id); return x }
-	for _, c := range []struct {
-		q         string
-		in        Info
-		codec     string
-		w, h, kbs int
-	}{
-		{"1080p", src("hevc", 3840, 2160, 60), "h264", 1920, 1080, 10000},
-		{"original", src("hevc", 3840, 2160, 30), "h264", 3840, 2160, 20000},
-		{"720p", src("h264", 2292, 960, 60), "h264", 1718, 720, 5000},  // odd width made even
-		{"1080p", src("h264", 1280, 720, 30), "h264", 1280, 720, 4000}, // never upscaled
-		{"480p", src("h264", 1920, 1080, 30), "hevc", 852, 480, 1200},  // 853.3 rounds down, then even
-		{"original", src("av1", 640, 360, 24), "av1", 640, 360, 1200},
-	} {
-		w, h, k := fit(q(c.q), c.in, c.codec)
-		if w != c.w || h != c.h || k != c.kbs {
-			t.Errorf("%s %s %dx%d@%.0f → %dx%d %dk, want %dx%d %dk", c.q, c.codec, c.in.Video.Width, c.in.Video.Height, c.in.Video.FPS, w, h, k, c.w, c.h, c.kbs)
+func TestLadder(t *testing.T) {
+	vr := src("hevc", 7680, 3840, 50)
+	vr.Video.Spherical = true
+	r := Ladder(vr)
+	if len(r) != 4 || r[0].Name != "3840" || r[0].Height != 1920 || r[0].level != "5.2" || r[3].FPS != 25 || r[0].Label != "2160s" {
+		t.Fatalf("8K 360: %+v", r)
 	}
+	if r[0].codecs != "avc1.640034,mp4a.40.2" {
+		t.Fatalf("codecs %q", r[0].codecs)
+	}
+	r = Ladder(src("h264", 2292, 960, 60)) // a capture: its own size on top, then the steps under it
+	if len(r) != 3 || r[0].Label != "960p" || r[0].Width != 2292 || r[0].FPS != 60 || r[0].Bitrate != 5_000_000 || r[1].Label != "720p" || r[1].Width != 1720 || r[1].FPS != 30 {
+		t.Fatalf("2292×960: %+v", r)
+	}
+	r = Ladder(src("h264", 1920, 1080, 59.94))
+	if len(r) != 3 || r[0].Label != "1080p" || r[0].FPS != 59.94 || r[1].FPS != 29.97 || r[2].Width != 854 {
+		t.Fatalf("1080p: %+v", r)
+	}
+	if r = Ladder(src("h264", 1080, 1920, 30)); r[0].Width != 1080 || r[0].Height != 1920 { // standing up
+		t.Fatalf("portrait: %+v", r)
+	}
+	if r = Ladder(src("h264", 320, 240, 30)); len(r) != 1 || r[0].Width != 320 || r[0].Label != "240p" {
+		t.Fatalf("tiny: %+v", r)
+	}
+	silent := src("h264", 1280, 720, 30)
+	silent.Audio = nil
+	if r = Ladder(silent); strings.Contains(r[0].codecs, "mp4a") {
+		t.Fatalf("no sound, no AAC: %q", r[0].codecs)
+	}
+	if Ladder(Info{Duration: 10}) != nil {
+		t.Fatal("no picture, no ladder")
+	}
+	if fpsArg(29.97) != "30000/1001" || fpsArg(25) != "25" {
+		t.Fatal(fpsArg(29.97), fpsArg(25))
 	}
 }
 
@@ -47,82 +62,110 @@ func engineNames(r []Recipe) []string {
 	return out
 }
 
-func TestRecipesOrder(t *testing.T) {
+func TestRecipes(t *testing.T) {
 	c := gridCaps()
-	// h264 from hevc: the card first, decoding on it; then the iGPU the same way; then the CPU
-	got := engineNames(recipes(c, "h264", src("hevc", 3840, 2160, 60), 1920, 1080, 10000))
-	want := []string{"Intel Arc A380 (vaapi)", "Intel Arc A380 (vaapi, decoded on the CPU)", "Intel UHD Graphics 750 (vaapi)", "Intel UHD Graphics 750 (vaapi, decoded on the CPU)", "CPU (libx264)"}
-	if strings.Join(got, "|") != strings.Join(want, "|") {
-		t.Fatalf("got %v", got)
+	in := src("hevc", 3840, 2160, 60)
+	r1080 := Ladder(in)[2]
+	// any device: the card first, decoding on it; then the iGPU the same way; then the CPU
+	got := strings.Join(engineNames(recipes(c, "", in, r1080)), "|")
+	if got != "Intel Arc A380|Intel Arc A380, decoded on the CPU|Intel UHD Graphics 750|Intel UHD Graphics 750, decoded on the CPU|CPU (libx264)" {
+		t.Fatalf("any: %s", got)
 	}
-	// av1 source: neither card decodes it, so no same-card recipe, and only the Arc encodes av1
-	got = engineNames(recipes(c, "av1", src("av1", 1920, 1080, 30), 1920, 1080, 4800))
-	want = []string{"Intel Arc A380 (vaapi, decoded on the CPU)", "CPU (SVT-AV1)"}
-	if strings.Join(got, "|") != strings.Join(want, "|") {
-		t.Fatalf("av1: got %v", got)
+	// the iGPU asked for: only it, then the CPU as the fallback
+	if got = strings.Join(engineNames(recipes(c, "/dev/dri/renderD128", in, r1080)), "|"); got != "Intel UHD Graphics 750|Intel UHD Graphics 750, decoded on the CPU|CPU (libx264)" {
+		t.Fatalf("iGPU: %s", got)
 	}
-	// copy is one recipe, no filter, hvc1 for hevc
-	r := recipes(c, "copy", src("hevc", 1920, 1080, 30), 1920, 1080, 0)
-	if len(r) != 1 || r[0].VF != "" || !has(r[0].Video, "hvc1") || !has(r[0].Video, "copy") {
-		t.Fatalf("copy: %+v", r)
+	if got = strings.Join(engineNames(recipes(c, CPU, in, r1080)), "|"); got != "CPU (libx264)" {
+		t.Fatalf("cpu: %s", got)
 	}
-	// a machine with no GPU and no x264: nothing for h264, something for av1
-	bare := Caps{FFmpeg: "ffmpeg", FFprobe: "ffprobe", Encoders: []string{"aac", "libsvtav1"}}
-	if len(recipes(bare, "h264", src("h264", 1280, 720, 30), 1280, 720, 4000)) != 0 {
-		t.Fatal("no x264 means no h264")
+	// an AV1 source: neither card decodes it, so no same-card recipe
+	if got = strings.Join(engineNames(recipes(c, "/dev/dri/renderD129", src("av1", 1920, 1080, 30), r1080)), "|"); got != "Intel Arc A380, decoded on the CPU|CPU (libx264)" {
+		t.Fatalf("av1: %s", got)
 	}
-	if EngineFor(bare, "av1") != "CPU (SVT-AV1)" || EngineFor(bare, "h264") != "" || EngineFor(bare, "copy") != "Original codec" {
-		t.Fatal("engineFor")
+	// a machine with no GPU and no x264: nothing
+	bare := Caps{FFmpeg: "ffmpeg", FFprobe: "ffprobe", Encoders: []string{"aac"}}
+	if len(recipes(bare, "", in, r1080)) != 0 {
+		t.Fatal("no x264 means nothing")
 	}
-	if EngineFor(c, "hevc") != "Intel Arc A380 (vaapi)" {
-		t.Fatalf("engineFor on grid: %q", EngineFor(c, "hevc"))
-	}
-	// HDR gets tone-mapped on both paths
+	// 30 fps from 60 for the lower rungs; HDR tone-mapped on both paths
+	r720 := Ladder(in)[3]
 	hdr := src("hevc", 3840, 2160, 60)
 	hdr.Video.ColorTransfer = "smpte2084"
-	r = recipes(c, "h264", hdr, 1920, 1080, 10000)
-	if !strings.HasPrefix(r[0].VF, "tonemap_vaapi") || !strings.Contains(r[len(r)-1].VF, "tonemap=hable") {
-		t.Fatalf("hdr: %q … %q", r[0].VF, r[len(r)-1].VF)
+	rs := recipes(c, "", hdr, r720)
+	if !strings.HasPrefix(rs[0].VF, "fps=30,tonemap_vaapi") || !strings.Contains(rs[1].VF, "tonemap=hable") || !strings.HasSuffix(rs[1].VF, "hwupload") || !strings.Contains(rs[len(rs)-1].VF, "tonemap=hable") {
+		t.Fatalf("hdr: %q … %q … %q", rs[0].VF, rs[1].VF, rs[len(rs)-1].VF)
+	}
+	hdr.Video.ColorTransfer = "arib-std-b67" // HLG: shown as it is, on every path
+	if rs = recipes(c, "", hdr, r720); strings.Contains(rs[0].VF, "tonemap") || strings.Contains(rs[1].VF, "tonemap") {
+		t.Fatalf("hlg: %q … %q", rs[0].VF, rs[1].VF)
+	}
+	// a phone's picture, upright: the ladder by the shown size, turned on the card
+	phone := src("hevc", 1920, 1080, 30)
+	phone.Video.Rotation = 90
+	lr := Ladder(phone)
+	if lr[0].Width != 1080 || lr[0].Height != 1920 {
+		t.Fatalf("upright: %+v", lr[0])
+	}
+	if rs = recipes(c, "", phone, lr[0]); !strings.HasPrefix(rs[0].VF, "transpose_vaapi=dir=clock,scale_vaapi=w=1080:h=1920") || rs[0].Pre[0] != "-noautorotate" || strings.Contains(rs[1].VF, "transpose") {
+		t.Fatalf("turned: %q %v / %q", rs[0].VF, rs[0].Pre, rs[1].VF)
+	}
+	// no vainfo: the card is tried all the same
+	nov := gridCaps()
+	nov.GPUs[1].Encodes = nil
+	if rs = recipes(nov, "/dev/dri/renderD129", in, r1080); rs[0].Engine != "Intel Arc A380" || !Devices(nov)[1].OK {
+		t.Fatalf("no vainfo: %v", engineNames(rs))
+	}
+	if rs := recipes(c, "", in, r1080); strings.Contains(rs[0].VF, "fps=") {
+		t.Fatalf("same rate needs no fps filter: %q", rs[0].VF)
 	}
 }
 
-func TestHLSArgs(t *testing.T) {
+func TestDevices(t *testing.T) {
+	c := gridCaps()
+	c.Unusable = []GPU{{Device: "/dev/dri/renderD130", Name: "Something", Reason: "permission denied"}}
+	d := Devices(c)
+	if len(d) != 4 || !d[0].OK || !d[1].OK || d[2].OK || d[2].Reason == "" || d[3].ID != CPU || !d[3].OK {
+		t.Fatalf("%+v", d)
+	}
+	if d := Devices(Caps{Error: "ffmpeg is not installed"}); len(d) != 1 || d[0].OK {
+		t.Fatalf("no ffmpeg: %+v", d)
+	}
+}
+
+func TestPieceArgs(t *testing.T) {
 	in := src("h264", 1920, 1080, 60)
-	r := recipes(gridCaps(), "h264", in, 1920, 1080, 10000)[0]
-	a := strings.Join(hlsArgs("/d", "/v.mkv", in, r, false), " ")
-	for _, want := range []string{"-hwaccel vaapi -hwaccel_device /dev/dri/renderD129", "-i /v.mkv", "-map 0:v:0 -map 0:a:0?", "-vf scale_vaapi=w=1920:h=1080:format=nv12", "-c:v h264_vaapi -b:v 10000k -maxrate 12500k", "-c:a aac -b:a 160k -ac 2", "-g 240 -force_key_frames expr:gte(t,n_forced*4)", "-hls_segment_type fmp4", "-hls_segment_filename /d/seg%05d.m4s", "/d/index.m3u8"} {
+	r := Ladder(in)[0]
+	rc := recipes(gridCaps(), "/dev/dri/renderD129", in, r)[0]
+	a := strings.Join(pieceArgs("/d", "/v.mkv", in, rc, r, 12), " ")
+	for _, want := range []string{"-hwaccel vaapi -hwaccel_device /dev/dri/renderD129", "-ss 36.000 -i /v.mkv", "-map 0:v:0 -map 0:a:0?",
+		"-vf scale_vaapi=w=1920:h=1080:format=nv12", "-c:v h264_vaapi -b:v 5000k -maxrate 7500k", "-level 4.2", "-c:a aac -b:a 160k -ac 2",
+		"-force_key_frames expr:gte(t,n_forced*3)", "-output_ts_offset 46.000", "-hls_time 2.50", "-start_number 12", "-hls_segment_filename /d/%d.ts"} {
 		if !strings.Contains(a, want) {
 			t.Errorf("missing %q in\n%s", want, a)
 		}
 	}
-	// aac stays as it is; no audio means none; copy sets no keyframes
-	in.Audio.Codec = "aac"
-	if a := strings.Join(hlsArgs("/d", "/v", in, r, false), " "); !strings.Contains(a, "-c:a copy") {
-		t.Error("aac should be copied")
+	if strings.Contains(a, "-reconnect") {
+		t.Error("a path needs no reconnect")
+	}
+	if a := strings.Join(pieceArgs("/d", "http://10.0.0.234:8100/api/play-src/x", in, rc, r, 0), " "); !strings.Contains(a, "-reconnect 1") {
+		t.Error("a URL reconnects")
 	}
 	in.Audio = nil
-	if a := strings.Join(hlsArgs("/d", "/v", in, r, false), " "); !strings.Contains(a, " -an ") {
-		t.Error("no audio stream → -an")
-	}
-	cp := recipes(gridCaps(), "copy", in, 1920, 1080, 0)[0]
-	if a := strings.Join(hlsArgs("/d", "/v", in, cp, true), " "); strings.Contains(a, "force_key_frames") || strings.Contains(a, "-vf") {
-		t.Error("copy must not ask for keyframes or filter")
+	if a := strings.Join(pieceArgs("/d", "/v", in, rc, r, 0), " "); !strings.Contains(a, "-an") {
+		t.Error("no sound means -an")
 	}
 }
 
-func TestParseProgress(t *testing.T) {
-	b := []byte("frame=10\nout_time_us=1000000\nspeed=2.5x\nprogress=continue\nframe=20\nout_time_us=2500000\nspeed=3.1x\nprogress=continue\n")
-	s, sp := parseProgress(b)
-	if s != 2.5 || sp != 3.1 {
-		t.Fatalf("got %v %v", s, sp)
+func TestCapsOnly(t *testing.T) {
+	c := gridCaps()
+	if got := c.Only("/dev/dri/renderD129"); len(got.GPUs) != 1 || got.GPUs[0].Name != "Intel Arc A380" || len(c.GPUs) != 2 {
+		t.Fatalf("one card: %+v", got.GPUs)
 	}
-}
-
-func TestValidChoice(t *testing.T) {
-	if err := ValidChoice("h264", "720p"); err != nil {
-		t.Fatal(err)
+	if len(c.Only(CPU).GPUs) != 0 || len(c.Only("/dev/dri/renderD200").GPUs) != 0 || len(c.Only("").GPUs) != 2 {
+		t.Fatal("cpu, a device not here, any")
 	}
-	if ValidChoice("vp8", "720p") == nil || ValidChoice("h264", "9p") == nil || ValidChoice("", "") == nil {
-		t.Fatal("bad choices must be refused")
+	// previews then go to that card, or the CPU
+	if g := c.Only("/dev/dri/renderD129").pick("hevc"); g == nil || g.Device != "/dev/dri/renderD129" {
+		t.Fatalf("pick: %+v", g)
 	}
 }

internal/media/ffrun.go

@@ -6,13 +6,13 @@ package media
 // transcode never outlives the console that asked for it.
 
 import (
+	"bufio"
 	"bytes"
 	"context"
 	"errors"
 	"io"
 	"os"
 	"os/exec"
-	"strings"
 	"sync"
 	"syscall"
 	"time"
@@ -92,6 +92,35 @@ func (p *ffproc) end() {
 	}
 }
 
+// pause stops ffmpeg where it is (SIGSTOP), and resume lets it go on: a stream far enough
+// ahead of its player waits rather than making the rest of the film. A root run is paused by
+// its helper, which is told on its standard input.
+func (p *ffproc) pause() error  { return p.signal(syscall.SIGSTOP, "stop\n") }
+func (p *ffproc) resume() error { return p.signal(syscall.SIGCONT, "cont\n") }
+
+func (p *ffproc) signal(sig syscall.Signal, word string) error {
+	if done, _ := p.exited(); done {
+		return errors.New("ended")
+	}
+	if p.in != nil {
+		_, err := io.WriteString(p.in, word)
+		return err
+	}
+	return syscall.Kill(-p.cmd.Process.Pid, sig)
+}
+
+// kill ends ffmpeg now, without waiting: a paused one too.
+func (p *ffproc) kill() {
+	if done, _ := p.exited(); done {
+		return
+	}
+	if p.in != nil {
+		p.in.Close() // the helper ends it, waking it first if it is paused
+		return
+	}
+	_ = syscall.Kill(-p.cmd.Process.Pid, syscall.SIGKILL)
+}
+
 // lastWords is what ffmpeg said last, for the record.
 func (p *ffproc) lastWords() string { return p.tail.last() }
 
@@ -141,7 +170,17 @@ func RunFFmpegHelper(args []string, stdin io.Reader, stderr io.Writer) int {
 	}
 	ctx, cancel := context.WithCancel(context.Background())
 	go func() {
-		_, _ = io.Copy(io.Discard, stdin) // returns when the daemon lets go
+		// "stop" and "cont" pause and resume it; the end of input (the daemon letting go)
+		// ends it.
+		sc := bufio.NewScanner(stdin)
+		for sc.Scan() {
+			switch sc.Text() {
+			case "stop":
+				_ = syscall.Kill(-cmd.Process.Pid, syscall.SIGSTOP)
+			case "cont":
+				_ = syscall.Kill(-cmd.Process.Pid, syscall.SIGCONT)
+			}
+		}
 		cancel()
 	}()
 	done := make(chan error, 1)
@@ -151,6 +190,7 @@ func RunFFmpegHelper(args []string, stdin io.Reader, stderr io.Writer) int {
 	case werr = <-done:
 	case <-ctx.Done():
 		_ = syscall.Kill(-cmd.Process.Pid, syscall.SIGTERM)
+		_ = syscall.Kill(-cmd.Process.Pid, syscall.SIGCONT) // a paused one can't act on TERM
 		select {
 		case werr = <-done:
 		case <-time.After(5 * time.Second):
@@ -181,8 +221,3 @@ func clearDir(dir string) error {
 	}
 	return nil
 }
-
-func hasSegments(playlist string) bool {
-	b, err := os.ReadFile(playlist)
-	return err == nil && strings.Contains(string(b), "#EXTINF")
-}

internal/media/hls.go

@@ -1,344 +0,0 @@
-package media
-
-// Playing what the browser cannot play as it is: an HLS stream, re-encoded on demand by
-// ffmpeg on the machine's own GPU where it has one it can use, on its CPU otherwise. A
-// stream is one file at one codec and size, in a folder of its own under
-// <data dir>/transcode/: ffmpeg writes an event playlist and fragmented-MP4 segments there
-// as fast as it can, and the player reads them as they land, so the range it can seek in
-// grows until the whole file is through — on a GPU, several times faster than watching.
-// Nothing is kept: a stream nobody has touched for a while is ended and its folder
-// removed, and the folder is emptied when the daemon starts.
-
-import (
-	"bufio"
-	"context"
-	"crypto/rand"
-	"encoding/hex"
-	"errors"
-	"fmt"
-	"log"
-	"os"
-	"path/filepath"
-	"regexp"
-	"strconv"
-	"strings"
-	"sync"
-	"time"
-)
-
-// Stream is one re-encode, in progress or finished.
-type Stream struct {
-	ID      string    `json:"id"`
-	Path    string    `json:"path"`
-	Codec   string    `json:"codec"`
-	Quality string    `json:"quality"`
-	Engine  string    `json:"engine"`
-	Width   int       `json:"width"`
-	Height  int       `json:"height"`
-	Kbps    int       `json:"kbps"`
-	Source  Info      `json:"source"`
-	Started time.Time `json:"started"`
-	Root    bool      `json:"root"`
-
-	key      string
-	dir      string
-	mu       sync.Mutex
-	used     time.Time
-	proc     *ffproc
-	finished bool
-	failure  string
-	gone     bool // forgotten by the Streamer
-}
-
-// StreamStatus is what the player asks for while the file is still going through.
-type StreamStatus struct {
-	Running  bool    `json:"running"`
-	Done     bool    `json:"done"`
-	Error    string  `json:"error,omitempty"`
-	Progress float64 `json:"progress"` // seconds of output written
-	Speed    float64 `json:"speed"`    // × realtime
-	Segments int     `json:"segments"`
-}
-
-// Streamer keeps one machine's streams.
-type Streamer struct {
-	dir     string
-	self    string
-	limit   int
-	mu      sync.Mutex
-	streams map[string]*Stream
-}
-
-const streamIdle = 10 * time.Minute
-const firstSegmentWait = 40 * time.Second
-
-var streamFile = regexp.MustCompile(`^(index\.m3u8|init\.mp4|seg\d{5}\.m4s)$`)
-
-// NewStreamer empties the folder — a daemon restart orphans every stream — and starts the
-// sweeper.
-func NewStreamer(dataDir, self string, limit int) *Streamer {
-	m := &Streamer{dir: filepath.Join(dataDir, "transcode"), self: self, limit: limit, streams: map[string]*Stream{}}
-	_ = os.MkdirAll(m.dir, 0o755)
-	_ = clearDir(m.dir)
-	go func() {
-		for range time.Tick(30 * time.Second) {
-			m.Sweep(streamIdle)
-		}
-	}()
-	return m
-}
-
-// Open starts a stream, or hands back the one already serving the same request. It
-// returns once the first segment is on disk, so the player's first fetch is answered.
-func (m *Streamer) Open(ctx context.Context, c Caps, root bool, path, codec, quality string, src Info) (*Stream, error) {
-	if c.Error != "" {
-		return nil, errors.New(c.Error)
-	}
-	if err := ValidChoice(codec, quality); err != nil {
-		return nil, err
-	}
-	q, _ := qualityByID(quality)
-	if src.Video == nil {
-		return nil, &DecodeError{Msg: "no video stream"}
-	}
-	if src.Video.Width <= 0 || src.Video.Height <= 0 {
-		return nil, &DecodeError{Msg: "the picture's size is unknown"}
-	}
-	key := fmt.Sprintf("%s|%d|%.0f|%s|%s|%v", path, src.Size, src.Duration, codec, quality, root)
-	m.mu.Lock()
-	for _, s := range m.streams {
-		if s.key == key {
-			if s.failed() { // not the stream to hand back: let it go and make a fresh one
-				delete(m.streams, s.ID)
-				_ = os.RemoveAll(s.dir)
-				break
-			}
-			m.mu.Unlock()
-			s.touch()
-			return s, nil
-		}
-	}
-	running := 0
-	for _, s := range m.streams {
-		if s.running() {
-			running++
-		}
-	}
-	if running >= m.limit {
-		m.mu.Unlock()
-		return nil, fmt.Errorf("%d videos are already being re-encoded on this machine; one must finish or be closed first", running)
-	}
-	s := &Stream{ID: newID(), Path: path, Codec: codec, Quality: quality, Source: src, Started: time.Now(), Root: root, key: key, used: time.Now()}
-	s.dir = filepath.Join(m.dir, s.ID)
-	m.streams[s.ID] = s
-	m.mu.Unlock()
-
-	s.Width, s.Height, s.Kbps = fit(q, src, codec)
-	if codec == "copy" {
-		s.Width, s.Height, s.Kbps = src.Video.Width, src.Video.Height, int(src.BitRate/1000)
-	}
-	rs := recipes(c, codec, src, s.Width, s.Height, s.Kbps)
-	if len(rs) == 0 {
-		m.forget(s)
-		return nil, errors.New("nothing on this machine encodes " + codec)
-	}
-	var last string
-	for _, r := range rs {
-		if err := os.MkdirAll(s.dir, 0o755); err != nil { // the root helper's ffmpeg writes here too
-			m.forget(s)
-			return nil, err
-		}
-		_ = clearDir(s.dir)
-		args := hlsArgs(s.dir, path, src, r, codec == "copy")
-		p, err := startFF(c, m.self, root, args)
-		if err != nil {
-			last = r.Engine + ": " + err.Error()
-			continue
-		}
-		s.mu.Lock()
-		s.proc, s.Engine = p, r.Engine
-		s.mu.Unlock()
-		msg, ok := s.waitFirstSegment(ctx)
-		if ok {
-			go s.watch()
-			log.Printf("media: stream %s: %s → %s %s %dx%d %dk on %s", s.ID, filepath.Base(path), codec, quality, s.Width, s.Height, s.Kbps, r.Engine)
-			return s, nil
-		}
-		p.end()
-		if ctx.Err() != nil || s.closed() { // the caller left, or somebody closed it meanwhile: not the recipe's fault
-			m.forget(s)
-			return nil, errors.New("cancelled")
-		}
-		last = r.Engine + ": " + msg
-		log.Printf("media: stream %s on %s: %s", filepath.Base(path), r.Engine, msg)
-	}
-	m.forget(s)
-	return nil, &DecodeError{Msg: last}
-}
-
-// waitFirstSegment watches for the playlist's first segment, or ffmpeg giving up.
-func (s *Stream) waitFirstSegment(ctx context.Context) (string, bool) {
-	deadline := time.Now().Add(firstSegmentWait)
-	playlist := filepath.Join(s.dir, "index.m3u8")
-	for {
-		if hasSegments(playlist) {
-			return "", true
-		}
-		if done, err := s.proc.exited(); done {
-			msg := s.proc.lastWords()
-			if msg == "" && err != nil {
-				msg = err.Error()
-			}
-			if msg == "" {
-				msg = "ffmpeg ended before writing a segment"
-			}
-			return msg, false
-		}
-		if time.Now().After(deadline) {
-			return "no segment after " + firstSegmentWait.String(), false
-		}
-		select {
-		case <-ctx.Done():
-			return ctx.Err().Error(), false
-		case <-time.After(250 * time.Millisecond):
-		}
-	}
-}
-
-// watch records how the encode ended.
-func (s *Stream) watch() {
-	<-s.proc.done
-	s.mu.Lock()
-	s.finished = true
-	if s.proc.err != nil {
-		s.failure = s.proc.lastWords()
-		if s.failure == "" {
-			s.failure = s.proc.err.Error()
-		}
-	}
-	s.mu.Unlock()
-	if s.failure != "" {
-		log.Printf("media: stream %s ended early: %s", s.ID, s.failure)
-	}
-}
-
-func (m *Streamer) Find(id string) (*Stream, bool) {
-	m.mu.Lock()
-	defer m.mu.Unlock()
-	s, ok := m.streams[id]
-	return s, ok
-}
-
-// Close ends a stream and removes its folder.
-func (m *Streamer) Close(id string) {
-	m.mu.Lock()
-	s, ok := m.streams[id]
-	m.mu.Unlock()
-	if !ok {
-		return
-	}
-	s.mu.Lock()
-	p := s.proc
-	s.mu.Unlock()
-	if p != nil {
-		p.end()
-	}
-	m.forget(s)
-}
-
-func (m *Streamer) forget(s *Stream) {
-	m.mu.Lock()
-	delete(m.streams, s.ID)
-	m.mu.Unlock()
-	s.mu.Lock()
-	s.gone = true
-	s.mu.Unlock()
-	_ = os.RemoveAll(s.dir)
-}
-
-func (s *Stream) closed() bool { s.mu.Lock(); defer s.mu.Unlock(); return s.gone }
-
-func (s *Stream) failed() bool {
-	s.mu.Lock()
-	defer s.mu.Unlock()
-	return s.finished && s.failure != ""
-}
-
-// Sweep closes what nobody has touched for a while.
-func (m *Streamer) Sweep(idle time.Duration) {
-	m.mu.Lock()
-	var old []string
-	for id, s := range m.streams {
-		s.mu.Lock()
-		if time.Since(s.used) > idle {
-			old = append(old, id)
-		}
-		s.mu.Unlock()
-	}
-	m.mu.Unlock()
-	for _, id := range old {
-		log.Printf("media: stream %s idle, closed", id)
-		m.Close(id)
-	}
-}
-
-// File is the on-disk path of one of the stream's files — the playlist, the init segment
-// or a media segment — and nothing else.
-func (s *Stream) File(name string) (string, bool) {
-	if !streamFile.MatchString(name) {
-		return "", false
-	}
-	s.touch()
-	return filepath.Join(s.dir, name), true
-}
-
-func (s *Stream) touch() { s.mu.Lock(); s.used = time.Now(); s.mu.Unlock() }
-
-func (s *Stream) running() bool {
-	s.mu.Lock()
-	defer s.mu.Unlock()
-	return s.proc != nil && !s.finished
-}
-
-// Status is read from ffmpeg's own progress file and the playlist.
-func (s *Stream) Status() StreamStatus {
-	s.mu.Lock()
-	st := StreamStatus{Running: s.proc != nil && !s.finished, Done: s.finished && s.failure == "", Error: s.failure}
-	s.mu.Unlock()
-	if b, err := os.ReadFile(filepath.Join(s.dir, "progress")); err == nil {
-		st.Progress, st.Speed = parseProgress(b)
-	}
-	if b, err := os.ReadFile(filepath.Join(s.dir, "index.m3u8")); err == nil {
-		st.Segments = strings.Count(string(b), "#EXTINF")
-	}
-	return st
-}
-
-// parseProgress takes the last out_time_us and speed from ffmpeg's -progress output.
-func parseProgress(b []byte) (seconds, speed float64) {
-	sc := bufio.NewScanner(strings.NewReader(string(b)))
-	for sc.Scan() {
-		k, v, ok := strings.Cut(sc.Text(), "=")
-		if !ok {
-			continue
-		}
-		v = strings.TrimSpace(v)
-		switch k {
-		case "out_time_us":
-			if us, err := strconv.ParseInt(v, 10, 64); err == nil && us >= 0 {
-				seconds = float64(us) / 1e6
-			}
-		case "speed":
-			if x, err := strconv.ParseFloat(strings.TrimSuffix(v, "x"), 64); err == nil {
-				speed = x
-			}
-		}
-	}
-	return seconds, speed
-}
-
-func newID() string {
-	b := make([]byte, 8)
-	_, _ = rand.Read(b)
-	return hex.EncodeToString(b)
-}

internal/media/hls_test.go

@@ -1,85 +0,0 @@
-package media
-
-import (
-	"context"
-	"os"
-	"os/exec"
-	"path/filepath"
-	"testing"
-	"time"
-)
-
-// The real thing, when ffmpeg is here: a generated clip goes through as H.264 and comes out
-// as a playlist of segments, the status follows it to the end, and closing removes it all.
-func TestStreamWithFFmpeg(t *testing.T) {
-	if _, err := exec.LookPath("ffmpeg"); err != nil {
-		t.Skip("no ffmpeg")
-	}
-	c := Probe(context.Background())
-	if c.Error != "" {
-		t.Skip(c.Error)
-	}
-	if EngineFor(c, "h264") == "" {
-		t.Skip("nothing here encodes h264")
-	}
-	dir := t.TempDir()
-	clip := filepath.Join(dir, "clip.mp4")
-	out, err := exec.Command("ffmpeg", "-nostdin", "-v", "error", "-f", "lavfi", "-i", "testsrc=size=640x360:rate=25:duration=9", "-f", "lavfi", "-i", "sine=frequency=440:duration=9",
-		"-c:v", "mpeg4", "-q:v", "5", "-c:a", "aac", "-shortest", clip).CombinedOutput()
-	if err != nil {
-		t.Skipf("could not make a clip: %s", out)
-	}
-	src, err := Inspect(context.Background(), c, clip, false)
-	if err != nil || src.Video == nil || src.Audio == nil || src.Video.Codec != "mpeg4" || src.Duration < 8 {
-		t.Fatalf("inspect: %+v %v", src, err)
-	}
-	m := NewStreamer(dir, "hamlab", 2)
-	s, err := m.Open(context.Background(), c, false, clip, "h264", "480p", src)
-	if err != nil {
-		t.Fatal(err)
-	}
-	if s.Width != 640 || s.Height != 360 || s.Engine == "" {
-		t.Fatalf("stream: %+v", s)
-	}
-	if p, ok := s.File("index.m3u8"); !ok {
-		t.Fatal("no playlist")
-	} else if !hasSegments(p) {
-		t.Fatal("Open returned before the first segment")
-	}
-	for _, bad := range []string{"../x", "progress", "seg1.m4s", "index.m3u8/", "init.mp4.tmp"} {
-		if _, ok := s.File(bad); ok {
-			t.Fatalf("%q must not be served", bad)
-		}
-	}
-	// the same request is the same stream
-	if again, err := m.Open(context.Background(), c, false, clip, "h264", "480p", src); err != nil || again.ID != s.ID {
-		t.Fatal("not reused")
-	}
-	var st StreamStatus
-	for i := 0; i < 120; i++ {
-		st = s.Status()
-		if st.Done || st.Error != "" {
-			break
-		}
-		time.Sleep(250 * time.Millisecond)
-	}
-	if !st.Done || st.Error != "" || st.Segments < 2 || st.Progress < 8 {
-		t.Fatalf("status at the end: %+v", st)
-	}
-	if init, _ := s.File("init.mp4"); !exists(init) {
-		t.Fatal("no init segment")
-	}
-	m.Close(s.ID)
-	if _, ok := m.Find(s.ID); ok || exists(s.dir) {
-		t.Fatal("close must forget and remove")
-	}
-	// an unplayable source is a DecodeError, and leaves nothing behind
-	bad := filepath.Join(dir, "bad.mkv")
-	_ = os.WriteFile(bad, []byte("not a video"), 0o644)
-	if _, err := Inspect(context.Background(), c, bad, false); err == nil {
-		t.Fatal("inspect of garbage")
-	}
-	if left, _ := os.ReadDir(m.dir); len(left) != 0 {
-		t.Fatalf("left behind: %v", left)
-	}
-}

internal/media/inspect.go

@@ -5,6 +5,7 @@ import (
 	"context"
 	"encoding/json"
 	"errors"
+	"math"
 	"os/exec"
 	"strconv"
 	"strings"
@@ -25,6 +26,16 @@ type Track struct {
 	ColorTransfer string  `json:"color_transfer,omitempty"` // smpte2084 / arib-std-b67 mean HDR
 	Channels      int     `json:"channels,omitempty"`
 	AttachedPic   bool    `json:"attached_pic,omitempty"`
+	Spherical     bool    `json:"spherical,omitempty"` // an equirectangular 360 picture
+	Rotation      int     `json:"rotation,omitempty"`  // degrees clockwise to turn it to be shown: 0, 90, 180, 270 (a phone held upright)
+}
+
+// Shown is the picture's size as it is shown, turned by its rotation.
+func (t *Track) Shown() (w, h int) {
+	if t.Rotation == 90 || t.Rotation == 270 {
+		return t.Height, t.Width
+	}
+	return t.Width, t.Height
 }
 
 // Info is what a file holds: the picture to take, the sound to go with it, and the whole.
@@ -37,7 +48,12 @@ type Info struct {
 	Audio     *Track  `json:"audio,omitempty"` // the first sound stream
 }
 
-// HDR reports a picture that needs tone mapping to look right on an SDR screen.
+// PQ reports HDR10 (and Dolby Vision's base layer): a picture that can't be shown on an SDR
+// screen without tone mapping. HLG, the other kind, can, if a little flat.
+func (i Info) PQ() bool { return i.Video != nil && i.Video.ColorTransfer == "smpte2084" }
+
+// HDR reports a picture that needs tone mapping to look right on an SDR screen. (The player
+// tone-maps only PQ: HLG is made to be shown on an SDR screen as it is.)
 func (i Info) HDR() bool {
 	return i.Video != nil && (i.Video.ColorTransfer == "smpte2084" || i.Video.ColorTransfer == "arib-std-b67")
 }
@@ -58,6 +74,11 @@ type probeJSON struct {
 		Disposition   struct {
 			AttachedPic int `json:"attached_pic"`
 		} `json:"disposition"`
+		SideData []struct {
+			Type       string  `json:"side_data_type"`
+			Projection string  `json:"projection"`
+			Rotation   float64 `json:"rotation"`
+		} `json:"side_data_list"`
 	} `json:"streams"`
 	Format struct {
 		FormatName string `json:"format_name"`
@@ -74,7 +95,7 @@ func Inspect(ctx context.Context, c Caps, path string, root bool) (Info, error)
 		return Info{}, errors.New("ffprobe is not installed")
 	}
 	argv := []string{c.FFprobe, "-v", "error", "-show_entries",
-		"stream=index,codec_type,codec_name,profile,pix_fmt,width,height,r_frame_rate,avg_frame_rate,color_transfer,channels,disposition:format=format_name,duration,bit_rate,size",
+		"stream=index,codec_type,codec_name,profile,pix_fmt,width,height,r_frame_rate,avg_frame_rate,color_transfer,channels,disposition:stream_side_data=side_data_type,projection,rotation:format=format_name,duration,bit_rate,size",
 		"-of", "json", path}
 	if root {
 		argv = priv.Wrap(argv...)
@@ -105,6 +126,19 @@ func Inspect(ctx context.Context, c Caps, path string, root bool) (Info, error)
 	for _, s := range pj.Streams {
 		st := &Track{Index: s.Index, Type: s.CodecType, Codec: s.CodecName, Profile: s.Profile, PixFmt: s.PixFmt, Width: s.Width, Height: s.Height,
 			ColorTransfer: s.ColorTransfer, Channels: s.Channels, AttachedPic: s.Disposition.AttachedPic != 0}
+		// A 360 video says so in its spherical tag (ffmpeg reads the old XML one and the sv3d
+		// box); an untagged one is still taken for 360 when it is 2:1 and too big for anything
+		// else.
+		for _, sd := range s.SideData {
+			if sd.Type == "Spherical Mapping" && strings.HasPrefix(sd.Projection, "equirectangular") {
+				st.Spherical = true
+			}
+			if sd.Type == "Display Matrix" {
+				// ffprobe's rotation is counter-clockwise; ffmpeg turns it back the other way
+				st.Rotation = ((-int(math.Round(sd.Rotation/90))*90)%360 + 360) % 360
+			}
+		}
+		st.Spherical = st.Spherical || (s.CodecType == "video" && s.Width == 2*s.Height && s.Width >= 3840)
 		st.FPS = fps(s.AvgFrameRate)
 		if st.FPS == 0 {
 			st.FPS = fps(s.RFrameRate)

internal/media/play.go

@@ -0,0 +1,462 @@
+package media
+
+// Playing a video in the browser at the quality the connection can take: HLS, made on the fly
+// by ffmpeg on the device asked for (the Transcode device setting), YouTube's way. The player
+// is told every quality is all there from the start, in Seg-second pieces, and each piece is
+// made when it is first asked for.
+//
+// One ffmpeg runs per play at a time. It starts at the piece asked for and runs on ahead of the
+// player, paused once it is far enough ahead; a piece asked for well past where it has got to
+// (a seek), or at another quality, ends it and starts a new one there. Every run is made the
+// same way (pieceArgs), so pieces from different runs and qualities follow on from one another.
+//
+// The file is a path on this machine or, when the device asked for is on another one, a URL
+// the hub serves it at. Nothing is kept: a play nobody asks anything of is forgotten, and the
+// folder is emptied when the daemon starts.
+
+import (
+	"bytes"
+	"crypto/rand"
+	"encoding/hex"
+	"errors"
+	"fmt"
+	"io/fs"
+	"log"
+	"math"
+	"os"
+	"path/filepath"
+	"sort"
+	"strconv"
+	"strings"
+	"sync"
+	"time"
+)
+
+const (
+	runAhead = 10               // pieces a run may make past the last one asked for before it is paused
+	jump     = 3                // a piece more than this far past what's made is a seek: start again there
+	idleRun  = 45 * time.Second // a run nobody has asked anything of for this long is ended
+	idlePlay = 30 * time.Minute // a play nobody has asked anything of for this long is forgotten
+	budget   = 2 << 30          // bytes of pieces one play keeps; those asked for least lately go first
+	// PieceWait is the longest a request waits for its piece: under the hub proxy's 60 s wait
+	// for a node to answer.
+	PieceWait = 45 * time.Second
+)
+
+var ErrNotFound = errors.New("no such piece")
+
+// Plays is every play on this machine.
+type Plays struct {
+	dir     string
+	self    string // this binary, for root runs through run-ffmpeg
+	maxRuns int
+
+	mu    sync.Mutex
+	plays map[string]*Play
+	stop  chan struct{}
+}
+
+// NewPlays keeps pieces under <dataDir>/transcode, which it empties first.
+func NewPlays(dataDir, self string, maxRuns int) *Plays {
+	dir := filepath.Join(dataDir, "transcode")
+	_ = os.MkdirAll(dir, 0o700)
+	_ = clearDir(dir)
+	m := &Plays{dir: dir, self: self, maxRuns: max(maxRuns, 1), plays: map[string]*Play{}, stop: make(chan struct{})}
+	go m.tend()
+	return m
+}
+
+// Play is one video opened for watching.
+type Play struct {
+	ID     string `json:"id"`
+	Name   string `json:"name"` // the file's name, for the record
+	Info   Info   `json:"info"`
+	Rungs  []Rung `json:"rungs"`  // best first
+	Device string `json:"device"` // asked for: a render node, "cpu", or "" for the best here
+	Remote bool   `json:"remote"` // the file is on another machine, read over the network
+
+	caps Caps
+	in   string
+	root bool
+	segs int
+	dir  string
+	m    *Plays
+
+	mu    sync.Mutex
+	seen  time.Time
+	run   *playRun
+	tried map[int]int // per rung: recipes that failed to make anything, skipped from now on
+}
+
+type playRun struct {
+	rung   int
+	recipe Recipe
+	start  int // the first piece this run makes
+	head   int // the last piece finished (start-1 before the first)
+	want   int // the last piece asked for
+	asked  time.Time
+	proc   *ffproc
+	paused bool
+	dead   bool // ended, or exited
+	killed bool // ended by us, not by itself
+	exited bool
+	err    error
+	tick   chan struct{} // closed when head moves or the run ends
+}
+
+func newPlayID() string {
+	b := make([]byte, 12)
+	_, _ = rand.Read(b)
+	return hex.EncodeToString(b)
+}
+
+// Open starts a play of in (a path, or an http URL for a file on another machine). Nothing
+// runs until a piece is asked for.
+func (m *Plays) Open(c Caps, root bool, in, name string, src Info, device string) (*Play, error) {
+	rungs := Ladder(src)
+	if len(rungs) == 0 || src.Duration <= 0 {
+		return nil, errors.New("this video's length or picture size isn't known, so it can't be played")
+	}
+	if len(recipes(c, device, src, rungs[0])) == 0 {
+		return nil, errors.New("nothing on this machine encodes H.264 (no GPU that does, and no libx264)")
+	}
+	segs := max(int(math.Ceil((src.Duration-0.25)/Seg)), 1) // the last piece takes in what's left
+	p := &Play{ID: newPlayID(), Name: name, Info: src, Rungs: rungs, Device: device, Remote: strings.HasPrefix(in, "http"),
+		caps: c, in: in, root: root, segs: segs, m: m, seen: time.Now(), tried: map[int]int{}}
+	p.dir = filepath.Join(m.dir, p.ID)
+	m.mu.Lock()
+	m.plays[p.ID] = p
+	m.mu.Unlock()
+	return p, nil
+}
+
+func (m *Plays) Find(id string) (*Play, bool) {
+	m.mu.Lock()
+	defer m.mu.Unlock()
+	p, ok := m.plays[id]
+	return p, ok
+}
+
+// Close ends a play and deletes its pieces.
+func (m *Plays) Close(id string) {
+	m.mu.Lock()
+	p, ok := m.plays[id]
+	delete(m.plays, id)
+	m.mu.Unlock()
+	if ok {
+		p.mu.Lock()
+		p.end()
+		p.mu.Unlock()
+		go os.RemoveAll(p.dir)
+	}
+}
+
+func (p *Play) rung(name string) int {
+	for i, r := range p.Rungs {
+		if r.Name == name {
+			return i
+		}
+	}
+	return -1
+}
+
+// Master is the playlist of qualities, lowest first, so a player that starts on the first one
+// listed starts on the one that surely plays.
+func (p *Play) Master() []byte {
+	var b bytes.Buffer
+	b.WriteString("#EXTM3U\n#EXT-X-VERSION:3\n#EXT-X-INDEPENDENT-SEGMENTS\n")
+	for i := len(p.Rungs) - 1; i >= 0; i-- {
+		r := p.Rungs[i]
+		fmt.Fprintf(&b, "#EXT-X-STREAM-INF:BANDWIDTH=%d,AVERAGE-BANDWIDTH=%d,RESOLUTION=%dx%d,FRAME-RATE=%.3f,CODECS=\"%s\"\n%s.m3u8\n",
+			r.Peak, r.Bitrate+audioRate, r.Width, r.Height, r.FPS, r.codecs, r.Name)
+	}
+	return b.Bytes()
+}
+
+// Media is one quality's playlist: every piece, made or not.
+func (p *Play) Media(name string) ([]byte, bool) {
+	if p.rung(name) < 0 {
+		return nil, false
+	}
+	var b bytes.Buffer
+	last := p.Info.Duration - float64(p.segs-1)*Seg
+	fmt.Fprintf(&b, "#EXTM3U\n#EXT-X-VERSION:3\n#EXT-X-TARGETDURATION:%d\n#EXT-X-MEDIA-SEQUENCE:0\n#EXT-X-PLAYLIST-TYPE:VOD\n#EXT-X-INDEPENDENT-SEGMENTS\n",
+		int(math.Ceil(math.Max(last, Seg))))
+	for n := 0; n < p.segs; n++ {
+		d := Seg
+		if n == p.segs-1 {
+			d = last
+		}
+		fmt.Fprintf(&b, "#EXTINF:%.6f,\n%s/%d.ts\n", d, name, n)
+	}
+	b.WriteString("#EXT-X-ENDLIST\n")
+	return b.Bytes(), true
+}
+
+func (p *Play) piece(rung, n int) string {
+	return filepath.Join(p.dir, p.Rungs[rung].Name, strconv.Itoa(n)+".ts")
+}
+
+// Segment answers the file of piece n at quality name, making it first if need be: it waits
+// for the run already making it, or starts one there.
+func (p *Play) Segment(done <-chan struct{}, name string, n int) (string, error) {
+	ri := p.rung(name)
+	if ri < 0 || n < 0 || n >= p.segs {
+		return "", ErrNotFound
+	}
+	path := p.piece(ri, n)
+	deadline := time.After(PieceWait)
+	for {
+		p.mu.Lock()
+		now := time.Now()
+		p.seen = now
+		r := p.run
+		if r != nil && r.rung == ri && !r.dead {
+			r.want, r.asked = n, now
+		}
+		if exists(path) {
+			p.mu.Unlock()
+			_ = os.Chtimes(path, now, now) // the budget keeps what was asked for last
+			return path, nil
+		}
+		if r != nil && r.exited && !r.killed && r.rung == ri && r.start == n {
+			// This run started at this very piece and ended without it: that way of making
+			// it doesn't work here. The next one is tried, if there is one.
+			p.tried[ri]++
+			log.Printf("files: play %s: %s made nothing at %s piece %d: %v: %s", p.Name, r.recipe.Engine, name, n, r.err, r.proc.lastWords())
+			if p.tried[ri] >= len(recipes(p.caps, p.Device, p.Info, p.Rungs[ri])) {
+				err := fmt.Errorf("couldn't make %s: %s", p.Rungs[ri].Label, r.proc.lastWords())
+				p.mu.Unlock()
+				return "", err
+			}
+			p.run = nil
+			r = nil
+		}
+		if r == nil || r.dead || r.rung != ri || n < r.start || n <= r.head || n > r.head+jump {
+			p.mu.Unlock()
+			p.m.makeRoom(p)
+			p.mu.Lock()
+			if p.run == r { // nobody started one meanwhile
+				if err := p.start(ri, n); err != nil {
+					p.mu.Unlock()
+					return "", err
+				}
+			}
+			p.mu.Unlock()
+			continue
+		}
+		tick := r.tick
+		p.mu.Unlock()
+		select {
+		case <-tick:
+		case <-time.After(200 * time.Millisecond):
+		case <-done:
+			return "", errors.New("gone")
+		case <-deadline:
+			return "", fmt.Errorf("%s piece %d took longer than %s", name, n, PieceWait)
+		}
+	}
+}
+
+// end stops this play's run. p.mu is held.
+func (p *Play) end() {
+	if r := p.run; r != nil && !r.dead {
+		r.dead, r.killed = true, true
+		r.proc.kill()
+	}
+}
+
+// makeRoom ends the run asked of least lately, if every slot is taken by another play. It
+// never holds two plays' locks at once.
+func (m *Plays) makeRoom(except *Play) {
+	m.mu.Lock()
+	plays := make([]*Play, 0, len(m.plays))
+	for _, p := range m.plays {
+		if p != except {
+			plays = append(plays, p)
+		}
+	}
+	m.mu.Unlock()
+	var oldest *Play
+	var when time.Time
+	running := 0
+	for _, p := range plays {
+		p.mu.Lock()
+		if r := p.run; r != nil && !r.dead {
+			running++
+			if oldest == nil || r.asked.Before(when) {
+				oldest, when = p, r.asked
+			}
+		}
+		p.mu.Unlock()
+	}
+	if running >= m.maxRuns && oldest != nil {
+		oldest.mu.Lock()
+		oldest.end()
+		oldest.mu.Unlock()
+		log.Printf("files: %d plays encoding; ended %s's, asked of least lately", running, oldest.Name)
+	}
+}
+
+// start begins a run making quality ri from piece n on, ending the one before. p.mu is held.
+func (p *Play) start(ri, n int) error {
+	p.end()
+	rs := recipes(p.caps, p.Device, p.Info, p.Rungs[ri])
+	if p.tried[ri] >= len(rs) {
+		return errors.New("nothing here can make this quality")
+	}
+	rc := rs[p.tried[ri]]
+	out := filepath.Join(p.dir, p.Rungs[ri].Name)
+	if err := os.MkdirAll(out, 0o700); err != nil {
+		return err
+	}
+	proc, err := startFF(p.caps, p.m.self, p.root, pieceArgs(out, p.in, p.Info, rc, p.Rungs[ri], n))
+	if err != nil {
+		return err
+	}
+	r := &playRun{rung: ri, recipe: rc, start: n, head: n - 1, want: n, asked: time.Now(), proc: proc, tick: make(chan struct{})}
+	p.run = r
+	go func() {
+		<-proc.done
+		p.mu.Lock()
+		defer p.mu.Unlock()
+		r.dead, r.exited, r.err = true, true, proc.err
+		p.scan(r)
+		close(r.tick)
+		r.tick = make(chan struct{})
+	}()
+	return nil
+}
+
+// scan moves a run's head on past the pieces it has finished. p.mu is held.
+func (p *Play) scan(r *playRun) bool {
+	moved := false
+	for r.head+1 < p.segs && exists(p.piece(r.rung, r.head+1)) {
+		r.head++
+		moved = true
+	}
+	return moved
+}
+
+// PlayStatus is what a play is doing, for the player's menu.
+type PlayStatus struct {
+	Engine  string `json:"engine,omitempty"` // what the run going now runs on
+	Quality string `json:"quality,omitempty"`
+	From    int    `json:"from"` // seconds into the film the run started at
+	Ahead   int    `json:"ahead"`
+	Paused  bool   `json:"paused,omitempty"`
+}
+
+func (p *Play) Status() PlayStatus {
+	p.mu.Lock()
+	defer p.mu.Unlock()
+	r := p.run
+	if r == nil || r.dead {
+		return PlayStatus{}
+	}
+	return PlayStatus{Engine: r.recipe.Engine, Quality: p.Rungs[r.rung].Label, From: int(float64(r.start) * Seg), Ahead: r.head - r.want, Paused: r.paused}
+}
+
+// Engine is what this play would run on first, for the player to say before anything runs.
+func (p *Play) Engine() string {
+	rs := recipes(p.caps, p.Device, p.Info, p.Rungs[0])
+	if len(rs) == 0 {
+		return ""
+	}
+	return rs[0].Engine
+}
+
+// tend, ten times a second: notices finished pieces, pauses a run that is far enough ahead and
+// wakes it when the player catches up, ends one nobody is asking anything of; and every ten
+// seconds keeps each play inside its budget and forgets plays nobody watches.
+func (m *Plays) tend() {
+	t := time.NewTicker(100 * time.Millisecond)
+	defer t.Stop()
+	for i := 0; ; i++ {
+		select {
+		case <-m.stop:
+			return
+		case <-t.C:
+		}
+		m.mu.Lock()
+		plays := make([]*Play, 0, len(m.plays))
+		for _, p := range m.plays {
+			plays = append(plays, p)
+		}
+		m.mu.Unlock()
+		now := time.Now()
+		for _, p := range plays {
+			p.mu.Lock()
+			if r := p.run; r != nil && !r.dead {
+				if p.scan(r) {
+					close(r.tick)
+					r.tick = make(chan struct{})
+				}
+				ahead := r.head - r.want
+				switch {
+				case now.Sub(r.asked) > idleRun:
+					p.end()
+				case !r.paused && ahead >= runAhead:
+					if r.proc.pause() == nil {
+						r.paused = true
+					}
+				case r.paused && ahead < runAhead-3:
+					if r.proc.resume() == nil {
+						r.paused = false
+					}
+				}
+			}
+			idle := now.Sub(p.seen) > idlePlay
+			p.mu.Unlock()
+			if idle {
+				m.Close(p.ID)
+			} else if i%100 == 0 {
+				p.trim()
+			}
+		}
+	}
+}
+
+// trim deletes the pieces asked for least lately until the play is inside its budget, never
+// the ones its run has made ahead of the player.
+func (p *Play) trim() {
+	type piece struct {
+		path string
+		size int64
+		at   time.Time
+	}
+	var all []piece
+	var total int64
+	_ = filepath.WalkDir(p.dir, func(path string, d fs.DirEntry, err error) error {
+		if err != nil || d.IsDir() || !strings.HasSuffix(path, ".ts") {
+			return nil
+		}
+		if fi, err := d.Info(); err == nil {
+			all = append(all, piece{path, fi.Size(), fi.ModTime()})
+			total += fi.Size()
+		}
+		return nil
+	})
+	if total <= budget {
+		return
+	}
+	p.mu.Lock()
+	keep := map[string]bool{}
+	if r := p.run; r != nil && !r.dead {
+		for n := r.want - 1; n <= r.head+1; n++ {
+			if n >= 0 && n < p.segs {
+				keep[p.piece(r.rung, n)] = true
+			}
+		}
+	}
+	p.mu.Unlock()
+	sort.Slice(all, func(a, b int) bool { return all[a].at.Before(all[b].at) })
+	for _, x := range all {
+		if total <= budget*3/4 {
+			break
+		}
+		if !keep[x.path] && os.Remove(x.path) == nil {
+			total -= x.size
+		}
+	}
+}

internal/media/play_test.go

@@ -0,0 +1,129 @@
+package media
+
+import (
+	"context"
+	"encoding/json"
+	"math"
+	"os"
+	"os/exec"
+	"path/filepath"
+	"strconv"
+	"strings"
+	"testing"
+	"time"
+)
+
+// inspectPiece answers when a piece's first video packet is shown, whether it is a keyframe,
+// how many keyframes the piece has, and when its last packet is.
+func inspectPiece(t *testing.T, path string) (first float64, key bool, keys int, last float64) {
+	t.Helper()
+	b, err := exec.Command("ffprobe", "-v", "error", "-show_entries", "packet=pts_time,flags,codec_type", "-of", "json", path).Output()
+	if err != nil {
+		t.Fatalf("ffprobe %s: %v", path, err)
+	}
+	var p struct {
+		Packets []struct {
+			PTS   string `json:"pts_time"`
+			Flags string `json:"flags"`
+			Type  string `json:"codec_type"`
+		} `json:"packets"`
+	}
+	_ = json.Unmarshal(b, &p)
+	first = -1
+	for _, k := range p.Packets {
+		if k.Type != "video" {
+			continue
+		}
+		x, _ := strconv.ParseFloat(k.PTS, 64)
+		if first < 0 {
+			first, key = x, strings.HasPrefix(k.Flags, "K")
+		}
+		first = math.Min(first, x)
+		last = math.Max(last, x)
+		if strings.HasPrefix(k.Flags, "K") {
+			keys++
+		}
+	}
+	return
+}
+
+// TestPieces makes pieces of a made-up video (or SRC, on DEVICE, to try the real thing on a
+// machine with a GPU) in order and after a seek, at two qualities, and checks they line up:
+// each starts on a keyframe at its own place in the film, with no other keyframe inside it.
+func TestPieces(t *testing.T) {
+	if _, err := exec.LookPath("ffmpeg"); err != nil {
+		t.Skip("no ffmpeg")
+	}
+	dir := t.TempDir()
+	in := os.Getenv("SRC")
+	if in == "" {
+		in = filepath.Join(dir, "in.mkv")
+		if out, err := exec.Command("ffmpeg", "-v", "error", "-f", "lavfi", "-i", "testsrc2=size=1920x1080:rate=50:duration=40",
+			"-f", "lavfi", "-i", "sine=frequency=440:duration=40", "-c:v", "libx264", "-preset", "ultrafast", "-g", "500",
+			"-c:a", "libopus", "-shortest", in).CombinedOutput(); err != nil {
+			t.Fatalf("making the test video: %v: %s", err, out)
+		}
+	}
+	caps := Probe(context.Background())
+	if caps.Error != "" {
+		t.Skip(caps.Error)
+	}
+	info, err := Inspect(context.Background(), caps, in, false)
+	if err != nil {
+		t.Fatal(err)
+	}
+	m := NewPlays(dir, "", 2)
+	device := os.Getenv("DEVICE")
+	if device == "" {
+		device = CPU
+	}
+	p, err := m.Open(caps, false, in, "in.mkv", info, device)
+	if err != nil {
+		t.Fatal(err)
+	}
+	defer m.Close(p.ID)
+	if !strings.Contains(string(p.Master()), "RESOLUTION=") {
+		t.Fatal(string(p.Master()))
+	}
+	low := p.Rungs[len(p.Rungs)-1].Name
+	var offset float64
+	far := min(p.segs-2, 60)
+	for i, n := range []int{0, 1, 2, far, far + 1, 3} {
+		t0 := time.Now()
+		path, err := p.Segment(nil, low, n)
+		if err != nil {
+			t.Fatalf("piece %d: %v", n, err)
+		}
+		first, key, keys, last := inspectPiece(t, path)
+		if i == 0 {
+			offset = first
+		}
+		at := first - offset
+		t.Logf("piece %d: %d ms on %s, starts %.3f, %d keyframe(s), %.2f s long", n, time.Since(t0).Milliseconds(), p.Status().Engine, at, keys, last-first)
+		if !key || keys != 1 {
+			t.Errorf("piece %d: first packet keyframe %v, %d keyframes", n, key, keys)
+		}
+		if math.Abs(at-float64(n)*Seg) > 0.05 {
+			t.Errorf("piece %d starts at %.3f, want %.3f", n, at, float64(n)*Seg)
+		}
+		if n < p.segs-1 && math.Abs(last-first-Seg) > 0.1 {
+			t.Errorf("piece %d is %.3f s long", n, last-first)
+		}
+	}
+	// another quality, at a piece already made at the first: its own run, lined up too
+	if len(p.Rungs) > 1 {
+		path, err := p.Segment(nil, p.Rungs[0].Name, 2)
+		if err != nil {
+			t.Fatal(err)
+		}
+		if first, key, _, _ := inspectPiece(t, path); !key || math.Abs(first-offset-2*Seg) > 0.05 {
+			t.Errorf("%s piece 2 starts %.3f (keyframe %v)", p.Rungs[0].Name, first-offset, key)
+		}
+	}
+	if _, err := p.Segment(nil, low, p.segs); err != ErrNotFound {
+		t.Errorf("past the end: %v", err)
+	}
+	if _, err := p.Segment(nil, "999", 0); err != ErrNotFound {
+		t.Errorf("no such quality: %v", err)
+	}
+}

internal/media/thumbs.go

@@ -62,6 +62,24 @@ type Caps struct {
 type Opts struct {
 	Size    int           // the long edge in pixels; 256 when zero
 	Timeout time.Duration // for the whole job, ffprobe and every ffmpeg attempt; 30 s when zero
+	Kind    string        // image | video | audio; from the name when empty (a URL has none)
+}
+
+// Only is the caps with one device left to decode on: a render node, CPU for none, or ""
+// for all of them — the Transcode device setting, which previews follow too. A device this
+// machine doesn't have leaves the CPU.
+func (c Caps) Only(device string) Caps {
+	if device == "" {
+		return c
+	}
+	out := c
+	out.GPUs = nil
+	for _, g := range c.GPUs {
+		if g.Device == device {
+			out.GPUs = append(out.GPUs, g)
+		}
+	}
+	return out
 }
 
 func (o Opts) defaults() Opts {
@@ -81,6 +99,8 @@ type Result struct {
 	Codec  string `json:"codec"`
 	Width  int    `json:"width"`
 	Height int    `json:"height"`
+	// Failure is why the file can't be previewed, when another machine tried (no JPEG then).
+	Failure string `json:"-"`
 }
 
 // ErrUnsupported: not an image or a video by its name.
@@ -356,7 +376,10 @@ func (a attempt) engine() string {
 
 // Make produces the preview of one file.
 func Make(ctx context.Context, c Caps, path string, o Opts) (Result, error) {
-	kind := Kind(path)
+	kind := o.Kind
+	if kind == "" {
+		kind = Kind(path)
+	}
 	if kind == "" {
 		return Result{}, ErrUnsupported
 	}

internal/metrics/gpu.go

@@ -70,7 +70,7 @@ type GPUClient struct {
 
 // gpuDrivers are DRM drivers that drive a GPU, not just a scanout (simpledrm, ast, the
 // Apple display coprocessor) — those have no engines and nothing to say.
-var gpuDrivers = map[string]bool{"i915": true, "xe": true, "amdgpu": true, "radeon": true, "nouveau": true, "nvidia-drm": true,
+var gpuDrivers = map[string]bool{"i915": true, "xe": true, "amdgpu": true, "radeon": true, "nouveau": true, "nvidia-drm": true, "nvidia": true,
 	"asahi": true, "panfrost": true, "panthor": true, "v3d": true, "msm": true, "etnaviv": true, "lima": true, "powervr": true, "virtio_gpu": true}
 
 type gpuDev struct {
@@ -78,14 +78,15 @@ type gpuDev struct {
 	integrated, stalled                      bool
 	prevIdle, prevEnergy                     float64
 	prevAt                                   time.Time
+	nv                                       []GPUClient // nvidia: the process table from the last read (pmon), fdinfo says nothing there
 }
 
 type gpuState struct {
 	devs     []*gpuDev
 	listedAt time.Time
 	clients  map[string]clientPrev  // device key + client id → engine totals at the previous scan
-	last     []drmFD               // the newest client walk, reused between walks
-	scanAt   time.Time
+	last     []drmFD                // the newest client walk
+	scan     func() ([]drmFD, bool) // the walk; nil is scanClients (tests stand a fake list in)
 	helper   *drmHelper
 	ok       bool // the last walk saw every process
 }
@@ -96,7 +97,6 @@ type clientPrev struct {
 }
 
 const gpuRelist = time.Minute // how often the card list is re-read: hotplug is rare, the readdir is cheap
-const gpuScanEvery = time.Second // engine shares over less than this are noise
 
 // gpus is the GPU section of a sample. cpuTemp stands in for an integrated GPU's
 // temperature: it is the same die.
@@ -111,10 +111,13 @@ func (c *Collector) gpus(now time.Time, cpuTemp float64) []GPU {
 	if g.clients == nil {
 		g.clients = map[string]clientPrev{}
 	}
-	if g.scanAt.IsZero() || now.Sub(g.scanAt) >= gpuScanEvery {
-		g.last, g.ok = c.scanClients()
-		g.scanAt = now
+	// The clients are read on every sample, like everything else in it: their engine shares
+	// move on the same tick as the device's own numbers, at whatever rate is set.
+	scan := c.scanClients
+	if g.scan != nil {
+		scan = g.scan
 	}
+	g.last, g.ok = scan()
 	out := make([]GPU, 0, len(g.devs))
 	live := map[string]bool{}
 	for _, d := range g.devs {
@@ -129,7 +132,13 @@ func (c *Collector) gpus(now time.Time, cpuTemp float64) []GPU {
 		var order []string
 		engines := map[string]float64{}
 		var resident uint64
+		if d.driver == "nvidia" { // no engine counters in its fdinfo; nvidia-smi pmon is the client list
+			x.Clients, x.ClientsOK = append(x.Clients, d.nv...), true
+		}
 		for _, f := range g.last {
+			if d.driver == "nvidia" {
+				break
+			}
 			fi := parseFdinfo(f.Info)
 			if fi.pdev != "" && fi.pdev != d.bus || fi.pdev == "" && fi.driver != d.driver {
 				continue
@@ -368,6 +377,8 @@ func (d *gpuDev) readWithin(x *GPU, now time.Time) {
 func (d *gpuDev) read(x *GPU, now time.Time) {
 	dt := now.Sub(d.prevAt).Seconds()
 	switch d.driver {
+	case "nvidia":
+		d.readNvidia(x)
 	case "i915":
 		x.MHz = readF(d.card + "/gt_act_freq_mhz")
 		x.ReqMHz = readF(d.card + "/gt_cur_freq_mhz")
@@ -703,3 +714,126 @@ func ueventValue(p, key string) string {
 	}
 	return ""
 }
+
+// The proprietary NVIDIA driver exports no busy counter in sysfs and no engine totals in
+// fdinfo, so the device and its processes come from nvidia-smi — two short invocations per
+// sample (~20 ms and ~75 ms on a GTX 965M), no root needed. The PCI address selects the
+// card, so two NVIDIA GPUs stay apart.
+func (d *gpuDev) readNvidia(x *GPU) {
+	if out, ok := runOut("nvidia-smi", "--id="+d.bus, "--query-gpu=utilization.gpu,utilization.encoder,utilization.decoder,memory.used,memory.total,clocks.sm,clocks.max.sm,temperature.gpu,power.draw,power.limit", "--format=csv,noheader,nounits"); ok {
+		parseNvidiaQuery(x, out)
+	}
+	if out, ok := runOut("nvidia-smi", "pmon", "-c", "1", "-s", "um", "--id="+d.bus); ok {
+		d.nv = parseNvidiaPmon(out)
+	}
+}
+
+// nvNum is one nvidia-smi CSV field; "[N/A]" (no sensor, no limit) is "nothing".
+func nvNum(s string) (float64, bool) {
+	s = strings.TrimSpace(s)
+	if s == "" || strings.Contains(s, "N/A") {
+		return 0, false
+	}
+	v, err := strconv.ParseFloat(s, 64)
+	return v, err == nil
+}
+
+// parseNvidiaQuery fills a GPU from one --query-gpu line in the field order readNvidia asks
+// for: gpu%, encoder%, decoder%, mem used MiB, mem total MiB, SM MHz, max SM MHz, °C, W, W cap.
+func parseNvidiaQuery(x *GPU, line string) {
+	f := strings.Split(strings.TrimSpace(line), ",")
+	if len(f) < 10 {
+		return
+	}
+	if v, ok := nvNum(f[0]); ok {
+		x.Usage, x.UsageSrc = v, "busy"
+		x.Engines = map[string]float64{"render": v}
+		enc, okE := nvNum(f[1])
+		dec, okD := nvNum(f[2])
+		if okE || okD {
+			x.Engines["video"] = max(enc, dec)
+		}
+	}
+	if v, ok := nvNum(f[3]); ok {
+		x.MemUsed = uint64(v) << 20
+	}
+	if v, ok := nvNum(f[4]); ok {
+		x.MemTotal = uint64(v) << 20
+	}
+	if v, ok := nvNum(f[5]); ok {
+		x.MHz = v
+	}
+	if v, ok := nvNum(f[6]); ok {
+		x.MaxMHz = v
+	}
+	if v, ok := nvNum(f[7]); ok && v > 0 {
+		x.Temp, x.TempSrc = v, "gpu"
+	}
+	if v, ok := nvNum(f[8]); ok {
+		x.PowerW = round1(v)
+	}
+	if v, ok := nvNum(f[9]); ok {
+		x.PowerCapW = v
+	}
+}
+
+// parseNvidiaPmon reads `nvidia-smi pmon -c 1 -s um`: a header naming the columns, then one
+// row per process — "-" where a process has no share. Columns vary between driver versions,
+// so they are taken by name. Busiest first, like the fdinfo clients.
+func parseNvidiaPmon(out string) []GPUClient {
+	col := map[string]int{}
+	var clients []GPUClient
+	for _, line := range strings.Split(out, "\n") {
+		f := strings.Fields(line)
+		if len(f) == 0 {
+			continue
+		}
+		if f[0] == "#" {
+			if len(f) > 1 && f[1] == "gpu" { // "# gpu pid type sm mem enc dec jpg ofa fb ccpm command"
+				col = map[string]int{}
+				for i, name := range f[1:] {
+					col[name] = i
+				}
+			}
+			continue
+		}
+		get := func(name string) (float64, bool) {
+			i, ok := col[name]
+			if !ok || i >= len(f) || f[i] == "-" {
+				return 0, false
+			}
+			v, err := strconv.ParseFloat(f[i], 64)
+			return v, err == nil
+		}
+		pid, ok := get("pid")
+		if !ok || pid <= 0 {
+			continue
+		}
+		cl := GPUClient{PID: int(pid), Engines: map[string]float64{}}
+		if i, ok := col["command"]; ok && i < len(f) {
+			cl.Name = strings.Join(f[i:], " ")
+		}
+		if v, ok := get("sm"); ok {
+			cl.Engines["render"] = v
+		}
+		enc, okE := get("enc")
+		dec, okD := get("dec")
+		if okE || okD {
+			cl.Engines["video"] = max(enc, dec)
+		}
+		for _, v := range cl.Engines {
+			if v > cl.Usage {
+				cl.Usage = v
+			}
+		}
+		if len(cl.Engines) == 0 {
+			cl.Engines = nil
+		}
+		if v, ok := get("fb"); ok {
+			cl.Mem = uint64(v) << 20
+		}
+		clients = append(clients, cl)
+	}
+	sort.SliceStable(clients, func(i, j int) bool { return clients[i].Usage > clients[j].Usage })
+	return clients
+}

internal/metrics/gpu_test.go

@@ -61,7 +61,7 @@ func TestGPUClientsShare(t *testing.T) {
 	c.gpu.clients = map[string]clientPrev{}
 	t0 := time.Now()
 	c.gpu.last = []drmFD{{PID: 7, Comm: "ffmpeg", Info: fdinfoA}}
-	c.gpu.scanAt = t0 // no walk: the fake list stands
+	c.gpu.scan = func() ([]drmFD, bool) { return c.gpu.last, true } // no walk: the fake list stands
 	first := c.gpus(t0, 40)
 	if len(first) != 1 || len(first[0].Clients) != 1 || first[0].Clients[0].Usage != 0 {
 		t.Fatalf("first pass: %+v", first)
@@ -73,7 +73,6 @@ func TestGPUClientsShare(t *testing.T) {
 	later = replace(later, "drm-engine-render:	1000000000 ns", "drm-engine-render:	1500000000 ns")
 	later = replace(later, "drm-engine-video:	2000000000 ns", "drm-engine-video:	4000000000 ns")
 	c.gpu.last = []drmFD{{PID: 7, Comm: "ffmpeg", Info: later}}
-	c.gpu.scanAt = t0.Add(time.Second)
 	got := c.gpus(t0.Add(time.Second), 40)
 	cl := got[0].Clients[0]
 	if cl.Engines["render"] != 50 || cl.Engines["video"] != 100 || cl.Usage != 100 {
@@ -170,3 +169,51 @@ func TestPCIName(t *testing.T) {
 		t.Errorf("an unknown device should be empty, got %q", d)
 	}
 }
+
+func TestParseNvidiaQuery(t *testing.T) {
+	var g GPU
+	parseNvidiaQuery(&g, "31, 0, 12, 1488, 2048, 949, 1097, 57, 23.41, [N/A]\n")
+	if g.Usage != 31 || g.UsageSrc != "busy" || g.Engines["render"] != 31 || g.Engines["video"] != 12 {
+		t.Errorf("usage: %+v", g)
+	}
+	if g.MemUsed != 1488<<20 || g.MemTotal != 2048<<20 || g.MHz != 949 || g.MaxMHz != 1097 {
+		t.Errorf("mem/clock: %+v", g)
+	}
+	if g.Temp != 57 || g.TempSrc != "gpu" || g.PowerW != 23.4 || g.PowerCapW != 0 {
+		t.Errorf("temp/power (cap must stay 0 for [N/A]): %+v", g)
+	}
+	var short GPU
+	parseNvidiaQuery(&short, "garbage")
+	if short.UsageSrc != "" {
+		t.Errorf("a short line must leave the GPU untouched: %+v", short)
+	}
+}
+
+const pmonA = `# gpu         pid   type     sm    mem    enc    dec    jpg    ofa     fb   ccpm    command 
+# Idx           #    C/G      %      %      %      %      %      %     MB     MB    name 
+    0       1063     G      -      -      -      -      -      -    701      0    Xorg           
+    0       1480     G     27     22      -      -      -      -    270      0    cinnamon       
+    0      13318     G      9      7     40      -      -      -    454      0    firefox-esr    
+`
+
+func TestParseNvidiaPmon(t *testing.T) {
+	cl := parseNvidiaPmon(pmonA)
+	if len(cl) != 3 {
+		t.Fatalf("want 3 clients, got %+v", cl)
+	}
+	// busiest first: firefox's encoder share (40) beats cinnamon's sm (27)
+	if cl[0].PID != 13318 || cl[0].Name != "firefox-esr" || cl[0].Usage != 40 || cl[0].Engines["render"] != 9 || cl[0].Engines["video"] != 40 || cl[0].Mem != 454<<20 {
+		t.Errorf("firefox: %+v", cl[0])
+	}
+	if cl[1].PID != 1480 || cl[1].Usage != 27 || cl[1].Engines["render"] != 27 {
+		t.Errorf("cinnamon: %+v", cl[1])
+	}
+	if cl[2].PID != 1063 || cl[2].Usage != 0 || cl[2].Engines != nil || cl[2].Mem != 701<<20 {
+		t.Errorf("xorg (no shares, only memory): %+v", cl[2])
+	}
+	// an older driver without the jpg/ofa/ccpm columns
+	old := "# gpu        pid  type    sm   mem   enc   dec   fb   command\n# Idx          #   C/G     %     %     %     %   MB   name\n    0      42    C    55    10     -     -  100   python3\n"
+	if cl := parseNvidiaPmon(old); len(cl) != 1 || cl[0].PID != 42 || cl[0].Usage != 55 || cl[0].Mem != 100<<20 || cl[0].Name != "python3" {
+		t.Errorf("old layout: %+v", cl)
+	}
+}

internal/nodes/nodes.go

@@ -383,13 +383,19 @@ func (m *Manager) PushAll(ctx context.Context, binPath, ourArch string, force bo
 // WebSocket origin check (meant for browsers) doesn't reject the hub.
 // Do makes one request to a managed machine as this hub and returns the whole response.
 func (m *Manager) Do(ctx context.Context, name, method, path string, body []byte, hdr http.Header) (int, []byte, error) {
+	code, b, _, err := m.DoHeaders(ctx, name, method, path, body, hdr)
+	return code, b, err
+}
+
+// DoHeaders is Do that also answers the response's headers.
+func (m *Manager) DoHeaders(ctx context.Context, name, method, path string, body []byte, hdr http.Header) (int, []byte, http.Header, error) {
 	n, ok := m.node(name)
 	if !ok {
-		return 0, nil, errors.New("no such machine")
+		return 0, nil, nil, errors.New("no such machine")
 	}
 	req, err := http.NewRequestWithContext(ctx, method, strings.TrimRight(n.URL, "/")+path, bytes.NewReader(body))
 	if err != nil {
-		return 0, nil, err
+		return 0, nil, nil, err
 	}
 	for k, v := range hdr {
 		req.Header[k] = v
@@ -397,11 +403,17 @@ func (m *Manager) Do(ctx context.Context, name, method, path string, body []byte
 	req.Header.Set("Authorization", "Bearer "+n.Token)
 	resp, err := m.client(n).Do(req)
 	if err != nil {
-		return 0, nil, errors.New(shortErr(err))
+		return 0, nil, nil, errors.New(shortErr(err))
 	}
 	defer resp.Body.Close()
 	b, err := io.ReadAll(io.LimitReader(resp.Body, 8<<20))
-	return resp.StatusCode, b, err
+	return resp.StatusCode, b, resp.Header, err
+}
+
+// URL is a managed machine's address, "" for one not managed here.
+func (m *Manager) URL(name string) string {
+	n, _ := m.node(name)
+	return n.URL
 }
 
 // Names lists the managed machines.

internal/store/store.go

@@ -75,6 +75,16 @@ type State struct {
 	KVMCookies map[string]map[string]string `json:"kvm_cookies,omitempty"`
 	SamplerMs  int                          `json:"sampler_ms,omitempty"`  // how often this machine samples; the hub keeps every machine on the console's refresh rate
 	HistorySec int                          `json:"history_sec,omitempty"` // how far back the graphs reach; the hub keeps every machine on the same one
+	// Transcode is where videos played in the Files viewer are made (internal/api/play.go):
+	// a machine and a device on it. nil is the machine the file is on, its best device.
+	Transcode *Transcode `json:"transcode,omitempty"`
+}
+
+// Transcode names a device on a machine: Node "" is the hub itself; Device is a render node
+// or "cpu".
+type Transcode struct {
+	Node   string `json:"node"`
+	Device string `json:"device"`
 }
 
 // UserState returns the prefs of an account, making an empty one if needed.

web/scripts/e2e-player.mjs

@@ -0,0 +1,107 @@
+// The Files player, end to end in Chromium against a running hub. Playwright is borrowed from
+// the wedding site.
+//
+//   BASE=http://10.0.0.234:8100 USER=… PASS=… MACHINE=hub FILE=/path/to/video node scripts/e2e-player.mjs
+//
+// Opens FILE in the Files viewer on MACHINE ("hub" for the hub itself), plays it on Auto,
+// checks the 360 view if it is one, seeks into the middle, picks the lowest quality, tries
+// Original, and reads the menu's "Made on …". Changes nothing. DEVICE="Pixel 7" for a phone;
+// TRACE=1 prints every piece asked for. Screenshots land in $SHOTS (default /tmp/hamlab-shots).
+import { createRequire } from 'node:module'
+import { mkdirSync } from 'node:fs'
+const require = createRequire(import.meta.url)
+const { chromium, devices } = require('/home/core/projects/wedding-website/node_modules/playwright')
+
+const { BASE = 'http://10.0.0.234:8100', USER, PASS, MACHINE = 'hub', FILE, DEVICE, TRACE } = process.env
+const SHOTS = process.env.SHOTS ?? '/tmp/hamlab-shots'
+if (!USER || !PASS || !FILE) { console.error('USER, PASS and FILE are required'); process.exit(2) }
+mkdirSync(SHOTS, { recursive: true })
+
+let failed = 0
+const check = (name, ok, extra = '') => { console.log(`${ok ? 'ok  ' : 'FAIL'} ${name}${extra ? ' — ' + extra : ''}`); if (!ok) failed++ }
+const browser = await chromium.launch({ args: ['--autoplay-policy=no-user-gesture-required', '--use-gl=angle', '--use-angle=swiftshader', '--enable-unsafe-swiftshader'] })
+const ctx = await browser.newContext({ ...(DEVICE ? devices[DEVICE] : { viewport: { width: 1280, height: 860 } }), colorScheme: 'dark' })
+check('signs in', (await ctx.request.post(BASE + '/api/login', { data: { username: USER, password: PASS } })).ok())
+const page = await ctx.newPage()
+const errors = []
+page.on('pageerror', (e) => errors.push(String(e)))
+page.on('console', (m) => { if (m.type() === 'error' && !/401|404|favicon/.test(m.text())) errors.push(m.text()) })
+const T0 = Date.now(), trace = []
+const short = (u) => u.replace(/.*\/files\/play\/[0-9a-f]+\//, '')
+page.on('request', (r) => { if (/\/files\/play\/.*\.ts$/.test(r.url())) trace.push(`${((Date.now() - T0) / 1000).toFixed(1)} ask ${short(r.url())}`) })
+page.on('requestfinished', (r) => { if (/\/files\/play\/.*\.ts$/.test(r.url())) trace.push(`${((Date.now() - T0) / 1000).toFixed(1)} got ${short(r.url())}`) })
+const mark = (m) => trace.push(`${((Date.now() - T0) / 1000).toFixed(1)} -- ${m}`)
+
+const dir = FILE.slice(0, FILE.lastIndexOf('/')) || '/', name = FILE.slice(FILE.lastIndexOf('/') + 1)
+await page.goto(`${BASE}/#/${MACHINE}/files/${encodeURIComponent(dir)}`)
+await page.locator('.file-row', { hasText: name }).first().click()
+await page.locator('.vp').waitFor()
+
+const vstate = () => page.evaluate(() => { const v = document.querySelector('.vp video'); return v ? { t: v.currentTime, paused: v.paused, w: v.videoWidth, h: v.videoHeight, rs: v.readyState, d: v.duration } : null })
+async function playingPast(t, ms = 60000) {
+  const t0 = Date.now()
+  while (Date.now() - t0 < ms) {
+    const s = await vstate()
+    if (s && s.t > t && !s.paused && s.rs >= 3) return Date.now() - t0
+    await page.waitForTimeout(200)
+  }
+  return -1
+}
+async function controls() {
+  if (await page.locator('.vp.bare').count()) {
+    const b = await page.locator('.vp').boundingBox()
+    if (DEVICE) await page.touchscreen.tap(b.x + 40, b.y + 40)
+    else await page.mouse.move(b.x + b.width / 2 + Math.random() * 40, b.y + b.height / 3)
+    await page.waitForTimeout(300)
+  }
+}
+
+let took = await playingPast(1)
+check('plays on Auto', took >= 0, `${((Date.now() - T0) / 1000).toFixed(1)} s from opening`)
+await page.waitForTimeout(6000)
+let s = await vstate()
+check('Auto settles on a quality', s?.w > 0, `${s?.w}×${s?.h}; “${await page.locator('.vp-q span').textContent()}”`)
+if (await page.locator('canvas.vp-sphere').count()) {
+  const px = await page.evaluate(() => { const c = document.querySelector('canvas.vp-sphere'); const g = c.getContext('webgl'); const d = new Uint8Array(64); g.readPixels(c.width >> 1, c.height >> 1, 4, 4, g.RGBA, g.UNSIGNED_BYTE, d); return d.reduce((a, b) => a + b, 0) })
+  check('the 360° view draws', px > 0)
+}
+await page.screenshot({ path: `${SHOTS}/h1-auto.png` })
+
+const mid = Math.floor(s.d / 2)
+mark('seek')
+await page.evaluate((m) => { document.querySelector('.vp video').currentTime = m }, mid)
+took = await playingPast(mid + 0.5)
+check('a seek into the middle plays again', took >= 0, `${(took / 1000).toFixed(1)} s`)
+
+await controls()
+await page.locator('.vp-q').click()
+await page.waitForTimeout(2500) // the menu asks the machine what it is doing
+const items = page.locator('.vp-menu button')
+const n = await items.count()
+check('the menu lists Auto, Original and the qualities', n >= 3, (await items.allTextContents()).join(' | '))
+const foot = await page.locator('.vp-menu-f').textContent()
+check('it says where it is made', /Made on \S+/.test(foot), foot)
+await page.screenshot({ path: `${SHOTS}/h2-menu.png` })
+const lowLabel = await items.nth(n - 1).locator('span').nth(1).textContent()
+mark('pick ' + lowLabel)
+const before = (await vstate()).t
+const t0 = Date.now()
+await items.nth(n - 1).click()
+let ok = false
+for (let i = 0; i < 200 && !ok; i++) { await page.waitForTimeout(200); s = await vstate(); ok = s.t > before + 1 && !s.paused && (await page.locator('.vp-q span').textContent()) === lowLabel }
+check(`picking ${lowLabel} switches to it`, ok, `${s.w}×${s.h} after ${((Date.now() - t0) / 1000).toFixed(1)} s`)
+
+await controls()
+await page.locator('.vp-q').click()
+await page.locator('.vp-menu button', { hasText: 'Original' }).click()
+await page.waitForTimeout(4000)
+const label = await page.locator('.vp-q span').textContent()
+const note = await page.locator('.vp-note').count() ? await page.locator('.vp-note').textContent() : ''
+check('Original plays, or falls back to Auto and says so', label === 'Original' || (/^Auto/.test(label) && /can’t play/.test(note)), `${label}${note ? ' — ' + note : ''}`)
+check('still playing', (await playingPast((await vstate()).t + 0.5)) >= 0)
+await page.screenshot({ path: `${SHOTS}/h3-after-original.png` })
+check('no page errors', errors.length === 0, errors.slice(0, 3).join(' / '))
+if (TRACE) console.log(trace.join('\n'))
+await browser.close()
+console.log(failed ? `${failed} failed` : 'all ok')
+process.exit(failed ? 1 : 0)

web/scripts/test-graphcols.mjs

@@ -8,7 +8,7 @@ import { join } from 'node:path'
 
 const out = join(mkdtempSync(join(tmpdir(), 'graphcols-')), 'graphcols.mjs')
 buildSync({ entryPoints: [new URL('../src/graphcols.ts', import.meta.url).pathname], outfile: out, format: 'esm', logLevel: 'error' })
-const { columnsOf } = await import(pathToFileURL(out).href)
+const { columnsOf, columnsAt } = await import(pathToFileURL(out).href)
 
 const fails = []
 const check = (ok, what, detail) => { if (!ok) fails.push(what + (detail !== undefined ? ' — ' + JSON.stringify(detail).slice(0, 200) : '')) }
@@ -38,5 +38,28 @@ const wide = columnsOf(base, CAP - 1, CAP, 390)
 check(wide.length === 390 && Math.max(...wide) === 900, 'a box wider than the history is filled, nothing invented', wide.length)
 check(columnsOf([], 0, CAP, COLS).length === 0 && columnsOf([5], 0, 2, 50).length >= 1, 'empty and single-point curves')
 
+// Sliding with the ticks: four ticks to a point (a 250 ms rate, a 1 s stride). Every tick moves
+// the graph left by the same fraction of a column, the newest column grows in from the right, and
+// a column, once finished, keeps its value wherever it has slid to.
+for (const cols of [COLS, 390]) {
+  let v = base.slice(), adv = CAP - 1, prevAt = null, back = 0, jump = 0, held = 0
+  const was = new Map() // a finished column's value, by its number
+  for (let t = 0; t < 4 * 30; t++) {
+    const now = adv + ((t % 4) + 1) / 4
+    const { cols: seen, edge, last } = columnsAt(v, adv, now, CAP, cols)
+    check(edge > 0 && edge <= 1, `edge in (0, 1] (${cols} cols)`, edge)
+    check(seen.length >= cols - 2 && seen.length <= cols + 1, `the box is filled, give or take the sliver (${cols} cols)`, seen.length)
+    const at = last + edge // how far the graph has slid, in columns
+    if (prevAt !== null) { if (at < prevAt - 1e-9) back++; if (at > prevAt + 1 + 1e-9) jump++; if (Math.abs(at - prevAt) < 1e-9) held++ }
+    prevAt = at
+    seen.forEach((x, i) => { const k = last - (seen.length - 1 - i); if (k < last - 1) { if (was.has(k) && was.get(k) !== x) fails.push(`column ${k} changed after it was finished`); was.set(k, x) } })
+    if ((t % 4) === 3) { v.push(10); v.shift(); adv++ }
+  }
+  check(back === 0 && jump === 0, `the graph only slides left, less than a column a tick (${cols} cols)`, { back, jump })
+  check(held < 4 * 30 / 4, `the graph moves on almost every tick, not once a point (${cols} cols)`, held)
+}
+// a point per tick (stride == rate) is the old layout exactly
+check(JSON.stringify(columnsAt(base, CAP - 1, CAP, CAP, COLS).cols.slice(-COLS)) === JSON.stringify(columnsOf(base, CAP - 1, CAP, COLS)), 'columnsOf is columnsAt at a whole point')
+
 if (fails.length) { console.error('graphcols: FAIL\n  ' + fails.join('\n  ')); process.exit(1) }
 console.log('graphcols: ok')

web/src/Docker.tsx

@@ -402,7 +402,7 @@ export default function Docker() {
   const rate = useRefreshMs()
   const load = useCallback(async () => { try { setD(await api.docker()); setErr('') } catch (e) { setErr(e instanceof Error ? e.message : 'failed') } api.stacks().then((r) => setStacks(r.stacks)).catch(() => setStacks([])) }, [])
   useEffect(() => { load(); const t = setInterval(() => { if (document.visibilityState === 'visible') load() }, Math.max(5000, rate)); return () => clearInterval(t) }, [load, rate])
-  const live = useSensorStream<{ c: Record<string, Sensor> }>({ c: 'container.*' }, { everyMs: Math.max(2000, rate) })
+  const live = useSensorStream<{ c: Record<string, Sensor> }>({ c: 'container.*' }, { everyMs: rate })
   const sensors = live.data?.c ?? {}
   const byStack = useMemo(() => {
     const f = filter.trim().toLowerCase(); const out = new Map<string, DockerContainer[]>()
@@ -414,8 +414,11 @@ export default function Docker() {
   const taken = useMemo(() => { const ports: Record<string, string> = {}; for (const c of d?.containers ?? []) for (const m of (c.ports ?? '').matchAll(/:(\d+)->/g)) ports[m[1]] = c.name; return { names: (d?.containers ?? []).map((c) => c.name), ports } }, [d])
   // What the registry last said about each image, so a container can be marked without
   // asking again. Only ever read from the cache here — checking is a deliberate act.
+  // Re-read after a stack task too: an update changes this machine's side of the answer.
   const [upd, setUpd] = useState<MachineUpdates | null>(null)
+  const readUpd = useCallback(() => { api.machineUpdates().then(setUpd).catch(() => {}) }, [])
   useEffect(() => { api.machineUpdates().then(setUpd).catch(() => setUpd(null)) }, [])
+  const stackChanged = useCallback(() => { load(); readUpd() }, [load, readUpd])
   const imgState = useMemo(() => Object.fromEntries((upd?.images ?? []).map((i) => [i.image, i.state])), [upd])
   const behind = (upd?.images ?? []).filter((i) => i.state === 'update').length
   if (!d) return <div className="dash">{err ? <div className="notice">{err === 'not found' ? "This machine's Ham Lab is older than the Docker tab. Update it from Machines." : err}</div> : <Loading label="Asking Docker…" />}</div>
@@ -492,7 +495,7 @@ export default function Docker() {
       {shownTab === 'containers' && (cur ? <Detail c={cur} live={sensors} onBack={() => setSel('')} onChanged={load} /> : (sel && !selStack ? null : <div className="svc-empty muted">Select a container.</div>))}
       {making && <StackNew key={'new:' + (dup?.name ?? making)} mode={making} from={dup ?? undefined} networks={nets} taken={taken} onClose={() => { setMaking(''); setDup(null) }} onCreated={async (name, deploy) => { setMaking(''); setDup(null); setTab('stacks'); if (deploy) { try { setStartTask({ name, id: (await api.stackAction(name, 'deploy')).id }) } catch (e) { toast(e instanceof Error ? e.message : 'failed', 'err') } } else setStartTask(null); await load(); setSel('stack:' + name) }} />}
       {shownTab === 'updates' && <Updates upd={upd} onChecked={setUpd} />}
-      {shownTab === 'stacks' && (selStack ? <StackDetail key={selStack + (startTask?.name === selStack ? startTask.id : '')} name={selStack} startTask={startTask?.name === selStack ? startTask.id : undefined} onBack={() => setSel('')} onChanged={load} onDuplicate={(f) => { setDup(f); setMaking('stack') }} /> : <div className="svc-empty muted">Select a stack to edit its compose file.</div>)}
+      {shownTab === 'stacks' && (selStack ? <StackDetail key={selStack + (startTask?.name === selStack ? startTask.id : '')} name={selStack} startTask={startTask?.name === selStack ? startTask.id : undefined} onBack={() => setSel('')} onChanged={stackChanged} onDuplicate={(f) => { setDup(f); setMaking('stack') }} /> : <div className="svc-empty muted">Select a stack to edit its compose file.</div>)}
     </div>
   )
 }
@@ -522,7 +525,7 @@ function Updates({ upd, onChecked }: { upd: MachineUpdates | null; onChecked: (u
   }
   const run = async (j: UpdateJob) => {
     if (!await askYes(`Run “${j.name}” now? It pulls ${j.stack}'s images${j.apply ? ' and deploys them, which restarts its containers' : ', without deploying them'}.`, 'Run now')) return
-    try { await api.runUpdateJob(j.id); toast(`${j.name}: done`); loadJobs() } catch (e) { toast(e instanceof Error ? e.message : 'failed', 'err') }
+    try { await api.runUpdateJob(j.id); toast(`${j.name}: done`); loadJobs(); api.machineUpdates().then(onChecked).catch(() => {}) } catch (e) { toast(e instanceof Error ? e.message : 'failed', 'err') }
   }
   const remove = async (j: UpdateJob) => {
     if (!await askYes(`Remove the schedule “${j.name}”? Nothing is updated or rolled back — the schedule simply stops.`, 'Remove')) return
@@ -535,7 +538,6 @@ function Updates({ upd, onChecked }: { upd: MachineUpdates | null; onChecked: (u
   // machine at once.
   const [queue, setQueue] = useState<string[]>([])
   const [running, setRunning] = useState<{ stack: string; id: string } | null>(null)
-  const [done, setDone] = useState<string[]>([])
   const stacksFor = useCallback((img: string) => upd?.stacks?.[img] ?? [], [upd])
   const startNext = useCallback(async (rest: string[]) => {
     const next = rest[0]
@@ -548,7 +550,7 @@ function Updates({ upd, onChecked }: { upd: MachineUpdates | null; onChecked: (u
     const uniq = [...new Set(names)]
     if (uniq.length === 0) { toast('nothing here names a stack this console can deploy', 'info'); return }
     if (!await askYes(`Update ${what}?\n\nThis pulls the newer image${uniq.length > 1 ? 's' : ''} and recreates ${uniq.length === 1 ? `the ${uniq[0]} stack` : `these stacks, one at a time: ${uniq.join(', ')}`}. Their containers restart.`, 'Update')) return
-    setDone([]); startNext(uniq)
+    startNext(uniq)
   }
   const behindStacks = [...new Set(behind.flatMap((i) => stacksFor(i.image)))]
   return (
@@ -567,9 +569,9 @@ function Updates({ upd, onChecked }: { upd: MachineUpdates | null; onChecked: (u
           {imgs.filter((i) => i.state !== 'current').map((i) => (
             <div className="row" key={i.image}>
               <span className="k mono small">{i.image}</span>
-              <span className={i.state === 'update' ? 'warn-text' : 'muted small'}>{done.some((d) => stacksFor(i.image).includes(d)) ? <span className="good">updated just now</span> : i.state === 'update' ? 'a newer image is published' : i.detail || 'unknown'}</span>
+              <span className={i.state === 'update' ? 'warn-text' : 'muted small'}>{i.state === 'update' ? 'a newer image is published' : i.detail || 'unknown'}</span>
               <span className="muted small">{stacksFor(i.image).join(' ')}</span>
-              {i.state === 'update' && !done.some((d) => stacksFor(i.image).includes(d)) && (
+              {i.state === 'update' && (
                 <Btn className="btn" disabled={!!running || stacksFor(i.image).length === 0} title={stacksFor(i.image).length ? `pull it and recreate ${stacksFor(i.image).join(', ')}` : 'no stack here uses this image'}
                   onClick={() => updateStacks(stacksFor(i.image), `${i.image}`)}>Update</Btn>
               )}
@@ -581,8 +583,8 @@ function Updates({ upd, onChecked }: { upd: MachineUpdates | null; onChecked: (u
             <div style={{ marginTop: 8 }}>
               <div className="sub-head"><span className="dname">Updating {running.stack}</span><span className="spacer" /><span className="muted small">{queue.length > 0 ? `${queue.length} to follow` : 'last one'}</span></div>
               <TaskOutput id={running.id} onDone={(t) => {
-                if (t.exit_code === 0 && !t.error) setDone((d) => [...d, running.stack])
-                else toast(`${running.stack}: update failed`, 'err')
+                if (t.exit_code !== 0 || t.error) toast(`${running.stack}: update failed`, 'err')
+                api.machineUpdates().then(onChecked).catch(() => {}) // an image now held drops off the list
                 startNext(queue)
               }} />
             </div>

web/src/Files.tsx

@@ -267,7 +267,7 @@ function Viewer({ path, sudo, onClose, onChanged }: { path: string; sudo: boolea
         <textarea className="editor file-editor" value={text} spellCheck={false} onChange={(e) => setText(e.target.value)} />
       )}
       {info && text === null && isImage(name) && <div className="preview"><img src={api.fileReadURL(path, sudo)} alt={name} /></div>}
-      {/* Video: the browser's own decoder first, and a re-encode on the machine when that fails. Audio as it is. */}
+      {/* Video: the player (Auto, by hand, or the file as it is), made on the Transcode device. Audio as it is. */}
       {info && text === null && !isImage(name) && info.preview === 'video' && <Player path={path} sudo={sudo} name={name} />}
       {info && text === null && !isImage(name) && info.preview === 'audio' && !cantPlay && (
         <div className="preview audio"><div className="audio-box"><div className="ficon">🎵</div><div className="mono small">{name}</div><audio controls preload="metadata" src={api.fileReadURL(path, sudo)} onError={() => setCantPlay(true)} /></div></div>
@@ -307,6 +307,9 @@ export default function Files({ onOpenInTerminal }: { onOpenInTerminal?: (cmd: s
   const [thumbs, setThumbs] = useState<ThumbStatus | null>(null)
   const [listEl, setListEl] = useState<HTMLDivElement | null>(null)
   const near = useMemo(() => (listEl && previews ? new Near(listEl) : null), [listEl, previews])
+  // Video previews are made on the Transcode device (Settings), wherever it is.
+  const [tc, setTc] = useState<string>('')
+  useEffect(() => { api.transcodeSelected().then((t) => setTc(t.selected ? `videos on ${t.host}'s ${t.name} (Settings → Transcode device), images on this machine's CPU` : '')).catch(() => {}) }, [])
   const readThumbs = useCallback((refresh = false) => { api.thumbStatus(sudo, refresh).then(setThumbs).catch((e) => setThumbs({ ok: false, engine: '', summary: '', gpus: [], error: e instanceof Error ? e.message : 'failed', user: '', cache: { path: '', entries: 0, bytes: 0 } })) }, [sudo])
   useEffect(() => { try { localStorage.setItem(PREVIEWS_KEY, previews ? '1' : '0') } catch { /* private mode */ } }, [previews])
   useEffect(() => { if (previews) readThumbs(); else setThumbs(null) }, [previews, readThumbs])
@@ -409,7 +412,7 @@ export default function Files({ onOpenInTerminal }: { onOpenInTerminal?: (cmd: s
         <div className="files-tools">
           <button className={'btn' + (sudo ? ' on' : '')} title="browse as root" onClick={() => setSudo(!sudo)}>{sudo ? 'root' : 'sudo'}</button>
           <button className={'btn' + (hidden ? ' on' : '')} title="show hidden files" onClick={() => setHidden(!hidden)}>.hidden</button>
-          <button className={'btn' + (previews ? ' on' : '')} title={'thumbnails for images and videos' + (thumbs ? ` — ${thumbs.summary}` + (thumbs.cache.entries ? ` · ${thumbs.cache.entries} kept (${fmtBytes(thumbs.cache.bytes)})` : '') : '')} onClick={() => setPreviews(!previews)}>previews</button>
+          <button className={'btn' + (previews ? ' on' : '')} title={'thumbnails for images and videos' + (thumbs ? ` — ${tc || thumbs.summary}` + (thumbs.cache.entries ? ` · ${thumbs.cache.entries} kept (${fmtBytes(thumbs.cache.bytes)})` : '') : '')} onClick={() => setPreviews(!previews)}>previews</button>
           <select className="btn" value={sort} onChange={(e) => setSort(e.target.value as Sort)}><option value="name">name</option><option value="size">size</option><option value="mtime">modified</option></select>
           <input className="filter" placeholder="filter" value={q} onChange={(e) => setQ(e.target.value)} />
           <button className="btn" onClick={mkdir}>+ folder</button>

web/src/Gallery.tsx

@@ -37,8 +37,8 @@ export default function Gallery() {
   const rate = useRefreshMs()
   const [find, setFind] = useState('')
   useEffect(() => { fetchCatalog().then(setCat).catch((e) => setErr(e instanceof Error ? e.message : 'failed')) }, [])
-  // Values only, at most once a second: the catalog already holds everything that doesn't change.
-  const live = useSensorStream<[Record<string, Sensor['value']>]>(['*'], { full: false, everyMs: Math.max(1000, rate) })
+  // Values only, at the rate: the catalog already holds everything that doesn't change.
+  const live = useSensorStream<[Record<string, Sensor['value']>]>(['*'], { full: false, everyMs: rate })
   const now = Date.now()
   const sensors = useMemo(() => {
     const v = live.data?.[0]

web/src/Network.tsx

@@ -81,7 +81,7 @@ export default function Network() {
   // While a test is running the state is polled hard, because the needle should move; at rest
   // the page is a read and asks again only now and then.
   useEffect(() => {
-    const every = running ? Math.max(400, Math.min(rate, 1000)) : Math.max(5000, rate)
+    const every = running ? rate : Math.max(5000, rate)
     const t = setInterval(() => {
       if (document.visibilityState !== 'visible') return
       if (running) api.speedtest().then((r) => setD((old) => (old ? { ...old, run: r } : old))).catch(() => {})
@@ -93,7 +93,7 @@ export default function Network() {
   const phase = run?.phase
   useEffect(() => { if (phase === 'done') load() }, [phase, load])
 
-  const live = useSensorStream<{ n: Record<string, Sensor> }>({ n: 'net.*' }, { everyMs: Math.max(1000, rate) })
+  const live = useSensorStream<{ n: Record<string, Sensor> }>({ n: 'net.*' }, { everyMs: rate })
   const sens = live.data?.n ?? {}
   const rateOf = (name: string, dir: 'rx' | 'tx') => sens[`net.${name.toLowerCase().replace(/[^a-z0-9_-]+/g, '_')}.${dir}`]?.value
 

web/src/Player.tsx

@@ -1,145 +1,372 @@
-// A video in the Files viewer. First the file as it is, handed to the browser's own
-// decoder; when that fails — Safari and an MKV, HEVC without a hardware decoder — a
-// picker: codec and size, and the machine re-encodes it to HLS on its own GPU (or CPU),
-// which plays natively on Safari and through hls.js everywhere else. The same picker is
-// one tap away even when the file plays, for a 36 Mbps capture over a slow link.
+// A video in the Files viewer, YouTube's way: Auto, which reads the connection and picks the
+// quality (hls.js), any quality by hand, or Original — the file as it is, for a browser that
+// decodes it. The qualities are made on the fly, from wherever the viewer seeks to, on the device
+// the Transcode device setting names (Settings), which may be on another machine than the file.
+// A 360° video is drawn as the view from inside it (vr.ts): drag, pinch or scroll, and on a
+// phone the motion button. The same player as Ham Share's.
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { api, apiPath, PlayCaps, PlayStatus, PlayStream } from './api'
-import { Btn, Spinner } from './ui'
+import Hls from 'hls.js'
+import { api, nodeAPI, type PlayOpen, type PlayStatus } from './api'
+import { canMotion, Sphere } from './vr'
 
-type Mode = 'native' | 'pick' | 'hls'
-const CODEC_KEY = 'hamlab.play.codec'
-const QUALITY_KEY = 'hamlab.play.quality'
-const remember = (k: string, v: string) => { try { localStorage.setItem(k, v) } catch { /* private mode */ } }
-const recall = (k: string, d: string) => { try { return localStorage.getItem(k) || d } catch { return d } }
+type Choice = 'auto' | 'original' | number // a number is a width: the rung's name
 
-const fmtMbps = (bps?: number) => (bps ? `${(bps / 1e6).toFixed(bps >= 10e6 ? 0 : 1)} Mbps` : '')
-const describe = (s: PlayStream) => {
-  const v = s.source.video
-  const src = v ? `${v.codec}${v.profile ? ' ' + v.profile : ''} ${v.width}×${v.height}${v.fps ? ` ${Math.round(v.fps)} fps` : ''}${s.source.bit_rate ? ` ${fmtMbps(s.source.bit_rate)}` : ''} in ${s.source.container.split(',')[0]}` : s.source.container
-  const out = s.codec === 'copy' ? 'repackaged' : `${s.codec === 'h264' ? 'H.264' : s.codec.toUpperCase()} ${s.width}×${s.height} ${(s.kbps / 1000).toFixed(s.kbps >= 10000 ? 0 : 1)} Mbps`
-  return `${src} → ${out} on ${s.engine}`
+// The bandwidth hls.js measured last time, so the next video starts near the right quality
+// rather than at the bottom.
+const BW_KEY = 'hamlab.play.bw'
+const savedBW = () => { try { const n = Number(localStorage.getItem(BW_KEY)); return n > 0 ? n : 0 } catch { return 0 } }
+const saveBW = (n: number) => { try { if (n > 0) localStorage.setItem(BW_KEY, String(Math.round(n))) } catch { /* private mode */ } }
+
+// hls.js reads the connection from how long each piece takes. Here a piece can be slow to
+// start because the machine is still making it (a few seconds after a seek or a change of
+// quality, at 8K), which says nothing about the connection; counted, it drags Auto down to the
+// bottom, and every drop starts the making over again. So: the wait before the first byte is
+// not counted against the connection, and hls.js doesn't give up on a piece before its first
+// byte comes. Once bytes flow, its usual rules apply.
+type AbrLike = { new(hls: Hls): object }
+const Base = Hls.DefaultConfig.abrController as unknown as AbrLike
+type Stats = { loading: { start: number; first: number } }
+type Proto = { initEstimator: () => { sampleTTFB: (ms: number) => void }; onFragBuffered: (ev: unknown, d: unknown) => void }
+const proto = Base.prototype as unknown as Proto
+class PatientAbr extends Base {
+  constructor(hls: Hls) {
+    super(hls)
+    const self = this as unknown as { _abandonRulesCheck: (l?: unknown) => void; fragCurrent: { stats: Stats } | null }
+    const orig = self._abandonRulesCheck
+    self._abandonRulesCheck = (l?: unknown) => {
+      const f = self.fragCurrent
+      if (f && !f.stats.loading.first) return
+      orig(l)
+    }
+  }
+  initEstimator() {
+    const e = proto.initEstimator.call(this)
+    const sample = e.sampleTTFB.bind(e)
+    e.sampleTTFB = (ms: number) => sample(Math.min(ms, 300))
+    return e
+  }
+  onFragBuffered(ev: unknown, d: { frag: { stats: Stats }; part?: { stats: Stats & { loaded: number } } | null }) {
+    const st = d.part?.stats.loaded ? d.part.stats : d.frag.stats
+    const start = st.loading.start
+    if (st.loading.first > start) st.loading.start = st.loading.first
+    try { proto.onFragBuffered.call(this, ev, d) } finally { st.loading.start = start }
+  }
 }
 
-export default function Player({ path, sudo, name }: { path: string; sudo: boolean; name: string }) {
-  const [mode, setMode] = useState<Mode>('native')
-  const [why, setWhy] = useState('') // what brought the picker up
-  const [caps, setCaps] = useState<PlayCaps | null>(null)
-  const [codec, setCodec] = useState(() => recall(CODEC_KEY, 'h264'))
-  const [quality, setQuality] = useState(() => recall(QUALITY_KEY, '1080p'))
-  const [stream, setStream] = useState<{ s: PlayStream; url: string } | null>(null)
-  const [status, setStatus] = useState<PlayStatus | null>(null)
+const mbps = (b: number) => `${b >= 10e6 ? Math.round(b / 1e6) : (b / 1e6).toFixed(1)} Mb/s`
+const clock = (sec: number) => { const t = Math.max(0, Math.floor(sec)), h = Math.floor(t / 3600), m = Math.floor((t % 3600) / 60), x = t % 60; return `${h ? `${h}:${String(m).padStart(2, '0')}` : m}:${String(x).padStart(2, '0')}` }
+const size = (w?: number, h?: number, vr?: boolean) => {
+  if (!w || !h) return ''
+  if (vr) return `${w >= 7680 ? '8K' : w >= 5760 ? '5.7K' : w >= 3840 ? '4K' : w >= 3072 ? '3K' : `${w}×${h}`} 360°`
+  const s = Math.min(w, h)
+  return s >= 2160 ? '4K' : s >= 1440 ? '1440p' : s >= 1080 ? '1080p' : s >= 720 ? '720p' : `${w}×${h}`
+}
+
+const I = ({ d, size: sz = 20, fill }: { d: string; size?: number; fill?: boolean }) => (
+  <svg width={sz} height={sz} viewBox="0 0 24 24" fill={fill ? 'currentColor' : 'none'} stroke={fill ? 'none' : 'currentColor'} strokeWidth="1.8" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true"><path d={d} /></svg>
+)
+const PLAY = 'M7 4.5v15l12.5-7.5z', PAUSE = 'M8 5v14M16 5v14', CHECK = 'M5 12.5l4.5 4.5L19 7.5', TUNE = 'M4 7h10M18 7h2M4 17h4M12 17h8M16 5v4M10 15v4'
+const FULL = 'M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5', SMALL = 'M9 4v5H4M15 4v5h5M9 20v-5H4M15 20v-5h5', PHONE = 'M8 3h8a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H8a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zM3 9a9 9 0 0 0 0 6M21 9a9 9 0 0 1 0 6'
+
+export default function Player({ path, sudo }: { path: string; sudo: boolean; name: string }) {
+  const [open, setOpen] = useState<PlayOpen | null>(null)
   const [err, setErr] = useState('')
+  const [note, setNote] = useState('')
+  const [choice, setChoice] = useState<Choice>('auto')
+  const [showing, setShowing] = useState(0) // the width playing now
+  const [status, setStatus] = useState<PlayStatus | null>(null)
+  const [paused, setPaused] = useState(true)
+  const [waiting, setWaiting] = useState(true)
+  const [time, setTime] = useState(0)
+  const [scrub, setScrub] = useState<number | null>(null)
+  const [buffered, setBuffered] = useState(0)
+  const [menu, setMenu] = useState(false)
+  const [chrome, setChrome] = useState(true)
+  const [motion, setMotion] = useState(false)
+  const [full, setFull] = useState(false) // the browser's full screen, or (an iPhone) the window
+  const box = useRef<HTMLDivElement>(null)
   const video = useRef<HTMLVideoElement>(null)
-  const streamRef = useRef(stream)
-  streamRef.current = stream
+  const canvas = useRef<HTMLCanvasElement>(null)
+  const hls = useRef<Hls | null>(null)
+  const sphere = useRef<Sphere | null>(null)
+  const hideTimer = useRef<number>()
+  const resume = useRef<{ at: number; play: boolean }>({ at: 0, play: true })
+  const openRef = useRef(open)
+  openRef.current = open
+  const menuRef = useRef(menu)
+  menuRef.current = menu
 
-  useEffect(() => { setMode('native'); setWhy(''); setStream(null); setStatus(null); setErr('') }, [path, sudo])
-  useEffect(() => { remember(CODEC_KEY, codec) }, [codec])
-  useEffect(() => { remember(QUALITY_KEY, quality) }, [quality])
-  useEffect(() => { if (mode === 'pick' && !caps) api.playCaps(sudo).then(setCaps).catch((e) => setCaps({ codecs: [], qualities: [], error: e instanceof Error ? e.message : 'failed' })) }, [mode, caps, sudo])
-
-  // a stream is the machine's work: let go of it when this player does — and when the page
-  // itself goes, by a beacon, the one request a browser still sends on its way out
-  const stop = useCallback(() => { const s = streamRef.current; if (s) { api.playStop(s.s.id).catch(() => { /* gone already */ }); setStream(null); setStatus(null) } }, [])
-  useEffect(() => () => stop(), [stop])
+  // Open the play; let it go when this player does, and when the page goes, by a beacon.
   useEffect(() => {
-    const h = () => { const s = streamRef.current; if (s) navigator.sendBeacon(apiPath(`/api/files/play/${s.s.id}/close`)) }
+    let live = true
+    setOpen(null); setErr(''); setNote(''); setChoice('auto'); resume.current = { at: 0, play: true }
+    api.play(path, sudo).then((o) => {
+      if (!live) { api.playStop(o.node, o.play.id).catch(() => {}); return }
+      setOpen(o)
+      if (o.note) setNote(o.note)
+    }).catch((e) => { if (live) setErr(e instanceof Error ? e.message : 'failed') })
+    return () => { live = false; const o = openRef.current; if (o) api.playStop(o.node, o.play.id).catch(() => { /* gone already */ }) }
+  }, [path, sudo])
+  useEffect(() => {
+    const h = () => { const o = openRef.current; if (o) navigator.sendBeacon(nodeAPI(o.node, `/api/files/play/${o.play.id}/close`)) }
     window.addEventListener('pagehide', h)
     return () => window.removeEventListener('pagehide', h)
   }, [])
 
-  const start = async () => {
-    setErr('')
-    try {
-      stop()
-      const r = await api.playStart(path, codec, quality, sudo)
-      setStream({ s: r.stream, url: r.url }); setMode('hls')
-    } catch (e) { setErr(e instanceof Error ? e.message : 'failed') }
-  }
+  const info = open?.play.info
+  const vr = !!info?.video?.spherical
 
-  // feed the stream to the element: Safari plays HLS itself, the rest through hls.js
+  useEffect(() => {
+    if (!vr || !canvas.current || !video.current) return
+    try { sphere.current = new Sphere(canvas.current, video.current) } catch (e) { setErr((e as Error).message) }
+    return () => { sphere.current?.destroy(); sphere.current = null }
+  }, [vr, open])
+
+  // The source: hls.js for Auto and the chosen qualities, the file itself for Original.
   useEffect(() => {
     const v = video.current
-    if (mode !== 'hls' || !stream || !v) return
-    const url = apiPath(stream.url)
-    let hls: { destroy: () => void } | null = null
-    let gone = false
-    ;(async () => {
-      if (v.canPlayType('application/vnd.apple.mpegurl')) {
-        v.src = url
-      } else {
-        const { default: Hls } = await import('hls.js')
-        if (gone) return
-        if (!Hls.isSupported()) { setErr('this browser has neither HLS nor MediaSource — nothing can play here'); return }
-        const h = new Hls({ maxBufferLength: 60, backBufferLength: 30 })
-        hls = h
-        h.on(Hls.Events.ERROR, (_e, d) => { if (d.fatal) setErr(`playback failed: ${d.details}`) })
-        h.loadSource(url)
-        h.attachMedia(v)
+    if (!open || !v) return
+    const { at, play } = resume.current
+    const start = () => { if (at) v.currentTime = at; if (play) v.play().catch(() => setPaused(true)) }
+    if (choice === 'original') {
+      v.src = api.fileReadURL(path, sudo)
+      v.addEventListener('loadedmetadata', start, { once: true })
+      setShowing(info?.video?.width ?? 0)
+      const bad = () => {
+        resume.current = { at: v.currentTime || at, play: true }
+        setNote('This browser can’t play the file as it is. Back on Auto.')
+        setChoice('auto')
       }
-      v.play().catch(() => { /* needs a tap on some phones */ })
-    })()
-    return () => { gone = true; hls?.destroy() }
-  }, [mode, stream])
+      v.addEventListener('error', bad, { once: true })
+      return () => { v.removeEventListener('error', bad); v.removeEventListener('loadedmetadata', start); v.removeAttribute('src'); v.load() }
+    }
+    const master = nodeAPI(open.node, open.master)
+    if (Hls.isSupported()) {
+      const h = new Hls({
+        abrController: PatientAbr as unknown as typeof Hls.DefaultConfig.abrController,
+        abrEwmaDefaultEstimate: savedBW() || 5_000_000,
+        startPosition: at || -1,
+        maxBufferLength: 30,
+        maxMaxBufferLength: 60,
+        backBufferLength: 60,
+        // A piece being made after a seek can take a while; the machine waits up to 45 s.
+        fragLoadPolicy: { default: { maxTimeToFirstByteMs: 50_000, maxLoadTimeMs: 120_000, timeoutRetry: { maxNumRetry: 2, retryDelayMs: 0, maxRetryDelayMs: 0 }, errorRetry: { maxNumRetry: 4, retryDelayMs: 1000, maxRetryDelayMs: 8000 } } },
+      })
+      hls.current = h
+      h.on(Hls.Events.MANIFEST_PARSED, () => {
+        if (typeof choice === 'number') {
+          const i = h.levels.findIndex((l) => l.width === choice)
+          if (i >= 0) { h.startLevel = i; h.currentLevel = i }
+        }
+        if (play) v.play().catch(() => setPaused(true))
+      })
+      h.on(Hls.Events.LEVEL_SWITCHED, (_, d) => setShowing(h.levels[d.level]?.width ?? 0))
+      h.on(Hls.Events.FRAG_BUFFERED, () => saveBW(h.bandwidthEstimate))
+      let recovered = 0
+      h.on(Hls.Events.ERROR, (_, d) => {
+        if (!d.fatal) return
+        if (d.type === Hls.ErrorTypes.MEDIA_ERROR && recovered++ < 3) { h.recoverMediaError(); return }
+        if (d.type === Hls.ErrorTypes.NETWORK_ERROR && recovered++ < 3) { h.startLoad(v.currentTime); return }
+        setErr(`The video stopped loading (${d.details}).`)
+      })
+      h.loadSource(master)
+      h.attachMedia(v)
+      return () => { saveBW(h.bandwidthEstimate); h.destroy(); hls.current = null }
+    }
+    // Safari without Media Source (an older iPhone): its own HLS, Auto only.
+    v.src = master
+    v.addEventListener('loadedmetadata', start, { once: true })
+    return () => { v.removeEventListener('loadedmetadata', start); v.removeAttribute('src'); v.load() }
+  }, [open, choice === 'original' ? 'o' : 'h']) // eslint-disable-line react-hooks/exhaustive-deps
 
-  // follow the re-encode while it runs
+  // A hand-picked quality, or back to Auto, while hls.js is already playing.
   useEffect(() => {
-    if (mode !== 'hls' || !stream) return
-    let stopPolling = false
-    const tick = async () => { try { const st = await api.playStatus(stream.s.id); if (!stopPolling) { setStatus(st); if (st.running) setTimeout(tick, 2000) } } catch { /* ended */ } }
-    tick()
-    return () => { stopPolling = true }
-  }, [mode, stream])
+    const h = hls.current
+    if (!h || choice === 'original' || !h.levels.length) return
+    if (choice === 'auto') { h.currentLevel = -1; return }
+    const i = h.levels.findIndex((l) => l.width === choice)
+    if (i >= 0) h.currentLevel = i
+  }, [choice])
 
-  const pick = (reason: string) => { setWhy(reason); setMode('pick') }
-  const codecs = caps?.codecs ?? []
+  // What the machine is doing, while the menu is open.
+  useEffect(() => {
+    if (!menu || !open) return
+    let live = true
+    const tick = () => api.playStatus(open.node, open.play.id).then((s) => { if (live) setStatus(s) }).catch(() => {})
+    tick()
+    const t = window.setInterval(tick, 2000)
+    return () => { live = false; window.clearInterval(t) }
+  }, [menu, open])
+
+  // Controls fade while it plays and nobody touches anything.
+  const poke = useCallback(() => {
+    setChrome(true)
+    window.clearTimeout(hideTimer.current)
+    hideTimer.current = window.setTimeout(() => { if (!video.current?.paused && !menuRef.current) setChrome(false) }, 3000)
+  }, [])
+  useEffect(() => () => window.clearTimeout(hideTimer.current), [])
+  useEffect(() => { if (!menu) poke() }, [menu, poke])
+
+  const toggle = useCallback(() => {
+    const v = video.current
+    if (!v) return
+    if (v.paused) void v.play().catch(() => {})
+    else v.pause()
+    poke()
+  }, [poke])
+  // The seek bar: while it is dragged the ball follows the finger (the input event); the seek
+  // itself is on release (the browser's own change event, which a click, a drag and the arrow
+  // keys all end with). The ball is put where the seek went at once, so it waits there while
+  // the piece is made rather than going back to where the film was.
+  const seekBar = useRef<HTMLInputElement>(null)
+  useEffect(() => {
+    const el = seekBar.current
+    if (!el) return
+    const commit = () => {
+      const x = Number(el.value), v = video.current
+      if (v && Math.abs(v.currentTime - x) > 0.05) v.currentTime = x
+      setTime(x)
+      setScrub(null)
+    }
+    el.addEventListener('change', commit)
+    return () => el.removeEventListener('change', commit)
+  })
+  const seekBy = useCallback((d: number) => {
+    const v = video.current
+    if (!v) return
+    v.currentTime = Math.max(0, Math.min(info?.duration ?? v.duration, v.currentTime + d))
+    poke()
+  }, [info, poke])
+  // Full screen: the browser's where it has one for an element, else (an iPhone) the window.
+  const fullscreen = useCallback(() => {
+    const el = box.current as (HTMLDivElement & { webkitRequestFullscreen?: () => void }) | null
+    if (!el) return
+    if (document.fullscreenElement) { void document.exitFullscreen(); return }
+    if (el.requestFullscreen) { void el.requestFullscreen().catch(() => setFull((f) => !f)); return }
+    if (el.webkitRequestFullscreen) { el.webkitRequestFullscreen(); return }
+    setFull((f) => !f)
+  }, [])
+  useEffect(() => {
+    const f = () => setFull(!!document.fullscreenElement)
+    document.addEventListener('fullscreenchange', f)
+    return () => document.removeEventListener('fullscreenchange', f)
+  }, [])
+
+  // Keys work while the player has the focus (a click on it gives it).
+  const onKey = (e: React.KeyboardEvent) => {
+    if (e.key === ' ' || e.key === 'k') { e.preventDefault(); toggle() }
+    else if (e.key === 'ArrowLeft' || e.key === 'j') { e.preventDefault(); seekBy(e.key === 'j' ? -10 : -5) }
+    else if (e.key === 'ArrowRight' || e.key === 'l') { e.preventDefault(); seekBy(e.key === 'l' ? 10 : 5) }
+    else if (e.key === 'f') fullscreen()
+    else if (e.key === 'Escape') { if (menu) setMenu(false); else if (full && !document.fullscreenElement) setFull(false) }
+  }
+
+  // Looking around a 360° video: a drag turns the view, a pinch zooms, a tap shows or hides the
+  // controls.
+  const pointers = useRef(new Map<number, { x: number; y: number }>())
+  const moved = useRef(0)
+  const pinch = useRef(0)
+  const onDown = (e: React.PointerEvent) => {
+    (e.target as Element).setPointerCapture(e.pointerId)
+    pointers.current.set(e.pointerId, { x: e.clientX, y: e.clientY })
+    moved.current = 0
+    if (pointers.current.size === 2) { const [a, b] = [...pointers.current.values()]; pinch.current = Math.hypot(a.x - b.x, a.y - b.y) }
+  }
+  const onMove = (e: React.PointerEvent) => {
+    const p = pointers.current.get(e.pointerId)
+    if (!p) return
+    const dx = e.clientX - p.x, dy = e.clientY - p.y
+    pointers.current.set(e.pointerId, { x: e.clientX, y: e.clientY })
+    moved.current += Math.abs(dx) + Math.abs(dy)
+    if (pointers.current.size === 2) {
+      const [a, b] = [...pointers.current.values()]
+      const d = Math.hypot(a.x - b.x, a.y - b.y)
+      if (pinch.current) sphere.current?.zoom(pinch.current / d)
+      pinch.current = d
+    } else sphere.current?.drag(dx, dy)
+  }
+  const onUp = (e: React.PointerEvent) => {
+    pointers.current.delete(e.pointerId)
+    if (pointers.current.size < 2) pinch.current = 0
+    if (pointers.current.size === 0 && moved.current < 6) {
+      if (e.pointerType === 'mouse') toggle()
+      else if (chrome && !menu) setChrome(false)
+      else poke()
+      setMenu(false)
+    }
+  }
+
+  const v = video.current
+  const dur = info?.duration ?? 0
+  const shown = scrub ?? time
+  const rungs = open?.play.rungs ?? []
+  const label = (w: number) => rungs.find((r) => r.width === w)?.label ?? (w && w === info?.video?.width ? 'Original' : '')
+  const choiceLabel = choice === 'auto' ? `Auto${showing ? ` · ${label(showing)}` : ''}` : choice === 'original' ? 'Original' : label(choice)
+  const tooBig = vr && sphere.current && (info?.video?.width ?? 0) > sphere.current.maxTexture
+  const fileRate = info?.bit_rate || (info?.size && dur ? (info.size * 8) / dur : 0)
+  const keep = () => { if (v) resume.current = { at: v.currentTime, play: !v.paused } }
 
   return (
-    <div className="player">
-      {mode === 'native' && (
-        <>
-          <div className="play-bar"><span>as it is</span><span className="spacer" /><button className="btn" onClick={() => pick('')}>Re-encode…</button></div>
-          <div className="preview"><video controls playsInline preload="metadata" src={api.fileReadURL(path, sudo)} onError={() => pick(`This browser can't play ${name} as it is — the container or codec isn't one it decodes.`)} /></div>
-        </>
-      )}
-      {mode === 'pick' && (
-        <div className="play-pick notice">
-          <div>{why || `Re-encode ${name} on this machine and play that instead.`}</div>
-          {caps?.error && <div className="error" style={{ marginTop: 8 }}>{caps.error}</div>}
-          {!caps && !err && <div className="muted small" style={{ marginTop: 8 }}><Spinner /> asking the machine what it can encode…</div>}
-          {caps && !caps.error && (
-            <div className="row">
-              <label>codec
-                <select value={codec} onChange={(e) => setCodec(e.target.value)}>
-                  {codecs.map((c) => <option key={c.id} value={c.id} disabled={!c.engine}>{c.label}{c.engine ? ` — ${c.engine}` : ' — not on this machine'}</option>)}
-                </select>
-              </label>
-              <label>size
-                <select value={quality} onChange={(e) => setQuality(e.target.value)} disabled={codec === 'copy'}>
-                  {caps.qualities.map((q) => <option key={q.id} value={q.id}>{q.label}</option>)}
-                </select>
-              </label>
-              <Btn className="btn on" disabled={!codecs.find((c) => c.id === codec)?.engine} onClick={start}>Play</Btn>
-              <a className="btn" href={api.fileDownloadURL(path, sudo)} download={name}>Download instead</a>
+    <div ref={box} tabIndex={0} onKeyDown={onKey} className={`vp${chrome ? '' : ' bare'}${full ? ' max' : ''}`}
+      onPointerMove={(e) => { if (e.pointerType === 'mouse') poke() }}
+      onWheel={vr ? (e) => { if (!(e.target as Element).closest('.vp-menu')) sphere.current?.zoom(e.deltaY > 0 ? 1.08 : 1 / 1.08) } : undefined}>
+      <video ref={video} className={vr ? 'vp-v vp-hidden' : 'vp-v'} playsInline preload="auto"
+        onPlay={() => { setPaused(false); poke() }} onPause={() => { setPaused(true); setChrome(true) }}
+        onWaiting={() => setWaiting(true)} onPlaying={() => setWaiting(false)} onCanPlay={() => setWaiting(false)} onSeeking={() => setWaiting(true)} onSeeked={() => setWaiting(false)}
+        onTimeUpdate={(e) => {
+          const el = e.currentTarget
+          setTime(el.currentTime)
+          resume.current = { at: el.currentTime, play: !el.paused }
+          for (let i = 0; i < el.buffered.length; i++) if (el.buffered.start(i) <= el.currentTime + 0.5) setBuffered(el.buffered.end(i))
+        }}
+        onClick={vr ? undefined : () => { if (matchMedia('(pointer: coarse)').matches) { if (chrome) setChrome(false); else poke() } else toggle() }}
+        onDoubleClick={vr ? undefined : fullscreen} />
+      {vr && <canvas ref={canvas} className="vp-v vp-sphere" onPointerDown={onDown} onPointerMove={onMove} onPointerUp={onUp} onPointerCancel={onUp} onDoubleClick={fullscreen} />}
+
+      {(waiting || !open) && !err && <div className="vp-spin" aria-label="Loading" />}
+      {err && <div className="vp-err"><p>{err}</p></div>}
+      {open && paused && !waiting && !err && <button className="vp-big" onClick={toggle} aria-label="Play"><I d={PLAY} size={36} fill /></button>}
+      {note && <div className="vp-note" role="status" onClick={() => setNote('')}>{note}</div>}
+      {vr && open && chrome && !menu && time < 8 && !err && <div className="vp-hint">Drag to look around · scroll or pinch to zoom</div>}
+
+      <div className="vp-bottom">
+        <div className="vp-seek" style={{ ['--p' as string]: dur ? `${(shown / dur) * 100}%` : '0%', ['--b' as string]: dur ? `${(buffered / dur) * 100}%` : '0%' }}>
+          <input ref={seekBar} type="range" min={0} max={dur || 1} step={0.1} value={shown} aria-label="Seek"
+            onChange={(e) => { setScrub(Number(e.target.value)); poke() }} />
         </div>
-          )}
-          {err && <div className="error" style={{ marginTop: 8 }}>{err}</div>}
-        </div>
-      )}
-      {mode === 'hls' && stream && (
-        <>
-          <div className="play-bar">
-            <span title={describe(stream.s)}>{describe(stream.s)}</span>
-            {status && status.running && <span>· {status.speed ? `${status.speed.toFixed(1)}×` : ''} {stream.s.source.duration ? `${Math.min(100, Math.round(status.progress / stream.s.source.duration * 100))}% through` : `${Math.round(status.progress)} s done`} — seek within what's done</span>}
-            {status?.done && <span>· all of it is ready</span>}
-            {status?.error && <span className="error">· stopped early: {status.error}</span>}
+        <div className="vp-row">
+          <button className="vp-icon" onClick={toggle} aria-label={paused ? 'Play' : 'Pause'}>{paused ? <I d={PLAY} fill /> : <I d={PAUSE} />}</button>
+          <span className="vp-time">{clock(shown)} / {clock(dur)}</span>
           <span className="spacer" />
-            <button className="btn" onClick={() => { stop(); setMode('pick'); setWhy('') }}>Change…</button>
+          {vr && canMotion() && (
+            <button className={`vp-icon${motion ? ' on' : ''}`} aria-label="Look around by moving the phone" aria-pressed={motion}
+              onClick={async () => { const s = sphere.current; if (s) setMotion(await s.setGyro(!s.gyroOn)) }}><I d={PHONE} /></button>
+          )}
+          <button className="vp-q" onClick={() => { setMenu((m) => !m); poke() }} aria-label="Quality" aria-expanded={menu}><I d={TUNE} size={16} /><span>{choiceLabel}</span></button>
+          <button className="vp-icon" onClick={fullscreen} aria-label={full ? 'Exit full screen' : 'Full screen'}><I d={full ? SMALL : FULL} /></button>
+        </div>
+      </div>
+
+      {menu && open && (
+        <div className="vp-menu" role="menu">
+          <div className="vp-menu-h">Quality</div>
+          <button role="menuitemradio" aria-checked={choice === 'auto'} onClick={() => { setChoice('auto'); setMenu(false) }}>
+            <span className="ck">{choice === 'auto' && <I d={CHECK} size={16} />}</span><span>Auto</span><small>{choice === 'auto' && showing ? label(showing) : 'fits the connection'}</small>
+          </button>
+          <button role="menuitemradio" aria-checked={choice === 'original'} disabled={!!tooBig} onClick={() => { keep(); setChoice('original'); setMenu(false) }}>
+            <span className="ck">{choice === 'original' && <I d={CHECK} size={16} />}</span><span>Original</span>
+            <small>{tooBig ? 'too big for this device' : [size(info?.video?.width, info?.video?.height, vr), fileRate ? mbps(fileRate) : ''].filter(Boolean).join(' · ')}</small>
+          </button>
+          {rungs.map((r) => (
+            <button key={r.name} role="menuitemradio" aria-checked={choice === r.width} onClick={() => { keep(); setChoice(r.width); setMenu(false) }}>
+              <span className="ck">{choice === r.width && <I d={CHECK} size={16} />}</span><span>{r.label}</span><small>{mbps(r.bitrate)}</small>
+            </button>
+          ))}
+          <div className="vp-menu-f">
+            Made on <b>{open.host}</b> · {status?.engine || open.engine}
+            {status?.engine && <> · {status.paused ? 'far enough ahead, waiting' : `from ${clock(status.from)}`}</>}
+          </div>
         </div>
-          <div className="preview"><video ref={video} controls autoPlay playsInline /></div>
-          {err && <div className="error" style={{ margin: 12 }}>{err}</div>}
-        </>
       )}
     </div>
   )

web/src/Settings.tsx

@@ -1,6 +1,6 @@
 import { useCallback, useEffect, useState } from 'react'
 import { fetchCatalog } from './sensors'
-import { api, Me, TokenInfo, UpdateStatus } from './api'
+import { api, Me, TokenInfo, TranscodeSetting, UpdateStatus } from './api'
 import { savePrefs } from './accents'
 import { applyTheme, currentThemeId, THEMES } from './themes'
 import { Btn, Loading, Spinner, askYes, toast, useEscape } from './ui'
@@ -104,6 +104,7 @@ export default function Settings({ me }: { me: Me }) {
         </div>
       </section>
 
+      <TranscodeDevice />
 
       <div className="dash-bar"><h2 className="section">Access tokens</h2></div>
       <section className="card">
@@ -248,3 +249,60 @@ function TokenDialog({ onClose, onMade }: { onClose: () => void; onMade: (t: { n
     </div>
   )
 }
+
+// Where videos played in Files are made: one device on one machine, for every machine's files.
+// Every machine's devices are asked for live; one that can't be used says why.
+function TranscodeDevice() {
+  const [t, setT] = useState<TranscodeSetting | null>(null)
+  const [err, setErr] = useState('')
+  const [busy, setBusy] = useState('')
+  useEffect(() => { api.transcode().then(setT).catch((e) => setErr(e instanceof Error ? e.message : 'failed')) }, [])
+  const set = async (node: string, device: string) => {
+    setBusy(node + '|' + device); setErr('')
+    try { setT(await api.setTranscode(node, device)) } catch (e) { setErr(e instanceof Error ? e.message : 'failed') }
+    setBusy('')
+  }
+  const sel = t?.selected
+  return (
+    <>
+      <div className="dash-bar"><h2 className="section">Transcode device</h2><span className="spacer" /><span className="muted small">videos in Files, on every machine</span></div>
+      <section className="card">
+        {!t && !err && <div className="muted small"><Spinner /> asking every machine what it can encode on…</div>}
+        {t && (
+          <div className="tc-list">
+            <div className="tc-machine">
+              <div className="tc-host">Anywhere</div>
+              <div className="chips">
+                <button className={'chip' + (!sel ? ' on' : '')} disabled={!!busy} onClick={() => set('', '')}>The machine the file is on, its best device</button>
+              </div>
+            </div>
+            {t.machines.map((m) => (
+              <div key={m.node} className="tc-machine">
+                <div className="tc-host">{m.host}{m.node === '' && <span className="muted small"> · this hub</span>}</div>
+                {m.error && <div className="muted small">{m.error}</div>}
+                <div className="chips">
+                  {(m.devices ?? []).map((d) => {
+                    const on = !!sel && sel.node === m.node && sel.device === d.id
+                    return (
+                      <button key={d.id} className={'chip' + (on ? ' on' : '') + (d.ok ? '' : ' off')} disabled={!d.ok || !!busy} title={d.ok ? d.id : d.reason}
+                        onClick={() => set(m.node, d.id)}>
+                        {busy === m.node + '|' + d.id ? <Spinner size={10} /> : null}{d.name}{d.id !== 'cpu' && d.integrated ? ' (integrated)' : ''}{!d.ok && d.reason ? ` — ${d.reason}` : ''}
+                      </button>
+                    )
+                  })}
+                </div>
+              </div>
+            ))}
+          </div>
+        )}
+        {err && <div className="error" style={{ marginTop: 8 }}>{err}</div>}
+        <div className="muted small" style={{ marginTop: 10 }}>
+          Opening a video in Files plays it YouTube's way — Auto picks the quality the connection takes, any quality can be picked by hand,
+          or the file as it is — and every quality is made on the fly, from wherever you seek to, on this device. Video previews
+          (thumbnails) are made on it too; image previews stay on each machine's CPU. When it is on another
+          machine than the file, that machine reads the file through this hub. If it can't be reached, the file's own machine makes it instead.
+        </div>
+      </section>
+    </>
+  )
+}

web/src/Shell.tsx

@@ -15,7 +15,6 @@ import Hardware from './Hardware'
 import Network from './Network'
 import VPN from './VPN'
 import ZFS from './ZFS'
-import Virtualization from './Virtualization'
 import KVM from './KVM'
 import Files from './Files'
 import Top from './Top'
@@ -82,7 +81,6 @@ const GROUPS: Group[] = [
   { id: 'usage', label: 'Usage', icon: '▧' },
   { id: 'zfs', label: 'ZFS', icon: '⛁' },
   { id: 'docker', label: 'Docker', icon: DockerIcon },
-  { id: 'virt', label: 'Virtualization', icon: '▣' },
   { id: 'kvm', label: 'KVM', icon: '⌨' },
   { id: 'hardware', label: 'Hardware', icon: '⬡' },
   { id: 'updates', label: 'Updates', icon: '⇪' },
@@ -93,8 +91,8 @@ const GROUPS: Group[] = [
   { id: 'settings', label: 'Settings', icon: '⚙' },
 ]
 
-type View = 'terminal' | 'widgets' | 'docker' | 'virt' | 'alerts' | 'services' | 'jobs' | 'updates' | 'disks' | 'hardware' | 'network' | 'vpn' | 'zfs' | 'usage' | 'files' | 'procs' | 'machines' | 'kvm' | 'users' | 'settings'
-const VIEWS: View[] = ['terminal', 'widgets', 'docker', 'virt', 'alerts', 'services', 'jobs', 'updates', 'disks', 'hardware', 'network', 'vpn', 'zfs', 'usage', 'files', 'procs', 'machines', 'kvm', 'users', 'settings']
+type View = 'terminal' | 'widgets' | 'docker' | 'alerts' | 'services' | 'jobs' | 'updates' | 'disks' | 'hardware' | 'network' | 'vpn' | 'zfs' | 'usage' | 'files' | 'procs' | 'machines' | 'kvm' | 'users' | 'settings'
+const VIEWS: View[] = ['terminal', 'widgets', 'docker', 'alerts', 'services', 'jobs', 'updates', 'disks', 'hardware', 'network', 'vpn', 'zfs', 'usage', 'files', 'procs', 'machines', 'kvm', 'users', 'settings']
 const HUB_ONLY: View[] = ['machines', 'users', 'settings', 'alerts']
 
 // URL hash is the source of truth for where you are: #/<machine|hub>/<view>. Back and
@@ -331,7 +329,6 @@ export default function Shell({ me: hubMe, onLoggedOut }: { me: Me; onLoggedOut:
           {view === 'machines' && <Machines hub={hubMe} onChanged={loadMachines} onOpen={(n) => { switchMachine(n); setView('procs') }} />}
           {view === 'widgets' && <Gallery />}
           {view === 'docker' && <Docker />}
-          {view === 'virt' && <Virtualization />}
           {view === 'alerts' && <Alerts machines={machines.map((m) => m.name)} titleOf={(n) => titleOf(n === hubMe.host ? null : n, machines, hubMe.host)} />}
           {view === 'procs' && <Top />}
           {view === 'services' && <Services />}
@@ -369,7 +366,7 @@ export default function Shell({ me: hubMe, onLoggedOut }: { me: Me; onLoggedOut:
         <span>{machine ? `${title} · ` : ''}{me.version.startsWith('v') ? me.version : 'v' + me.version}</span>
         <span>up {fmtUptime(me.uptime)}</span>
         <span className="spacer" />
-        <span className="muted">{view === 'widgets' ? 'Widgets' : view === 'docker' ? 'Docker' : view === 'virt' ? 'Virtualization' : view === 'alerts' ? 'Alerts' : view === 'services' ? 'Services' : view === 'jobs' ? 'Jobs' : view === 'updates' ? 'Updates' : view === 'disks' ? 'Disks' : view === 'hardware' ? 'Hardware' : view === 'network' ? 'Network' : view === 'vpn' ? 'VPN' : view === 'zfs' ? 'ZFS' : view === 'usage' ? 'Usage' : view === 'files' ? 'Files' : view === 'procs' ? 'Processes' : view === 'machines' ? 'Machines' : view === 'kvm' ? 'KVM' : view === 'users' ? 'Users' : view === 'settings' ? 'Settings' : activeTerm ? activeTerm.name : ''}</span>
+        <span className="muted">{view === 'widgets' ? 'Widgets' : view === 'docker' ? 'Docker' : view === 'alerts' ? 'Alerts' : view === 'services' ? 'Services' : view === 'jobs' ? 'Jobs' : view === 'updates' ? 'Updates' : view === 'disks' ? 'Disks' : view === 'hardware' ? 'Hardware' : view === 'network' ? 'Network' : view === 'vpn' ? 'VPN' : view === 'zfs' ? 'ZFS' : view === 'usage' ? 'Usage' : view === 'files' ? 'Files' : view === 'procs' ? 'Processes' : view === 'machines' ? 'Machines' : view === 'kvm' ? 'KVM' : view === 'users' ? 'Users' : view === 'settings' ? 'Settings' : activeTerm ? activeTerm.name : ''}</span>
       </footer>
     </div>
   )

web/src/Top.tsx

@@ -3,14 +3,14 @@
 // as they climb. The numbers are Ham Lab's own — the sensor stream for everything measured and
 // /api/procs for the table — so this works on any machine the console can see, whether or not
 // btop is installed on it.
-import { createContext, memo, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react'
+import { createContext, memo, useCallback, useContext, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react'
 import { api, GPU, ProcTable, Proc, Sample } from './api'
 import { Catalog, MONITOR_SHAPE, Values, mergeValues, sampleOf, stale } from './sampleAdapter'
 import { fetchCatalog, fetchHistories, useSensorStream } from './sensors'
 import { fmtMs, nextPoint, REFRESH_OPTIONS, setRefreshMs, strideMs, useHistorySec, useRefreshMs } from './prefs'
 import { Loading, askYes, toast } from './ui'
 import { Theme, currentThemeId, themeById } from './themes'
-import { columnsOf } from './graphcols'
+import { columnsAt } from './graphcols'
 import { savePrefs } from './accents'
 
 const MAX = 300 // points kept per curve, as the machines keep them
@@ -68,7 +68,7 @@ function at(g: readonly string[], t: number): string {
 
 // ---- the dot graph ----
 // One dot column per sample, filled from the bottom, each dot coloured by how high it sits.
-function Graph({ values, tick, advance, cap, max, grad, flip = false }: { values: number[]; tick: number; advance: number; cap: number; max?: number; grad: GradName; flip?: boolean }) {
+function Graph({ values, tick, advance, now, cap, max, grad, flip = false }: { values: number[]; tick: number; advance: number; now: number; cap: number; max?: number; grad: GradName; flip?: boolean }) {
   const ref = useRef<HTMLCanvasElement>(null)
   const box = useRef<HTMLDivElement>(null)
   const pal = useContext(Pal)
@@ -79,7 +79,8 @@ function Graph({ values, tick, advance, cap, max, grad, flip = false }: { values
     ro.observe(box.current)
     return () => ro.disconnect()
   }, [])
-  useEffect(() => {
+  // drawn before the browser paints, so a graph changes in the same frame as the numbers
+  useLayoutEffect(() => {
     const c = ref.current
     if (!c || w < 4 || height < 4) return
     const dpr = window.devicePixelRatio || 1
@@ -91,14 +92,16 @@ function Graph({ values, tick, advance, cap, max, grad, flip = false }: { values
     // The box is the whole window, always: `cap` points wide (what the window holds at this
     // rate) whatever the box measures, so a full history fills it edge to edge and a machine
     // that has only just started draws in from the right, as btop does. Which points each
-    // column draws — the peak of its own fixed slice of the history — is graphcols.ts.
-    const seen = columnsOf(values, advance, cap, cols)
-    const top = max ?? Math.max(1, ...seen)
+    // column draws — the peak of its own fixed slice of the history — is graphcols.ts. The
+    // columns slide by a fraction of one on every tick, so the graph moves with the numbers
+    // beside it even when its points are several ticks apart.
+    const { cols: seen, edge } = columnsAt(values, advance, now, cap, cols)
+    const top = max ?? Math.max(1, ...seen.slice(-cols))
     const stops = pal[grad]
     for (let i = 0; i < seen.length; i++) {
       // anything above nothing lights the bottom row: the curve keeps a baseline, as btop's does
       const lit = seen[i] > 0 ? Math.max(1, Math.round((seen[i] / top) * rows)) : 0
-      const x = w - (seen.length - i) * step
+      const x = Math.round((w - (seen.length - 1 - i + edge) * step) * dpr) / dpr
       for (let r = 0; r < lit; r++) {
         const t = rows > 1 ? r / (rows - 1) : 1
         g.fillStyle = at(stops, t)
@@ -106,7 +109,7 @@ function Graph({ values, tick, advance, cap, max, grad, flip = false }: { values
         g.fillRect(x, y, 2, 2)
       }
     }
-  }, [values, tick, advance, cap, w, height, max, grad, flip, pal]) // tick: the curve is appended to in place
+  }, [values, tick, advance, now, cap, w, height, max, grad, flip, pal]) // tick: the curve is appended to in place
   return <div className="tg" ref={box} data-n={values.length}><canvas ref={ref} style={{ width: '100%', height: '100%' }} /></div>
 }
 
@@ -187,12 +190,17 @@ function braille(values: number[], cells = 7, max = 100): string {
 
 // ---- the curves this page keeps ----
 const CURVES = 'cpu.usage,cpu.core.*.usage,net.*.rx,net.*.tx,disk.*.util,gpu.*.usage'
+const RECENT = 18 // ticks a per-core strip keeps: its nine braille cells, two dots each
 
 function useCurves(live: Values | null, t: number, refreshMs: number, historySec: number, resumed: number) {
   const cur = useRef<Map<string, number[]>>(new Map())
   const lastT = useRef(0)
   const binN = useRef(1)
   const adv = useRef(0) // the number of the newest point, counted since the page opened: what a graph's columns are cut by
+  const now = useRef(1) // how far along the curves are, in points: adv plus the newest point's share of its stride gone
+  // The per-core strips are a few seconds wide: they keep every tick, not the stride's points,
+  // so they move with the numbers beside them whatever the history window is.
+  const recent = useRef<Map<string, number[]>>(new Map())
   const [ticks, bump] = useState(0)
   const seed = useCallback(async () => {
     try {
@@ -202,21 +210,30 @@ function useCurves(live: Values | null, t: number, refreshMs: number, historySec
       // The stride is timed on this clock only. The history's own timestamps are the machine's:
       // measured against them, a viewer whose clock runs minutes slow would wait those minutes
       // before its curves gained a single new point.
-      cur.current = m; lastT.current = Date.now(); binN.current = 1
+      cur.current = m; lastT.current = Date.now(); binN.current = 1; now.current = adv.current + 1
       bump((x) => x + 1)
     } catch { /* the curves fill in live instead */ }
   }, [])
   useEffect(() => { seed() }, [seed, resumed, historySec]) // a new window is a new spacing: start from what the machine now keeps
-  useEffect(() => {
+  // before paint: the curves take the sample in the same frame that shows its numbers
+  useLayoutEffect(() => {
     if (!live || !t) return
-    const { fresh, start } = nextPoint(t, lastT.current, strideMs(historySec, refreshMs), refreshMs)
+    const stride = strideMs(historySec, refreshMs)
+    const { fresh, start } = nextPoint(t, lastT.current, stride, refreshMs)
     binN.current = fresh ? 1 : binN.current + 1
     lastT.current = start
     if (fresh) adv.current++
+    // this tick's share of the point: one tick in at its start, the whole point by its last
+    now.current = adv.current + Math.max(refreshMs / stride, Math.min(1, (t - start + refreshMs) / stride))
     const n = binN.current
     for (const [id, v] of Object.entries(live)) {
       if (typeof v !== 'number') continue
       if (!/^cpu\.usage$|^cpu\.core\.\d+\.usage$|^net\..+\.(rx|tx)$|^disk\..+\.util$|^gpu\..+\.usage$/.test(id)) continue
+      if (id.startsWith('cpu.core.')) {
+        const r = recent.current.get(id) ?? []
+        r.push(v); if (r.length > RECENT) r.shift()
+        recent.current.set(id, r)
+      }
       const arr = cur.current.get(id) ?? []
       if (!cur.current.has(id)) cur.current.set(id, arr)
       if (fresh || arr.length === 0) { arr.push(v); if (arr.length > MAX) arr.shift() }
@@ -224,7 +241,7 @@ function useCurves(live: Values | null, t: number, refreshMs: number, historySec
     }
     bump((x) => x + 1)
   }, [live, t, refreshMs, historySec])
-  return [cur.current, ticks, adv.current] as const
+  return [cur.current, ticks, adv.current, now.current, recent.current] as const
 }
 
 // ---- the page ----
@@ -239,17 +256,43 @@ export default function Top() {
   const [ready, setReady] = useState(false)
   const stream = useSensorStream<unknown[]>(MONITOR_SHAPE, { full: false, everyMs: refreshMs })
   useEffect(() => { fetchCatalog().then((c) => { catalog.current = new Map(c.map((x) => [x.id, x])); setReady(true) }).catch(() => setReady(true)) }, [])
-  const values = useMemo(() => (stream.data ? mergeValues(stream.data) : null), [stream.data])
+
+  // One beat for the whole page. Every sample the stream pushes is held until the process
+  // table has been read for it, and the two land together: the curves, the meters, the numbers,
+  // the GPU boxes and the table all change on the same tick, at the rate, never on two clocks
+  // that drift past each other. A sample that arrives while the table is still being read
+  // replaces the held one, so a slow read costs ticks, never order.
+  const [frame, setFrame] = useState<{ data: unknown[] | null; pt: ProcTable | null }>({ data: null, pt: null })
+  const [err, setErr] = useState('')
+  const held = useRef<unknown[] | null>(null)
+  const reading = useRef(false)
+  const mounted = useRef(true)
+  useEffect(() => { mounted.current = true; return () => { mounted.current = false } }, [])
+  useEffect(() => {
+    if (!stream.data) return
+    held.current = stream.data
+    if (reading.current) return
+    reading.current = true
+    api.procs().then((pt) => ({ pt, e: '' }), (e) => ({ pt: null, e: e instanceof Error ? e.message : 'failed' })).then(({ pt, e }) => {
+      reading.current = false
+      if (!mounted.current) return
+      const data = held.current
+      setFrame((f) => ({ data, pt: pt ?? f.pt }))
+      setErr(e)
+    })
+  }, [stream.data])
+  const pt = frame.pt
+  const values = useMemo(() => (frame.data ? mergeValues(frame.data) : null), [frame.data])
   useEffect(() => {
     if (!values || catalog.current.size === 0 || refetching.current || !stale(values, catalog.current)) return
     refetching.current = true
     fetchCatalog().then((c) => { catalog.current = new Map(c.map((x) => [x.id, x])) }).catch(() => {}).finally(() => window.setTimeout(() => { refetching.current = false }, 10000))
   }, [values])
   const s: Sample | null = useMemo(() => (values && ready ? sampleOf(values, catalog.current) : null), [values, ready])
-  const [curves, tick, advance] = useCurves(values, s?.t ?? 0, refreshMs, historySec, stream.resumed)
+  const [curves, tick, advance, now, recent] = useCurves(values, s?.t ?? 0, refreshMs, historySec, stream.resumed)
 
-  // the process table, and the CPU model, come from the same place the Processes page reads
-  const [pt, setPt] = useState<ProcTable | null>(null)
+  // the process table, and the CPU model, come from the same place the Processes page reads,
+  // on the sample's beat (above)
   const [pickedIf, setPickedIf] = useState<string | null>(null) // which NIC the net box draws
   // Which pool each drive belongs to, asked once: a drive in a ZFS pool has no filesystem of
   // its own, and "nothing is on it" would be a lie about eight drives holding a NAS.
@@ -264,14 +307,6 @@ export default function Top() {
     }).catch(() => { /* the rows simply say less */ })
     return () => { live = false }
   }, [])
-  const [err, setErr] = useState('')
-  useEffect(() => {
-    let stop = false
-    const poll = async () => { try { const r = await api.procs(); if (!stop) { setPt(r); setErr('') } } catch (e) { if (!stop) setErr(e instanceof Error ? e.message : 'failed') } }
-    poll()
-    const i = window.setInterval(poll, refreshMs) // exactly the rate, like every other page: nothing is throttled behind his back
-    return () => { stop = true; window.clearInterval(i) }
-  }, [refreshMs])
 
   // the same global rate Settings sets: saved on the hub, so it sticks and every machine's sampler follows
   const rateIdx = (() => { const i = REFRESH_OPTIONS.findIndex((x) => x >= refreshMs); return i < 0 ? REFRESH_OPTIONS.length - 1 : i })()
@@ -313,7 +348,7 @@ export default function Top() {
     try { await api.procSignal(p.pid, sig); toast(`SIG${sig} sent to ${p.pid}`) } catch (e) { toast(e instanceof Error ? e.message : 'failed', 'err') }
   }
 
-  if (!s && !pt) return <div className="top" style={pal.vars as React.CSSProperties}><Loading label={err || 'Reading the machine…'} /></div>
+  if (!s && !pt) return <div className="top" style={pal.vars as React.CSSProperties}><Loading label={err || stream.error || 'Reading the machine…'} /></div>
 
   const cpu = s?.cpu ?? pt?.cpu ?? 0
   const cores = (s?.cores?.length ? s.cores : pt?.cores) ?? []
@@ -365,7 +400,7 @@ export default function Top() {
       </>}>
         <div className="t-cpu">
           <div className="t-cpu-graph">
-            <Graph values={curves.get('cpu.usage') ?? []} tick={tick} advance={advance} cap={cap} max={100} grad="cpu" />
+            <Graph values={curves.get('cpu.usage') ?? []} tick={tick} advance={advance} now={now} cap={cap} max={100} grad="cpu" />
             <div className="t-up">up {upfor(uptime)}</div>
           </div>
           <div className="t-cores">
@@ -382,7 +417,7 @@ export default function Top() {
               return (
                 <div className="t-core" key={i}>
                   <span className="t-core-n">C{i}</span>
-                  <span className="t-core-g" title={pt?.core_ids && pt.core_ids[i] !== i ? `cpu ${i} · a thread of core ${pt.core_ids[i]}` : `core ${i}`}>{braille(curves.get(`cpu.core.${i}.usage`) ?? [], 9)}</span>
+                  <span className="t-core-g" title={pt?.core_ids && pt.core_ids[i] !== i ? `cpu ${i} · a thread of core ${pt.core_ids[i]}` : `core ${i}`}>{braille(recent.get(`cpu.core.${i}.usage`) ?? [], 9)}</span>
                   <span className="t-core-p">{Math.round(v)}%</span>
                   {anyTemp && <><span className="t-core-t">{t !== undefined && <Meter pct={Math.min(100, t)} grad="temp" />}</span><span className="t-core-c">{t !== undefined ? `${Math.round(t)}°C` : ''}</span></>}
                 </div>
@@ -397,7 +432,7 @@ export default function Top() {
         <div className="top-gpus">
           {gpus.map(({ g, stem }, i) => (
             <Box key={stem} name={`gpu${i}`} className={'top-gpu' + (unmeasured(g) ? ' slim' : '')} right={<span className="t-gpu-name" title={[g.name, g.driver, g.bus].filter(Boolean).join(' · ')}>{g.name}</span>}>
-              {unmeasured(g) ? <GPULine g={g} /> : <GPUBox g={g} values={curves.get(stem + '.usage') ?? []} tick={tick} advance={advance} cap={cap} />}
+              {unmeasured(g) ? <GPULine g={g} /> : <GPUBox g={g} values={curves.get(stem + '.usage') ?? []} tick={tick} advance={advance} now={now} cap={cap} />}
             </Box>
           ))}
         </div>
@@ -441,10 +476,10 @@ export default function Top() {
             <div className="t-net-graphs">
               <div className="t-net-g">
                 <span className="t-scale">{rate(peak(`net.${segOf(iface.iface)}.rx`))}</span>
-                <Graph values={curves.get(`net.${segOf(iface.iface)}.rx`) ?? []} tick={tick} advance={advance} cap={cap} grad="down" />
+                <Graph values={curves.get(`net.${segOf(iface.iface)}.rx`) ?? []} tick={tick} advance={advance} now={now} cap={cap} grad="down" />
               </div>
               <div className="t-net-g">
-                <Graph values={curves.get(`net.${segOf(iface.iface)}.tx`) ?? []} tick={tick} advance={advance} cap={cap} grad="up" flip />
+                <Graph values={curves.get(`net.${segOf(iface.iface)}.tx`) ?? []} tick={tick} advance={advance} now={now} cap={cap} grad="up" flip />
                 <span className="t-scale t-scale-b">{rate(peak(`net.${segOf(iface.iface)}.tx`))}</span>
               </div>
             </div>
@@ -522,7 +557,7 @@ const Rows = memo(function Rows({ procs, sel, onSel, curves, gpu, empty }: { pro
 // that have it open with their share. What cannot be measured on this card is left out rather
 // than shown as zero: an Arc on i915 has no temperature sensor, Asahi has no busy counter.
 const ENGINES: [string, string][] = [['render', 'render'], ['compute', 'compute'], ['video', 'video'], ['video-enhance', 'enhance'], ['copy', 'copy']]
-function GPUBox({ g, values, tick, advance, cap }: { g: GPU; values: number[]; tick: number; advance: number; cap: number }) {
+function GPUBox({ g, values, tick, advance, now, cap }: { g: GPU; values: number[]; tick: number; advance: number; now: number; cap: number }) {
   const engines = ENGINES.filter(([k]) => g.engines && g.engines[k] !== undefined)
   const temp = g.temp !== undefined && g.temp > 0 ? g.temp : undefined
   const how = g.stalled ? 'a sysfs read of this card stopped answering; its readings are paused until the console restarts'
@@ -530,7 +565,7 @@ function GPUBox({ g, values, tick, advance, cap }: { g: GPU; values: number[]; t
   return (
     <div className="t-gpu">
       <div className="t-gpu-graph">
-        <Graph values={values} tick={tick} advance={advance} cap={cap} max={100} grad="cpu" />
+        <Graph values={values} tick={tick} advance={advance} now={now} cap={cap} max={100} grad="cpu" />
         <div className="t-up">{g.usage_src ? `${Math.round(g.usage)}% ` : ''}{how}</div>
       </div>
       <div className="t-gpu-stats">

web/src/VgaConsole.tsx

@@ -1,86 +0,0 @@
-// The graphical console of a VM: spice-html5 (vendored, loaded on demand) drawing the SPICE
-// stream that Ham Lab bridges from Incus into a canvas. Used for installers from an ISO, and
-// anything else with a screen rather than a serial line.
-import { useEffect, useRef, useState } from 'react'
-import { wsURLPath } from './api'
-import { Btn, useEscape } from './ui'
-// No spice.css: upstream's stylesheet is for its own demo page and sets body, *, button and
-// canvas for the whole document. Imported here it restyled every button in Ham Lab. The
-// console is styled by the .vga rules in styles.css.
-
-type Spice = typeof import('./vendor/spice-html5/src/main.js')
-
-export default function VgaConsole({ name, onClose }: { name: string; onClose: () => void }) {
-  const [state, setState] = useState<'loading' | 'connecting' | 'connected' | 'error'>('loading')
-  const [err, setErr] = useState('')
-  const [fit, setFit] = useState(true)
-  const [size, setSize] = useState('')
-  const conn = useRef<InstanceType<Spice['SpiceMainConn']> | null>(null)
-  const mod = useRef<Spice | null>(null)
-  const area = useRef<HTMLDivElement>(null)
-  const screen = useRef<HTMLDivElement>(null)
-  useEscape(onClose)
-
-  useEffect(() => {
-    let dead = false
-    import('./vendor/spice-html5/src/main.js').then((m) => {
-      if (dead) return
-      mod.current = m
-      setState('connecting')
-      try {
-        conn.current = new m.SpiceMainConn({
-          uri: wsURLPath(`/api/virt/instances/${encodeURIComponent(name)}/vga`),
-          screen_id: 'spice-screen', message_id: 'spice-message',
-          onerror: (e) => { setState('error'); setErr(e instanceof Error ? e.message : (e as Event & { reason?: string })?.reason || 'the console closed') },
-          onsuccess: () => setState('connected'),
-          onagent: () => { try { m.handle_resize() } catch { /* no agent in the guest yet */ } },
-        })
-      } catch (e) { setState('error'); setErr(String(e)) }
-    }).catch((e) => { setState('error'); setErr('could not load the SPICE viewer: ' + String(e)) })
-    return () => { dead = true; try { conn.current?.stop() } catch { /* already gone */ } conn.current = null }
-  }, [name])
-
-  // The guest draws at its own resolution; scale the canvas to the pane unless asked not to.
-  useEffect(() => {
-    const a = area.current, s = screen.current
-    if (!a || !s) return
-    const apply = () => {
-      const c = s.querySelector('canvas')
-      if (!c) return
-      setSize(`${c.width}×${c.height}`)
-      c.tabIndex = 1
-      if (!fit) { s.style.transform = ''; s.style.width = ''; s.style.height = ''; return }
-      const k = Math.min(1, (a.clientWidth - 8) / c.width, (a.clientHeight - 8) / c.height)
-      s.style.transformOrigin = 'top left'
-      s.style.transform = `scale(${k})`
-      s.style.width = `${c.width}px`; s.style.height = `${c.height}px`
-    }
-    apply()
-    const ro = new ResizeObserver(apply); ro.observe(a)
-    const mo = new MutationObserver(apply); mo.observe(s, { childList: true, attributes: true, subtree: true, attributeFilter: ['width', 'height'] })
-    return () => { ro.disconnect(); mo.disconnect() }
-  }, [fit, state])
-
-  const cad = () => { if (conn.current && mod.current) mod.current.sendCtrlAltDel(conn.current) }
-  const focus = () => screen.current?.querySelector('canvas')?.focus()
-  return (
-    <div className="modal-back vga-back" onClick={onClose}>
-      <div className="vga" onClick={(e) => e.stopPropagation()}>
-        <div className="logs-bar vga-bar">
-          <span className={'dot ' + (state === 'connected' ? 'ok' : state === 'error' ? 'bad' : 'warn')} />
-          <span className="dname">{name}</span>
-          <span className="muted small">{state === 'connected' ? `VGA · ${size || 'waiting for the first frame'}` : state === 'error' ? err : state === 'loading' ? 'loading the viewer…' : 'connecting…'}</span>
-          <span className="spacer" />
-          <Btn className="btn" disabled={state !== 'connected'} onClick={cad} title="send Ctrl+Alt+Del to the guest">Ctrl+Alt+Del</Btn>
-          <button className={'btn' + (fit ? ' on' : '')} onClick={() => setFit(!fit)} title="scale the screen to this window, or show it pixel for pixel">Fit</button>
-          <button className="btn" onClick={onClose}>Close</button>
-        </div>
-        <div className="vga-area" ref={area} onClick={focus}>
-          <div id="spice-area"><div id="spice-screen" ref={screen} /></div>
-          <div id="spice-message" className="spice-message vga-msg" />
-        </div>
-        <div className="muted small vga-hint">Click the screen to type into it. Keys go to the guest while it has focus; Escape with focus elsewhere closes this.</div>
-      </div>
-    </div>
-  )
-}

web/src/Virtualization.tsx

@@ -1,715 +0,0 @@
-// Virtualization: LXC containers and KVM virtual machines through Incus, per machine. The
-// page has four states — ready, repair, installable, unavailable — decided by what the
-// selected machine can do, never by a rule about what should run where. Everything the
-// tab makes lives under Ham Lab's own folder on that machine.
-import { FormEvent, Fragment, useCallback, useEffect, useMemo, useState } from 'react'
-import { api, ExportsView, LibraryFile, TaskInfo, VirtImage, VirtInstance, VirtOverview, VirtStatus } from './api'
-import VgaConsole from './VgaConsole'
-import TaskOutput from './TaskOutput'
-import { useHashSel } from './hashsel'
-import { useRefreshMs } from './prefs'
-import { fmtBytes } from './fmt'
-import { askText, askYes, Btn, CloseBtn, Loading, toast, useEscape } from './ui'
-
-type Tab = 'instances' | 'images' | 'library'
-const GiB = 1 << 30
-const dot = (i: VirtInstance) => (i.status === 'Running' ? 'ok' : i.status === 'Stopped' ? '' : i.status === 'Error' ? 'bad' : 'warn')
-const kind = (i: VirtInstance) => (i.type === 'virtual-machine' ? 'VM' : 'LXC')
-const when = (iso?: string) => { if (!iso) return '—'; const d = new Date(iso); return isNaN(d.getTime()) || d.getFullYear() < 1980 ? '—' : d.toLocaleString() }
-const errMsg = (e: unknown) => (e instanceof Error ? e.message : 'failed')
-const imgLabel = (im: VirtImage) => im.aliases[0] ?? im.fingerprint.slice(0, 12)
-
-export default function Virtualization() {
-  const [ov, setOv] = useState<VirtOverview | null>(null)
-  const [err, setErr] = useState('')
-  const [tab, setTab] = useState<Tab>('instances')
-  const [sel, setSel] = useHashSel('virt')
-  const [making, setMaking] = useState<null | { image?: string; vm?: boolean }>(null)
-  const [fromIso, setFromIso] = useState<string | null>(null)
-  const [task, setTask] = useState<{ id: string; title: string } | null>(null)
-  const [filter, setFilter] = useState('')
-  const rate = useRefreshMs()
-  const load = useCallback(async () => { try { setOv(await api.virt()); setErr('') } catch (e) { setErr(errMsg(e)) } }, [])
-  useEffect(() => { load(); const t = setInterval(() => { if (document.visibilityState === 'visible') load() }, Math.max(5000, rate)); return () => clearInterval(t) }, [load, rate])
-  const startTask = (t: TaskInfo) => setTask({ id: t.id, title: t.title })
-
-  if (!ov) return <div className="dash">{err ? <div className="notice">{err === 'not found' ? "This machine's Ham Lab is older than the Virtualization tab. Update it from Machines." : err}</div> : <Loading label="Asking Incus…" />}</div>
-  const st = ov.status
-  if (st.state !== 'ready') return <Gate st={st} onChanged={load} />
-  const instances = ov.instances ?? []
-  const images = ov.images ?? []
-  const cur = instances.find((i) => i.name === sel)
-  const running = instances.filter((i) => i.status === 'Running').length
-  const f = filter.trim().toLowerCase()
-  const shown = instances.filter((i) => !f || `${i.name} ${i.image} ${i.type} ${i.status}`.toLowerCase().includes(f))
-  const libCount = ov.library.images.length + ov.library.isos.length
-  return (
-    <div className={'svc virt' + (cur && tab === 'instances' ? ' has-sel' : '') + (tab !== 'instances' ? ' wide' : '')}>
-      <div className="svc-list">
-        <div className="svc-tools">
-          <div className="chips">
-            {(['instances', 'images', 'library'] as Tab[]).map((t) => (
-              <button key={t} className={'chip' + (tab === t ? ' on' : '')} onClick={() => { setTab(t); if (sel) setSel('') }}>
-                {t}{t === 'instances' ? ` · ${running}/${instances.length}` : t === 'images' ? ` · ${images.length}` : ` · ${libCount}`}
-              </button>
-            ))}
-          </div>
-          {tab === 'instances' && (
-            <div className="svc-actions">
-              <button className="btn on" onClick={() => setMaking({})}>+ New instance</button>
-              <span className="spacer" />
-              <span className="muted small">{st.kvm ? 'containers and VMs' : 'containers only — no KVM on this machine'}</span>
-            </div>
-          )}
-          {tab === 'instances' && instances.length > 3 && <input value={filter} onChange={(e) => setFilter(e.target.value)} placeholder="filter instances" />}
-          {ov.error && <div className="error">{ov.error}</div>}
-          {task && <TaskOutput id={task.id} onDone={(t) => { load(); if (t.exit_code === 0 && !t.error) toast(`${task.title}: done`); else toast(`${task.title}: failed`, 'err') }} />}
-          {task && <div className="svc-actions"><button className="btn" onClick={() => setTask(null)}>Hide output</button></div>}
-        </div>
-        {tab === 'instances' && (
-          <div className="svc-rows">
-            {shown.map((i) => (
-              <div key={i.name} className={'svc-row' + (i.name === sel ? ' active' : '')} onClick={() => setSel(i.name)}>
-                <span className={'sdot ' + dot(i)} />
-                <div className="svc-name"><div className="n">{i.name} <span className="badge">{kind(i)}</span></div><div className="d">{i.image || '—'}{i.ipv4.length ? ` · ${i.ipv4.join(' ')}` : ''}</div></div>
-                <div className="svc-state">{i.status === 'Running' ? <>{fmtBytes(i.mem_usage)}<br />{i.cpu_pct.toFixed(0)}%</> : i.status.toLowerCase()}</div>
-              </div>
-            ))}
-            {instances.length === 0 && <div className="muted small" style={{ padding: 12 }}>Nothing here yet. “+ New instance” makes a container{st.kvm ? ' or a VM' : ''} from the catalogue.</div>}
-          </div>
-        )}
-        {tab === 'images' && <Images st={st} images={images} instances={instances} onTask={startTask} onNew={(image, vm) => { setTab('instances'); setMaking({ image, vm }) }} onChanged={load} />}
-        {tab === 'library' && <Library st={st} ov={ov} onTask={startTask} onChanged={load} onNewVM={(iso) => setFromIso(iso)} />}
-      </div>
-      {tab === 'instances' && (cur ? <Detail i={cur} st={st} onBack={() => setSel('')} onChanged={load} onTask={startTask} /> : <Summary ov={ov} onChanged={load} />)}
-      {making && <NewInstance st={st} ov={ov} preset={making} onClose={() => setMaking(null)} onStarted={(t) => { setMaking(null); startTask(t) }} />}
-      {fromIso !== null && <NewVMFromISO st={st} ov={ov} iso={fromIso} onClose={() => setFromIso(null)} onStarted={(t) => { setFromIso(null); startTask(t); setTab('instances') }} />}
-    </div>
-  )
-}
-
-// ---- the three states before "ready" ----
-
-function Gate({ st, onChanged }: { st: VirtStatus; onChanged: () => void }) {
-  const [open, setOpen] = useState(false)
-  const [task, setTask] = useState('')
-  const [waiting, setWaiting] = useState(false)
-  // the install ends by restarting Ham Lab, so poll until it answers again
-  useEffect(() => {
-    if (!waiting) return
-    const t = setInterval(async () => { try { const o = await api.virt(); if (o.status.state === 'ready') { setWaiting(false); onChanged() } } catch { /* restarting */ } }, 3000)
-    return () => clearInterval(t)
-  }, [waiting, onChanged])
-  const headline = st.state === 'installable'
-    ? `Incus isn't installed on this machine. Ham Lab can install it with ${st.pm}: ${st.kvm ? 'containers and virtual machines' : 'containers only, since this kernel has no KVM'}.`
-    : st.reason
-  return (
-    <div className="dash">
-      <div className="dash-bar"><h2 className="section">Virtualization</h2></div>
-      <section className="card">
-        <div className="notice">{headline}</div>
-        <div className="props" style={{ marginTop: 8 }}>
-          <div><span className="k">KVM</span><span>{st.kvm ? 'yes — virtual machines possible' : 'no — containers only'}</span></div>
-          <div><span className="k">Architecture</span><span className="mono">{st.arch}</span></div>
-          {st.pm && <div><span className="k">Packages</span><span>{st.pm}</span></div>}
-          <div><span className="k">Pool drivers</span><span>{st.drivers.join(', ')}</span></div>
-          <div><span className="k">Memory</span><span>{fmtBytes(st.mem_avail)} available of {fmtBytes(st.mem_total)}</span></div>
-          <div><span className="k">Disk</span><span>{fmtBytes(st.disk_free)} free where Ham Lab's data lives</span></div>
-          <div><span className="k">Docker</span><span>{st.docker ? 'present — its FORWARD policy needs two rules, Install adds them' : 'not here'}</span></div>
-          <div><span className="k">Data</span><span className="mono small">{st.dir}</span></div>
-          {st.layout && <div><span className="k">Last attempt</span><span>{when(st.layout.attempted)} · {st.layout.driver} pool · {st.layout.subnet}</span></div>}
-        </div>
-        {(st.state === 'installable' || st.state === 'repair') && !task && (
-          <div className="svc-actions"><Btn className="btn on" onClick={() => setOpen(true)}>{st.state === 'repair' ? 'Finish setup' : 'Install Incus'}</Btn></div>
-        )}
-        {task && <TaskOutput id={task} onDone={(t) => { if (t.exit_code === 0 && !t.error) setWaiting(true); else { toast('install failed — the output says where', 'err'); setTask('') } }} />}
-        {waiting && <div className="muted small" style={{ marginTop: 8 }}>Ham Lab is restarting to pick up its new group. The page reconnects by itself.</div>}
-      </section>
-      {open && <InstallDialog st={st} onClose={() => setOpen(false)} onStarted={(id) => { setOpen(false); setTask(id) }} />}
-    </div>
-  )
-}
-
-function InstallDialog({ st, onClose, onStarted }: { st: VirtStatus; onClose: () => void; onStarted: (id: string) => void }) {
-  const [driver, setDriver] = useState(st.layout?.driver ?? st.drivers[0] ?? 'dir')
-  const [size, setSize] = useState(String(st.layout?.pool_size_gib || st.pool_size_gib || 20))
-  const [subnet, setSubnet] = useState(st.layout?.subnet || st.subnet || '172.16.100.1/24')
-  const [docker, setDocker] = useState(st.docker)
-  const [arc, setArc] = useState(st.layout?.arc_max_gib ? String(st.layout.arc_max_gib) : '')
-  const [err, setErr] = useState('')
-  const [busy, setBusy] = useState(false)
-  useEscape(onClose)
-  const submit = async (e: FormEvent) => {
-    e.preventDefault(); setErr(''); setBusy(true)
-    try { const t = await api.virtInstall({ driver, pool_size_gib: Number(size) || 0, subnet: subnet.trim(), docker_rules: docker, arc_max_gib: Number(arc) || 0 }); onStarted(t.id) }
-    catch (e) { setErr(errMsg(e)); setBusy(false) }
-  }
-  return (
-    <div className="modal-back" onClick={onClose}>
-      <form className="modal" onClick={(e) => e.stopPropagation()} onSubmit={submit}>
-        <h3>{st.state === 'repair' ? 'Finish setting up Incus' : 'Install Incus'}</h3>
-        <div className="notice">Everything goes under <span className="mono">{st.dir}</span>: the pool's backing file, ISOs, images, exports. Where is not a choice; how big is.</div>
-        <label className="muted">Pool driver
-          <select value={driver} onChange={(e) => setDriver(e.target.value)}>
-            {st.drivers.map((d) => <option key={d} value={d}>{d === 'dir' ? 'plain files on this disk — each VM\u2019s disk is its own file, sized on its own; snapshots are copies' : d === 'zfs' ? 'zfs — one pre-sized file holding every disk; snapshots and clones are instant' : 'btrfs — one pre-sized file holding every disk; snapshots are instant'}</option>)}
-          </select>
-        </label>
-        {driver !== 'dir' && (
-          <label className="muted">Ceiling of that file, GiB — sparse, it grows only as disks fill it · {fmtBytes(st.disk_free)} free
-            <input type="number" min={5} max={Math.floor(st.disk_free / GiB)} value={size} onChange={(e) => setSize(e.target.value)} required />
-          </label>
-        )}
-        <label className="muted">Bridge address — picked clear of this machine's routes and Docker's pools
-          <input className="mono" value={subnet} onChange={(e) => setSubnet(e.target.value)} spellCheck={false} required />
-        </label>
-        {st.docker && (
-          <label className="muted" style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-            <input type="checkbox" checked={docker} onChange={(e) => setDocker(e.target.checked)} style={{ width: 'auto' }} />
-            Add the two DOCKER-USER rules that let the bridge's traffic through Docker's FORWARD drop
-          </label>
-        )}
-        {st.zfs_host && (
-          <label className="muted">Cap the ZFS ARC, GiB — blank leaves it at {st.arc_max_gib} GiB; a cap makes guest memory deterministic
-            <input type="number" min={1} max={Math.floor(st.mem_total / GiB)} value={arc} onChange={(e) => setArc(e.target.value)} placeholder="leave as is" />
-          </label>
-        )}
-        <div className="muted small">Ham Lab's account ({st.user}) joins the incus-admin group and Ham Lab restarts at the end.</div>
-        {err && <div className="error">{err}</div>}
-        <div className="svc-actions">
-          <button type="submit" className="btn on" disabled={busy}>{busy ? 'Starting…' : 'Install'}</button>
-          <span className="spacer" />
-          <button type="button" className="btn" onClick={onClose}>Cancel</button>
-        </div>
-      </form>
-    </div>
-  )
-}
-
-// ---- the right-hand pane when nothing is selected: what this machine's Incus is ----
-
-// A location is a plain-files storage pool at a folder of his choosing.
-async function addLocation(onDone: (name: string) => void) {
-  const path = await askText('Folder on this machine for instance disks', '/', 'Next')
-  if (!path) return
-  const base = path.split('/').filter(Boolean).pop() ?? 'disks'
-  const name = await askText(`A name for ${path}`, base.toLowerCase().replace(/[^a-z0-9-]+/g, '-').replace(/^-|-$/g, ''), 'Add')
-  if (!name) return
-  try { const r = await api.virtPoolCreate(name, path); toast(`${r.name} added at ${r.path}`); onDone(r.name) } catch (e) { toast(errMsg(e), 'err') }
-}
-
-function Summary({ ov, onChanged }: { ov: VirtOverview; onChanged: () => void }) {
-  const st = ov.status
-  return (
-    <div className="svc-detail">
-      <div className="svc-head"><span className="dname">Incus {st.version}</span><span className="badge">{st.arch}</span>{!st.kvm && <span className="badge warn">no KVM</span>}</div>
-      <div className="props">
-        <div><span className="k">Data</span><span className="mono small">{st.dir}</span></div>
-        <div><span className="k">Memory</span><span>{fmtBytes(st.mem_avail)} available of {fmtBytes(st.mem_total)}</span></div>
-        {st.layout && <div><span className="k">Installed</span><span>{when(st.layout.attempted)} by Ham Lab {st.layout.hamlab_version ?? ''}</span></div>}
-        {!st.layout && <div><span className="k">Installed</span><span>outside Ham Lab — pools and networks below are as found</span></div>}
-      </div>
-      <h3 className="stack-head">Disk locations <span className="muted">· where an instance\u2019s disk can go</span></h3>
-      <table className="virt-table"><thead><tr><th>Location</th><th>Where</th><th className="num">Used</th><th className="num">Free</th><th className="num">Disks</th><th /></tr></thead>
-        <tbody>{(ov.pools ?? []).map((p) => <tr key={p.name}><td>{p.name}{p.name === ov.default_pool && <span className="badge">default</span>}</td><td>{p.where}<div className="muted small mono">{p.driver} · {p.source}</div></td><td className="num">{p.total ? fmtBytes(p.used) : '—'}</td><td className="num">{p.total ? fmtBytes(p.total - p.used) : '—'}</td><td className="num">{p.used_by}</td>
-          <td className="num">{p.used_by === 0 && p.name !== ov.default_pool && <Btn className="btn danger" confirm={`Remove the location ${p.name}? Nothing uses it; the folder itself is left alone.`} onClick={async () => { try { await api.virtPoolDelete(p.name); toast('removed'); onChanged() } catch (e) { toast(errMsg(e), 'err') } }}>Remove</Btn>}</td></tr>)}</tbody></table>
-      <div className="svc-actions"><Btn className="btn" onClick={() => addLocation(onChanged)}>+ Add a location…</Btn><span className="muted small">a folder on this machine; VM disks become files in it, containers folders</span></div>
-      <h3 className="stack-head">Networks</h3>
-      <table className="virt-table"><thead><tr><th>Network</th><th>Type</th><th>Address</th><th>NAT</th><th className="num">Users</th></tr></thead>
-        <tbody>{(ov.networks ?? []).filter((n) => n.managed).map((n) => <tr key={n.name}><td>{n.name}</td><td>{n.type}</td><td className="mono small">{n.address ?? '—'}</td><td>{n.nat ? 'yes' : 'no'}</td><td className="num">{n.used_by}</td></tr>)}</tbody></table>
-      <div className="muted small">Pick an instance on the left, or make one. Consoles open as tabs on the Terminal page.</div>
-    </div>
-  )
-}
-
-// ---- one instance ----
-
-function Detail({ i, st, onBack, onChanged, onTask }: { i: VirtInstance; st: VirtStatus; onBack: () => void; onChanged: () => void; onTask: (t: TaskInfo) => void }) {
-  const [tab, setTab] = useState<'overview' | 'snapshots' | 'mounts' | 'config'>('overview')
-  const [vga, setVga] = useState(false)
-  const running = i.status === 'Running'
-  const isVM = i.type === 'virtual-machine'
-  const stopped = i.status === 'Stopped'
-  const act = (a: 'start' | 'stop' | 'restart' | 'kill') => async () => { try { await api.virtAction(i.name, a); toast(`${i.name}: ${a} ok`); onChanged() } catch (e) { toast(`${i.name}: ${errMsg(e)}`, 'err') } }
-  const term = (k: 'console' | 'exec') => async () => {
-    try { const t = await api.virtTerminal(i.name, k); toast(`${k === 'exec' ? 'shell' : 'console'} open as “${t.name}” on the Terminal tab`); window.dispatchEvent(new CustomEvent('hamlab:terminal', { detail: t.id })) }
-    catch (e) { toast(errMsg(e), 'err') }
-  }
-  const rename = async () => { const to = await askText(`Rename ${i.name} to`, i.name, 'Rename'); if (!to || to === i.name) return; try { await api.virtRename(i.name, to); toast('renamed'); onBack(); onChanged() } catch (e) { toast(errMsg(e), 'err') } }
-  const del = async () => {
-    const typed = await askText(`Delete ${i.name}${running ? ', which is running' : ''}? Its disk and ${i.snapshots.length} snapshot${i.snapshots.length === 1 ? '' : 's'} go with it. Type its name to confirm.`, '', 'Delete')
-    if (typed === null) return
-    if (typed !== i.name) { toast('name did not match', 'err'); return }
-    try { await api.virtDelete(i.name, running); toast(`${i.name} deleted`); onBack(); onChanged() } catch (e) { toast(errMsg(e), 'err') }
-  }
-  const publish = async () => {
-    const alias = await askText(`Publish ${i.name} as an image — an alias for it`, `${i.name}-image`, 'Publish')
-    if (!alias) return
-    try { onTask(await api.virtImagePublish(i.name, alias)) } catch (e) { toast(errMsg(e), 'err') }
-  }
-  const snap = async () => {
-    const name = await askText(`Snapshot ${i.name} — a name, or blank for the date`, '', 'Snapshot')
-    if (name === null) return
-    try { const r = await api.virtSnapshot(i.name, name); toast(`snapshot ${r.name} taken`); onChanged() } catch (e) { toast(errMsg(e), 'err') }
-  }
-  return (
-    <div className="svc-detail">
-      <CloseBtn onClick={onBack} />
-      <div className="svc-head"><button className="btn back" onClick={onBack}>‹ Back</button><span className={'sdot ' + dot(i)} /><span className="dname">{i.name}</span><span className="badge">{kind(i)}</span><span className={'badge' + (i.status === 'Error' ? ' bad' : '')}>{i.status.toLowerCase()}</span></div>
-      <div className="props">
-        <div><span className="k">Image</span><span>{i.image || (Object.keys(i.devices).some((d) => d.startsWith('iso')) ? 'none — installed from an ISO' : 'none')}{i.arch ? <span className="muted"> · {i.arch}</span> : ''}</span></div>
-        {i.description && <div><span className="k">About</span><span>{i.description}</span></div>}
-        {running && <div><span className="k">Using</span><span>{i.cpu_pct.toFixed(0)}% of a core · {fmtBytes(i.mem_usage)}{i.mem_peak ? ` (peak ${fmtBytes(i.mem_peak)})` : ''}{i.processes > 0 ? ` · ${i.processes} processes` : ''}</span></div>}
-        <div><span className="k">Limits</span><span>{i.cpu ? `${i.cpu} CPU` : 'all CPUs'} · {i.memory || 'unlimited memory'}</span></div>
-        <div><span className="k">Disk</span><span>{i.disk_total > 0 ? `${fmtBytes(i.disk_usage)} of ${fmtBytes(i.disk_total)}` : i.disk_usage > 0 ? fmtBytes(i.disk_usage) : 'no limit'}{i.devices.root?.pool ? <span className="muted"> · on {i.devices.root.pool}</span> : ''}</span></div>
-        <div><span className="k">Network</span><span className="mono small">{i.ipv4.length ? i.ipv4.join('  ') : running ? 'no address yet' : '—'}</span></div>
-        <div><span className="k">Created</span><span>{when(i.created)}</span></div>
-      </div>
-      <div className="svc-actions">
-        {!running && <Btn className="btn on" onClick={act('start')}>Start</Btn>}
-        {running && <Btn className="btn" onClick={term('exec')}>Shell</Btn>}
-        <Btn className="btn" onClick={term('console')} title="the serial console: boot output, and a login prompt where the guest has one on it">Console</Btn>
-        {isVM && running && <Btn className="btn" onClick={() => setVga(true)} title="the VM's screen, keyboard and mouse — what an installer needs">VGA</Btn>}
-        {running && <Btn className="btn" confirm={`Restart ${i.name}?`} onClick={act('restart')}>Restart</Btn>}
-        {running && <Btn className="btn danger" confirm={`Stop ${i.name}? It is asked to shut down cleanly.`} onClick={act('stop')}>Stop</Btn>}
-        {running && <Btn className="btn danger" confirm={`Force stop ${i.name}? Like pulling the plug — anything unsaved inside is lost.`} onClick={act('kill')}>Force stop</Btn>}
-        <Btn className="btn" onClick={snap}>Snapshot</Btn>
-        <Btn className="btn" onClick={async () => { try { onTask(await api.virtExportsRun(i.name)) } catch (e) { toast(errMsg(e), 'err') } }} title="a tarball of it in the library's exports folder">Export</Btn>
-        {stopped && <Btn className="btn" onClick={rename}>Rename</Btn>}
-        {stopped && <Btn className="btn" onClick={publish} title="make an image of it, to launch more like it">Publish</Btn>}
-        <Btn className="btn danger" onClick={del}>Delete…</Btn>
-      </div>
-      <div className="tabs">
-        <button className={tab === 'overview' ? 'on' : ''} onClick={() => setTab('overview')}>Limits</button>
-        <button className={tab === 'snapshots' ? 'on' : ''} onClick={() => setTab('snapshots')}>Snapshots · {i.snapshots.length}</button>
-        <button className={tab === 'mounts' ? 'on' : ''} onClick={() => setTab('mounts')}>Disks · {Object.values(i.devices).filter((d) => d.type === 'disk').length}</button>
-        <button className={tab === 'config' ? 'on' : ''} onClick={() => setTab('config')}>Config</button>
-      </div>
-      {tab === 'mounts' && <Mounts i={i} st={st} onChanged={onChanged} />}
-      {vga && <VgaConsole name={i.name} onClose={() => setVga(false)} />}
-      {tab === 'overview' && <Limits i={i} st={st} onChanged={onChanged} />}
-      {tab === 'snapshots' && <Snapshots i={i} onChanged={onChanged} />}
-      {tab === 'config' && (
-        <>
-          <div className="virt-kv">{Object.entries(i.config).sort().map(([k, v]) => <Fragment key={k}><span className="muted mono">{k}</span><span className="mono">{v}</span></Fragment>)}</div>
-          <h3 className="stack-head">Devices</h3>
-          <div className="virt-kv">{Object.entries(i.devices).sort().map(([d, cfg]) => <Fragment key={d}><span className="muted mono">{d}</span><span className="mono">{Object.entries(cfg).map(([k, v]) => `${k}=${v}`).join('  ')}</span></Fragment>)}</div>
-          <div className="muted small">Profiles: {i.profiles.join(', ') || '—'}</div>
-        </>
-      )}
-    </div>
-  )
-}
-
-function Limits({ i, st, onChanged }: { i: VirtInstance; st: VirtStatus; onChanged: () => void }) {
-  const [cpu, setCpu] = useState(i.cpu ?? '')
-  const [mem, setMem] = useState(i.memory ?? '')
-  const [auto, setAuto] = useState(i.config['boot.autostart'] ?? '')
-  const [desc, setDesc] = useState(i.description ?? '')
-  useEffect(() => { setCpu(i.cpu ?? ''); setMem(i.memory ?? ''); setAuto(i.config['boot.autostart'] ?? ''); setDesc(i.description ?? '') }, [i.name, i.cpu, i.memory, i.description, i.config])
-  const changed = cpu !== (i.cpu ?? '') || mem !== (i.memory ?? '') || auto !== (i.config['boot.autostart'] ?? '') || desc !== (i.description ?? '')
-  const save = async () => { try { await api.virtConfig(i.name, { 'limits.cpu': cpu, 'limits.memory': mem, 'boot.autostart': auto, description: desc }); toast('saved'); onChanged() } catch (e) { toast(errMsg(e), 'err') } }
-  return (
-    <section className="card">
-      <div className="virt-form-row">
-        <label className="muted">CPUs<input className="mono" value={cpu} onChange={(e) => setCpu(e.target.value)} placeholder="all" /></label>
-        <label className="muted">Memory<input className="mono" value={mem} onChange={(e) => setMem(e.target.value)} placeholder="unlimited · e.g. 2GiB" /></label>
-      </div>
-      <div className="virt-form-row">
-        <label className="muted">Start with the machine
-          <select value={auto} onChange={(e) => setAuto(e.target.value)}><option value="">default (as it was when the host went down)</option><option value="true">yes</option><option value="false">no</option></select>
-        </label>
-        <label className="muted">Description<input value={desc} onChange={(e) => setDesc(e.target.value)} maxLength={200} /></label>
-      </div>
-      <div className="muted small">{i.type === 'container' ? 'Containers take new limits live.' : 'A VM takes CPU and memory changes live where its agent is running, otherwise on its next start.'} {fmtBytes(st.mem_avail)} is free on this machine right now.</div>
-      <div className="svc-actions"><Btn className="btn on" disabled={!changed} onClick={save}>Save</Btn></div>
-    </section>
-  )
-}
-
-function Snapshots({ i, onChanged }: { i: VirtInstance; onChanged: () => void }) {
-  const [sched, setSched] = useState(i.schedule ?? '')
-  const [exp, setExp] = useState(i.expiry ?? '')
-  useEffect(() => { setSched(i.schedule ?? ''); setExp(i.expiry ?? '') }, [i.name, i.schedule, i.expiry])
-  const saveSched = async () => { try { await api.virtConfig(i.name, { 'snapshots.schedule': sched.trim(), 'snapshots.expiry': exp.trim() }); toast('schedule saved'); onChanged() } catch (e) { toast(errMsg(e), 'err') } }
-  const on = async (s: string, a: 'restore' | 'delete') => {
-    const ok = await askYes(a === 'restore' ? `Restore ${i.name} to snapshot ${s}? Everything since it is lost${i.status === 'Running' ? '; it is stopped first' : ''}.` : `Delete snapshot ${s} of ${i.name}?`, a === 'restore' ? 'Restore' : 'Delete')
-    if (!ok) return
-    try { await api.virtSnapshotAction(i.name, s, a); toast(`${a} ${s}: ok`); onChanged() } catch (e) { toast(errMsg(e), 'err') }
-  }
-  return (
-    <>
-      {i.snapshots.length === 0 && <div className="muted small">No snapshots. “Snapshot” above takes one now; a schedule below keeps taking them.</div>}
-      {i.snapshots.length > 0 && (
-        <table className="virt-table"><thead><tr><th>Snapshot</th><th>Taken</th><th>Expires</th><th className="num">Size</th><th /></tr></thead>
-          <tbody>{[...i.snapshots].sort((a, b) => b.created.localeCompare(a.created)).map((s) => (
-            <tr key={s.name}><td className="mono">{s.name}</td><td>{when(s.created)}</td><td>{s.expires ? when(s.expires) : 'never'}</td><td className="num">{s.size ? fmtBytes(s.size) : '—'}</td>
-              <td className="num"><Btn className="btn" onClick={() => on(s.name, 'restore')}>Restore</Btn> <Btn className="btn danger" onClick={() => on(s.name, 'delete')}>Delete</Btn></td></tr>
-          ))}</tbody></table>
-      )}
-      <section className="card">
-        <div className="virt-form-row">
-          <label className="muted">Schedule — @hourly, @daily, @weekly, or a cron line<input className="mono" value={sched} onChange={(e) => setSched(e.target.value)} placeholder="none" spellCheck={false} /></label>
-          <label className="muted">Keep for — 1d, 2w, 3M…<input className="mono" value={exp} onChange={(e) => setExp(e.target.value)} placeholder="forever" spellCheck={false} /></label>
-        </div>
-        <div className="muted small">Incus takes and expires these itself, so they carry on whether or not this console is up.</div>
-        <div className="svc-actions"><Btn className="btn on" disabled={sched === (i.schedule ?? '') && exp === (i.expiry ?? '')} onClick={saveSched}>Save schedule</Btn></div>
-      </section>
-    </>
-  )
-}
-
-// ---- making one ----
-
-// Where an instance's disk goes. One entry is still a choice shown; a new one can be added here.
-function PoolPick({ ov, value, onChange }: { ov: VirtOverview; value: string; onChange: (v: string) => void }) {
-  const [extra, setExtra] = useState<{ name: string; where: string }[]>([])
-  const pools = [...(ov.pools ?? []).map((p) => ({ name: p.name, where: p.where + (p.total ? ` · ${fmtBytes(p.total - p.used)} free` : '') })), ...extra.filter((e) => !(ov.pools ?? []).some((p) => p.name === e.name))]
-  return (
-    <label className="muted">Disk location
-      <select value={value} onChange={(e) => { if (e.target.value === '+') addLocation((n) => { setExtra((x) => [...x, { name: n, where: 'just added' }]); onChange(n) }); else onChange(e.target.value) }}>
-        {pools.map((p) => <option key={p.name} value={p.name}>{p.name} — {p.where}</option>)}
-        <option value="+">+ add a location…</option>
-      </select>
-    </label>
-  )
-}
-
-function NewInstance({ st, ov, preset, onClose, onStarted }: { st: VirtStatus; ov: VirtOverview; preset: { image?: string; vm?: boolean }; onClose: () => void; onStarted: (t: TaskInfo) => void }) {
-  const [vm, setVm] = useState(!!preset.vm && st.kvm)
-  const [image, setImage] = useState(preset.image ?? '')
-  const [name, setName] = useState('')
-  const [cpu, setCpu] = useState('')
-  const [mem, setMem] = useState('')
-  const [disk, setDisk] = useState('')
-  const [pool, setPool] = useState(ov.default_pool || ov.pools?.[0]?.name || '')
-  const nets = (ov.networks ?? []).filter((n) => n.managed || n.type === 'bridge')
-  const [net, setNet] = useState(nets.find((n) => n.name === 'incusbr0')?.name ?? nets[0]?.name ?? '')
-  const [cloud, setCloud] = useState('')
-  const [showCloud, setShowCloud] = useState(false)
-  const [desc, setDesc] = useState('')
-  const [start, setStart] = useState(true)
-  const [q, setQ] = useState('')
-  const [remote, setRemote] = useState<VirtImage[] | null>(null)
-  const [remoteErr, setRemoteErr] = useState('')
-  const [err, setErr] = useState('')
-  const [busy, setBusy] = useState(false)
-  const type = vm ? 'virtual-machine' : 'container'
-  useEscape(onClose)
-  useEffect(() => { setRemote(null); setRemoteErr(''); api.virtRemote(type).then((r) => setRemote(r.images)).catch((e) => setRemoteErr(errMsg(e))) }, [type])
-  const local = (ov.images ?? []).filter((im) => im.type === type)
-  const picks = useMemo(() => {
-    const f = q.trim().toLowerCase()
-    const match = (im: VirtImage) => !f || `${im.aliases.join(' ')} ${im.description} ${im.os} ${im.release}`.toLowerCase().includes(f)
-    const seen = new Set<string>()
-    const out: { ref: string; label: string; sub: string; here: boolean }[] = []
-    for (const im of local) { if (!match(im)) continue; const ref = imgLabel(im); if (seen.has(ref)) continue; seen.add(ref); out.push({ ref, label: ref, sub: `${im.description} · on this machine · ${fmtBytes(im.size)}`, here: true }) }
-    for (const im of remote ?? []) {
-      const a = im.aliases.find((x) => !x.includes('/default')) ?? im.aliases[0]
-      if (!a || !match(im)) continue
-      const ref = `images:${a}`
-      if (seen.has(ref)) continue
-      seen.add(ref); out.push({ ref, label: a, sub: `${im.description}${im.variant && im.variant !== 'default' ? ` · ${im.variant}` : ''} · ${fmtBytes(im.size)}`, here: false })
-    }
-    return out.slice(0, 60)
-  }, [q, local, remote])
-  const submit = async (e: FormEvent) => {
-    e.preventDefault(); setErr(''); setBusy(true)
-    try { onStarted(await api.virtCreate({ name: name.trim(), image: image.trim(), vm, cpu: cpu.trim(), memory: mem.trim(), disk: disk.trim(), pool, network: net, cloud_init: showCloud ? cloud : '', profiles: [], description: desc.trim(), start })) }
-    catch (e) { setErr(errMsg(e)); setBusy(false) }
-  }
-  return (
-    <div className="modal-back" onClick={onClose}>
-      <form className="modal" onClick={(e) => e.stopPropagation()} onSubmit={submit}>
-        <h3>New instance</h3>
-        <div className="chips">
-          <button type="button" className={'chip' + (!vm ? ' on' : '')} onClick={() => setVm(false)}>container</button>
-          <button type="button" className={'chip' + (vm ? ' on' : '')} disabled={!st.kvm} title={st.kvm ? '' : 'no KVM on this machine'} onClick={() => setVm(true)}>virtual machine</button>
-        </div>
-        <label className="muted">Image — from this machine, or the public catalogue for {st.arch}
-          <input className="mono" value={image} onChange={(e) => { setImage(e.target.value); setQ(e.target.value.replace(/^images:/, '')) }} placeholder="images:debian/13" spellCheck={false} autoCapitalize="off" autoCorrect="off" required />
-        </label>
-        <div className="virt-pick">
-          {remote === null && !remoteErr && <div className="muted small" style={{ padding: 8 }}>Reading the catalogue…</div>}
-          {remoteErr && <div className="error" style={{ margin: 8 }}>catalogue: {remoteErr}</div>}
-          {picks.map((p) => (
-            <div key={p.ref} className={'svc-row' + (image === p.ref ? ' active' : '')} onClick={() => setImage(p.ref)}>
-              <div className="svc-name"><div className="n">{p.label}{p.here && <span className="badge">here</span>}</div><div className="d">{p.sub}</div></div>
-            </div>
-          ))}
-          {remote && picks.length === 0 && <div className="muted small" style={{ padding: 8 }}>Nothing in the catalogue matches.</div>}
-        </div>
-        <div className="virt-form-row">
-          <label className="muted">Name<input value={name} onChange={(e) => setName(e.target.value)} pattern="[a-zA-Z][a-zA-Z0-9\-]{0,62}" placeholder="web-1" spellCheck={false} autoCapitalize="off" autoCorrect="off" required /></label>
-          <label className="muted">Network<select value={net} onChange={(e) => setNet(e.target.value)}>{nets.map((n) => <option key={n.name} value={n.name}>{n.name}{n.address ? ` · ${n.address}` : ''}</option>)}</select></label>
-        </div>
-        <div className="virt-form-row">
-          <label className="muted">CPUs<input className="mono" value={cpu} onChange={(e) => setCpu(e.target.value)} placeholder={vm ? '2' : 'all'} /></label>
-          <label className="muted">Memory<input className="mono" value={mem} onChange={(e) => setMem(e.target.value)} placeholder={vm ? '2GiB' : 'unlimited'} /></label>
-          <label className="muted">Root disk<input className="mono" value={disk} onChange={(e) => setDisk(e.target.value)} placeholder={vm ? '20GiB' : 'no limit'} /></label>
-        </div>
-        <PoolPick ov={ov} value={pool} onChange={setPool} />
-        <div className="muted small">{fmtBytes(st.mem_avail)} free on this machine.{vm ? ' A VM’s memory is a reservation.' : ''}</div>
-        <label className="muted">Description — optional<input value={desc} onChange={(e) => setDesc(e.target.value)} maxLength={200} /></label>
-        <label className="muted" style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-          <input type="checkbox" checked={showCloud} onChange={(e) => setShowCloud(e.target.checked)} style={{ width: 'auto' }} />cloud-init user-data (an SSH key, packages, a first command — needs a /cloud image)
-        </label>
-        {showCloud && <div className="svc-actions"><Btn className="btn" onClick={async () => { try { const k = await api.virtSSHKeys(); if (!k.keys.length) { toast('no public keys found for ' + k.user, 'info'); return } setCloud(`#cloud-config\nusers:\n  - name: ${k.user}\n    groups: [sudo]\n    shell: /bin/bash\n    sudo: ALL=(ALL) NOPASSWD:ALL\n    ssh_authorized_keys:\n${k.keys.map((x) => '      - ' + x).join('\n')}\npackage_update: true\npackages: [curl, vim]\n`) } catch (e) { toast(errMsg(e), 'err') } }} title="a cloud-config that makes your account inside, with the public keys this machine's Ham Lab account holds">Use my SSH keys</Btn></div>}
-        {showCloud && <textarea className="mono" rows={6} value={cloud} onChange={(e) => setCloud(e.target.value)} placeholder={'#cloud-config\nusers:\n  - name: core\n    ssh_authorized_keys:\n      - ssh-ed25519 AAAA…\n    sudo: ALL=(ALL) NOPASSWD:ALL\npackages: [curl]'} spellCheck={false} />}
-        <label className="muted" style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-          <input type="checkbox" checked={start} onChange={(e) => setStart(e.target.checked)} style={{ width: 'auto' }} />Start it once made
-        </label>
-        {err && <div className="error">{err}</div>}
-        <div className="svc-actions">
-          <button type="submit" className="btn on" disabled={busy || !image.trim() || !name.trim()}>{busy ? 'Starting…' : start ? 'Create and start' : 'Create'}</button>
-          <span className="spacer" />
-          <button type="button" className="btn" onClick={onClose}>Cancel</button>
-        </div>
-      </form>
-    </div>
-  )
-}
-
-// ---- images: the local store, the catalogue, and files brought in ----
-
-function Images({ st, images, instances, onTask, onNew, onChanged }: { st: VirtStatus; images: VirtImage[]; instances: VirtInstance[]; onTask: (t: TaskInfo) => void; onNew: (image: string, vm: boolean) => void; onChanged: () => void }) {
-  const [q, setQ] = useState('')
-  const [type, setType] = useState<'container' | 'virtual-machine'>('container')
-  const [remote, setRemote] = useState<VirtImage[] | null>(null)
-  const [remoteErr, setRemoteErr] = useState('')
-  const [path, setPath] = useState('')
-  const [alias, setAlias] = useState('')
-  const [itype, setItype] = useState<'container' | 'virtual-machine'>('container')
-  const loadRemote = useCallback((refresh = false) => { setRemote(null); setRemoteErr(''); api.virtRemote(type, refresh).then((r) => setRemote(r.images)).catch((e) => setRemoteErr(errMsg(e))) }, [type])
-  useEffect(() => { loadRemote() }, [loadRemote])
-  const usedBy = (im: VirtImage) => instances.filter((i) => i.config['volatile.base_image'] === im.fingerprint || im.aliases.includes(i.image)).map((i) => i.name)
-  const f = q.trim().toLowerCase()
-  const found = (remote ?? []).filter((im) => f && `${im.aliases.join(' ')} ${im.description} ${im.os} ${im.release} ${im.variant}`.toLowerCase().includes(f)).slice(0, 40)
-  const del = async (im: VirtImage) => {
-    if (!(await askYes(`Delete the image ${imgLabel(im)} from this machine's store? Instances made from it are not affected; the file in the library, if any, stays.`, 'Delete'))) return
-    try { await api.virtImageDelete(im.fingerprint); toast('image deleted'); onChanged() } catch (e) { toast(errMsg(e), 'err') }
-  }
-  const imp = async (e: FormEvent) => { e.preventDefault(); try { onTask(await api.virtImageImport(path.trim(), alias.trim(), itype)); setPath(''); setAlias('') } catch (er) { toast(errMsg(er), 'err') } }
-  return (
-    <div className="svc-rows" style={{ padding: 12, display: 'flex', flexDirection: 'column', gap: 14 }}>
-      <section className="card">
-        <div className="sub-head"><span className="dname">On this machine</span><span className="spacer" /><span className="muted small">{images.length} image{images.length === 1 ? '' : 's'} · {fmtBytes(images.reduce((a, im) => a + im.size, 0))}</span></div>
-        {images.length === 0 && <div className="muted small">No images yet. Make an instance and its image is kept here; or download one below so the next one is instant.</div>}
-        {images.length > 0 && (
-          <table className="virt-table"><thead><tr><th>Image</th><th>Type</th><th>What</th><th className="num">Size</th><th>Used by</th><th /></tr></thead>
-            <tbody>{images.map((im) => (
-              <tr key={im.fingerprint}><td className="mono">{im.aliases.join(', ') || im.fingerprint.slice(0, 12)}</td><td>{im.type === 'virtual-machine' ? 'VM' : 'LXC'}</td><td>{im.description}{im.cached ? <span className="muted small"> · cached from {im.source}</span> : ''}</td><td className="num">{fmtBytes(im.size)}</td><td className="small">{usedBy(im).join(' ') || '—'}</td>
-                <td className="num"><Btn className="btn" onClick={() => onNew(imgLabel(im), im.type === 'virtual-machine')}>New instance</Btn> <Btn className="btn danger" onClick={() => del(im)}>Delete</Btn></td></tr>
-            ))}</tbody></table>
-        )}
-      </section>
-      <section className="card">
-        <div className="sub-head"><span className="dname">Download from the catalogue</span><span className="spacer" />
-          <div className="chips"><button className={'chip' + (type === 'container' ? ' on' : '')} onClick={() => setType('container')}>containers</button><button className={'chip' + (type === 'virtual-machine' ? ' on' : '')} disabled={!st.kvm} onClick={() => setType('virtual-machine')}>VMs</button></div>
-          <Btn className="btn" onClick={() => loadRemote(true)} title="the catalogue is kept for an hour">Refresh</Btn></div>
-        <input value={q} onChange={(e) => setQ(e.target.value)} placeholder={`search images.linuxcontainers.org for ${st.arch} — debian, ubuntu 24.04, alpine…`} />
-        {remote === null && !remoteErr && <div className="muted small">Reading the catalogue…</div>}
-        {remoteErr && <div className="error">{remoteErr}</div>}
-        {remote && !f && <div className="muted small">{remote.length} {type === 'virtual-machine' ? 'VM' : 'container'} images for {st.arch}. Type to search. A download keeps the image in the store and a copy of it in the library.</div>}
-        {found.length > 0 && (
-          <div className="virt-pick">{found.map((im) => { const a = im.aliases.find((x) => !x.includes('/default')) ?? im.aliases[0]; return (
-            <div key={im.fingerprint} className="svc-row" style={{ cursor: 'default' }}>
-              <div className="svc-name"><div className="n">{a}</div><div className="d">{im.description}{im.variant && im.variant !== 'default' ? ` · ${im.variant}` : ''} · {fmtBytes(im.size)}</div></div>
-              <Btn className="btn" onClick={async () => { try { onTask(await api.virtImageDownload(a)) } catch (e) { toast(errMsg(e), 'err') } }}>Download</Btn>
-            </div>) })}</div>
-        )}
-      </section>
-      <section className="card">
-        <div className="sub-head"><span className="dname">Import a file from this machine</span></div>
-        <form onSubmit={imp} className="virt-form-row" style={{ flexWrap: 'wrap' }}>
-          <label className="muted" style={{ flex: '2 1 240px' }}>Path — a template tarball, or a qcow2 / raw disk for a VM<input className="mono" value={path} onChange={(e) => setPath(e.target.value)} placeholder="/path/to/image.tar.xz" spellCheck={false} required /></label>
-          <label className="muted">Alias<input className="mono" value={alias} onChange={(e) => setAlias(e.target.value)} placeholder="my-template" spellCheck={false} required /></label>
-          <label className="muted">Type<select value={itype} onChange={(e) => setItype(e.target.value as 'container' | 'virtual-machine')}><option value="container">container template</option><option value="virtual-machine" disabled={!st.kvm}>VM disk image</option></select></label>
-          <div className="svc-actions" style={{ alignSelf: 'flex-end' }}><button className="btn on" disabled={!path.trim() || !alias.trim()}>Import</button></div>
-        </form>
-        <div className="muted small">The file is copied into <span className="mono">{st.dir}/images/</span> first — the library is Ham Lab's — then loaded into Incus.</div>
-      </section>
-    </div>
-  )
-}
-
-function Mounts({ i, st, onChanged }: { i: VirtInstance; st: VirtStatus; onChanged: () => void }) {
-  const [src, setSrc] = useState('')
-  const [dst, setDst] = useState('')
-  const [dev, setDev] = useState('')
-  const [ro, setRo] = useState(false)
-  const [shift, setShift] = useState(true)
-  const isos = st.dir + '/isos/'
-  const disks = Object.entries(i.devices).filter(([, d]) => d.type === 'disk').sort()
-  const add = async (e: FormEvent) => {
-    e.preventDefault()
-    try { const r = await api.virtMountAdd(i.name, { device: dev.trim(), source: src.trim(), path: dst.trim(), readonly: ro, shift }); toast(`mounted as ${r.device}`); setSrc(''); setDst(''); setDev(''); onChanged() } catch (er) { toast(errMsg(er), 'err') }
-  }
-  const remove = async (d: string, iso: boolean) => {
-    if (!(await askYes(iso ? `Eject ${d} from ${i.name}?` : `Remove the mount ${d} from ${i.name}? Nothing on the host is touched.`, iso ? 'Eject' : 'Remove'))) return
-    try { if (iso) await api.virtISODetach(i.name, d); else await api.virtMountRemove(i.name, d); toast('done'); onChanged() } catch (e) { toast(errMsg(e), 'err') }
-  }
-  return (
-    <>
-      <table className="virt-table"><thead><tr><th>Device</th><th>Source</th><th>Inside</th><th /></tr></thead>
-        <tbody>{disks.map(([name, d]) => { const iso = (d.source ?? '').startsWith(isos); return (
-          <tr key={name}><td className="mono">{name}{iso && <span className="badge">ISO</span>}{d['boot.priority'] && <span className="badge">boots first</span>}</td>
-            <td className="mono small">{name === 'root' ? `pool ${d.pool}${d.size ? ` · ${d.size}` : ''}` : iso ? (d.source ?? '').slice(isos.length) : d.source}</td>
-            <td className="mono small">{iso ? 'CD-ROM' : d.path}{d.readonly === 'true' ? ' · read only' : ''}{d.shift === 'true' ? ' · shifted' : ''}</td>
-            <td className="num">{name !== 'root' && <Btn className="btn danger" onClick={() => remove(name, iso)}>{iso ? 'Eject' : 'Remove'}</Btn>}</td></tr>) })}</tbody></table>
-      <section className="card">
-        <div className="sub-head"><span className="dname">Mount a folder from this machine</span></div>
-        <form onSubmit={add}>
-          <div className="virt-form-row">
-            <label className="muted">Host path<input className="mono" value={src} onChange={(e) => setSrc(e.target.value)} placeholder="/tank/media" spellCheck={false} required /></label>
-            <label className="muted">Path inside<input className="mono" value={dst} onChange={(e) => setDst(e.target.value)} placeholder="/mnt/media" spellCheck={false} required /></label>
-            <label className="muted">Device name — optional<input className="mono" value={dev} onChange={(e) => setDev(e.target.value)} placeholder="mnt-media" spellCheck={false} /></label>
-          </div>
-          <div className="virt-form-row" style={{ alignItems: 'center' }}>
-            <label className="muted" style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}><input type="checkbox" checked={ro} onChange={(e) => setRo(e.target.checked)} style={{ width: 'auto' }} />read only</label>
-            {i.type === 'container' && <label className="muted" style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }} title="map the host's file ownership into the container's user range, so files look owned by the same names inside"><input type="checkbox" checked={shift} onChange={(e) => setShift(e.target.checked)} style={{ width: 'auto' }} />shift ownership</label>}
-            <span className="spacer" />
-            <button className="btn on" disabled={!src.trim() || !dst.trim()}>Mount</button>
-          </div>
-        </form>
-        <div className="muted small">{i.type === 'container' ? 'A bind mount; it appears at once, running or not.' : 'Shared into the VM over virtiofs; its agent mounts it. Appears at once on a running VM with the agent, otherwise at the next start.'} The data stays where it is — this is the instance’s device, not a copy.</div>
-      </section>
-    </>
-  )
-}
-
-function NewVMFromISO({ st, ov, iso, onClose, onStarted }: { st: VirtStatus; ov: VirtOverview; iso: string; onClose: () => void; onStarted: (t: TaskInfo) => void }) {
-  const isos = ov.library.isos
-  const [pick, setPick] = useState(iso || isos[0]?.name || '')
-  const [name, setName] = useState('')
-  const [cpu, setCpu] = useState('2')
-  const [mem, setMem] = useState('2GiB')
-  const [disk, setDisk] = useState('20GiB')
-  const [pool, setPool] = useState(ov.default_pool || ov.pools?.[0]?.name || '')
-  const nets = (ov.networks ?? []).filter((n) => n.managed || n.type === 'bridge')
-  const [net, setNet] = useState(nets.find((n) => n.name === 'incusbr0')?.name ?? nets[0]?.name ?? '')
-  const [sb, setSb] = useState(true)
-  const [err, setErr] = useState('')
-  const [busy, setBusy] = useState(false)
-  useEscape(onClose)
-  const submit = async (e: FormEvent) => {
-    e.preventDefault(); setErr(''); setBusy(true)
-    try { onStarted(await api.virtFromISO({ name: name.trim(), iso: pick, cpu: cpu.trim(), memory: mem.trim(), disk: disk.trim(), pool, network: net, secureboot: sb, start: true })) }
-    catch (e) { setErr(errMsg(e)); setBusy(false) }
-  }
-  return (
-    <div className="modal-back" onClick={onClose}>
-      <form className="modal" onClick={(e) => e.stopPropagation()} onSubmit={submit}>
-        <h3>New VM from an ISO</h3>
-        <label className="muted">ISO<select value={pick} onChange={(e) => setPick(e.target.value)}>{isos.map((f) => <option key={f.name} value={f.name}>{f.name} · {fmtBytes(f.size)}</option>)}</select></label>
-        <div className="virt-form-row">
-          <label className="muted">Name<input value={name} onChange={(e) => setName(e.target.value)} pattern="[a-zA-Z][a-zA-Z0-9\-]{0,62}" placeholder="win11" spellCheck={false} autoCapitalize="off" autoCorrect="off" required /></label>
-          <label className="muted">Network<select value={net} onChange={(e) => setNet(e.target.value)}>{nets.map((n) => <option key={n.name} value={n.name}>{n.name}{n.address ? ` · ${n.address}` : ''}</option>)}</select></label>
-        </div>
-        <div className="virt-form-row">
-          <label className="muted">CPUs<input className="mono" value={cpu} onChange={(e) => setCpu(e.target.value)} /></label>
-          <label className="muted">Memory<input className="mono" value={mem} onChange={(e) => setMem(e.target.value)} /></label>
-          <label className="muted">Disk<input className="mono" value={disk} onChange={(e) => setDisk(e.target.value)} /></label>
-        </div>
-        <PoolPick ov={ov} value={pool} onChange={setPool} />
-        <label className="muted" style={{ flexDirection: 'row', alignItems: 'center', gap: 8 }}>
-          <input type="checkbox" checked={sb} onChange={(e) => setSb(e.target.checked)} style={{ width: 'auto' }} />Secure Boot — Windows, Debian, Ubuntu and Fedora boot with it; Alpine, Arch, TrueNAS and most others need it off
-        </label>
-        <div className="muted small">An empty VM with the ISO as its first boot device, started, so the installer is on the VGA console. {fmtBytes(st.mem_avail)} free here; a VM’s memory is a reservation. Windows also wants the virtio drivers ISO attached as a second drive — add it from the VM’s Disks tab.</div>
-        {err && <div className="error">{err}</div>}
-        <div className="svc-actions">
-          <button type="submit" className="btn on" disabled={busy || !pick || !name.trim()}>{busy ? 'Starting…' : 'Create and boot the ISO'}</button>
-          <span className="spacer" />
-          <button type="button" className="btn" onClick={onClose}>Cancel</button>
-        </div>
-      </form>
-    </div>
-  )
-}
-
-function Library({ st, ov, onTask, onChanged, onNewVM }: { st: VirtStatus; ov: VirtOverview; onTask: (t: TaskInfo) => void; onChanged: () => void; onNewVM: (iso: string) => void }) {
-  const lib = ov.library
-  const vms = (ov.instances ?? []).filter((i) => i.type === 'virtual-machine')
-  const [url, setUrl] = useState(''); const [sha, setSha] = useState(''); const [path, setPath] = useState('')
-  const [upload, setUpload] = useState<{ name: string; pct: number } | null>(null)
-  const [exp, setExp] = useState<ExportsView | null>(null)
-  const [cfg, setCfg] = useState<ExportsView['config'] | null>(null)
-  const loadExports = useCallback(() => api.virtExports().then((v) => { setExp(v); setCfg(v.config) }).catch(() => setExp(null)), [])
-  useEffect(() => { loadExports() }, [loadExports])
-  const uploadFiles = async (files: FileList | null) => {
-    if (!files?.length) return
-    for (const f of Array.from(files)) {
-      if (!/\.(iso|img)$/i.test(f.name)) { toast(`${f.name}: only .iso or .img files`, 'err'); continue }
-      setUpload({ name: f.name, pct: 0 })
-      try { await api.fileUpload(st.dir + '/isos', f, false, (pct) => setUpload({ name: f.name, pct })); toast(`uploaded ${f.name}`) } catch (e) { toast(`${f.name}: ${errMsg(e)}`, 'err') }
-    }
-    setUpload(null); onChanged()
-  }
-  const fetchISO = async (e: FormEvent) => { e.preventDefault(); try { onTask(await api.virtISOFetch(url.trim(), sha.trim(), '')); setUrl(''); setSha('') } catch (er) { toast(errMsg(er), 'err') } }
-  const importISO = async (e: FormEvent) => { e.preventDefault(); try { onTask(await api.virtISOImport(path.trim())); setPath('') } catch (er) { toast(errMsg(er), 'err') } }
-  const attach = async (f: LibraryFile) => {
-    if (vms.length === 0) { toast('no VM to attach it to — make one first, or use New VM from ISO', 'info'); return }
-    const vm = vms.length === 1 ? vms[0].name : await askText(`Attach ${f.name} to which VM? (${vms.map((v) => v.name).join(', ')})`, vms[0].name, 'Attach')
-    if (!vm) return
-    const first = await askYes(`Boot ${vm} from ${f.name} first, ahead of its disk? Say no to just make it available as a CD-ROM.`, 'Boot first')
-    try { const r = await api.virtISOAttach(vm, f.name, first); toast(`${f.name} in ${vm} as ${r.device}`); onChanged() } catch (e) { toast(errMsg(e), 'err') }
-  }
-  const del = async (f: LibraryFile) => { if (!(await askYes(`Delete ${f.name} from the library?`, 'Delete'))) return; try { await api.virtISODelete(f.name); toast('deleted'); onChanged() } catch (e) { toast(errMsg(e), 'err') } }
-  const rename = async (f: LibraryFile) => { const to = await askText(`Rename ${f.name} to`, f.name, 'Rename'); if (!to || to === f.name) return; try { await api.virtISORename(f.name, to); toast('renamed'); onChanged() } catch (e) { toast(errMsg(e), 'err') } }
-  const saveExports = async () => { if (!cfg) return; try { await api.virtExportsPut(cfg); toast(cfg.enabled ? 'exports scheduled' : 'exports paused'); loadExports() } catch (e) { toast(errMsg(e), 'err') } }
-  const delExport = async (inst: string, name: string) => { if (!(await askYes(`Delete the export ${name}?`, 'Delete'))) return; try { await api.virtExportDelete(inst, name); loadExports() } catch (e) { toast(errMsg(e), 'err') } }
-  const table = (files: LibraryFile[]) => files.length === 0 ? <div className="muted small">empty</div> : (
-    <table className="virt-table"><thead><tr><th>File</th><th className="num">Size</th><th>Changed</th></tr></thead>
-      <tbody>{files.map((f) => <tr key={f.name}><td className="mono">{f.name}</td><td className="num">{fmtBytes(f.size)}</td><td>{when(f.modified)}</td></tr>)}</tbody></table>
-  )
-  return (
-    <div className="svc-rows" style={{ padding: 12, display: 'flex', flexDirection: 'column', gap: 14 }}>
-      <section className="card">
-        <div className="sub-head"><span className="dname">ISOs</span><span className="spacer" /><span className="muted small mono">{st.dir}/isos</span></div>
-        {lib.isos.length === 0 && <div className="muted small">No ISOs yet. Upload one, fetch one by URL, or import a file already on this machine.</div>}
-        {lib.isos.length > 0 && (
-          <table className="virt-table"><thead><tr><th>File</th><th className="num">Size</th><th>In</th><th /></tr></thead>
-            <tbody>{lib.isos.map((f) => (
-              <tr key={f.name}><td className="mono">{f.name}</td><td className="num">{fmtBytes(f.size)}</td><td className="small">{f.attached_to?.join(' ') || '—'}</td>
-                <td className="num" style={{ whiteSpace: 'normal' }}>
-                  {st.kvm && <Btn className="btn on" onClick={() => onNewVM(f.name)}>New VM</Btn>} {st.kvm && <Btn className="btn" onClick={() => attach(f)}>Attach…</Btn>} <Btn className="btn" onClick={() => rename(f)}>Rename</Btn> <Btn className="btn danger" disabled={!!f.attached_to?.length} title={f.attached_to?.length ? 'attached — eject it first' : ''} onClick={() => del(f)}>Delete</Btn>
-                </td></tr>
-            ))}</tbody></table>
-        )}
-        <div className="virt-form-row" style={{ flexWrap: 'wrap', marginTop: 8 }}>
-          <label className="btn" style={{ alignSelf: 'flex-end' }}>{upload ? `${upload.name} · ${upload.pct}%` : 'Upload…'}<input type="file" accept=".iso,.img" multiple style={{ display: 'none' }} onChange={(e) => uploadFiles(e.target.files)} /></label>
-          <form onSubmit={fetchISO} className="virt-form-row" style={{ flex: '2 1 320px' }}>
-            <label className="muted" style={{ flex: 3 }}>Fetch from a URL<input className="mono" value={url} onChange={(e) => setUrl(e.target.value)} placeholder="https://…/something.iso" spellCheck={false} /></label>
-            <label className="muted" style={{ flex: 2 }}>sha256 — optional<input className="mono" value={sha} onChange={(e) => setSha(e.target.value)} spellCheck={false} /></label>
-            <button className="btn" style={{ alignSelf: 'flex-end' }} disabled={!url.trim()}>Fetch</button>
-          </form>
-          <form onSubmit={importISO} className="virt-form-row" style={{ flex: '1 1 260px' }}>
-            <label className="muted" style={{ flex: 1 }}>Import a file on this machine — copied in<input className="mono" value={path} onChange={(e) => setPath(e.target.value)} placeholder="/tank/software/isos/…/x.iso" spellCheck={false} /></label>
-            <button className="btn" style={{ alignSelf: 'flex-end' }} disabled={!path.trim()}>Import</button>
-          </form>
-        </div>
-        <div className="muted small">{st.kvm ? 'An ISO attaches to a VM as a CD-ROM, live or stopped; “New VM” makes an empty VM that boots it, for an installer on the VGA console.' : 'This machine has no KVM, so there is nothing here to boot an ISO.'}</div>
-      </section>
-      <section className="card">
-        <div className="sub-head"><span className="dname">Exports</span><span className="spacer" /><span className="muted small mono">{st.dir}/exports</span></div>
-        {cfg && (
-          <div className="virt-form-row" style={{ flexWrap: 'wrap', alignItems: 'flex-end' }}>
-            <label className="muted" style={{ flexDirection: 'row', alignItems: 'center', gap: 8, flex: '0 0 auto' }}><input type="checkbox" checked={cfg.enabled} onChange={(e) => setCfg({ ...cfg, enabled: e.target.checked })} style={{ width: 'auto' }} />nightly</label>
-            <label className="muted" style={{ flex: '0 0 90px' }}>at<input className="mono" type="time" value={`${String(cfg.hour).padStart(2, '0')}:${String(cfg.minute).padStart(2, '0')}`} onChange={(e) => { const [h, m] = e.target.value.split(':').map(Number); if (!isNaN(h) && !isNaN(m)) setCfg({ ...cfg, hour: h, minute: m }) }} /></label>
-            <label className="muted" style={{ flex: '0 0 110px' }}>keep per instance<input className="mono" type="number" min={1} max={100} value={cfg.keep} onChange={(e) => setCfg({ ...cfg, keep: Number(e.target.value) || 1 })} /></label>
-            <label className="muted" style={{ flexDirection: 'row', alignItems: 'center', gap: 8, flex: '0 0 auto' }}><input type="checkbox" checked={!cfg.instance_only} onChange={(e) => setCfg({ ...cfg, instance_only: !e.target.checked })} style={{ width: 'auto' }} />include snapshots</label>
-            <span className="spacer" />
-            <Btn className="btn on" disabled={JSON.stringify(cfg) === JSON.stringify(exp?.config)} onClick={saveExports}>Save</Btn>
-            <Btn className="btn" onClick={async () => { try { onTask(await api.virtExportsRun()) } catch (e) { toast(errMsg(e), 'err') } }}>Export all now</Btn>
-          </div>
-        )}
-        {exp && <div className="muted small" style={{ marginTop: 6 }}>{exp.config.enabled ? <>Cron line in <span className="mono">{exp.cron_file}</span>, next {exp.next ? new Date(exp.next).toLocaleString() : '—'}.</> : 'Not scheduled.'} {exp.last ? <>Last run {when(exp.last.at)}: {exp.last.exported.length} exported, {exp.last.pruned.length} pruned{exp.last.errors?.length ? <span className="warn-text">, {exp.last.errors.length} failed: {exp.last.errors.join('; ')}</span> : ''}.</> : 'Never run.'} Every instance as a tarball Incus can import again; the folder is backed up with the rest of Ham Lab’s data.</div>}
-        {exp && exp.files.length > 0 && (
-          <table className="virt-table" style={{ marginTop: 8 }}><thead><tr><th>Instance</th><th>Export</th><th className="num">Size</th><th>Taken</th><th /></tr></thead>
-            <tbody>{exp.files.map((f) => <tr key={f.instance + f.name}><td>{f.instance}</td><td className="mono small">{f.name}</td><td className="num">{fmtBytes(f.size)}</td><td>{when(f.modified)}</td><td className="num"><Btn className="btn danger" onClick={() => delExport(f.instance, f.name)}>Delete</Btn></td></tr>)}</tbody></table>
-        )}
-      </section>
-      <section className="card"><div className="sub-head"><span className="dname">Images</span><span className="spacer" /><span className="muted small mono">{st.dir}/images</span></div>{table(lib.images)}
-        <div className="muted small">Every image downloaded, imported or published lands here as a file, so the library is whole without Incus and can be reloaded into a fresh install.</div></section>
-    </div>
-  )
-}

web/src/ZFS.tsx

@@ -382,7 +382,7 @@ function ARCSection() {
       } catch { /* the sparklines stay empty; the numbers still show */ }
     }
     poll()
-    const t = setInterval(poll, Math.max(2000, rate))
+    const t = setInterval(poll, rate)
     return () => { stop = true; clearInterval(t) }
   }, [rate])
 

web/src/api.ts

@@ -4,7 +4,12 @@ export class Unauthenticated extends Error { constructor(msg = 'unauthenticated'
 // is rewritten to /api/nodes/<name>/… and the hub proxies it. Hub-only calls (login,
 // the machine list itself) pass local=true and are never rewritten.
 let base = ''
-export function setMachine(name: string | null) { base = name ? `/api/nodes/${name}` : '' }
+export function setMachine(name: string | null) { base = name ? `/api/nodes/${name}` : ''; machine = name ?? '' }
+let machine = ''
+// The machine the console is looking at: '' is this host.
+export const currentMachine = () => machine
+// A path under another machine's /api, whichever one the console is looking at.
+export const nodeAPI = (node: string, p: string) => (node && p.startsWith('/api/') ? `/api/nodes/${node}${p.slice(4)}` : p)
 export const apiPath = (p: string) => (base && p.startsWith('/api/') ? base + p.slice(4) : p)
 
 // A machine that just failed to answer is left alone for a few seconds instead of
@@ -250,10 +255,18 @@ export interface ARCDetail {
 export interface ARCView { detail: ARCDetail; live: ARCLive | null }
 
 export interface FileEntry { name: string; type: 'dir' | 'file' | 'link' | 'other'; size: number; mode: string; perm: string; mtime: number; user: string; group: string; target?: string; broken?: boolean; preview?: 'image' | 'video' | 'audio' }
-export interface PlayCaps { codecs: { id: string; label: string; engine?: string }[]; qualities: { id: string; label: string; height: number }[]; error?: string }
-export interface PlayTrack { codec: string; profile?: string; pix_fmt?: string; width?: number; height?: number; fps?: number; channels?: number }
-export interface PlayStream { id: string; codec: string; quality: string; engine: string; width: number; height: number; kbps: number; source: { container: string; duration: number; bit_rate?: number; video?: PlayTrack; audio?: PlayTrack } }
-export interface PlayStatus { running: boolean; done: boolean; error?: string; progress: number; speed: number; segments: number }
+export interface PlayTrack { codec: string; profile?: string; pix_fmt?: string; width?: number; height?: number; fps?: number; channels?: number; spherical?: boolean }
+export interface PlayRung { name: string; label: string; width: number; height: number; fps: number; bitrate: number; peak: number }
+export interface PlayStatus { engine?: string; quality?: string; from: number; ahead: number; paused?: boolean }
+// A play: where it is made (node, '' the hub), its qualities best first, and the playlist under
+// that machine's /api.
+export interface PlayOpen {
+  node: string; master: string; engine: string; host: string; note?: string; status: PlayStatus
+  play: { id: string; name: string; device: string; remote: boolean; rungs: PlayRung[]; info: { container: string; duration: number; bit_rate?: number; size?: number; video?: PlayTrack; audio?: PlayTrack } }
+}
+export interface TranscodeDevice { id: string; name: string; integrated?: boolean; ok: boolean; reason?: string }
+export interface TranscodeMachine { node: string; host: string; devices?: TranscodeDevice[]; error?: string }
+export interface TranscodeSetting { selected: { node: string; device: string } | null; machines: TranscodeMachine[] }
 export interface ThumbGPU { api: string; device: string; name?: string; codecs?: string[]; reason?: string; permission?: boolean }
 // How previews get made on the machine: ok with an engine, or why not and what would fix it.
 export interface ThumbStatus { ok: boolean; engine: 'gpu' | 'cpu' | ''; summary: string; ffmpeg?: string; gpus: ThumbGPU[]; unusable?: ThumbGPU[]; error?: string; install?: { pm: string; package: string }; gpu_fix?: boolean; user: string; cache: { path: string; entries: number; bytes: number } }
@@ -261,24 +274,6 @@ export interface FileInfo extends FileEntry { path: string; text: boolean }
 
 const q = (path: string, sudo: boolean, extra = '') => `path=${encodeURIComponent(path)}${sudo ? '&sudo=1' : ''}${extra}`
 
-// ---- Virtualization: Incus, per machine ----
-export interface VirtLayout { driver: string; pool_source: string; pool_size_gib?: number; bridge: string; subnet: string; docker_rules: boolean; arc_max_gib?: number; attempted: string; hamlab_version?: string }
-export interface VirtStatus { state: 'ready' | 'repair' | 'installable' | 'unavailable'; reason?: string; kvm: boolean; arch: string; version?: string; pm?: string; drivers: string[]; docker: boolean; zfs_host: boolean; arc_max_gib?: number; mem_total: number; mem_avail: number; disk_free: number; dir: string; subnet: string; pool_size_gib?: number; layout?: VirtLayout; user: string; root: boolean; unit?: string; btrfs_tools: boolean }
-export interface VirtSnapshot { name: string; created: string; expires?: string; size?: number }
-export interface VirtInstance { name: string; type: 'container' | 'virtual-machine'; status: string; arch: string; description?: string; image: string; os?: string; release?: string; cpu?: string; memory?: string; created: string; last_used: string; ipv4: string[]; snapshots: VirtSnapshot[]; profiles: string[]; ephemeral: boolean; cpu_pct: number; mem_usage: number; mem_peak: number; disk_usage: number; disk_total: number; pid: number; processes: number; config: Record<string, string>; devices: Record<string, Record<string, string>>; schedule?: string; expiry?: string }
-export interface VirtImage { fingerprint: string; aliases: string[]; arch: string; type: string; size: number; created: string; last_used: string; description: string; os?: string; release?: string; variant?: string; cached: boolean; source?: string; public: boolean }
-export interface VirtPool { name: string; driver: string; source: string; where: string; used: number; total: number; used_by: number }
-export interface VirtNetwork { name: string; type: string; managed: boolean; address?: string; nat: boolean; used_by: number }
-export interface LibraryFile { name: string; size: number; modified: string; attached_to?: string[] }
-export interface ExportConfig { enabled: boolean; hour: number; minute: number; keep: number; instance_only: boolean; instances?: string[]; updated?: string }
-export interface ExportRun { at: string; exported: string[]; pruned: string[]; errors?: string[]; seconds: number }
-export interface ExportFile { instance: string; name: string; size: number; modified: string }
-export interface ExportsView { config: ExportConfig; cron: string; next?: string; last: ExportRun | null; files: ExportFile[]; dir: string; cron_file: string }
-export interface FromISO { name: string; iso: string; cpu: string; memory: string; disk: string; pool: string; network: string; secureboot: boolean; start: boolean }
-export interface VirtOverview { status: VirtStatus; error?: string; instances?: VirtInstance[]; images?: VirtImage[]; pools?: VirtPool[]; default_pool?: string; networks?: VirtNetwork[]; library: { images: LibraryFile[]; isos: LibraryFile[] } }
-export interface VirtInstallOpts { driver: string; pool_size_gib: number; subnet: string; docker_rules: boolean; arc_max_gib: number }
-export interface VirtCreate { name: string; image: string; vm: boolean; cpu: string; memory: string; disk: string; pool: string; network: string; cloud_init: string; profiles: string[]; description: string; start: boolean }
-
 export const api = {
   procs: () => req<ProcTable>('GET', '/api/procs'),
   space: () => req<{ targets: SpaceTarget[] }>('GET', '/api/space'),
@@ -297,6 +292,14 @@ export const api = {
     if (!r.ok) { let m = r.statusText; try { m = (await r.json()).error ?? m } catch { /* */ } throw new Error(m) }
     return r.text()
   },
+  // Playing: opened on the hub, which picks the machine (the Transcode device setting); the
+  // rest goes to that machine.
+  play: (path: string, sudo: boolean) => req<PlayOpen>('POST', '/api/play', { node: currentMachine(), path, sudo }, true),
+  playStatus: (node: string, id: string) => req<PlayStatus>('GET', nodeAPI(node, `/api/files/play/${id}`), undefined, true),
+  playStop: (node: string, id: string) => req<void>('DELETE', nodeAPI(node, `/api/files/play/${id}`), undefined, true),
+  transcode: () => req<TranscodeSetting>('GET', '/api/transcode', undefined, true),
+  transcodeSelected: () => req<{ selected: { node: string; device: string } | null; host?: string; name?: string }>('GET', '/api/transcode?only=selected', undefined, true),
+  setTranscode: (node: string, device: string) => req<TranscodeSetting>('PUT', '/api/transcode', device ? { node, device } : {}, true),
   fileReadURL: (path: string, sudo: boolean) => apiPath(`/api/files/read?${q(path, sudo)}`),
   fileDownloadURL: (path: string, sudo: boolean) => apiPath(`/api/files/download?${q(path, sudo)}`),
   // v carries the file's mtime and size, so a changed file is a new URL and an unchanged one a cached one
@@ -304,11 +307,6 @@ export const api = {
   thumbStatus: (sudo: boolean, refresh = false) => req<ThumbStatus>('GET', `/api/files/thumbs?${sudo ? 'sudo=1&' : ''}${refresh ? 'refresh=1' : ''}`),
   thumbInstall: () => req<TaskInfo>('POST', '/api/files/thumbs/install'),
   thumbGPUAccess: () => req<TaskInfo>('POST', '/api/files/thumbs/gpu-access'),
-  // playback of what the browser can't play as it is: an HLS re-encode on the machine
-  playCaps: (sudo: boolean) => req<PlayCaps>('GET', `/api/files/play-caps${sudo ? '?sudo=1' : ''}`),
-  playStart: (path: string, codec: string, quality: string, sudo: boolean) => req<{ stream: PlayStream; url: string }>('POST', `/api/files/play${sudo ? '?sudo=1' : ''}`, { path, codec, quality }),
-  playStatus: (id: string) => req<PlayStatus>('GET', `/api/files/play/${id}`),
-  playStop: (id: string) => req<void>('DELETE', `/api/files/play/${id}`),
   fileWrite: async (path: string, text: string, sudo: boolean) => {
     const r = await fetch(apiPath(`/api/files/write?${q(path, sudo)}`), { method: 'PUT', credentials: 'same-origin', body: text, headers: { 'Content-Type': 'application/octet-stream' } })
     if (r.status === 401) throw new Unauthenticated()
@@ -446,37 +444,6 @@ export const api = {
   createTerminal: (name?: string) => req<{ id: string; name: string }>('POST', '/api/terminals', { name }),
   renameTerminal: (id: string, name: string) => req<void>('PATCH', `/api/terminals/${id}`, { name }),
   deleteTerminal: (id: string) => req<void>('DELETE', `/api/terminals/${id}`),
-  virt: () => req<VirtOverview>('GET', '/api/virt'),
-  virtInstall: (o: VirtInstallOpts) => req<TaskInfo>('POST', '/api/virt/install', o),
-  virtRemote: (type: string, refresh = false) => req<{ images: VirtImage[] }>('GET', `/api/virt/images/remote?type=${type}${refresh ? '&refresh=1' : ''}`),
-  virtImageDownload: (alias: string) => req<TaskInfo>('POST', '/api/virt/images/download', { alias }),
-  virtImageImport: (path: string, alias: string, type: string) => req<TaskInfo>('POST', '/api/virt/images/import', { path, alias, type }),
-  virtImagePublish: (instance: string, alias: string) => req<TaskInfo>('POST', '/api/virt/images/publish', { instance, alias }),
-  virtImageDelete: (ref: string) => req<void>('POST', '/api/virt/images/delete', { ref }),
-  virtCreate: (c: VirtCreate) => req<TaskInfo>('POST', '/api/virt/instances', c),
-  virtAction: (name: string, action: 'start' | 'stop' | 'restart' | 'kill') => req<void>('POST', `/api/virt/instances/${encodeURIComponent(name)}/${action}`),
-  virtDelete: (name: string, force: boolean) => req<void>('POST', `/api/virt/instances/${encodeURIComponent(name)}/delete`, { confirm: name, force }),
-  virtTerminal: (name: string, kind: 'console' | 'exec') => req<{ id: string; name: string }>('POST', `/api/virt/instances/${encodeURIComponent(name)}/${kind}`),
-  virtRename: (name: string, to: string) => req<void>('POST', `/api/virt/instances/${encodeURIComponent(name)}/rename`, { name: to }),
-  virtConfig: (name: string, cfg: Record<string, string>) => req<void>('PUT', `/api/virt/instances/${encodeURIComponent(name)}/config`, cfg),
-  virtSnapshot: (name: string, snap: string) => req<{ name: string }>('POST', `/api/virt/instances/${encodeURIComponent(name)}/snapshots`, { name: snap }),
-  virtSnapshotAction: (name: string, snap: string, action: 'restore' | 'delete') => req<void>('POST', `/api/virt/instances/${encodeURIComponent(name)}/snapshots/${encodeURIComponent(snap)}/${action}`),
-  virtISOFetch: (url: string, sha256: string, name: string) => req<TaskInfo>('POST', '/api/virt/isos/fetch', { url, sha256, name }),
-  virtISOImport: (path: string) => req<TaskInfo>('POST', '/api/virt/isos/import', { path }),
-  virtISODelete: (name: string) => req<void>('POST', '/api/virt/isos/delete', { name }),
-  virtISORename: (name: string, to: string) => req<void>('POST', '/api/virt/isos/rename', { name, to }),
-  virtISOAttach: (inst: string, iso: string, bootFirst: boolean) => req<{ device: string }>('POST', `/api/virt/instances/${encodeURIComponent(inst)}/iso`, { iso, boot_first: bootFirst }),
-  virtISODetach: (inst: string, device: string) => req<void>('POST', `/api/virt/instances/${encodeURIComponent(inst)}/iso/detach`, { device }),
-  virtFromISO: (f: FromISO) => req<TaskInfo>('POST', '/api/virt/instances/from-iso', f),
-  virtMountAdd: (inst: string, m: { device: string; source: string; path: string; readonly: boolean; shift: boolean }) => req<{ device: string }>('POST', `/api/virt/instances/${encodeURIComponent(inst)}/mounts`, m),
-  virtMountRemove: (inst: string, device: string) => req<void>('POST', `/api/virt/instances/${encodeURIComponent(inst)}/mounts/remove`, { device }),
-  virtExports: () => req<ExportsView>('GET', '/api/virt/exports'),
-  virtExportsPut: (c: ExportConfig) => req<void>('PUT', '/api/virt/exports', c),
-  virtExportsRun: (instance = '') => req<TaskInfo>('POST', '/api/virt/exports/run', { instance }),
-  virtExportDelete: (instance: string, name: string) => req<void>('POST', '/api/virt/exports/delete', { instance, name }),
-  virtSSHKeys: () => req<{ keys: string[]; user: string }>('GET', '/api/virt/sshkeys'),
-  virtPoolCreate: (name: string, path: string) => req<{ name: string; path: string }>('POST', '/api/virt/pools', { name, path }),
-  virtPoolDelete: (name: string) => req<void>('POST', '/api/virt/pools/delete', { name }),
 }
 
 export function wsURLPath(path: string): string {

web/src/graphcols.ts

@@ -16,26 +16,40 @@
 // Returns one value per column, oldest first, right-aligned: a young curve has fewer columns
 // than the box and draws in from the right.
 export function columnsOf(values: number[], advance: number, cap: number, cols: number): number[] {
+  return columnsAt(values, advance, advance + 1, cap, cols).cols.slice(-cols)
+}
+
+// The same columns, placed in time. `now` is how far the curve has got in points: `advance`
+// plus the share of the newest point's stride already gone (0–1], so a curve whose points are
+// several ticks apart still moves on every tick instead of jumping once a point. `edge` is how
+// much of the newest column is showing (0–1]: the box draws it that far in from the right and
+// everything else behind it, so the whole graph slides a fraction of a column each tick. One
+// more column than the box holds comes back, to fill the sliver the slide opens on the left.
+// `last` is the newest column's number, for a caller that follows a column as it slides.
+export function columnsAt(values: number[], advance: number, now: number, cap: number, cols: number): { cols: number[]; edge: number; last: number } {
   const n = Math.min(values.length, cap)
-  if (n === 0 || cols < 1 || cap < 1) return []
+  if (n === 0 || cols < 1 || cap < 1) return { cols: [], edge: 1, last: 0 }
   const at = (a: number) => values[values.length - 1 - (advance - a)] // the point numbered a
   const oldest = advance - n + 1
+  const r = cols / cap
   const out: number[] = []
   if (cols >= cap) {
-    const kLast = Math.ceil(((advance + 1) * cols) / cap) - 1
-    for (let k = kLast - cols + 1; k <= kLast; k++) {
+    const kLast = Math.ceil(now * r) - 1
+    for (let k = kLast - cols; k <= kLast; k++) {
       const a = Math.floor((k * cap) / cols)
       if (a >= oldest && a <= advance) out.push(at(a))
     }
-    return out
+    return { cols: out, edge: Math.min(1, Math.max(0, now * r - kLast)) || 1, last: kLast }
   }
+  // the newest column is the newest point's; until the next point lands in the next column the
+  // slide waits at its edge, rather than show a column with nothing in it
   const kLast = Math.floor((advance * cols) / cap)
-  for (let k = kLast - cols + 1; k <= kLast; k++) {
+  for (let k = kLast - cols; k <= kLast; k++) {
     const a0 = Math.max(oldest, Math.ceil((k * cap) / cols)), a1 = Math.min(advance, Math.ceil(((k + 1) * cap) / cols) - 1)
     if (a1 < a0) continue
     let peak = at(a0)
     for (let a = a0 + 1; a <= a1; a++) peak = Math.max(peak, at(a))
     out.push(peak)
   }
-  return out
+  return { cols: out, edge: Math.min(1, Math.max(0, now * r - kLast)) || 1, last: kLast }
 }

web/src/styles.css

@@ -145,6 +145,9 @@ button { font: inherit; color: inherit; background: none; border: 0; cursor: poi
 .svc-tools { padding: 10px; display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid var(--border); }
 .svc-tools input { padding: 8px 10px; background: var(--bg); border: 1px solid var(--border); border-radius: 6px; color: var(--fg); font-size: 14px; }
 .chip.on { color: var(--fg); border-color: var(--accent); } .chip.bad { color: var(--bad); }
+.chip.off { opacity: .55; cursor: default; } .chip.off:hover { color: var(--muted); border-color: var(--border); }
+.tc-list { display: flex; flex-direction: column; gap: 12px; }
+.tc-host { font-weight: 600; margin-bottom: 6px; }
 .svc-rows { flex: 1; overflow-y: auto; }
 .svc-row { display: flex; align-items: center; gap: 10px; padding: 8px 12px; cursor: pointer; border-bottom: 1px solid var(--border); }
 .svc-row:hover { background: var(--bg3); } .svc-row.active { background: var(--bg3); box-shadow: inset 3px 0 0 var(--accent); }
@@ -365,13 +368,48 @@ h2.section { margin: 0; font-size: 13px; font-weight: 600; color: var(--muted);
 .preview { flex: 1; display: flex; align-items: center; justify-content: center; overflow: auto; padding: 12px; }
 .preview img { max-width: 100%; max-height: 100%; object-fit: contain; }
 .preview video { max-width: 100%; max-height: 100%; background: #000; border-radius: 4px; outline: none; }
-.player { flex: 1; min-height: 0; display: flex; flex-direction: column; }
-.player .preview { flex: 1; min-height: 0; }
-.play-bar { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 6px 12px; font-size: 12px; color: var(--muted); border-bottom: 1px solid var(--border); }
-.play-bar select { padding: 4px 8px; background: var(--bg); border: 1px solid var(--border); border-radius: 5px; color: var(--fg); font-size: 12px; }
-.play-pick { margin: 12px; }
-.play-pick .row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 10px; }
-.play-pick label { display: flex; align-items: center; gap: 6px; font-size: 12px; color: var(--muted); }
+/* the video player (Player.tsx): Ham Share's, in the viewer; full screen is the browser's, or
+   on an iPhone the whole window */
+.vp { position: relative; flex: 1; min-height: 240px; background: #000; color: #fff; overflow: hidden; user-select: none; -webkit-user-select: none; outline: none; }
+.vp.max { position: fixed; inset: 0; z-index: 1000; }
+.vp-v { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #000; }
+.vp-hidden { opacity: 0; pointer-events: none; }
+.vp-sphere { touch-action: none; cursor: grab; }
+.vp-sphere:active { cursor: grabbing; }
+.vp-bottom { position: absolute; left: 0; right: 0; bottom: 0; padding: 26px 8px calc(env(safe-area-inset-bottom) + 4px); background: linear-gradient(transparent, rgba(0, 0, 0, .75)); transition: opacity .25s; z-index: 2; }
+.vp.bare .vp-bottom, .vp.bare .vp-hint { opacity: 0; pointer-events: none; }
+.vp.bare { cursor: none; }
+.vp-row { display: flex; align-items: center; gap: 4px; }
+.vp-icon { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 19px; color: #fff; }
+.vp-icon:hover { background: rgba(255, 255, 255, .14); }
+.vp-icon.on { color: var(--accent); }
+.vp-time { font-size: 13px; font-variant-numeric: tabular-nums; padding: 0 6px; white-space: nowrap; }
+.vp-q { display: inline-flex; align-items: center; gap: 6px; padding: 7px 10px; border-radius: 17px; font-size: 13px; font-weight: 600; white-space: nowrap; color: #fff; }
+.vp-q:hover { background: rgba(255, 255, 255, .14); }
+.vp-seek { position: relative; height: 24px; margin: 0 8px; display: flex; align-items: center; }
+.vp-seek::before { content: ''; position: absolute; left: 0; right: 0; height: 4px; border-radius: 2px;
+  background: linear-gradient(to right, var(--accent) var(--p), rgba(255, 255, 255, .45) var(--p) var(--b), rgba(255, 255, 255, .2) var(--b)); }
+.vp-seek input { position: relative; width: 100%; margin: 0; background: transparent; border: 0; padding: 0; height: 24px; -webkit-appearance: none; appearance: none; cursor: pointer; }
+.vp-seek input::-webkit-slider-runnable-track { height: 4px; background: transparent; }
+.vp-seek input::-moz-range-track { height: 4px; background: transparent; }
+.vp-seek input::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; margin-top: -5px; border-radius: 50%; background: var(--accent); border: 0; }
+.vp-seek input::-moz-range-thumb { width: 14px; height: 14px; border-radius: 50%; background: var(--accent); border: 0; }
+.vp-big { position: absolute; left: 50%; top: 50%; width: 68px; height: 68px; margin: -34px 0 0 -34px; border-radius: 50%; display: grid; place-items: center; background: rgba(0, 0, 0, .55); color: #fff; z-index: 2; padding-left: 4px; }
+.vp-spin { position: absolute; left: 50%; top: 50%; width: 46px; height: 46px; margin: -23px 0 0 -23px; border-radius: 50%; border: 4px solid rgba(255, 255, 255, .2); border-top-color: var(--accent); animation: vp-spin .8s linear infinite; z-index: 1; pointer-events: none; }
+@keyframes vp-spin { to { transform: rotate(360deg); } }
+.vp-err { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 24px; text-align: center; z-index: 1; }
+.vp-err p { margin: 0; max-width: 460px; line-height: 1.45; }
+.vp-note { position: absolute; left: 50%; top: 14px; transform: translateX(-50%); max-width: min(92%, 480px); padding: 9px 13px; border-radius: 8px; background: rgba(20, 20, 20, .92); font-size: 13px; line-height: 1.4; z-index: 3; cursor: pointer; }
+.vp-hint { position: absolute; left: 50%; bottom: 86px; transform: translateX(-50%); padding: 5px 11px; border-radius: 14px; background: rgba(0, 0, 0, .55); font-size: 12px; pointer-events: none; transition: opacity .25s; z-index: 1; white-space: nowrap; }
+.vp-menu { position: absolute; right: 8px; bottom: 60px; width: min(290px, calc(100% - 16px)); max-height: calc(100% - 76px); overflow-y: auto; padding: 6px; border-radius: 10px; background: rgba(24, 24, 24, .96); box-shadow: 0 8px 30px rgba(0, 0, 0, .5); z-index: 4; }
+.vp-menu-h { font-size: 11px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; color: rgba(255, 255, 255, .55); padding: 6px 10px 4px; }
+.vp-menu button { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 10px; border-radius: 6px; text-align: left; font-size: 14px; color: #fff; }
+.vp-menu button:hover:not(:disabled) { background: rgba(255, 255, 255, .1); }
+.vp-menu button:disabled { opacity: .45; }
+.vp-menu button small { margin-left: auto; color: rgba(255, 255, 255, .6); font-size: 12px; white-space: nowrap; }
+.vp-menu .ck { width: 16px; flex: none; color: var(--accent); display: grid; place-items: center; }
+.vp-menu-f { border-top: 1px solid rgba(255, 255, 255, .12); margin-top: 6px; padding: 8px 10px 4px; font-size: 12px; color: rgba(255, 255, 255, .6); line-height: 1.4; }
+.vp-menu-f b { color: #fff; font-weight: 600; }
 .preview.audio { align-items: flex-start; }
 .audio-box { display: flex; flex-direction: column; align-items: center; gap: 10px; width: min(560px, 100%); margin-top: 8vh; }
 .audio-box .ficon { font-size: 48px; }
@@ -926,25 +964,3 @@ pre.diff .add { color: var(--ok); background: color-mix(in srgb, var(--ok) 12%,
 .updot { margin-left: 6px; font-size: 11px; font-weight: 700; }
 .updot.behind { color: var(--s2); } .updot.unknown { color: var(--muted); }
 
-/* ---- Virtualization ---- */
-.virt .svc-tools .task { max-height: 45vh; }
-.virt-table { width: 100%; border-collapse: collapse; font-size: 13px; }
-.virt-table th, .virt-table td { text-align: left; padding: 6px 8px; border-bottom: 1px solid var(--border); vertical-align: top; }
-.virt-table th { font-weight: 500; opacity: .7; }
-.virt-table td.num, .virt-table th.num { text-align: right; white-space: nowrap; }
-.virt-pick { max-height: 240px; overflow-y: auto; border: 1px solid var(--border); border-radius: 6px; }
-.virt-pick .svc-row { padding: 6px 10px; }
-.virt-kv { display: grid; grid-template-columns: max-content 1fr; gap: 2px 12px; font-size: 12px; word-break: break-all; }
-.virt-form-row { display: flex; gap: 8px; }
-.virt-form-row > label { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
-.virt-form-row > label > input, .virt-form-row > label > select { width: 100%; box-sizing: border-box; }
-.virt .modal { max-width: 640px; }
-.vga-back { align-items: stretch; padding: 10px; }
-.vga { display: flex; flex-direction: column; gap: 6px; width: 100%; height: 100%; max-width: none; max-height: none; background: var(--bg); border: 1px solid var(--border); border-radius: 8px; padding: 8px; }
-.vga-bar { flex-shrink: 0; }
-.vga-area { flex: 1; min-height: 0; overflow: auto; background: #000; border-radius: 6px; display: flex; align-items: flex-start; justify-content: flex-start; padding: 4px; }
-.vga-area #spice-area { display: inline-block; }
-.vga-area #spice-screen { display: inline-block; line-height: 0; }
-.vga-area canvas { outline: none; }
-.vga-msg { display: none; }
-.vga-hint { flex-shrink: 0; }

web/src/vendor/spice-html5/COPYING

@@ -1,674 +0,0 @@
-                    GNU GENERAL PUBLIC LICENSE
-                       Version 3, 29 June 2007
-
- Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-                            Preamble
-
-  The GNU General Public License is a free, copyleft license for
-software and other kinds of works.
-
-  The licenses for most software and other practical works are designed
-to take away your freedom to share and change the works.  By contrast,
-the GNU General Public License is intended to guarantee your freedom to
-share and change all versions of a program--to make sure it remains free
-software for all its users.  We, the Free Software Foundation, use the
-GNU General Public License for most of our software; it applies also to
-any other work released this way by its authors.  You can apply it to
-your programs, too.
-
-  When we speak of free software, we are referring to freedom, not
-price.  Our General Public Licenses are designed to make sure that you
-have the freedom to distribute copies of free software (and charge for
-them if you wish), that you receive source code or can get it if you
-want it, that you can change the software or use pieces of it in new
-free programs, and that you know you can do these things.
-
-  To protect your rights, we need to prevent others from denying you
-these rights or asking you to surrender the rights.  Therefore, you have
-certain responsibilities if you distribute copies of the software, or if
-you modify it: responsibilities to respect the freedom of others.
-
-  For example, if you distribute copies of such a program, whether
-gratis or for a fee, you must pass on to the recipients the same
-freedoms that you received.  You must make sure that they, too, receive
-or can get the source code.  And you must show them these terms so they
-know their rights.
-
-  Developers that use the GNU GPL protect your rights with two steps:
-(1) assert copyright on the software, and (2) offer you this License
-giving you legal permission to copy, distribute and/or modify it.
-
-  For the developers' and authors' protection, the GPL clearly explains
-that there is no warranty for this free software.  For both users' and
-authors' sake, the GPL requires that modified versions be marked as
-changed, so that their problems will not be attributed erroneously to
-authors of previous versions.
-
-  Some devices are designed to deny users access to install or run
-modified versions of the software inside them, although the manufacturer
-can do so.  This is fundamentally incompatible with the aim of
-protecting users' freedom to change the software.  The systematic
-pattern of such abuse occurs in the area of products for individuals to
-use, which is precisely where it is most unacceptable.  Therefore, we
-have designed this version of the GPL to prohibit the practice for those
-products.  If such problems arise substantially in other domains, we
-stand ready to extend this provision to those domains in future versions
-of the GPL, as needed to protect the freedom of users.
-
-  Finally, every program is threatened constantly by software patents.
-States should not allow patents to restrict development and use of
-software on general-purpose computers, but in those that do, we wish to
-avoid the special danger that patents applied to a free program could
-make it effectively proprietary.  To prevent this, the GPL assures that
-patents cannot be used to render the program non-free.
-
-  The precise terms and conditions for copying, distribution and
-modification follow.
-
-                       TERMS AND CONDITIONS
-
-  0. Definitions.
-
-  "This License" refers to version 3 of the GNU General Public License.
-
-  "Copyright" also means copyright-like laws that apply to other kinds of
-works, such as semiconductor masks.
-
-  "The Program" refers to any copyrightable work licensed under this
-License.  Each licensee is addressed as "you".  "Licensees" and
-"recipients" may be individuals or organizations.
-
-  To "modify" a work means to copy from or adapt all or part of the work
-in a fashion requiring copyright permission, other than the making of an
-exact copy.  The resulting work is called a "modified version" of the
-earlier work or a work "based on" the earlier work.
-
-  A "covered work" means either the unmodified Program or a work based
-on the Program.
-
-  To "propagate" a work means to do anything with it that, without
-permission, would make you directly or secondarily liable for
-infringement under applicable copyright law, except executing it on a
-computer or modifying a private copy.  Propagation includes copying,
-distribution (with or without modification), making available to the
-public, and in some countries other activities as well.
-
-  To "convey" a work means any kind of propagation that enables other
-parties to make or receive copies.  Mere interaction with a user through
-a computer network, with no transfer of a copy, is not conveying.
-
-  An interactive user interface displays "Appropriate Legal Notices"
-to the extent that it includes a convenient and prominently visible
-feature that (1) displays an appropriate copyright notice, and (2)
-tells the user that there is no warranty for the work (except to the
-extent that warranties are provided), that licensees may convey the
-work under this License, and how to view a copy of this License.  If
-the interface presents a list of user commands or options, such as a
-menu, a prominent item in the list meets this criterion.
-
-  1. Source Code.
-
-  The "source code" for a work means the preferred form of the work
-for making modifications to it.  "Object code" means any non-source
-form of a work.
-
-  A "Standard Interface" means an interface that either is an official
-standard defined by a recognized standards body, or, in the case of
-interfaces specified for a particular programming language, one that
-is widely used among developers working in that language.
-
-  The "System Libraries" of an executable work include anything, other
-than the work as a whole, that (a) is included in the normal form of
-packaging a Major Component, but which is not part of that Major
-Component, and (b) serves only to enable use of the work with that
-Major Component, or to implement a Standard Interface for which an
-implementation is available to the public in source code form.  A
-"Major Component", in this context, means a major essential component
-(kernel, window system, and so on) of the specific operating system
-(if any) on which the executable work runs, or a compiler used to
-produce the work, or an object code interpreter used to run it.
-
-  The "Corresponding Source" for a work in object code form means all
-the source code needed to generate, install, and (for an executable
-work) run the object code and to modify the work, including scripts to
-control those activities.  However, it does not include the work's
-System Libraries, or general-purpose tools or generally available free
-programs which are used unmodified in performing those activities but
-which are not part of the work.  For example, Corresponding Source
-includes interface definition files associated with source files for
-the work, and the source code for shared libraries and dynamically
-linked subprograms that the work is specifically designed to require,
-such as by intimate data communication or control flow between those
-subprograms and other parts of the work.
-
-  The Corresponding Source need not include anything that users
-can regenerate automatically from other parts of the Corresponding
-Source.
-
-  The Corresponding Source for a work in source code form is that
-same work.
-
-  2. Basic Permissions.
-
-  All rights granted under this License are granted for the term of
-copyright on the Program, and are irrevocable provided the stated
-conditions are met.  This License explicitly affirms your unlimited
-permission to run the unmodified Program.  The output from running a
-covered work is covered by this License only if the output, given its
-content, constitutes a covered work.  This License acknowledges your
-rights of fair use or other equivalent, as provided by copyright law.
-
-  You may make, run and propagate covered works that you do not
-convey, without conditions so long as your license otherwise remains
-in force.  You may convey covered works to others for the sole purpose
-of having them make modifications exclusively for you, or provide you
-with facilities for running those works, provided that you comply with
-the terms of this License in conveying all material for which you do
-not control copyright.  Those thus making or running the covered works
-for you must do so exclusively on your behalf, under your direction
-and control, on terms that prohibit them from making any copies of
-your copyrighted material outside their relationship with you.
-
-  Conveying under any other circumstances is permitted solely under
-the conditions stated below.  Sublicensing is not allowed; section 10
-makes it unnecessary.
-
-  3. Protecting Users' Legal Rights From Anti-Circumvention Law.
-
-  No covered work shall be deemed part of an effective technological
-measure under any applicable law fulfilling obligations under article
-11 of the WIPO copyright treaty adopted on 20 December 1996, or
-similar laws prohibiting or restricting circumvention of such
-measures.
-
-  When you convey a covered work, you waive any legal power to forbid
-circumvention of technological measures to the extent such circumvention
-is effected by exercising rights under this License with respect to
-the covered work, and you disclaim any intention to limit operation or
-modification of the work as a means of enforcing, against the work's
-users, your or third parties' legal rights to forbid circumvention of
-technological measures.
-
-  4. Conveying Verbatim Copies.
-
-  You may convey verbatim copies of the Program's source code as you
-receive it, in any medium, provided that you conspicuously and
-appropriately publish on each copy an appropriate copyright notice;
-keep intact all notices stating that this License and any
-non-permissive terms added in accord with section 7 apply to the code;
-keep intact all notices of the absence of any warranty; and give all
-recipients a copy of this License along with the Program.
-
-  You may charge any price or no price for each copy that you convey,
-and you may offer support or warranty protection for a fee.
-
-  5. Conveying Modified Source Versions.
-
-  You may convey a work based on the Program, or the modifications to
-produce it from the Program, in the form of source code under the
-terms of section 4, provided that you also meet all of these conditions:
-
-    a) The work must carry prominent notices stating that you modified
-    it, and giving a relevant date.
-
-    b) The work must carry prominent notices stating that it is
-    released under this License and any conditions added under section
-    7.  This requirement modifies the requirement in section 4 to
-    "keep intact all notices".
-
-    c) You must license the entire work, as a whole, under this
-    License to anyone who comes into possession of a copy.  This
-    License will therefore apply, along with any applicable section 7
-    additional terms, to the whole of the work, and all its parts,
-    regardless of how they are packaged.  This License gives no
-    permission to license the work in any other way, but it does not
-    invalidate such permission if you have separately received it.
-
-    d) If the work has interactive user interfaces, each must display
-    Appropriate Legal Notices; however, if the Program has interactive
-    interfaces that do not display Appropriate Legal Notices, your
-    work need not make them do so.
-
-  A compilation of a covered work with other separate and independent
-works, which are not by their nature extensions of the covered work,
-and which are not combined with it such as to form a larger program,
-in or on a volume of a storage or distribution medium, is called an
-"aggregate" if the compilation and its resulting copyright are not
-used to limit the access or legal rights of the compilation's users
-beyond what the individual works permit.  Inclusion of a covered work
-in an aggregate does not cause this License to apply to the other
-parts of the aggregate.
-
-  6. Conveying Non-Source Forms.
-
-  You may convey a covered work in object code form under the terms
-of sections 4 and 5, provided that you also convey the
-machine-readable Corresponding Source under the terms of this License,
-in one of these ways:
-
-    a) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by the
-    Corresponding Source fixed on a durable physical medium
-    customarily used for software interchange.
-
-    b) Convey the object code in, or embodied in, a physical product
-    (including a physical distribution medium), accompanied by a
-    written offer, valid for at least three years and valid for as
-    long as you offer spare parts or customer support for that product
-    model, to give anyone who possesses the object code either (1) a
-    copy of the Corresponding Source for all the software in the
-    product that is covered by this License, on a durable physical
-    medium customarily used for software interchange, for a price no
-    more than your reasonable cost of physically performing this
-    conveying of source, or (2) access to copy the
-    Corresponding Source from a network server at no charge.
-
-    c) Convey individual copies of the object code with a copy of the
-    written offer to provide the Corresponding Source.  This
-    alternative is allowed only occasionally and noncommercially, and
-    only if you received the object code with such an offer, in accord
-    with subsection 6b.
-
-    d) Convey the object code by offering access from a designated
-    place (gratis or for a charge), and offer equivalent access to the
-    Corresponding Source in the same way through the same place at no
-    further charge.  You need not require recipients to copy the
-    Corresponding Source along with the object code.  If the place to
-    copy the object code is a network server, the Corresponding Source
-    may be on a different server (operated by you or a third party)
-    that supports equivalent copying facilities, provided you maintain
-    clear directions next to the object code saying where to find the
-    Corresponding Source.  Regardless of what server hosts the
-    Corresponding Source, you remain obligated to ensure that it is
-    available for as long as needed to satisfy these requirements.
-
-    e) Convey the object code using peer-to-peer transmission, provided
-    you inform other peers where the object code and Corresponding
-    Source of the work are being offered to the general public at no
-    charge under subsection 6d.
-
-  A separable portion of the object code, whose source code is excluded
-from the Corresponding Source as a System Library, need not be
-included in conveying the object code work.
-
-  A "User Product" is either (1) a "consumer product", which means any
-tangible personal property which is normally used for personal, family,
-or household purposes, or (2) anything designed or sold for incorporation
-into a dwelling.  In determining whether a product is a consumer product,
-doubtful cases shall be resolved in favor of coverage.  For a particular
-product received by a particular user, "normally used" refers to a
-typical or common use of that class of product, regardless of the status
-of the particular user or of the way in which the particular user
-actually uses, or expects or is expected to use, the product.  A product
-is a consumer product regardless of whether the product has substantial
-commercial, industrial or non-consumer uses, unless such uses represent
-the only significant mode of use of the product.
-
-  "Installation Information" for a User Product means any methods,
-procedures, authorization keys, or other information required to install
-and execute modified versions of a covered work in that User Product from
-a modified version of its Corresponding Source.  The information must
-suffice to ensure that the continued functioning of the modified object
-code is in no case prevented or interfered with solely because
-modification has been made.
-
-  If you convey an object code work under this section in, or with, or
-specifically for use in, a User Product, and the conveying occurs as
-part of a transaction in which the right of possession and use of the
-User Product is transferred to the recipient in perpetuity or for a
-fixed term (regardless of how the transaction is characterized), the
-Corresponding Source conveyed under this section must be accompanied
-by the Installation Information.  But this requirement does not apply
-if neither you nor any third party retains the ability to install
-modified object code on the User Product (for example, the work has
-been installed in ROM).
-
-  The requirement to provide Installation Information does not include a
-requirement to continue to provide support service, warranty, or updates
-for a work that has been modified or installed by the recipient, or for
-the User Product in which it has been modified or installed.  Access to a
-network may be denied when the modification itself materially and
-adversely affects the operation of the network or violates the rules and
-protocols for communication across the network.
-
-  Corresponding Source conveyed, and Installation Information provided,
-in accord with this section must be in a format that is publicly
-documented (and with an implementation available to the public in
-source code form), and must require no special password or key for
-unpacking, reading or copying.
-
-  7. Additional Terms.
-
-  "Additional permissions" are terms that supplement the terms of this
-License by making exceptions from one or more of its conditions.
-Additional permissions that are applicable to the entire Program shall
-be treated as though they were included in this License, to the extent
-that they are valid under applicable law.  If additional permissions
-apply only to part of the Program, that part may be used separately
-under those permissions, but the entire Program remains governed by
-this License without regard to the additional permissions.
-
-  When you convey a copy of a covered work, you may at your option
-remove any additional permissions from that copy, or from any part of
-it.  (Additional permissions may be written to require their own
-removal in certain cases when you modify the work.)  You may place
-additional permissions on material, added by you to a covered work,
-for which you have or can give appropriate copyright permission.
-
-  Notwithstanding any other provision of this License, for material you
-add to a covered work, you may (if authorized by the copyright holders of
-that material) supplement the terms of this License with terms:
-
-    a) Disclaiming warranty or limiting liability differently from the
-    terms of sections 15 and 16 of this License; or
-
-    b) Requiring preservation of specified reasonable legal notices or
-    author attributions in that material or in the Appropriate Legal
-    Notices displayed by works containing it; or
-
-    c) Prohibiting misrepresentation of the origin of that material, or
-    requiring that modified versions of such material be marked in
-    reasonable ways as different from the original version; or
-
-    d) Limiting the use for publicity purposes of names of licensors or
-    authors of the material; or
-
-    e) Declining to grant rights under trademark law for use of some
-    trade names, trademarks, or service marks; or
-
-    f) Requiring indemnification of licensors and authors of that
-    material by anyone who conveys the material (or modified versions of
-    it) with contractual assumptions of liability to the recipient, for
-    any liability that these contractual assumptions directly impose on
-    those licensors and authors.
-
-  All other non-permissive additional terms are considered "further
-restrictions" within the meaning of section 10.  If the Program as you
-received it, or any part of it, contains a notice stating that it is
-governed by this License along with a term that is a further
-restriction, you may remove that term.  If a license document contains
-a further restriction but permits relicensing or conveying under this
-License, you may add to a covered work material governed by the terms
-of that license document, provided that the further restriction does
-not survive such relicensing or conveying.
-
-  If you add terms to a covered work in accord with this section, you
-must place, in the relevant source files, a statement of the
-additional terms that apply to those files, or a notice indicating
-where to find the applicable terms.
-
-  Additional terms, permissive or non-permissive, may be stated in the
-form of a separately written license, or stated as exceptions;
-the above requirements apply either way.
-
-  8. Termination.
-
-  You may not propagate or modify a covered work except as expressly
-provided under this License.  Any attempt otherwise to propagate or
-modify it is void, and will automatically terminate your rights under
-this License (including any patent licenses granted under the third
-paragraph of section 11).
-
-  However, if you cease all violation of this License, then your
-license from a particular copyright holder is reinstated (a)
-provisionally, unless and until the copyright holder explicitly and
-finally terminates your license, and (b) permanently, if the copyright
-holder fails to notify you of the violation by some reasonable means
-prior to 60 days after the cessation.
-
-  Moreover, your license from a particular copyright holder is
-reinstated permanently if the copyright holder notifies you of the
-violation by some reasonable means, this is the first time you have
-received notice of violation of this License (for any work) from that
-copyright holder, and you cure the violation prior to 30 days after
-your receipt of the notice.
-
-  Termination of your rights under this section does not terminate the
-licenses of parties who have received copies or rights from you under
-this License.  If your rights have been terminated and not permanently
-reinstated, you do not qualify to receive new licenses for the same
-material under section 10.
-
-  9. Acceptance Not Required for Having Copies.
-
-  You are not required to accept this License in order to receive or
-run a copy of the Program.  Ancillary propagation of a covered work
-occurring solely as a consequence of using peer-to-peer transmission
-to receive a copy likewise does not require acceptance.  However,
-nothing other than this License grants you permission to propagate or
-modify any covered work.  These actions infringe copyright if you do
-not accept this License.  Therefore, by modifying or propagating a
-covered work, you indicate your acceptance of this License to do so.
-
-  10. Automatic Licensing of Downstream Recipients.
-
-  Each time you convey a covered work, the recipient automatically
-receives a license from the original licensors, to run, modify and
-propagate that work, subject to this License.  You are not responsible
-for enforcing compliance by third parties with this License.
-
-  An "entity transaction" is a transaction transferring control of an
-organization, or substantially all assets of one, or subdividing an
-organization, or merging organizations.  If propagation of a covered
-work results from an entity transaction, each party to that
-transaction who receives a copy of the work also receives whatever
-licenses to the work the party's predecessor in interest had or could
-give under the previous paragraph, plus a right to possession of the
-Corresponding Source of the work from the predecessor in interest, if
-the predecessor has it or can get it with reasonable efforts.
-
-  You may not impose any further restrictions on the exercise of the
-rights granted or affirmed under this License.  For example, you may
-not impose a license fee, royalty, or other charge for exercise of
-rights granted under this License, and you may not initiate litigation
-(including a cross-claim or counterclaim in a lawsuit) alleging that
-any patent claim is infringed by making, using, selling, offering for
-sale, or importing the Program or any portion of it.
-
-  11. Patents.
-
-  A "contributor" is a copyright holder who authorizes use under this
-License of the Program or a work on which the Program is based.  The
-work thus licensed is called the contributor's "contributor version".
-
-  A contributor's "essential patent claims" are all patent claims
-owned or controlled by the contributor, whether already acquired or
-hereafter acquired, that would be infringed by some manner, permitted
-by this License, of making, using, or selling its contributor version,
-but do not include claims that would be infringed only as a
-consequence of further modification of the contributor version.  For
-purposes of this definition, "control" includes the right to grant
-patent sublicenses in a manner consistent with the requirements of
-this License.
-
-  Each contributor grants you a non-exclusive, worldwide, royalty-free
-patent license under the contributor's essential patent claims, to
-make, use, sell, offer for sale, import and otherwise run, modify and
-propagate the contents of its contributor version.
-
-  In the following three paragraphs, a "patent license" is any express
-agreement or commitment, however denominated, not to enforce a patent
-(such as an express permission to practice a patent or covenant not to
-sue for patent infringement).  To "grant" such a patent license to a
-party means to make such an agreement or commitment not to enforce a
-patent against the party.
-
-  If you convey a covered work, knowingly relying on a patent license,
-and the Corresponding Source of the work is not available for anyone
-to copy, free of charge and under the terms of this License, through a
-publicly available network server or other readily accessible means,
-then you must either (1) cause the Corresponding Source to be so
-available, or (2) arrange to deprive yourself of the benefit of the
-patent license for this particular work, or (3) arrange, in a manner
-consistent with the requirements of this License, to extend the patent
-license to downstream recipients.  "Knowingly relying" means you have
-actual knowledge that, but for the patent license, your conveying the
-covered work in a country, or your recipient's use of the covered work
-in a country, would infringe one or more identifiable patents in that
-country that you have reason to believe are valid.
-
-  If, pursuant to or in connection with a single transaction or
-arrangement, you convey, or propagate by procuring conveyance of, a
-covered work, and grant a patent license to some of the parties
-receiving the covered work authorizing them to use, propagate, modify
-or convey a specific copy of the covered work, then the patent license
-you grant is automatically extended to all recipients of the covered
-work and works based on it.
-
-  A patent license is "discriminatory" if it does not include within
-the scope of its coverage, prohibits the exercise of, or is
-conditioned on the non-exercise of one or more of the rights that are
-specifically granted under this License.  You may not convey a covered
-work if you are a party to an arrangement with a third party that is
-in the business of distributing software, under which you make payment
-to the third party based on the extent of your activity of conveying
-the work, and under which the third party grants, to any of the
-parties who would receive the covered work from you, a discriminatory
-patent license (a) in connection with copies of the covered work
-conveyed by you (or copies made from those copies), or (b) primarily
-for and in connection with specific products or compilations that
-contain the covered work, unless you entered into that arrangement,
-or that patent license was granted, prior to 28 March 2007.
-
-  Nothing in this License shall be construed as excluding or limiting
-any implied license or other defenses to infringement that may
-otherwise be available to you under applicable patent law.
-
-  12. No Surrender of Others' Freedom.
-
-  If conditions are imposed on you (whether by court order, agreement or
-otherwise) that contradict the conditions of this License, they do not
-excuse you from the conditions of this License.  If you cannot convey a
-covered work so as to satisfy simultaneously your obligations under this
-License and any other pertinent obligations, then as a consequence you may
-not convey it at all.  For example, if you agree to terms that obligate you
-to collect a royalty for further conveying from those to whom you convey
-the Program, the only way you could satisfy both those terms and this
-License would be to refrain entirely from conveying the Program.
-
-  13. Use with the GNU Affero General Public License.
-
-  Notwithstanding any other provision of this License, you have
-permission to link or combine any covered work with a work licensed
-under version 3 of the GNU Affero General Public License into a single
-combined work, and to convey the resulting work.  The terms of this
-License will continue to apply to the part which is the covered work,
-but the special requirements of the GNU Affero General Public License,
-section 13, concerning interaction through a network will apply to the
-combination as such.
-
-  14. Revised Versions of this License.
-
-  The Free Software Foundation may publish revised and/or new versions of
-the GNU General Public License from time to time.  Such new versions will
-be similar in spirit to the present version, but may differ in detail to
-address new problems or concerns.
-
-  Each version is given a distinguishing version number.  If the
-Program specifies that a certain numbered version of the GNU General
-Public License "or any later version" applies to it, you have the
-option of following the terms and conditions either of that numbered
-version or of any later version published by the Free Software
-Foundation.  If the Program does not specify a version number of the
-GNU General Public License, you may choose any version ever published
-by the Free Software Foundation.
-
-  If the Program specifies that a proxy can decide which future
-versions of the GNU General Public License can be used, that proxy's
-public statement of acceptance of a version permanently authorizes you
-to choose that version for the Program.
-
-  Later license versions may give you additional or different
-permissions.  However, no additional obligations are imposed on any
-author or copyright holder as a result of your choosing to follow a
-later version.
-
-  15. Disclaimer of Warranty.
-
-  THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY
-APPLICABLE LAW.  EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT
-HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY
-OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO,
-THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
-PURPOSE.  THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM
-IS WITH YOU.  SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF
-ALL NECESSARY SERVICING, REPAIR OR CORRECTION.
-
-  16. Limitation of Liability.
-
-  IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING
-WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MODIFIES AND/OR CONVEYS
-THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY
-GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE
-USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF
-DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD
-PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS),
-EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF
-SUCH DAMAGES.
-
-  17. Interpretation of Sections 15 and 16.
-
-  If the disclaimer of warranty and limitation of liability provided
-above cannot be given local legal effect according to their terms,
-reviewing courts shall apply local law that most closely approximates
-an absolute waiver of all civil liability in connection with the
-Program, unless a warranty or assumption of liability accompanies a
-copy of the Program in return for a fee.
-
-                     END OF TERMS AND CONDITIONS
-
-            How to Apply These Terms to Your New Programs
-
-  If you develop a new program, and you want it to be of the greatest
-possible use to the public, the best way to achieve this is to make it
-free software which everyone can redistribute and change under these terms.
-
-  To do so, attach the following notices to the program.  It is safest
-to attach them to the start of each source file to most effectively
-state the exclusion of warranty; and each file should have at least
-the "copyright" line and a pointer to where the full notice is found.
-
-    <one line to give the program's name and a brief idea of what it does.>
-    Copyright (C) <year>  <name of author>
-
-    This program is free software: you can redistribute it and/or modify
-    it under the terms of the GNU General Public License as published by
-    the Free Software Foundation, either version 3 of the License, or
-    (at your option) any later version.
-
-    This program is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU General Public License for more details.
-
-    You should have received a copy of the GNU General Public License
-    along with this program.  If not, see <http://www.gnu.org/licenses/>.
-
-Also add information on how to contact you by electronic and paper mail.
-
-  If the program does terminal interaction, make it output a short
-notice like this when it starts in an interactive mode:
-
-    <program>  Copyright (C) <year>  <name of author>
-    This program comes with ABSOLUTELY NO WARRANTY; for details type `show w'.
-    This is free software, and you are welcome to redistribute it
-    under certain conditions; type `show c' for details.
-
-The hypothetical commands `show w' and `show c' should show the appropriate
-parts of the General Public License.  Of course, your program's commands
-might be different; for a GUI interface, you would use an "about box".
-
-  You should also get your employer (if you work as a programmer) or school,
-if any, to sign a "copyright disclaimer" for the program, if necessary.
-For more information on this, and how to apply and follow the GNU GPL, see
-<http://www.gnu.org/licenses/>.
-
-  The GNU General Public License does not permit incorporating your program
-into proprietary programs.  If your program is a subroutine library, you
-may consider it more useful to permit linking proprietary applications with
-the library.  If this is what you want to do, use the GNU Lesser General
-Public License instead of this License.  But first, please read
-<http://www.gnu.org/philosophy/why-not-lgpl.html>.

web/src/vendor/spice-html5/COPYING.LESSER

@@ -1,165 +0,0 @@
-                   GNU LESSER GENERAL PUBLIC LICENSE
-                       Version 3, 29 June 2007
-
- Copyright (C) 2007 Free Software Foundation, Inc. <http://fsf.org/>
- Everyone is permitted to copy and distribute verbatim copies
- of this license document, but changing it is not allowed.
-
-
-  This version of the GNU Lesser General Public License incorporates
-the terms and conditions of version 3 of the GNU General Public
-License, supplemented by the additional permissions listed below.
-
-  0. Additional Definitions.
-
-  As used herein, "this License" refers to version 3 of the GNU Lesser
-General Public License, and the "GNU GPL" refers to version 3 of the GNU
-General Public License.
-
-  "The Library" refers to a covered work governed by this License,
-other than an Application or a Combined Work as defined below.
-
-  An "Application" is any work that makes use of an interface provided
-by the Library, but which is not otherwise based on the Library.
-Defining a subclass of a class defined by the Library is deemed a mode
-of using an interface provided by the Library.
-
-  A "Combined Work" is a work produced by combining or linking an
-Application with the Library.  The particular version of the Library
-with which the Combined Work was made is also called the "Linked
-Version".
-
-  The "Minimal Corresponding Source" for a Combined Work means the
-Corresponding Source for the Combined Work, excluding any source code
-for portions of the Combined Work that, considered in isolation, are
-based on the Application, and not on the Linked Version.
-
-  The "Corresponding Application Code" for a Combined Work means the
-object code and/or source code for the Application, including any data
-and utility programs needed for reproducing the Combined Work from the
-Application, but excluding the System Libraries of the Combined Work.
-
-  1. Exception to Section 3 of the GNU GPL.
-
-  You may convey a covered work under sections 3 and 4 of this License
-without being bound by section 3 of the GNU GPL.
-
-  2. Conveying Modified Versions.
-
-  If you modify a copy of the Library, and, in your modifications, a
-facility refers to a function or data to be supplied by an Application
-that uses the facility (other than as an argument passed when the
-facility is invoked), then you may convey a copy of the modified
-version:
-
-   a) under this License, provided that you make a good faith effort to
-   ensure that, in the event an Application does not supply the
-   function or data, the facility still operates, and performs
-   whatever part of its purpose remains meaningful, or
-
-   b) under the GNU GPL, with none of the additional permissions of
-   this License applicable to that copy.
-
-  3. Object Code Incorporating Material from Library Header Files.
-
-  The object code form of an Application may incorporate material from
-a header file that is part of the Library.  You may convey such object
-code under terms of your choice, provided that, if the incorporated
-material is not limited to numerical parameters, data structure
-layouts and accessors, or small macros, inline functions and templates
-(ten or fewer lines in length), you do both of the following:
-
-   a) Give prominent notice with each copy of the object code that the
-   Library is used in it and that the Library and its use are
-   covered by this License.
-
-   b) Accompany the object code with a copy of the GNU GPL and this license
-   document.
-
-  4. Combined Works.
-
-  You may convey a Combined Work under terms of your choice that,
-taken together, effectively do not restrict modification of the
-portions of the Library contained in the Combined Work and reverse
-engineering for debugging such modifications, if you also do each of
-the following:
-
-   a) Give prominent notice with each copy of the Combined Work that
-   the Library is used in it and that the Library and its use are
-   covered by this License.
-
-   b) Accompany the Combined Work with a copy of the GNU GPL and this license
-   document.
-
-   c) For a Combined Work that displays copyright notices during
-   execution, include the copyright notice for the Library among
-   these notices, as well as a reference directing the user to the
-   copies of the GNU GPL and this license document.
-
-   d) Do one of the following:
-
-       0) Convey the Minimal Corresponding Source under the terms of this
-       License, and the Corresponding Application Code in a form
-       suitable for, and under terms that permit, the user to
-       recombine or relink the Application with a modified version of
-       the Linked Version to produce a modified Combined Work, in the
-       manner specified by section 6 of the GNU GPL for conveying
-       Corresponding Source.
-
-       1) Use a suitable shared library mechanism for linking with the
-       Library.  A suitable mechanism is one that (a) uses at run time
-       a copy of the Library already present on the user's computer
-       system, and (b) will operate properly with a modified version
-       of the Library that is interface-compatible with the Linked
-       Version.
-
-   e) Provide Installation Information, but only if you would otherwise
-   be required to provide such information under section 6 of the
-   GNU GPL, and only to the extent that such information is
-   necessary to install and execute a modified version of the
-   Combined Work produced by recombining or relinking the
-   Application with a modified version of the Linked Version. (If
-   you use option 4d0, the Installation Information must accompany
-   the Minimal Corresponding Source and Corresponding Application
-   Code. If you use option 4d1, you must provide the Installation
-   Information in the manner specified by section 6 of the GNU GPL
-   for conveying Corresponding Source.)
-
-  5. Combined Libraries.
-
-  You may place library facilities that are a work based on the
-Library side by side in a single library together with other library
-facilities that are not Applications and are not covered by this
-License, and convey such a combined library under terms of your
-choice, if you do both of the following:
-
-   a) Accompany the combined library with a copy of the same work based
-   on the Library, uncombined with any other library facilities,
-   conveyed under the terms of this License.
-
-   b) Give prominent notice with the combined library that part of it
-   is a work based on the Library, and explaining where to find the
-   accompanying uncombined form of the same work.
-
-  6. Revised Versions of the GNU Lesser General Public License.
-
-  The Free Software Foundation may publish revised and/or new versions
-of the GNU Lesser General Public License from time to time. Such new
-versions will be similar in spirit to the present version, but may
-differ in detail to address new problems or concerns.
-
-  Each version is given a distinguishing version number. If the
-Library as you received it specifies that a certain numbered version
-of the GNU Lesser General Public License "or any later version"
-applies to it, you have the option of following the terms and
-conditions either of that published version or of any later version
-published by the Free Software Foundation. If the Library as you
-received it does not specify a version number of the GNU Lesser
-General Public License, you may choose any version of the GNU Lesser
-General Public License ever published by the Free Software Foundation.
-
-  If the Library as you received it specifies that a proxy can decide
-whether future versions of the GNU Lesser General Public License shall
-apply, that proxy's public statement of acceptance of any version is
-permanent authorization for you to choose that version for the
-Library.

web/src/vendor/spice-html5/README-hamlab.md

@@ -1,16 +0,0 @@
-# spice-html5, vendored
-
-Upstream: https://gitlab.freedesktop.org/spice/spice-html5 — commit b372aab (2026-09-21),
-copied unchanged on 2026-10-09 (`src/`, `thirdparty/`). LGPL-3.0-or-later; the
-licence text is beside this file. It draws a VM's SPICE display into a canvas from a websocket
-carrying the raw SPICE stream — which is what Incus's VGA console websocket is — so Ham Lab's
-daemon bridges the two and this does the rest. Loaded lazily by `VgaConsole.tsx`, so the main
-bundle does not carry it. Not on npm in a current form (the `@spice-project/spice-html5`
-package stopped at 0.2.1 in 2019), hence the copy.
-
-Upstream's `spice.css` is deliberately **not** here. It is the stylesheet of spice-html5's
-demo page, with rules for `body`, `*`, `button` and `canvas` that apply to the whole
-document. It was copied and imported on 2026-10-09 and turned every button in Ham Lab into
-a gradient pill shifted off its place (v0.1.0-188 to -191). The console is styled by the
-`.vga` rules in `src/styles.css`; `scripts/test-css-imports.mjs` fails on any new
-stylesheet import that has not been looked at.

web/src/vendor/spice-html5/src/atKeynames.js

@@ -1,189 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Aric Stewart <aric@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-/*
- * Copyright 1990,91 by Thomas Roell, Dinkelscherben, Germany.
- *
- * Permission to use, copy, modify, distribute, and sell this software and its
- * documentation for any purpose is hereby granted without fee, provided that
- * the above copyright notice appear in all copies and that both that
- * copyright notice and this permission notice appear in supporting
- * documentation, and that the name of Thomas Roell not be used in
- * advertising or publicity pertaining to distribution of the software without
- * specific, written prior permission.  Thomas Roell makes no representations
- * about the suitability of this software for any purpose.  It is provided
- * "as is" without express or implied warranty.
- *
- * THOMAS ROELL DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE,
- * INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS, IN NO
- * EVENT SHALL THOMAS ROELL BE LIABLE FOR ANY SPECIAL, INDIRECT OR
- * CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE,
- * DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER
- * TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
- * PERFORMANCE OF THIS SOFTWARE.
- *
- */
-/*
- * Copyright (c) 1994-2003 by The XFree86 Project, Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a
- * copy of this software and associated documentation files (the "Software"),
- * to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the
- * Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT.  IN NO EVENT SHALL
- * THE COPYRIGHT HOLDER(S) OR AUTHOR(S) BE LIABLE FOR ANY CLAIM, DAMAGES OR
- * OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE,
- * ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
- * OTHER DEALINGS IN THE SOFTWARE.
- *
- * Except as contained in this notice, the name of the copyright holder(s)
- * and author(s) shall not be used in advertising or otherwise to promote
- * the sale, use or other dealings in this Software without prior written
- * authorization from the copyright holder(s) and author(s).
- */
-
-/*
- * NOTE: The AT/MF keyboards can generate (via the 8042) two (MF: three)
- *       sets of scancodes. Set3 can only be generated by a MF keyboard.
- *       Set2 sends a makecode for keypress, and the same code prefixed by a
- *       F0 for keyrelease. This is a little bit ugly to handle. Thus we use
- *       here for X386 the PC/XT compatible Set1. This set uses 8bit scancodes.
- *       Bit 7 ist set if the key is released. The code E0 switches to a
- *       different meaning to add the new MF cursorkeys, while not breaking old
- *       applications. E1 is another special prefix. Since I assume that there
- *       will be further versions of PC/XT scancode compatible keyboards, we
- *       may be in trouble one day.
- *
- * IDEA: 1) Use Set2 on AT84 keyboards and translate it to MF Set3.
- *       2) Use the keyboards native set and translate it to common keysyms.
- */
-
-
-var KeyNames = {
-/*
- * definition of the AT84/MF101/MF102 Keyboard:
- * ============================================================
- *       Defined             Key Cap Glyphs       Pressed value
- *      Key Name            Main       Also       (hex)    (dec)
- *      ----------------   ---------- -------    ------    ------
- */
-  KEY_Escape      :/* Escape                0x01  */    1,
-  KEY_1           :/* 1           !         0x02  */    2,
-  KEY_2           :/* 2           @         0x03  */    3,
-  KEY_3           :/* 3           #         0x04  */    4,
-  KEY_4           :/* 4           $         0x05  */    5,
-  KEY_5           :/* 5           %         0x06  */    6,
-  KEY_6           :/* 6           ^         0x07  */    7,
-  KEY_7           :/* 7           &         0x08  */    8,
-  KEY_8           :/* 8           *         0x09  */    9,
-  KEY_9           :/* 9           (         0x0a  */   10,
-  KEY_0           :/* 0           )         0x0b  */   11,
-  KEY_Minus       :/* - (Minus)   _ (Under) 0x0c  */   12,
-  KEY_Equal       :/* = (Equal)   +         0x0d  */   13,
-  KEY_BackSpace   :/* Back Space            0x0e  */   14,
-  KEY_Tab         :/* Tab                   0x0f  */   15,
-  KEY_Q           :/* Q                     0x10  */   16,
-  KEY_W           :/* W                     0x11  */   17,
-  KEY_E           :/* E                     0x12  */   18,
-  KEY_R           :/* R                     0x13  */   19,
-  KEY_T           :/* T                     0x14  */   20,
-  KEY_Y           :/* Y                     0x15  */   21,
-  KEY_U           :/* U                     0x16  */   22,
-  KEY_I           :/* I                     0x17  */   23,
-  KEY_O           :/* O                     0x18  */   24,
-  KEY_P           :/* P                     0x19  */   25,
-  KEY_LBrace      :/* [           {         0x1a  */   26,
-  KEY_RBrace      :/* ]           }         0x1b  */   27,
-  KEY_Enter       :/* Enter                 0x1c  */   28,
-  KEY_LCtrl       :/* Ctrl(left)            0x1d  */   29,
-  KEY_A           :/* A                     0x1e  */   30,
-  KEY_S           :/* S                     0x1f  */   31,
-  KEY_D           :/* D                     0x20  */   32,
-  KEY_F           :/* F                     0x21  */   33,
-  KEY_G           :/* G                     0x22  */   34,
-  KEY_H           :/* H                     0x23  */   35,
-  KEY_J           :/* J                     0x24  */   36,
-  KEY_K           :/* K                     0x25  */   37,
-  KEY_L           :/* L                     0x26  */   38,
-  KEY_SemiColon   :/* ;(SemiColon) :(Colon) 0x27  */   39,
-  KEY_Quote       :/* ' (Apostr)  " (Quote) 0x28  */   40,
-  KEY_Tilde       :/* ` (Accent)  ~ (Tilde) 0x29  */   41,
-  KEY_ShiftL      :/* Shift(left)           0x2a  */   42,
-  KEY_BSlash      :/* \(BckSlash) |(VertBar)0x2b  */   43,
-  KEY_Z           :/* Z                     0x2c  */   44,
-  KEY_X           :/* X                     0x2d  */   45,
-  KEY_C           :/* C                     0x2e  */   46,
-  KEY_V           :/* V                     0x2f  */   47,
-  KEY_B           :/* B                     0x30  */   48,
-  KEY_N           :/* N                     0x31  */   49,
-  KEY_M           :/* M                     0x32  */   50,
-  KEY_Comma       :/* , (Comma)   < (Less)  0x33  */   51,
-  KEY_Period      :/* . (Period)  >(Greater)0x34  */   52,
-  KEY_Slash       :/* / (Slash)   ?         0x35  */   53,
-  KEY_ShiftR      :/* Shift(right)          0x36  */   54,
-  KEY_KP_Multiply :/* *                     0x37  */   55,
-  KEY_Alt         :/* Alt(left)             0x38  */   56,
-  KEY_Space       :/*   (SpaceBar)          0x39  */   57,
-  KEY_CapsLock    :/* CapsLock              0x3a  */   58,
-  KEY_F1          :/* F1                    0x3b  */   59,
-  KEY_F2          :/* F2                    0x3c  */   60,
-  KEY_F3          :/* F3                    0x3d  */   61,
-  KEY_F4          :/* F4                    0x3e  */   62,
-  KEY_F5          :/* F5                    0x3f  */   63,
-  KEY_F6          :/* F6                    0x40  */   64,
-  KEY_F7          :/* F7                    0x41  */   65,
-  KEY_F8          :/* F8                    0x42  */   66,
-  KEY_F9          :/* F9                    0x43  */   67,
-  KEY_F10         :/* F10                   0x44  */   68,
-  KEY_NumLock     :/* NumLock               0x45  */   69,
-  KEY_ScrollLock  :/* ScrollLock            0x46  */   70,
-  KEY_KP_7        :/* 7           Home      0x47  */   71,
-  KEY_KP_8        :/* 8           Up        0x48  */   72,
-  KEY_KP_9        :/* 9           PgUp      0x49  */   73,
-  KEY_KP_Minus    :/* - (Minus)             0x4a  */   74,
-  KEY_KP_4        :/* 4           Left      0x4b  */   75,
-  KEY_KP_5        :/* 5                     0x4c  */   76,
-  KEY_KP_6        :/* 6           Right     0x4d  */   77,
-  KEY_KP_Plus     :/* + (Plus)              0x4e  */   78,
-  KEY_KP_1        :/* 1           End       0x4f  */   79,
-  KEY_KP_2        :/* 2           Down      0x50  */   80,
-  KEY_KP_3        :/* 3           PgDown    0x51  */   81,
-  KEY_KP_0        :/* 0           Insert    0x52  */   82,
-  KEY_KP_Decimal  :/* . (Decimal) Delete    0x53  */   83,
-  KEY_SysRequest  :/* SysRequest            0x54  */   84,
-                   /* NOTUSED               0x55  */
-  KEY_Less        :/* < (Less)   >(Greater) 0x56  */   86,
-  KEY_F11         :/* F11                   0x57  */   87,
-  KEY_F12         :/* F12                   0x58  */   88,
-
-  KEY_Prefix0     :/* special               0x60  */   96,
-  KEY_Prefix1     :/* specail               0x61  */   97,
-};
-
-export {
-  KeyNames,
-};

web/src/vendor/spice-html5/src/bitmap.js

@@ -1,64 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-
-/*----------------------------------------------------------------------------
-**  bitmap.js
-**      Handle SPICE_IMAGE_TYPE_BITMAP
-**--------------------------------------------------------------------------*/
-
-import { Constants } from './enums.js';
-
-/* A 32-bit source pixel is B, G, R, A in memory. Read it as a little-endian
-   word, A R G B, rotate it left by eight to R G B A and store that word
-   big-endian, so the bytes land in the R, G, B, A order ImageData wants: one
-   load, one store and two shifts per pixel. A DataView takes either host
-   byte order and any alignment. Only 32BIT and RGBA are handled; 32BIT
-   ignores the source's high byte and is fully opaque. */
-function convert_spice_bitmap_to_web(context, spice_bitmap)
-{
-    if (spice_bitmap.format != Constants.SPICE_BITMAP_FMT_32BIT &&
-        spice_bitmap.format != Constants.SPICE_BITMAP_FMT_RGBA)
-        return undefined;
-
-    const w = spice_bitmap.x;
-    const h = spice_bitmap.y;
-    const stride = spice_bitmap.stride;
-    const ret = context.createImageData(w, h);
-    const opaque = spice_bitmap.format == Constants.SPICE_BITMAP_FMT_32BIT;
-    const top_down = spice_bitmap.flags & Constants.SPICE_BITMAP_FLAGS_TOP_DOWN;
-    const src = new DataView(spice_bitmap.data);
-    const dest = new DataView(ret.data.buffer);
-    let d = 0;
-    for (let y = 0; y < h; y++)
-    {
-        let s = (top_down ? y : h - 1 - y) * stride;
-        for (let x = 0; x < w; x++, d += 4, s += 4)
-        {
-            const v = src.getUint32(s, true);
-            dest.setUint32(d, (v << 8) | (opaque ? 0xff : v >>> 24), false);
-        }
-    }
-    return ret;
-}
-
-export {
-  convert_spice_bitmap_to_web,
-};

web/src/vendor/spice-html5/src/code_to_scancode.js

@@ -1,149 +0,0 @@
-/*
- * @see https://developer.mozilla.org/en-US/docs/Web/API/UI_Events/Keyboard_event_code_values
- */
-export const code_to_scancode = [];
-code_to_scancode["Escape"]                    = 0x01;
-code_to_scancode["Digit1"]                    = 0x02;
-code_to_scancode["Digit2"]                    = 0x03;
-code_to_scancode["Digit3"]                    = 0x04;
-code_to_scancode["Digit4"]                    = 0x05;
-code_to_scancode["Digit5"]                    = 0x06;
-code_to_scancode["Digit6"]                    = 0x07;
-code_to_scancode["Digit7"]                    = 0x08;
-code_to_scancode["Digit8"]                    = 0x09;
-code_to_scancode["Digit9"]                    = 0x0A;
-code_to_scancode["Digit0"]                    = 0x0B;
-code_to_scancode["Minus"]                     = 0x0C;
-code_to_scancode["Equal"]                     = 0x0D;
-code_to_scancode["Backspace"]                 = 0x0E;
-code_to_scancode["Tab"]                       = 0x0F;
-code_to_scancode["KeyQ"]                      = 0x10;
-code_to_scancode["KeyW"]                      = 0x11;
-code_to_scancode["KeyE"]                      = 0x12;
-code_to_scancode["KeyR"]                      = 0x13;
-code_to_scancode["KeyT"]                      = 0x14;
-code_to_scancode["KeyY"]                      = 0x15;
-code_to_scancode["KeyU"]                      = 0x16;
-code_to_scancode["KeyI"]                      = 0x17;
-code_to_scancode["KeyO"]                      = 0x18;
-code_to_scancode["KeyP"]                      = 0x19;
-code_to_scancode["BracketLeft"]               = 0x1A;
-code_to_scancode["BracketRight"]              = 0x1B;
-code_to_scancode["Enter"]                     = 0x1C;
-code_to_scancode["ControlLeft"]               = 0x1D;
-code_to_scancode["KeyA"]                      = 0x1E;
-code_to_scancode["KeyS"]                      = 0x1F;
-code_to_scancode["KeyD"]                      = 0x20;
-code_to_scancode["KeyF"]                      = 0x21;
-code_to_scancode["KeyG"]                      = 0x22;
-code_to_scancode["KeyH"]                      = 0x23;
-code_to_scancode["KeyJ"]                      = 0x24;
-code_to_scancode["KeyK"]                      = 0x25;
-code_to_scancode["KeyL"]                      = 0x26;
-code_to_scancode["Semicolon"]                 = 0x27;
-code_to_scancode["Quote"]                     = 0x28;
-code_to_scancode["Backquote"]                 = 0x29;
-code_to_scancode["ShiftLeft"]                 = 0x2A;
-code_to_scancode["Backslash"]                 = 0x2B;
-code_to_scancode["KeyZ"]                      = 0x2C;
-code_to_scancode["KeyX"]                      = 0x2D;
-code_to_scancode["KeyC"]                      = 0x2E;
-code_to_scancode["KeyV"]                      = 0x2F;
-code_to_scancode["KeyB"]                      = 0x30;
-code_to_scancode["KeyN"]                      = 0x31;
-code_to_scancode["KeyM"]                      = 0x32;
-code_to_scancode["Comma"]                     = 0x33;
-code_to_scancode["Period"]                    = 0x34;
-code_to_scancode["Slash"]                     = 0x35;
-code_to_scancode["ShiftRight"]                = 0x36;
-code_to_scancode["NumpadMultiply"]            = 0x37;
-code_to_scancode["AltLeft"]                   = 0x38;
-code_to_scancode["Space"]                     = 0x39;
-code_to_scancode["CapsLock"]                  = 0x3A;
-code_to_scancode["F1"]                        = 0x3B;
-code_to_scancode["F2"]                        = 0x3C;
-code_to_scancode["F3"]                        = 0x3D;
-code_to_scancode["F4"]                        = 0x3E;
-code_to_scancode["F5"]                        = 0x3F;
-code_to_scancode["F6"]                        = 0x40;
-code_to_scancode["F7"]                        = 0x41;
-code_to_scancode["F8"]                        = 0x42;
-code_to_scancode["F9"]                        = 0x43;
-code_to_scancode["F10"]                       = 0x44;
-code_to_scancode["Pause"]                     = 0x45;
-code_to_scancode["ScrollLock"]                = 0x46;
-code_to_scancode["Numpad7"]                   = 0x47;
-code_to_scancode["Numpad8"]                   = 0x48;
-code_to_scancode["Numpad9"]                   = 0x49;
-code_to_scancode["NumpadSubtract"]            = 0x4A;
-code_to_scancode["Numpad4"]                   = 0x4B;
-code_to_scancode["Numpad5"]                   = 0x4C;
-code_to_scancode["Numpad6"]                   = 0x4D;
-code_to_scancode["NumpadAdd"]                 = 0x4E;
-code_to_scancode["Numpad1"]                   = 0x4F;
-code_to_scancode["Numpad2"]                   = 0x50;
-code_to_scancode["Numpad3"]                   = 0x51;
-code_to_scancode["Numpad0"]                   = 0x52;
-code_to_scancode["NumpadDecimal"]             = 0x53;
-code_to_scancode["PrintScreen"]               = 0x54;
-code_to_scancode["IntlBackslash"]             = 0x56;
-code_to_scancode["F11"]                       = 0x57;
-code_to_scancode["F12"]                       = 0x58;
-code_to_scancode["NumpadEqual"]               = 0x59;
-code_to_scancode["F13"]                       = 0x64;
-code_to_scancode["F14"]                       = 0x65;
-code_to_scancode["F15"]                       = 0x66;
-code_to_scancode["F16"]                       = 0x67;
-code_to_scancode["F17"]                       = 0x68;
-code_to_scancode["F18"]                       = 0x69;
-code_to_scancode["F19"]                       = 0x6A;
-code_to_scancode["F20"]                       = 0x6B;
-code_to_scancode["F21"]                       = 0x6C;
-code_to_scancode["F22"]                       = 0x6D;
-code_to_scancode["F23"]                       = 0x6E;
-code_to_scancode["KanaMode"]                  = 0x70;
-code_to_scancode["IntlRo"]                    = 0x73;
-code_to_scancode["F24"]                       = 0x76;
-code_to_scancode["Convert"]                   = 0x79;
-code_to_scancode["NonConvert"]                = 0x7B;
-code_to_scancode["IntlYen"]                   = 0x7D;
-code_to_scancode["NumpadComma"]               = 0x7E;
-code_to_scancode["MediaTrackPrevious"]        = 0xE0 | (0x10 << 8);
-code_to_scancode["MediaTrackNext"]            = 0xE0 | (0x19 << 8);
-code_to_scancode["NumpadEnter"]               = 0xE0 | (0x1C << 8);
-code_to_scancode["ControlRight"]              = 0xE0 | (0x1D << 8);
-code_to_scancode["AudioVolumeMute"]           = 0xE0 | (0x20 << 8);
-code_to_scancode["LaunchApp2"]                = 0xE0 | (0x21 << 8);
-code_to_scancode["MediaPlayPause"]            = 0xE0 | (0x22 << 8);
-code_to_scancode["MediaStop"]                 = 0xE0 | (0x24 << 8);
-code_to_scancode["VolumeDown"]                = 0xE0 | (0x2E << 8);
-code_to_scancode["VolumeUp"]                  = 0xE0 | (0x30 << 8);
-code_to_scancode["BrowserHome"]               = 0xE0 | (0x32 << 8);
-code_to_scancode["NumpadDivide"]              = 0xE0 | (0x35 << 8);
-code_to_scancode["PrintScreen"]               = 0xE0 | (0x37 << 8);
-code_to_scancode["AltRight"]                  = 0xE0 | (0x38 << 8);
-code_to_scancode["NumLock"]                   = 0xE0 | (0x45 << 8);
-code_to_scancode["Pause"]                     = 0xE0 | (0x46 << 8);
-code_to_scancode["Home"]                      = 0xE0 | (0x47 << 8);
-code_to_scancode["ArrowUp"]                   = 0xE0 | (0x48 << 8);
-code_to_scancode["PageUp"]                    = 0xE0 | (0x49 << 8);
-code_to_scancode["ArrowLeft"]                 = 0xE0 | (0x4B << 8);
-code_to_scancode["ArrowRight"]                = 0xE0 | (0x4D << 8);
-code_to_scancode["End"]                       = 0xE0 | (0x4F << 8);
-code_to_scancode["ArrowDown"]                 = 0xE0 | (0x50 << 8);
-code_to_scancode["PageDown"]                  = 0xE0 | (0x51 << 8);
-code_to_scancode["Insert"]                    = 0xE0 | (0x52 << 8);
-code_to_scancode["Delete"]                    = 0xE0 | (0x53 << 8);
-code_to_scancode["MetaLeft"]                  = 0xE0 | (0x5B << 8);
-code_to_scancode["MetaRight"]                 = 0xE0 | (0x5C << 8);
-code_to_scancode["ContextMenu"]               = 0xE0 | (0x5D << 8);
-code_to_scancode["Power"]                     = 0xE0 | (0x5E << 8);
-code_to_scancode["BrowserSearch"]             = 0xE0 | (0x65 << 8);
-code_to_scancode["BrowserFavorites"]          = 0xE0 | (0x66 << 8);
-code_to_scancode["BrowserRefresh"]            = 0xE0 | (0x67 << 8);
-code_to_scancode["BrowserStop"]               = 0xE0 | (0x68 << 8);
-code_to_scancode["BrowserForward"]            = 0xE0 | (0x69 << 8);
-code_to_scancode["BrowserBack"]               = 0xE0 | (0x6A << 8);
-code_to_scancode["LaunchApp1"]                = 0xE0 | (0x6B << 8);
-code_to_scancode["LaunchMail"]                = 0xE0 | (0x6C << 8);
-code_to_scancode["MediaSelect"]               = 0xE0 | (0x6D << 8);

web/src/vendor/spice-html5/src/cursor.js

@@ -1,317 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { create_rgba_png } from './png.js';
-import { Constants } from './enums.js';
-import { DEBUG } from './utils.js';
-import {
-  SpiceMsgCursorInit,
-  SpiceMsgCursorMove,
-  SpiceMsgCursorSet,
-} from './spicemsg.js';
-import { SpiceSimulateCursor } from './simulatecursor.js';
-import { SpiceConn } from './spiceconn.js';
-
-/*----------------------------------------------------------------------------
-**  SpiceCursorConn
-**      Drive the Spice Cursor Channel
-**--------------------------------------------------------------------------*/
-function SpiceCursorConn()
-{
-    SpiceConn.apply(this, arguments);
-}
-
-/* The largest cursor image Chromium and Firefox will show. */
-var MAX_CSS_CURSOR = 128;
-
-SpiceCursorConn.prototype = Object.create(SpiceConn.prototype);
-SpiceCursorConn.prototype.process_channel_message = function(msg)
-{
-    if (msg.type == Constants.SPICE_MSG_CURSOR_INIT)
-    {
-        var cursor_init = new SpiceMsgCursorInit(msg.data);
-        DEBUG > 1 && console.log("SpiceMsgCursorInit");
-        if (this.parent && this.parent.inputs &&
-            this.parent.inputs.mouse_mode == Constants.SPICE_MOUSE_MODE_SERVER)
-        {
-            // FIXME - this imagines that the server actually
-            //          provides the current cursor position,
-            //          instead of 0,0.  As of May 11, 2012,
-            //          that assumption was false :-(.
-            this.parent.inputs.mousex = cursor_init.position.x;
-            this.parent.inputs.mousey = cursor_init.position.y;
-        }
-        // FIXME - We don't handle most of the parameters here...
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_CURSOR_SET)
-    {
-        var cursor_set = new SpiceMsgCursorSet(msg.data);
-        DEBUG > 1 && console.log("SpiceMsgCursorSet");
-        if (cursor_set.cursor.flags & Constants.SPICE_CURSOR_FLAGS_NONE)
-        {
-            this.hide_cursor();
-            return true;
-        }
-
-        if (cursor_set.cursor.flags > 0)
-            this.log_warn("FIXME: No support for cursor flags " + cursor_set.cursor.flags);
-
-        /* An unconvertible shape is not an unhandled message: returning
-           false here made the base class log a second, misleading
-           "Unknown message type 103" for every one of these. */
-        if (! this.set_cursor(cursor_set.cursor))
-            this.warn_once_per_cursor_type(cursor_set.cursor.header.type);
-
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_CURSOR_MOVE)
-    {
-        /* Only meaningful under server mouse mode, where the server owns
-           the pointer position and we track it for inputs. Under client
-           mode the browser draws the pointer and already knows where it
-           is, so there is nothing to do -- but it is handled either way,
-           rather than reported as unimplemented on every move. */
-        var cursor_move = new SpiceMsgCursorMove(msg.data);
-        if (this.parent && this.parent.inputs &&
-            this.parent.inputs.mouse_mode == Constants.SPICE_MOUSE_MODE_SERVER)
-        {
-            this.parent.inputs.mousex = cursor_move.position.x;
-            this.parent.inputs.mousey = cursor_move.position.y;
-        }
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_CURSOR_HIDE)
-    {
-        DEBUG > 1 && console.log("SpiceMsgCursorHide");
-        this.hide_cursor();
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_CURSOR_TRAIL)
-    {
-        this.known_unimplemented(msg.type, "Cursor Trail");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_CURSOR_RESET)
-    {
-        DEBUG > 1 && console.log("SpiceMsgCursorReset");
-        document.getElementById(this.parent.screen_id).style.cursor = "auto";
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_CURSOR_INVAL_ONE)
-    {
-        this.known_unimplemented(msg.type, "Cursor Inval One");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_CURSOR_INVAL_ALL)
-    {
-        DEBUG > 1 && console.log("SpiceMsgCursorInvalAll");
-        // FIXME - There may be something useful to do here...
-        return true;
-    }
-
-    return false;
-}
-
-/* One warning per shape type per connection. Windows sends a cursor on
-   nearly every hover, so an unconvertible type used to produce an
-   unbounded stream of identical warnings. */
-SpiceCursorConn.prototype.warn_once_per_cursor_type = function(type)
-{
-    if (! this.warned_cursor_types)
-        this.warned_cursor_types = {};
-    if (this.warned_cursor_types[type])
-        return;
-    this.warned_cursor_types[type] = true;
-    this.log_warn("No support for cursor type " + type + "; leaving the cursor as it was.");
-}
-
-/* SPICE cursor shapes to the RGBA the PNG writer expects.
-   Returns null for a type we cannot convert.
-   Layouts follow spice-gtk's set_cursor() (src/channel-cursor.c). */
-function cursor_to_rgba(header, data)
-{
-    var width = header.width;
-    var height = header.height;
-    var pixels = width * height;
-    var u8 = new Uint8Array(data);
-    var rgba = new Uint8Array(pixels * 4);
-    var i, at;
-
-    /* SPICE ships 32bpp shapes as native-endian ARGB, which on every
-       platform we run on is B,G,R,A in memory; PNG wants R,G,B,A. The
-       swap is invisible on the black/white/transparent cursors that
-       dominate, which is why it went unnoticed, but colour cursors came
-       out with red and blue exchanged. */
-    if (header.type == Constants.SPICE_CURSOR_TYPE_ALPHA)
-    {
-        if (u8.length < pixels * 4)
-            return null;
-        for (i = 0, at = 0; i < pixels; i++, at += 4)
-        {
-            rgba[at]     = u8[at + 2];
-            rgba[at + 1] = u8[at + 1];
-            rgba[at + 2] = u8[at];
-            rgba[at + 3] = u8[at + 3];
-        }
-        return rgba;
-    }
-
-    /* Two 1bpp masks, AND then XOR, each row padded to a byte. The four
-       combinations are the classic ones:
-         AND=1 XOR=0  transparent
-         AND=1 XOR=1  invert the screen
-         AND=0 XOR=0  black
-         AND=0 XOR=1  white
-       A CSS cursor cannot invert what is under it, so those pixels are
-       drawn black -- the same choice every other HTML SPICE/VNC client
-       makes. It is what Windows' I-beam and resize cursors use, and
-       black-on-transparent reads correctly against the light backgrounds
-       those appear over. */
-    if (header.type == Constants.SPICE_CURSOR_TYPE_MONO)
-    {
-        var bpl = (width + 7) >> 3;
-        if (u8.length < bpl * height * 2)
-            return null;
-        for (var y = 0; y < height; y++)
-        {
-            for (var x = 0; x < width; x++)
-            {
-                var byte_at = y * bpl + (x >> 3);
-                var bit = 0x80 >> (x & 7);
-                var and_bit = (u8[byte_at] & bit) != 0;
-                var xor_bit = (u8[bpl * height + byte_at] & bit) != 0;
-
-                at = (y * width + x) * 4;
-                if (and_bit && ! xor_bit)
-                    continue;               /* transparent; rgba is zeroed */
-
-                var lum = xor_bit && ! and_bit ? 255 : 0;
-                rgba[at] = rgba[at + 1] = rgba[at + 2] = lum;
-                rgba[at + 3] = 255;
-            }
-        }
-        return rgba;
-    }
-
-    /* 32bpp BGRA followed by a 1bpp AND mask: mask set means the pixel
-       is transparent. spice-gtk renders the "white pixel that is also
-       masked" case as a dim checkerboard rather than a hole, because
-       that combination is how shapes encode invert; do the same. */
-    if (header.type == Constants.SPICE_CURSOR_TYPE_COLOR32)
-    {
-        var mask_at = pixels * 4;
-        if (u8.length < mask_at + ((width + 7) >> 3) * height)
-            return null;
-        for (i = 0, at = 0; i < pixels; i++, at += 4)
-        {
-            var masked = (u8[mask_at + (i >> 3)] & (0x80 >> (i & 7))) != 0;
-            var white = u8[at] == 0xff && u8[at + 1] == 0xff && u8[at + 2] == 0xff;
-            if (masked && white)
-            {
-                var dark = (((i % width) ^ ((i / width) | 0)) & 1) != 0;
-                rgba[at] = rgba[at + 1] = rgba[at + 2] = dark ? 0x30 : 0x50;
-                rgba[at + 3] = dark ? 0xc0 : 0x30;
-                continue;
-            }
-            rgba[at]     = u8[at + 2];
-            rgba[at + 1] = u8[at + 1];
-            rgba[at + 2] = u8[at];
-            rgba[at + 3] = masked ? 0 : 255;
-        }
-        return rgba;
-    }
-
-    return null;
-}
-
-/* True if the shape was converted and applied. */
-SpiceCursorConn.prototype.set_cursor = function(cursor)
-{
-    var rgba = cursor_to_rgba(cursor.header, cursor.data);
-    if (! rgba)
-        return false;
-
-    var pngstr = create_rgba_png(cursor.header.width, cursor.header.height, rgba);
-    var curstr = 'url(data:image/png,' + pngstr + ') ' +
-        cursor.header.hot_spot_x + ' ' + cursor.header.hot_spot_y + ", default";
-    var screen = document.getElementById(this.parent.screen_id);
-    screen.style.cursor = 'auto';
-    screen.style.cursor = curstr;
-    /* Chromium and Firefox drop a cursor image over 128 px on a side
-       without saying so: the computed style still reads as the url,
-       and the pointer is the plain arrow, with the arrow's hot spot,
-       so it points somewhere other than the guest's cursor does.  A
-       shape that size is drawn under the pointer instead. */
-    var too_large = cursor.header.width > MAX_CSS_CURSOR || cursor.header.height > MAX_CSS_CURSOR;
-    if (too_large || window.getComputedStyle(screen, null).cursor == 'auto')
-        SpiceSimulateCursor.simulate_cursor(this, cursor, screen, pngstr, too_large);
-    else
-    {
-        /* This cursor took effect natively, so drop the simulated one
-           left by an earlier browser-rejected cursor; the mousemove
-           handler would otherwise keep painting it alongside the real
-           cursor forever. */
-        this.remove_simulated_cursor();
-    }
-    return true;
-}
-
-/* A hidden pointer is hidden whichever way the last shape was shown:
-   the CSS cursor goes to none, and a simulated cursor image is removed,
-   or the mousemove handler would keep painting it. */
-SpiceCursorConn.prototype.hide_cursor = function()
-{
-    document.getElementById(this.parent.screen_id).style.cursor = "none";
-    this.remove_simulated_cursor();
-}
-
-SpiceCursorConn.prototype.remove_simulated_cursor = function()
-{
-    if (! this.spice_simulated_cursor)
-        return;
-    if (this.spice_simulated_cursor.parentNode)
-        this.spice_simulated_cursor.parentNode.removeChild(this.spice_simulated_cursor);
-    delete this.spice_simulated_cursor;
-}
-
-SpiceCursorConn.prototype.cleanup = function()
-{
-    /* The screen div outlives the connection: a simulated cursor left in
-       it would sit frozen over the next session, and a guest that ended
-       with its pointer hidden (or a custom shape) would leave the next
-       one without a visible pointer until it sends a shape of its own. */
-    this.remove_simulated_cursor();
-    var screen = document.getElementById(this.parent.screen_id);
-    if (screen)
-        screen.style.cursor = "auto";
-    SpiceConn.prototype.cleanup.call(this);
-}
-
-export {
-  SpiceCursorConn,
-};

web/src/vendor/spice-html5/src/enums.js

@@ -1,384 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-
-/*----------------------------------------------------------------------------
-**  enums.js
-**      'constants' for Spice
-**--------------------------------------------------------------------------*/
-export var Constants = {
-  SPICE_MAGIC         : "REDQ",
-  SPICE_VERSION_MAJOR : 2,
-  SPICE_VERSION_MINOR : 2,
-
-  SPICE_CONNECT_TIMEOUT : (30 * 1000),
-
-  SPICE_COMMON_CAP_PROTOCOL_AUTH_SELECTION : 0,
-  SPICE_COMMON_CAP_AUTH_SPICE              : 1,
-  SPICE_COMMON_CAP_AUTH_SASL               : 2,
-  SPICE_COMMON_CAP_MINI_HEADER             : 3,
-
-  SPICE_TICKET_KEY_PAIR_LENGTH             : 1024,
-  SPICE_TICKET_PUBKEY_BYTES                : (1024 / 8 +34), // (SPICE_TICKET_KEY_PAIR_LENGTH / 8 + 34)
-
-  SPICE_LINK_ERR_OK                        : 0,
-  SPICE_LINK_ERR_ERROR                     : 1,
-  SPICE_LINK_ERR_INVALID_MAGIC             : 2,
-  SPICE_LINK_ERR_INVALID_DATA              : 3,
-  SPICE_LINK_ERR_VERSION_MISMATCH          : 4,
-  SPICE_LINK_ERR_NEED_SECURED              : 5,
-  SPICE_LINK_ERR_NEED_UNSECURED            : 6,
-  SPICE_LINK_ERR_PERMISSION_DENIED         : 7,
-  SPICE_LINK_ERR_BAD_CONNECTION_ID         : 8,
-  SPICE_LINK_ERR_CHANNEL_NOT_AVAILABLE     : 9,
-
-  SPICE_MSG_MIGRATE                   : 1,
-  SPICE_MSG_MIGRATE_DATA              : 2,
-  SPICE_MSG_SET_ACK                   : 3,
-  SPICE_MSG_PING                      : 4,
-  SPICE_MSG_WAIT_FOR_CHANNELS         : 5,
-  SPICE_MSG_DISCONNECTING             : 6,
-  SPICE_MSG_NOTIFY                    : 7,
-  SPICE_MSG_LIST                      : 8,
-
-  SPICE_MSG_MAIN_MIGRATE_BEGIN        : 101,
-  SPICE_MSG_MAIN_MIGRATE_CANCEL       : 102,
-  SPICE_MSG_MAIN_INIT                 : 103,
-  SPICE_MSG_MAIN_CHANNELS_LIST        : 104,
-  SPICE_MSG_MAIN_MOUSE_MODE           : 105,
-  SPICE_MSG_MAIN_MULTI_MEDIA_TIME     : 106,
-  SPICE_MSG_MAIN_AGENT_CONNECTED      : 107,
-  SPICE_MSG_MAIN_AGENT_DISCONNECTED   : 108,
-  SPICE_MSG_MAIN_AGENT_DATA           : 109,
-  SPICE_MSG_MAIN_AGENT_TOKEN          : 110,
-  SPICE_MSG_MAIN_MIGRATE_SWITCH_HOST  : 111,
-  SPICE_MSG_MAIN_MIGRATE_END          : 112,
-  SPICE_MSG_MAIN_NAME                 : 113,
-  SPICE_MSG_MAIN_UUID                 : 114,
-  SPICE_MSG_MAIN_AGENT_CONNECTED_TOKENS : 115,
-  SPICE_MSG_MAIN_MIGRATE_BEGIN_SEAMLESS : 116,
-  SPICE_MSG_MAIN_MIGRATE_DST_SEAMLESS_ACK : 117,
-  SPICE_MSG_MAIN_MIGRATE_DST_SEAMLESS_NACK : 118,
-  SPICE_MSG_END_MAIN                  : 119,
-
-
-
-  SPICE_MSGC_ACK_SYNC                 : 1,
-  SPICE_MSGC_ACK                      : 2,
-  SPICE_MSGC_PONG                     : 3,
-  SPICE_MSGC_MIGRATE_FLUSH_MARK       : 4,
-  SPICE_MSGC_MIGRATE_DATA             : 5,
-  SPICE_MSGC_DISCONNECTING            : 6,
-
-
-  SPICE_MSGC_MAIN_CLIENT_INFO         : 101,
-  SPICE_MSGC_MAIN_MIGRATE_CONNECTED   : 102,
-  SPICE_MSGC_MAIN_MIGRATE_CONNECT_ERROR : 103,
-  SPICE_MSGC_MAIN_ATTACH_CHANNELS     : 104,
-  SPICE_MSGC_MAIN_MOUSE_MODE_REQUEST  : 105,
-  SPICE_MSGC_MAIN_AGENT_START         : 106,
-  SPICE_MSGC_MAIN_AGENT_DATA          : 107,
-  SPICE_MSGC_MAIN_AGENT_TOKEN         : 108,
-  SPICE_MSGC_MAIN_MIGRATE_END         : 109,
-  SPICE_MSGC_END_MAIN                 : 110,
-
-  SPICE_MSG_DISPLAY_MODE              : 101,
-  SPICE_MSG_DISPLAY_MARK              : 102,
-  SPICE_MSG_DISPLAY_RESET             : 103,
-  SPICE_MSG_DISPLAY_COPY_BITS         : 104,
-  SPICE_MSG_DISPLAY_INVAL_LIST        : 105,
-  SPICE_MSG_DISPLAY_INVAL_ALL_PIXMAPS : 106,
-  SPICE_MSG_DISPLAY_INVAL_PALETTE     : 107,
-  SPICE_MSG_DISPLAY_INVAL_ALL_PALETTES: 108,
-
-  SPICE_MSG_DISPLAY_STREAM_CREATE     : 122,
-  SPICE_MSG_DISPLAY_STREAM_DATA       : 123,
-  SPICE_MSG_DISPLAY_STREAM_CLIP       : 124,
-  SPICE_MSG_DISPLAY_STREAM_DESTROY    : 125,
-  SPICE_MSG_DISPLAY_STREAM_DESTROY_ALL: 126,
-
-  SPICE_MSG_DISPLAY_DRAW_FILL         : 302,
-  SPICE_MSG_DISPLAY_DRAW_OPAQUE       : 303,
-  SPICE_MSG_DISPLAY_DRAW_COPY         : 304,
-  SPICE_MSG_DISPLAY_DRAW_BLEND        : 305,
-  SPICE_MSG_DISPLAY_DRAW_BLACKNESS    : 306,
-  SPICE_MSG_DISPLAY_DRAW_WHITENESS    : 307,
-  SPICE_MSG_DISPLAY_DRAW_INVERS       : 308,
-  SPICE_MSG_DISPLAY_DRAW_ROP3         : 309,
-  SPICE_MSG_DISPLAY_DRAW_STROKE       : 310,
-  SPICE_MSG_DISPLAY_DRAW_TEXT         : 311,
-  SPICE_MSG_DISPLAY_DRAW_TRANSPARENT  : 312,
-  SPICE_MSG_DISPLAY_DRAW_ALPHA_BLEND  : 313,
-  SPICE_MSG_DISPLAY_SURFACE_CREATE    : 314,
-  SPICE_MSG_DISPLAY_SURFACE_DESTROY   : 315,
-  SPICE_MSG_DISPLAY_STREAM_DATA_SIZED : 316,
-  SPICE_MSG_DISPLAY_MONITORS_CONFIG   : 317,
-  SPICE_MSG_DISPLAY_DRAW_COMPOSITE    : 318,
-  SPICE_MSG_DISPLAY_STREAM_ACTIVATE_REPORT : 319,
-
-  SPICE_MSGC_DISPLAY_INIT             : 101,
-  SPICE_MSGC_DISPLAY_STREAM_REPORT    : 102,
-
-  SPICE_MSG_INPUTS_INIT               : 101,
-  SPICE_MSG_INPUTS_KEY_MODIFIERS      : 102,
-
-  SPICE_MSG_INPUTS_MOUSE_MOTION_ACK   : 111,
-
-  SPICE_MSGC_INPUTS_KEY_DOWN          : 101,
-  SPICE_MSGC_INPUTS_KEY_UP            : 102,
-  SPICE_MSGC_INPUTS_KEY_MODIFIERS     : 103,
-
-  SPICE_MSGC_INPUTS_MOUSE_MOTION      : 111,
-  SPICE_MSGC_INPUTS_MOUSE_POSITION    : 112,
-  SPICE_MSGC_INPUTS_MOUSE_PRESS       : 113,
-  SPICE_MSGC_INPUTS_MOUSE_RELEASE     : 114,
-
-  SPICE_MSG_CURSOR_INIT               : 101,
-  SPICE_MSG_CURSOR_RESET              : 102,
-  SPICE_MSG_CURSOR_SET                : 103,
-  SPICE_MSG_CURSOR_MOVE               : 104,
-  SPICE_MSG_CURSOR_HIDE               : 105,
-  SPICE_MSG_CURSOR_TRAIL              : 106,
-  SPICE_MSG_CURSOR_INVAL_ONE          : 107,
-  SPICE_MSG_CURSOR_INVAL_ALL          : 108,
-
-  SPICE_MSG_PLAYBACK_DATA             : 101,
-  SPICE_MSG_PLAYBACK_MODE             : 102,
-  SPICE_MSG_PLAYBACK_START            : 103,
-  SPICE_MSG_PLAYBACK_STOP             : 104,
-  SPICE_MSG_PLAYBACK_VOLUME           : 105,
-  SPICE_MSG_PLAYBACK_MUTE             : 106,
-  SPICE_MSG_PLAYBACK_LATENCY          : 107,
-
-  SPICE_MSG_SPICEVMC_DATA             : 101,
-  SPICE_MSG_PORT_INIT                 : 201,
-  SPICE_MSG_PORT_EVENT                : 202,
-  SPICE_MSG_END_PORT                  : 203,
-
-  SPICE_MSGC_SPICEVMC_DATA            : 101,
-  SPICE_MSGC_PORT_EVENT               : 201,
-  SPICE_MSGC_END_PORT                 : 202,
-
-  SPICE_PLAYBACK_CAP_CELT_0_5_1       : 0,
-  SPICE_PLAYBACK_CAP_VOLUME           : 1,
-  SPICE_PLAYBACK_CAP_LATENCY          : 2,
-  SPICE_PLAYBACK_CAP_OPUS             : 3,
-
-  SPICE_MAIN_CAP_SEMI_SEAMLESS_MIGRATE  : 0,
-  SPICE_MAIN_CAP_NAME_AND_UUID          : 1,
-  SPICE_MAIN_CAP_AGENT_CONNECTED_TOKENS : 2,
-  SPICE_MAIN_CAP_SEAMLESS_MIGRATE       : 3,
-
-  SPICE_DISPLAY_CAP_SIZED_STREAM        : 0,
-  SPICE_DISPLAY_CAP_MONITORS_CONFIG     : 1,
-  SPICE_DISPLAY_CAP_COMPOSITE           : 2,
-  SPICE_DISPLAY_CAP_A8_SURFACE          : 3,
-  SPICE_DISPLAY_CAP_STREAM_REPORT       : 4,
-  SPICE_DISPLAY_CAP_LZ4_COMPRESSION     : 5,
-  SPICE_DISPLAY_CAP_PREF_COMPRESSION    : 6,
-  SPICE_DISPLAY_CAP_GL_SCANOUT          : 7,
-  SPICE_DISPLAY_CAP_MULTI_CODEC         : 8,
-  SPICE_DISPLAY_CAP_CODEC_MJPEG         : 9,
-  SPICE_DISPLAY_CAP_CODEC_VP8           : 10,
-
-  SPICE_AUDIO_DATA_MODE_INVALID       : 0,
-  SPICE_AUDIO_DATA_MODE_RAW           : 1,
-  SPICE_AUDIO_DATA_MODE_CELT_0_5_1    : 2,
-  SPICE_AUDIO_DATA_MODE_OPUS          : 3,
-
-  SPICE_AUDIO_FMT_INVALID             : 0,
-  SPICE_AUDIO_FMT_S16                 : 1,
-
-  SPICE_CHANNEL_MAIN                  : 1,
-  SPICE_CHANNEL_DISPLAY               : 2,
-  SPICE_CHANNEL_INPUTS                : 3,
-  SPICE_CHANNEL_CURSOR                : 4,
-  SPICE_CHANNEL_PLAYBACK              : 5,
-  SPICE_CHANNEL_RECORD                : 6,
-  SPICE_CHANNEL_TUNNEL                : 7,
-  SPICE_CHANNEL_SMARTCARD             : 8,
-  SPICE_CHANNEL_USBREDIR              : 9,
-  SPICE_CHANNEL_PORT                  : 10,
-  SPICE_CHANNEL_WEBDAV                : 11,
-
-  SPICE_SURFACE_FLAGS_PRIMARY : (1 << 0),
-
-  SPICE_NOTIFY_SEVERITY_INFO  : 0,
-  SPICE_NOTIFY_SEVERITY_WARN  : 1,
-  SPICE_NOTIFY_SEVERITY_ERROR : 2,
-
-  SPICE_MOUSE_MODE_SERVER : (1 << 0),
-  SPICE_MOUSE_MODE_CLIENT : (1 << 1),
-  SPICE_MOUSE_MODE_MASK : 0x3,
-
-  SPICE_CLIP_TYPE_NONE            : 0,
-  SPICE_CLIP_TYPE_RECTS           : 1,
-
-  SPICE_IMAGE_SCALE_MODE_INTERPOLATE : 0,
-  SPICE_IMAGE_SCALE_MODE_NEAREST     : 1,
-
-  SPICE_IMAGE_TYPE_BITMAP         : 0,
-  SPICE_IMAGE_TYPE_QUIC           : 1,
-  SPICE_IMAGE_TYPE_RESERVED       : 2,
-  SPICE_IMAGE_TYPE_LZ_PLT         : 100,
-  SPICE_IMAGE_TYPE_LZ_RGB         : 101,
-  SPICE_IMAGE_TYPE_GLZ_RGB        : 102,
-  SPICE_IMAGE_TYPE_FROM_CACHE     : 103,
-  SPICE_IMAGE_TYPE_SURFACE        : 104,
-  SPICE_IMAGE_TYPE_JPEG           : 105,
-  SPICE_IMAGE_TYPE_FROM_CACHE_LOSSLESS : 106,
-  SPICE_IMAGE_TYPE_ZLIB_GLZ_RGB   : 107,
-  SPICE_IMAGE_TYPE_JPEG_ALPHA     : 108,
-
-  SPICE_IMAGE_FLAGS_CACHE_ME : (1 << 0),
-  SPICE_IMAGE_FLAGS_HIGH_BITS_SET : (1 << 1),
-  SPICE_IMAGE_FLAGS_CACHE_REPLACE_ME : (1 << 2),
-
-  SPICE_BITMAP_FLAGS_PAL_CACHE_ME : (1 << 0),
-  SPICE_BITMAP_FLAGS_PAL_FROM_CACHE : (1 << 1),
-  SPICE_BITMAP_FLAGS_TOP_DOWN : (1 << 2),
-  SPICE_BITMAP_FLAGS_MASK : 0x7,
-
-  SPICE_BITMAP_FMT_INVALID        : 0,
-  SPICE_BITMAP_FMT_1BIT_LE        : 1,
-  SPICE_BITMAP_FMT_1BIT_BE        : 2,
-  SPICE_BITMAP_FMT_4BIT_LE        : 3,
-  SPICE_BITMAP_FMT_4BIT_BE        : 4,
-  SPICE_BITMAP_FMT_8BIT           : 5,
-  SPICE_BITMAP_FMT_16BIT          : 6,
-  SPICE_BITMAP_FMT_24BIT          : 7,
-  SPICE_BITMAP_FMT_32BIT          : 8,
-  SPICE_BITMAP_FMT_RGBA           : 9,
-
-
-  SPICE_CURSOR_FLAGS_NONE : (1 << 0),
-  SPICE_CURSOR_FLAGS_CACHE_ME : (1 << 1),
-  SPICE_CURSOR_FLAGS_FROM_CACHE : (1 << 2),
-  SPICE_CURSOR_FLAGS_MASK : 0x7,
-
-  SPICE_MOUSE_BUTTON_MASK_LEFT : (1 << 0),
-  SPICE_MOUSE_BUTTON_MASK_MIDDLE : (1 << 1),
-  SPICE_MOUSE_BUTTON_MASK_RIGHT : (1 << 2),
-  SPICE_MOUSE_BUTTON_MASK_MASK : 0x7,
-
-  SPICE_MOUSE_BUTTON_INVALID  : 0,
-  SPICE_MOUSE_BUTTON_LEFT     : 1,
-  SPICE_MOUSE_BUTTON_MIDDLE   : 2,
-  SPICE_MOUSE_BUTTON_RIGHT    : 3,
-  SPICE_MOUSE_BUTTON_UP       : 4,
-  SPICE_MOUSE_BUTTON_DOWN     : 5,
-
-  SPICE_BRUSH_TYPE_NONE : 0,
-  SPICE_BRUSH_TYPE_SOLID : 1,
-  SPICE_BRUSH_TYPE_PATTERN : 2,
-
-  SPICE_SURFACE_FMT_INVALID : 0,
-  SPICE_SURFACE_FMT_1_A : 1,
-  SPICE_SURFACE_FMT_8_A : 8,
-  SPICE_SURFACE_FMT_16_555 : 16,
-  SPICE_SURFACE_FMT_32_xRGB : 32,
-  SPICE_SURFACE_FMT_16_565 : 80,
-  SPICE_SURFACE_FMT_32_ARGB : 96,
-
-  SPICE_ROPD_INVERS_SRC : (1 << 0),
-  SPICE_ROPD_INVERS_BRUSH : (1 << 1),
-  SPICE_ROPD_INVERS_DEST : (1 << 2),
-  SPICE_ROPD_OP_PUT : (1 << 3),
-  SPICE_ROPD_OP_OR : (1 << 4),
-  SPICE_ROPD_OP_AND : (1 << 5),
-  SPICE_ROPD_OP_XOR : (1 << 6),
-  SPICE_ROPD_OP_BLACKNESS : (1 << 7),
-  SPICE_ROPD_OP_WHITENESS : (1 << 8),
-  SPICE_ROPD_OP_INVERS : (1 << 9),
-  SPICE_ROPD_INVERS_RES : (1 << 10),
-  SPICE_ROPD_MASK : 0x7ff,
-
-  LZ_IMAGE_TYPE_INVALID : 0,
-  LZ_IMAGE_TYPE_PLT1_LE : 1,
-  LZ_IMAGE_TYPE_PLT1_BE : 2,      // PLT stands for palette
-  LZ_IMAGE_TYPE_PLT4_LE : 3,
-  LZ_IMAGE_TYPE_PLT4_BE : 4,
-  LZ_IMAGE_TYPE_PLT8    : 5,
-  LZ_IMAGE_TYPE_RGB16   : 6,
-  LZ_IMAGE_TYPE_RGB24   : 7,
-  LZ_IMAGE_TYPE_RGB32   : 8,
-  LZ_IMAGE_TYPE_RGBA    : 9,
-  LZ_IMAGE_TYPE_XXXA    : 10,
-
-
-  SPICE_INPUT_MOTION_ACK_BUNCH : 4,
-
-
-  SPICE_CURSOR_TYPE_ALPHA     : 0,
-  SPICE_CURSOR_TYPE_MONO      : 1,
-  SPICE_CURSOR_TYPE_COLOR4    : 2,
-  SPICE_CURSOR_TYPE_COLOR8    : 3,
-  SPICE_CURSOR_TYPE_COLOR16   : 4,
-  SPICE_CURSOR_TYPE_COLOR24   : 5,
-  SPICE_CURSOR_TYPE_COLOR32   : 6,
-
-  SPICE_VIDEO_CODEC_TYPE_MJPEG : 1,
-  SPICE_VIDEO_CODEC_TYPE_VP8   : 2,
-
-  SPICE_STREAM_FLAGS_TOP_DOWN : (1 << 0),
-
-  VD_AGENT_PROTOCOL : 1,
-  VD_AGENT_MAX_DATA_SIZE : 2048,
-
-  VD_AGENT_MOUSE_STATE            : 1,
-  VD_AGENT_MONITORS_CONFIG        : 2,
-  VD_AGENT_REPLY                  : 3,
-  VD_AGENT_CLIPBOARD              : 4,
-  VD_AGENT_DISPLAY_CONFIG         : 5,
-  VD_AGENT_ANNOUNCE_CAPABILITIES  : 6,
-  VD_AGENT_CLIPBOARD_GRAB         : 7,
-  VD_AGENT_CLIPBOARD_REQUEST      : 8,
-  VD_AGENT_CLIPBOARD_RELEASE      : 9,
-  VD_AGENT_FILE_XFER_START        :10,
-  VD_AGENT_FILE_XFER_STATUS       :11,
-  VD_AGENT_FILE_XFER_DATA         :12,
-  VD_AGENT_CLIENT_DISCONNECTED    :13,
-  VD_AGENT_MAX_CLIPBOARD          :14,
-
-  VD_AGENT_CAP_MOUSE_STATE            : 0,
-  VD_AGENT_CAP_MONITORS_CONFIG        : 1,
-  VD_AGENT_CAP_REPLY                  : 2,
-  VD_AGENT_CAP_CLIPBOARD              : 3,
-  VD_AGENT_CAP_DISPLAY_CONFIG         : 4,
-  VD_AGENT_CAP_CLIPBOARD_BY_DEMAND    : 5,
-  VD_AGENT_CAP_CLIPBOARD_SELECTION    : 6,
-  VD_AGENT_CAP_SPARSE_MONITORS_CONFIG : 7,
-  VD_AGENT_CAP_GUEST_LINEEND_LF       : 8,
-  VD_AGENT_CAP_GUEST_LINEEND_CRLF     : 9,
-  VD_AGENT_CAP_MAX_CLIPBOARD          : 10,
-  VD_AGENT_END_CAP                    : 11,
-
-  VD_AGENT_FILE_XFER_STATUS_CAN_SEND_DATA : 0,
-  VD_AGENT_FILE_XFER_STATUS_CANCELLED     : 1,
-  VD_AGENT_FILE_XFER_STATUS_ERROR         : 2,
-  VD_AGENT_FILE_XFER_STATUS_SUCCESS       : 3,
-
-  VD_AGENT_CLIPBOARD_NONE       : 0,
-  VD_AGENT_CLIPBOARD_UTF8_TEXT  : 1,
-  VD_AGENT_CLIPBOARD_IMAGE_PNG  : 2,
-  VD_AGENT_CLIPBOARD_IMAGE_BMP  : 3,
-  VD_AGENT_CLIPBOARD_IMAGE_TIFF : 4,
-  VD_AGENT_CLIPBOARD_IMAGE_JPG  : 5,
-};

web/src/vendor/spice-html5/src/filexfer.js

@@ -1,94 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2014 Red Hat, Inc.
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-function SpiceFileXferTask(id, file)
-{
-    this.id = id;
-    this.file = file;
-}
-
-SpiceFileXferTask.prototype.create_progressbar = function()
-{
-    var _this = this;
-    var cancel = document.createElement("input");
-    this.progressbar_container = document.createElement("div");
-    this.progressbar = document.createElement("progress");
-
-    cancel.type = 'button';
-    cancel.value = 'Cancel';
-    cancel.style.float = 'right';
-    cancel.onclick = function()
-    {
-        _this.cancelled = true;
-        _this.remove_progressbar();
-    };
-
-    this.progressbar.setAttribute('max', this.file.size);
-    this.progressbar.setAttribute('value', 0);
-    this.progressbar.style.width = '100%';
-    this.progressbar.style.margin = '4px auto';
-    this.progressbar.style.display = 'inline-block';
-    this.progressbar_container.style.width = '90%';
-    this.progressbar_container.style.margin = 'auto';
-    this.progressbar_container.style.padding = '4px';
-    this.progressbar_container.textContent = this.file.name;
-    this.progressbar_container.appendChild(cancel);
-    this.progressbar_container.appendChild(this.progressbar);
-    document.getElementById('spice-xfer-area').appendChild(this.progressbar_container);
-}
-
-SpiceFileXferTask.prototype.update_progressbar = function(value)
-{
-    this.progressbar.setAttribute('value', value);
-}
-
-SpiceFileXferTask.prototype.remove_progressbar = function()
-{
-    if (this.progressbar_container && this.progressbar_container.parentNode)
-        this.progressbar_container.parentNode.removeChild(this.progressbar_container);
-}
-
-function handle_file_dragover(e)
-{
-    e.stopPropagation();
-    e.preventDefault();
-    e.dataTransfer.dropEffect = 'copy';
-}
-
-function handle_file_drop(e)
-{
-    var sc = window.spice_connection;
-    var files = e.dataTransfer.files;
-
-    e.stopPropagation();
-    e.preventDefault();
-    for (var i = files.length - 1; i >= 0; i--)
-    {
-        if (files[i].type) // do not copy a directory
-            sc.file_xfer_start(files[i]);
-    }
-
-}
-
-export {
-  SpiceFileXferTask,
-  handle_file_dragover,
-  handle_file_drop,
-};

web/src/vendor/spice-html5/src/inputs.js

@@ -1,504 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import * as Messages from './spicemsg.js';
-import { Constants } from './enums.js';
-import { KeyNames } from './atKeynames.js';
-import { SpiceConn } from './spiceconn.js';
-import { DEBUG } from './utils.js';
-import { code_to_scancode } from './code_to_scancode.js';
-
-/*----------------------------------------------------------------------------
- ** Modifier Keystates
- **     These need to be tracked because focus in and out can get the keyboard
- **     out of sync.
- **------------------------------------------------------------------------*/
-var Shift_state = -1;
-var Ctrl_state = -1;
-var Alt_state = -1;
-var Meta_state = -1;
-
-/* Extended (0xE0-prefixed) scancodes for the Meta/Super keys, matching
-   the values in the scancode maps (utils.js / code_to_scancode.js). */
-var META_L_SCAN = 0xE0 | (0x5B << 8);
-var META_R_SCAN = 0xE0 | (0x5C << 8);
-
-/*----------------------------------------------------------------------------
-**  SpiceInputsConn
-**      Drive the Spice Inputs channel (e.g. mouse + keyboard)
-**--------------------------------------------------------------------------*/
-function SpiceInputsConn()
-{
-    SpiceConn.apply(this, arguments);
-
-    this.mousex = undefined;
-    this.mousey = undefined;
-    this.button_state = 0;
-    this.waiting_for_ack = 0;
-
-    /* Modifier tracking is module state; a page that tears down one
-       connection and creates another must not inherit the previous
-       session's held keys. */
-    Shift_state = Ctrl_state = Alt_state = Meta_state = -1;
-}
-
-SpiceInputsConn.prototype = Object.create(SpiceConn.prototype);
-SpiceInputsConn.prototype.process_channel_message = function(msg)
-{
-    if (msg.type == Constants.SPICE_MSG_INPUTS_INIT)
-    {
-        var inputs_init = new Messages.SpiceMsgInputsInit(msg.data);
-        this.keyboard_modifiers = inputs_init.keyboard_modifiers;
-        DEBUG > 1 && console.log("MsgInputsInit - modifier " + this.keyboard_modifiers);
-        // FIXME - We don't do anything with the keyboard modifiers...
-        return true;
-    }
-    if (msg.type == Constants.SPICE_MSG_INPUTS_KEY_MODIFIERS)
-    {
-        var key = new Messages.SpiceMsgInputsKeyModifiers(msg.data);
-        this.keyboard_modifiers = key.keyboard_modifiers;
-        DEBUG > 1 && console.log("MsgInputsKeyModifiers - modifier " + this.keyboard_modifiers);
-        // FIXME - We don't do anything with the keyboard modifiers...
-        return true;
-    }
-    if (msg.type == Constants.SPICE_MSG_INPUTS_MOUSE_MOTION_ACK)
-    {
-        DEBUG > 1 && console.log("mouse motion ack");
-        this.waiting_for_ack -= Constants.SPICE_INPUT_MOTION_ACK_BUNCH;
-        return true;
-    }
-    return false;
-}
-
-
-
-function handle_mousemove(e)
-{
-    /* Only build the message once we know it will be sent; mousemove can
-       fire hundreds of times a second and the discarded-motion path was
-       paying for two allocations and a serialize per event. */
-    if (this.sc && this.sc.inputs && this.sc.inputs.state === "ready")
-    {
-        if (this.sc.inputs.waiting_for_ack < (2 * Constants.SPICE_INPUT_MOTION_ACK_BUNCH))
-        {
-            var msg = new Messages.SpiceMiniData();
-            var move;
-            if (this.sc.mouse_mode == Constants.SPICE_MOUSE_MODE_CLIENT)
-            {
-                move = new Messages.SpiceMsgcMousePosition(this.sc, e)
-                msg.build_msg(Constants.SPICE_MSGC_INPUTS_MOUSE_POSITION, move);
-            }
-            else
-            {
-                move = new Messages.SpiceMsgcMouseMotion(this.sc, e)
-                msg.build_msg(Constants.SPICE_MSGC_INPUTS_MOUSE_MOTION, move);
-            }
-            this.sc.inputs.send_msg(msg);
-            this.sc.inputs.waiting_for_ack++;
-        }
-        else
-        {
-            DEBUG > 0 && this.sc.log_info("Discarding mouse motion");
-        }
-    }
-
-    if (this.sc && this.sc.cursor && this.sc.cursor.spice_simulated_cursor)
-    {
-        /* The image sits inside the screen element, so it is placed in
-           that element's own coordinates: the pointer's position within
-           its box, undone for any CSS scale on it.  Page coordinates put
-           it off by the screen's offset, and by the scale, on any page
-           that does not draw the screen at the top-left corner. */
-        var sim = this.sc.cursor.spice_simulated_cursor;
-        var screen = sim.spice_screen;
-        var rect = screen.getBoundingClientRect();
-        var scale_x = screen.offsetWidth ? rect.width / screen.offsetWidth : 1;
-        var scale_y = screen.offsetHeight ? rect.height / screen.offsetHeight : 1;
-        sim.style.display = 'block';
-        sim.style.left = (e.clientX - rect.left) / scale_x - sim.spice_hot_x + 'px';
-        sim.style.top = (e.clientY - rect.top) / scale_y - sim.spice_hot_y + 'px';
-        e.preventDefault();
-    }
-
-}
-
-function handle_mousedown(e)
-{
-    var press = new Messages.SpiceMsgcMousePress(this.sc, e)
-    var msg = new Messages.SpiceMiniData();
-    msg.build_msg(Constants.SPICE_MSGC_INPUTS_MOUSE_PRESS, press);
-    if (this.sc && this.sc.inputs && this.sc.inputs.state === "ready")
-        this.sc.inputs.send_msg(msg);
-
-    e.preventDefault();
-}
-
-function handle_contextmenu(e)
-{
-    e.preventDefault();
-    return false;
-}
-
-function handle_mouseup(e)
-{
-    var release = new Messages.SpiceMsgcMouseRelease(this.sc, e)
-    var msg = new Messages.SpiceMiniData();
-    msg.build_msg(Constants.SPICE_MSGC_INPUTS_MOUSE_RELEASE, release);
-    if (this.sc && this.sc.inputs && this.sc.inputs.state === "ready")
-        this.sc.inputs.send_msg(msg);
-
-    e.preventDefault();
-}
-
-function handle_mousewheel(e)
-{
-    var press = new Messages.SpiceMsgcMousePress;
-    var release = new Messages.SpiceMsgcMouseRelease;
-    if (e.deltaY < 0)
-        press.button = release.button = Constants.SPICE_MOUSE_BUTTON_UP;
-    else
-        press.button = release.button = Constants.SPICE_MOUSE_BUTTON_DOWN;
-    press.buttons_state = 0;
-    release.buttons_state = 0;
-
-    var msg = new Messages.SpiceMiniData();
-    msg.build_msg(Constants.SPICE_MSGC_INPUTS_MOUSE_PRESS, press);
-    if (this.sc && this.sc.inputs && this.sc.inputs.state === "ready")
-        this.sc.inputs.send_msg(msg);
-
-    msg.build_msg(Constants.SPICE_MSGC_INPUTS_MOUSE_RELEASE, release);
-    if (this.sc && this.sc.inputs && this.sc.inputs.state === "ready")
-        this.sc.inputs.send_msg(msg);
-
-    e.preventDefault();
-}
-
-function handle_keydown(e)
-{
-    var key = new Messages.SpiceMsgcKeyDown(e)
-    var msg = new Messages.SpiceMiniData();
-    check_and_update_modifiers(e, key.code, this.sc);
-    msg.build_msg(Constants.SPICE_MSGC_INPUTS_KEY_DOWN, key);
-    if (this.sc && this.sc.inputs && this.sc.inputs.state === "ready")
-        this.sc.inputs.send_msg(msg);
-
-    e.preventDefault();
-}
-
-function handle_keyup(e)
-{
-    var key = new Messages.SpiceMsgcKeyUp(e)
-    var msg = new Messages.SpiceMiniData();
-    check_and_update_modifiers(e, key.code, this.sc);
-    msg.build_msg(Constants.SPICE_MSGC_INPUTS_KEY_UP, key);
-    if (this.sc && this.sc.inputs && this.sc.inputs.state === "ready")
-        this.sc.inputs.send_msg(msg);
-
-    e.preventDefault();
-}
-
-function sendCtrlAltDel(sc)
-{
-    if (sc && sc.inputs && sc.inputs.state === "ready"){
-        var key = new Messages.SpiceMsgcKeyDown();
-        var msg = new Messages.SpiceMiniData();
-
-        update_modifier(true, KeyNames.KEY_LCtrl, sc);
-        update_modifier(true, KeyNames.KEY_Alt, sc);
-
-        key.code = KeyNames.KEY_KP_Decimal;
-        msg.build_msg(Constants.SPICE_MSGC_INPUTS_KEY_DOWN, key);
-        sc.inputs.send_msg(msg);
-        /* The server forwards scancode bytes verbatim, so the release must
-           carry the break bit itself, as keycode_to_end_scan does. */
-        key.code = 0x80 | KeyNames.KEY_KP_Decimal;
-        msg.build_msg(Constants.SPICE_MSGC_INPUTS_KEY_UP, key);
-        sc.inputs.send_msg(msg);
-
-        /* Release unless the key is positively known to be held: the state
-           starts as the -1 sentinel (no key seen yet), and -1 == false is
-           false, so testing against false left the synthetic Ctrl+Alt held
-           in the guest whenever this ran before the first real keydown. */
-        if(Ctrl_state !== true) update_modifier(false, KeyNames.KEY_LCtrl, sc);
-        if(Alt_state !== true) update_modifier(false, KeyNames.KEY_Alt, sc);
-    }
-}
-
-function update_modifier(state, code, sc)
-{
-    var msg = new Messages.SpiceMiniData();
-    if (!state)
-    {
-        var key = new Messages.SpiceMsgcKeyUp()
-        /* Extended (two-byte) scancodes carry the break bit in their second
-           byte, as keycode_to_end_scan does; 0x80 would land in the 0xE0
-           prefix and corrupt it. */
-        key.code = code < 0x100 ? (0x80|code) : (0x8000|code);
-        msg.build_msg(Constants.SPICE_MSGC_INPUTS_KEY_UP, key);
-    }
-    else
-    {
-        var key = new Messages.SpiceMsgcKeyDown()
-        key.code = code;
-        msg.build_msg(Constants.SPICE_MSGC_INPUTS_KEY_DOWN, key);
-    }
-
-    sc.inputs.send_msg(msg);
-}
-
-function check_and_update_modifiers(e, code, sc)
-{
-    if (Shift_state === -1)
-    {
-        Shift_state = e.shiftKey;
-        Ctrl_state = e.ctrlKey;
-        Alt_state = e.altKey;
-        Meta_state = e.metaKey;
-    }
-
-    if (code === KeyNames.KEY_ShiftL)
-        Shift_state = true;
-    else if (code === KeyNames.KEY_Alt)
-        Alt_state = true;
-    else if (code === KeyNames.KEY_LCtrl)
-        Ctrl_state = true;
-    else if (code === META_L_SCAN || code === META_R_SCAN)
-        Meta_state = true;
-    else if (code === (0x80|KeyNames.KEY_ShiftL))
-        Shift_state = false;
-    else if (code === (0x80|KeyNames.KEY_Alt))
-        Alt_state = false;
-    else if (code === (0x80|KeyNames.KEY_LCtrl))
-        Ctrl_state = false;
-    else if (code === (0x8000|META_L_SCAN) || code === (0x8000|META_R_SCAN))
-        Meta_state = false;
-
-    if (sc && sc.inputs && sc.inputs.state === "ready")
-    {
-        if (Shift_state != e.shiftKey)
-        {
-            console.log("Shift state out of sync");
-            update_modifier(e.shiftKey, KeyNames.KEY_ShiftL, sc);
-            Shift_state = e.shiftKey;
-        }
-        if (Alt_state != e.altKey)
-        {
-            console.log("Alt state out of sync");
-            update_modifier(e.altKey, KeyNames.KEY_Alt, sc);
-            Alt_state = e.altKey;
-        }
-        if (Ctrl_state != e.ctrlKey)
-        {
-            console.log("Ctrl state out of sync");
-            update_modifier(e.ctrlKey, KeyNames.KEY_LCtrl, sc);
-            Ctrl_state = e.ctrlKey;
-        }
-        if (Meta_state != e.metaKey)
-        {
-            console.log("Meta state out of sync");
-            update_modifier(e.metaKey, META_L_SCAN, sc);
-            Meta_state = e.metaKey;
-        }
-    }
-}
-
-/*----------------------------------------------------------------------------
-**  typeText
-**      Deliver a string to the guest as synthetic keystrokes on the inputs
-**  channel. The inputs channel speaks PC scancodes — positions on a physical
-**  keyboard, not characters — so this maps each character to the key that
-**  produces it on a US layout. A guest configured for another keymap will
-**  type different characters, and anything a US layout cannot produce with
-**  at most Shift (AltGr combinations, dead keys, non-ASCII) cannot be
-**  expressed at all; such characters are skipped and reported back.
-**--------------------------------------------------------------------------*/
-
-/* character → [KeyboardEvent.code, needs-shift] on a US layout. */
-var US_TYPEABLE = (function ()
-{
-    var map = {};
-    var i;
-
-    var letters = "abcdefghijklmnopqrstuvwxyz";
-    for (i = 0; i < letters.length; i++)
-    {
-        var code = "Key" + letters[i].toUpperCase();
-        map[letters[i]] = [code, false];
-        map[letters[i].toUpperCase()] = [code, true];
-    }
-
-    var digits = "1234567890";
-    var shifted_digits = "!@#$%^&*()";
-    for (i = 0; i < digits.length; i++)
-    {
-        map[digits[i]] = ["Digit" + digits[i], false];
-        map[shifted_digits[i]] = ["Digit" + digits[i], true];
-    }
-
-    var punctuation = [
-        ["-", "_", "Minus"],
-        ["=", "+", "Equal"],
-        ["[", "{", "BracketLeft"],
-        ["]", "}", "BracketRight"],
-        ["\\", "|", "Backslash"],
-        [";", ":", "Semicolon"],
-        ["'", "\"", "Quote"],
-        [",", "<", "Comma"],
-        [".", ">", "Period"],
-        ["/", "?", "Slash"],
-        ["`", "~", "Backquote"],
-    ];
-    for (i = 0; i < punctuation.length; i++)
-    {
-        map[punctuation[i][0]] = [punctuation[i][2], false];
-        map[punctuation[i][1]] = [punctuation[i][2], true];
-    }
-
-    map[" "] = ["Space", false];
-    map["\n"] = ["Enter", false];
-    map["\t"] = ["Tab", false];
-    return map;
-})();
-
-function send_scancode(sc, scancode, down)
-{
-    var msg = new Messages.SpiceMiniData();
-    var key;
-    if (down)
-    {
-        key = new Messages.SpiceMsgcKeyDown();
-        key.code = scancode;
-        msg.build_msg(Constants.SPICE_MSGC_INPUTS_KEY_DOWN, key);
-    }
-    else
-    {
-        key = new Messages.SpiceMsgcKeyUp();
-        /* Break code; every key this file types is a one-byte scancode. */
-        key.code = 0x80 | scancode;
-        msg.build_msg(Constants.SPICE_MSGC_INPUTS_KEY_UP, key);
-    }
-    sc.inputs.send_msg(msg);
-}
-
-/* A keystroke is a press and a release separated by time.  Sending both in
-   the same tick, as this once did, makes a guest drop characters: Windows in
-   particular discards a key whose break code arrives in the same instant as
-   its make code, and the loss is silent and intermittent — a pasted URL or
-   password arrives subtly wrong.  So hold each key down, and give Shift its
-   own settle time either side, before moving on. */
-var KEY_HOLD_MS = 12;
-var SHIFT_SETTLE_MS = 12;
-
-/* A server-side close leaves the channel's state at "ready", since the
-   close handler only reports; the socket itself says whether keystrokes
-   can still reach the guest. */
-function inputs_live(sc)
-{
-    return sc && sc.inputs && sc.inputs.state === "ready" &&
-           sc.inputs.ws && sc.inputs.ws.readyState === WebSocket.OPEN;
-}
-
-/* Resolves to { typed, skipped, aborted }: how many characters went out,
-   which distinct characters had no US-layout key, and whether the inputs
-   channel died mid-string. delay_ms is the gap between characters, which
-   paces a large paste so a guest's keyboard buffer is not flooded. */
-function typeText(sc, text, delay_ms)
-{
-    var delay = typeof delay_ms === 'number' ? delay_ms : 25;
-    /* A CRLF must land as a single Enter, not Enter twice. */
-    var chars = text.replace(/\r\n/g, "\n").replace(/\r/g, "\n");
-    var skipped = [];
-    var typed = 0;
-    var at = 0;
-
-    return new Promise(function (resolve)
-    {
-        function step()
-        {
-            if (! inputs_live(sc))
-            {
-                resolve({ typed: typed, skipped: skipped, aborted: at < chars.length });
-                return;
-            }
-            if (at >= chars.length)
-            {
-                resolve({ typed: typed, skipped: skipped, aborted: false });
-                return;
-            }
-
-            var ch = chars[at++];
-            var entry = US_TYPEABLE[ch];
-            var scancode = entry && code_to_scancode[entry[0]];
-            if (!scancode)
-            {
-                if (skipped.indexOf(ch) === -1)
-                    skipped.push(ch);
-                step();
-                return;
-            }
-
-            /* Each phase is [what to send, how long to wait after it], run in
-               order; the guest sees a press, a hold, and a release. */
-            var shifted = entry[1];
-            var phases = [];
-            if (shifted)
-                phases.push([function () { send_scancode(sc, KeyNames.KEY_ShiftL, true); }, SHIFT_SETTLE_MS]);
-            phases.push([function () { send_scancode(sc, scancode, true); }, KEY_HOLD_MS]);
-            phases.push([function () { send_scancode(sc, scancode, false); }, shifted ? SHIFT_SETTLE_MS : delay]);
-            if (shifted)
-                phases.push([function () { send_scancode(sc, KeyNames.KEY_ShiftL, false); }, delay]);
-            typed++;
-
-            var phase = 0;
-            (function run()
-            {
-                if (phase >= phases.length)
-                {
-                    step();
-                    return;
-                }
-                /* The channel can die mid-character; stop rather than send a
-                   press whose release will never follow. */
-                if (!(sc && sc.inputs && sc.inputs.state === "ready"))
-                {
-                    resolve({ typed: typed - 1, skipped: skipped, aborted: true });
-                    return;
-                }
-                var current = phases[phase++];
-                current[0]();
-                window.setTimeout(run, current[1]);
-            })();
-        }
-        step();
-    });
-}
-
-export {
-  SpiceInputsConn,
-  handle_mousemove,
-  handle_mousedown,
-  handle_contextmenu,
-  handle_mouseup,
-  handle_mousewheel,
-  handle_keydown,
-  handle_keyup,
-  sendCtrlAltDel,
-  typeText,
-};

web/src/vendor/spice-html5/src/lz.js

@@ -1,181 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { Constants } from './enums.js';
-
-/*----------------------------------------------------------------------------
-**  lz.js
-**      Functions for handling SPICE_IMAGE_TYPE_LZ_RGB
-**  Adapted from lz.c .
-**--------------------------------------------------------------------------*/
-function lz_rgb32_decompress(in_buf, at, out_buf, type, default_alpha)
-{
-    var encoder = at;
-    var op = 0;
-    var ctrl;
-    var i = 0;
-
-    for (ctrl = in_buf[encoder++]; (op * 4) < out_buf.length; ctrl = in_buf[encoder++])
-    {
-        var ref = op;
-        var len = ctrl >> 5;
-        var ofs = (ctrl & 31) << 8;
-
-        if (ctrl >= 32) {
-
-            var code;
-            len--;
-
-            if (len == 7 - 1) {
-                do {
-                    code = in_buf[encoder++];
-                    len += code;
-                } while (code == 255);
-            }
-            code = in_buf[encoder++];
-            ofs += code;
-
-
-            if (code == 255) {
-                if ((ofs - code) == (31 << 8)) {
-                    ofs = in_buf[encoder++] << 8;
-                    ofs += in_buf[encoder++];
-                    ofs += 8191;
-                }
-            }
-            len += 1;
-            if (type == Constants.LZ_IMAGE_TYPE_RGBA)
-                len += 2;
-
-            ofs += 1;
-
-            ref -= ofs;
-            if (ref == (op - 1)) {
-                var b = ref;
-                for (; len; --len) {
-                    if (type == Constants.LZ_IMAGE_TYPE_RGBA)
-                    {
-                        out_buf[(op*4) + 3] = out_buf[(b*4)+3];
-                    }
-                    else
-                    {
-                        for (i = 0; i < 4; i++)
-                            out_buf[(op*4) + i] = out_buf[(b*4)+i];
-                    }
-                    op++;
-                }
-            } else {
-                for (; len; --len) {
-                    if (type == Constants.LZ_IMAGE_TYPE_RGBA)
-                    {
-                        out_buf[(op*4) + 3] = out_buf[(ref*4)+3];
-                    }
-                    else
-                    {
-                        for (i = 0; i < 4; i++)
-                            out_buf[(op*4) + i] = out_buf[(ref*4)+i];
-                    }
-                    op++; ref++;
-                }
-            }
-        } else {
-            ctrl++;
-
-            if (type == Constants.LZ_IMAGE_TYPE_RGBA)
-            {
-                out_buf[(op*4) + 3] = in_buf[encoder++];
-            }
-            else
-            {
-                out_buf[(op*4) + 0] = in_buf[encoder + 2];
-                out_buf[(op*4) + 1] = in_buf[encoder + 1];
-                out_buf[(op*4) + 2] = in_buf[encoder + 0];
-                if (default_alpha)
-                    out_buf[(op*4) + 3] = 255;
-                encoder += 3;
-            }
-            op++;
-
-
-            for (--ctrl; ctrl; ctrl--) {
-                if (type == Constants.LZ_IMAGE_TYPE_RGBA)
-                {
-                    out_buf[(op*4) + 3] = in_buf[encoder++];
-                }
-                else
-                {
-                    out_buf[(op*4) + 0] = in_buf[encoder + 2];
-                    out_buf[(op*4) + 1] = in_buf[encoder + 1];
-                    out_buf[(op*4) + 2] = in_buf[encoder + 0];
-                    if (default_alpha)
-                        out_buf[(op*4) + 3] = 255;
-                    encoder += 3;
-                }
-                op++;
-            }
-        }
-
-    }
-    return encoder - 1;
-}
-
-function flip_image_data(img)
-{
-    var wb = img.width * 4;
-    var h = img.height;
-    var temp_h = h;
-    var buff = new Uint8Array(img.width * img.height * 4);
-    while (temp_h--)
-    {
-        buff.set(img.data.subarray(temp_h * wb, (temp_h + 1) * wb), (h - temp_h - 1) * wb);
-    }
-    img.data.set(buff);
-}
-
-function convert_spice_lz_to_web(context, lz_image)
-{
-    var at;
-    if (lz_image.type === Constants.LZ_IMAGE_TYPE_RGB32 || lz_image.type === Constants.LZ_IMAGE_TYPE_RGBA)
-    {
-        var u8 = new Uint8Array(lz_image.data);
-        var ret = context.createImageData(lz_image.width, lz_image.height);
-
-        at = lz_rgb32_decompress(u8, 0, ret.data, Constants.LZ_IMAGE_TYPE_RGB32, lz_image.type != Constants.LZ_IMAGE_TYPE_RGBA);
-        if (!lz_image.top_down)
-            flip_image_data(ret);
-
-        if (lz_image.type == Constants.LZ_IMAGE_TYPE_RGBA)
-            lz_rgb32_decompress(u8, at, ret.data, Constants.LZ_IMAGE_TYPE_RGBA, false);
-    }
-    else if (lz_image.type === Constants.LZ_IMAGE_TYPE_XXXA)
-    {
-        var u8 = new Uint8Array(lz_image.data);
-        var ret = context.createImageData(lz_image.width, lz_image.height);
-        lz_rgb32_decompress(u8, 0, ret.data, Constants.LZ_IMAGE_TYPE_RGBA, false);
-    }
-    else
-        return undefined;
-
-    return ret;
-}
-
-export {
-  convert_spice_lz_to_web,
-};

web/src/vendor/spice-html5/src/main.d.ts

@@ -1,9 +0,0 @@
-// Types for what Ham Lab uses of the vendored spice-html5 (plain JavaScript beside this file).
-export class SpiceMainConn {
-  constructor(opts: { uri: string; screen_id: string; password?: string; message_id?: string; dump_id?: string; onerror?: (e: Event | Error) => void; onsuccess?: () => void; onagent?: (sc: SpiceMainConn) => void })
-  stop(msg?: string): void
-  agent_connected?: boolean
-}
-export function resize_helper(sc: SpiceMainConn): void
-export function handle_resize(e?: Event): void
-export function sendCtrlAltDel(sc: SpiceMainConn): void

web/src/vendor/spice-html5/src/main.js

@@ -1,669 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import * as Messages from './spicemsg.js';
-import { Constants } from './enums.js';
-import { SpiceCursorConn } from './cursor.js';
-import { SpiceConn } from './spiceconn.js';
-import { DEBUG } from './utils.js';
-import { SpiceFileXferTask } from './filexfer.js';
-import { SpiceInputsConn, sendCtrlAltDel, typeText } from './inputs.js';
-import { SpiceDisplayConn } from './display.js';
-import { SpicePlaybackConn } from './playback.js';
-import { SpicePortConn } from './port.js';
-import { handle_file_dragover, handle_file_drop } from './filexfer.js';
-import { resize_helper, handle_resize } from './resize.js';
-
-/*----------------------------------------------------------------------------
-**  SpiceMainConn
-**      This is the master Javascript class for establishing and
-**  managing a connection to a Spice Server.
-**
-**      Invocation:  You must pass an object with properties as follows:
-**          uri         (required)  Uri of a WebSocket listener that is
-**                                  connected to a spice server.
-**          password    (required)  Password to send to the spice server
-**          message_id  (optional)  Identifier of an element in the DOM
-**                                  where SpiceConn will write messages.
-**                                  It will use classes spice-messages-x,
-**                                  where x is one of info, warning, or error.
-**          screen_id   (optional)  Identifier of an element in the DOM
-**                                  where SpiceConn will create any new
-**                                  client screens.  This is the main UI.
-**          dump_id     (optional)  If given, an element to use for
-**                                  dumping every single image + canvas drawn.
-**                                  Sometimes useful for debugging.
-**          onerror     (optional)  If given, a function to receive async
-**                                  errors.  Note that you should also catch
-**                                  errors for ones that occur inline
-**          onagent     (optional)  If given, a function to be called when
-**                                  a VD agent is connected; a good opportunity
-**                                  to request a resize
-**          onsuccess   (optional)  If given, a function to be called when the
-**                                  session is successfully connected
-**
-**  Throws error if there are troubles.  Requires a modern (by 2012 standards)
-**      browser, including WebSocket and WebSocket.binaryType == arraybuffer
-**
-**--------------------------------------------------------------------------*/
-function SpiceMainConn()
-{
-    if (typeof WebSocket === "undefined")
-        throw new Error("WebSocket unavailable.  You need to use a different browser.");
-
-    SpiceConn.apply(this, arguments);
-
-    this.agent_msg_queue = [];
-    this.file_xfer_tasks = {};
-    this.file_xfer_task_id = 0;
-    this.file_xfer_read_queue = [];
-    this.ports = [];
-    this.agent_caps = [0]
-}
-
-SpiceMainConn.prototype = Object.create(SpiceConn.prototype);
-SpiceMainConn.prototype.process_channel_message = function(msg)
-{
-    if (msg.type == Constants.SPICE_MSG_MAIN_MIGRATE_BEGIN)
-    {
-        this.known_unimplemented(msg.type, "Main Migrate Begin");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_MIGRATE_CANCEL)
-    {
-        this.known_unimplemented(msg.type, "Main Migrate Cancel");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_INIT)
-    {
-        this.log_info("Connected to " + this.ws.url);
-        this.report_success("Connected")
-        this.main_init = new Messages.SpiceMsgMainInit(msg.data);
-        this.connection_id = this.main_init.session_id;
-        this.agent_tokens = this.main_init.agent_tokens;
-
-        if (DEBUG > 0)
-        {
-            // FIXME - there is a lot here we don't handle; mouse modes, agent,
-            //          ram_hint, multi_media_time
-            this.log_info("session id "                 + this.main_init.session_id +
-                          " ; display_channels_hint "   + this.main_init.display_channels_hint +
-                          " ; supported_mouse_modes "   + this.main_init.supported_mouse_modes +
-                          " ; current_mouse_mode "      + this.main_init.current_mouse_mode +
-                          " ; agent_connected "         + this.main_init.agent_connected +
-                          " ; agent_tokens "            + this.main_init.agent_tokens +
-                          " ; multi_media_time "        + this.main_init.multi_media_time +
-                          " ; ram_hint "                + this.main_init.ram_hint);
-        }
-
-        this.our_mm_time = Date.now();
-        this.mm_time = this.main_init.multi_media_time;
-
-        this.handle_mouse_mode(this.main_init.current_mouse_mode,
-                               this.main_init.supported_mouse_modes);
-
-        if (this.main_init.agent_connected)
-            this.connect_agent();
-
-        var attach = new Messages.SpiceMiniData;
-        attach.type = Constants.SPICE_MSGC_MAIN_ATTACH_CHANNELS;
-        attach.size = attach.buffer_size();
-        this.send_msg(attach);
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_MOUSE_MODE)
-    {
-        var mode = new Messages.SpiceMsgMainMouseMode(msg.data);
-        DEBUG > 0 && this.log_info("Mouse supported modes " + mode.supported_modes + "; current " + mode.current_mode);
-        this.handle_mouse_mode(mode.current_mode, mode.supported_modes);
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_MULTI_MEDIA_TIME)
-    {
-        /* The server's multimedia clock. relative_now() estimates it from
-           the value seeded at INIT plus elapsed wall time, which drifts as
-           the two clocks diverge, and stream frames are scheduled and
-           reported against that estimate. This message is the server
-           resynchronising it. */
-        var mm = new Messages.SpiceMsgMainMultiMediaTime(msg.data);
-        this.our_mm_time = Date.now();
-        this.mm_time = mm.time;
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_CHANNELS_LIST)
-    {
-        var i;
-        var chans;
-        DEBUG > 0 && console.log("channels");
-        chans = new Messages.SpiceMsgChannels(msg.data);
-        for (i = 0; i < chans.channels.length; i++)
-        {
-            var conn = {
-                        uri: this.ws.url,
-                        parent: this,
-                        connection_id : this.connection_id,
-                        type : chans.channels[i].type,
-                        chan_id : chans.channels[i].id
-                    };
-            if (chans.channels[i].type == Constants.SPICE_CHANNEL_DISPLAY)
-            {
-                if (chans.channels[i].id == 0) {
-                    this.display = new SpiceDisplayConn(conn);
-                } else {
-                    this.log_warn("The spice-html5 client does not handle multiple heads.");
-                }
-            }
-            else if (chans.channels[i].type == Constants.SPICE_CHANNEL_INPUTS)
-            {
-                this.inputs = new SpiceInputsConn(conn);
-                this.inputs.mouse_mode = this.mouse_mode;
-            }
-            else if (chans.channels[i].type == Constants.SPICE_CHANNEL_CURSOR)
-                this.cursor = new SpiceCursorConn(conn);
-            else if (chans.channels[i].type == Constants.SPICE_CHANNEL_PLAYBACK)
-                this.playback = new SpicePlaybackConn(conn);
-            else if (chans.channels[i].type == Constants.SPICE_CHANNEL_PORT)
-                this.ports.push(new SpicePortConn(conn));
-            else
-            {
-                if (! ("extra_channels" in this))
-                    this.extra_channels = [];
-                this.extra_channels[i] = new SpiceConn(conn);
-                this.log_err("Channel type " + this.extra_channels[i].channel_type() + " not implemented");
-            }
-
-        }
-
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_AGENT_CONNECTED)
-    {
-        this.connect_agent();
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_AGENT_CONNECTED_TOKENS)
-    {
-        var connected_tokens = new Messages.SpiceMsgMainAgentTokens(msg.data);
-        this.agent_tokens = connected_tokens.num_tokens;
-        this.connect_agent();
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_AGENT_TOKEN)
-    {
-        var remaining_tokens, tokens = new Messages.SpiceMsgMainAgentTokens(msg.data);
-        this.agent_tokens += tokens.num_tokens;
-        this.send_agent_message_queue();
-
-        remaining_tokens = this.agent_tokens;
-        while (remaining_tokens > 0 && this.file_xfer_read_queue.length > 0)
-        {
-            var xfer_task = this.file_xfer_read_queue.shift();
-            this.file_xfer_read(xfer_task, xfer_task.read_bytes);
-            remaining_tokens--;
-        }
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_AGENT_DISCONNECTED)
-    {
-        this.agent_connected = false;
-
-        /* Fail transfers in flight rather than strand them: with the
-           agent gone their chunks are silently dropped, so they would
-           never complete, never error, and their progress bars would sit
-           on screen forever. */
-        this.agent_msg_queue = [];
-        this.file_xfer_read_queue = [];
-        for (var task_id in this.file_xfer_tasks)
-            this.file_xfer_completed(this.file_xfer_tasks[task_id],
-                new Error("Agent disconnected; file transfer aborted."));
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_AGENT_DATA)
-    {
-        var agent_data = new Messages.SpiceMsgMainAgentData(msg.data);
-        if (agent_data.type == Constants.VD_AGENT_ANNOUNCE_CAPABILITIES)
-        {
-            var agent_caps = new Messages.VDAgentAnnounceCapabilities(agent_data.data);
-            this.agent_caps = [agent_caps.caps];
-            if (agent_caps.request)
-                this.announce_agent_capabilities(0);
-            return true;
-        }
-        else if (agent_data.type == Constants.VD_AGENT_FILE_XFER_STATUS)
-        {
-            this.handle_file_xfer_status(new Messages.VDAgentFileXferStatusMessage(agent_data.data));
-            return true;
-        }
-        else if (agent_data.type == Constants.VD_AGENT_CLIPBOARD_GRAB)
-        {
-            this.handle_clipboard_grab();
-            return true;
-        }
-        else if (agent_data.type == Constants.VD_AGENT_CLIPBOARD)
-        {
-            this.handle_clipboard_receive(agent_data);
-            return true;
-        }
-        else if (agent_data.type == Constants.VD_AGENT_CLIPBOARD_REQUEST)
-        {
-            this.handle_clipboard_send();
-            return true;
-        }
-        else if (agent_data.type == Constants.VD_AGENT_CLIPBOARD_RELEASE)
-        {
-            // Currently we don't need to do anything when the agent releases the clipboard
-            return true;
-        }
-
-        /* An agent message we do not act on is still an agent message.
-           Returning false sent it back as an unhandled main-channel
-           message, so the console reported "Unknown message type 109"
-           -- naming the agent-data envelope rather than the thing
-           inside it, which is the part worth knowing. Name that once
-           per type instead. */
-        this.report_unhandled_agent_message(agent_data.type);
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_MIGRATE_SWITCH_HOST)
-    {
-        this.known_unimplemented(msg.type, "Main Migrate Switch Host");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_MIGRATE_END)
-    {
-        this.known_unimplemented(msg.type, "Main Migrate End");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_NAME)
-    {
-        this.known_unimplemented(msg.type, "Main Name");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_UUID)
-    {
-        this.known_unimplemented(msg.type, "Main UUID");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_MIGRATE_BEGIN_SEAMLESS)
-    {
-        this.known_unimplemented(msg.type, "Main Migrate Begin Seamless");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_MIGRATE_DST_SEAMLESS_ACK)
-    {
-        this.known_unimplemented(msg.type, "Main Migrate Dst Seamless ACK");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_MAIN_MIGRATE_DST_SEAMLESS_NACK)
-    {
-        this.known_unimplemented(msg.type, "Main Migrate Dst Seamless NACK");
-        return true;
-    }
-
-    return false;
-}
-
-SpiceMainConn.prototype.stop = function(msg)
-{
-    this.state = "closing";
-
-    if (this.inputs)
-    {
-        this.inputs.cleanup();
-        this.inputs = undefined;
-    }
-
-    if (this.cursor)
-    {
-        this.cursor.cleanup();
-        this.cursor = undefined;
-    }
-
-    if (this.playback)
-    {
-        this.playback.cleanup();
-        this.playback = undefined;
-    }
-
-    for (var p = 0; p < this.ports.length; p++)
-        this.ports[p].cleanup();
-    this.ports = [];
-
-    if (this.display)
-    {
-        this.display.cleanup();
-        this.display.destroy_surfaces();
-        this.display = undefined;
-    }
-
-    this.cleanup();
-
-    if ("extra_channels" in this)
-        for (var e in this.extra_channels)
-            this.extra_channels[e].cleanup();
-    this.extra_channels = undefined;
-}
-
-SpiceMainConn.prototype.send_agent_message_queue = function(message)
-{
-    if (!this.agent_connected)
-        return;
-
-    if (message)
-        this.agent_msg_queue.push(message);
-
-    while (this.agent_tokens > 0 && this.agent_msg_queue.length > 0)
-    {
-        var mr = this.agent_msg_queue.shift();
-        this.send_msg(mr);
-        this.agent_tokens--;
-    }
-}
-
-SpiceMainConn.prototype.send_agent_message = function(type, message)
-{
-    var agent_data = new Messages.SpiceMsgcMainAgentData(type, message);
-    var sb = 0, maxsize = Constants.VD_AGENT_MAX_DATA_SIZE - Messages.SpiceMiniData.prototype.buffer_size();
-    var data = new ArrayBuffer(agent_data.buffer_size());
-    agent_data.to_buffer(data);
-    while (sb < agent_data.buffer_size())
-    {
-        var eb = Math.min(sb + maxsize, agent_data.buffer_size());
-        var mr = new Messages.SpiceMiniData();
-        mr.type = Constants.SPICE_MSGC_MAIN_AGENT_DATA;
-        mr.size = eb - sb;
-        mr.data = data.slice(sb, eb);
-        this.send_agent_message_queue(mr);
-        sb = eb;
-    }
-}
-
-SpiceMainConn.prototype.announce_agent_capabilities = function(request)
-{
-    var caps = new Messages.VDAgentAnnounceCapabilities(request, (1 << Constants.VD_AGENT_CAP_MOUSE_STATE) |
-                                                        (1 << Constants.VD_AGENT_CAP_MONITORS_CONFIG) |
-                                                        (1 << Constants.VD_AGENT_CAP_REPLY) |
-                                                        (1 << Constants.VD_AGENT_CAP_CLIPBOARD_SELECTION) |
-                                                        (1 << Constants.VD_AGENT_CAP_CLIPBOARD_BY_DEMAND));
-    this.send_agent_message(Constants.VD_AGENT_ANNOUNCE_CAPABILITIES, caps);
-}
-
-SpiceMainConn.prototype.resize_window = function(flags, width, height, depth, x, y)
-{
-    var monitors_config = new Messages.VDAgentMonitorsConfig(flags, width, height, depth, x, y);
-    this.send_agent_message(Constants.VD_AGENT_MONITORS_CONFIG, monitors_config);
-}
-
-SpiceMainConn.prototype.file_xfer_start = function(file)
-{
-    var task_id, xfer_start, task;
-
-    task_id = this.file_xfer_task_id++;
-    task = new SpiceFileXferTask(task_id, file);
-    task.create_progressbar();
-    this.file_xfer_tasks[task_id] = task;
-    xfer_start = new Messages.VDAgentFileXferStartMessage(task_id, file.name, file.size);
-    this.send_agent_message(Constants.VD_AGENT_FILE_XFER_START, xfer_start);
-}
-
-SpiceMainConn.prototype.handle_file_xfer_status = function(file_xfer_status)
-{
-    var xfer_error, xfer_task;
-    if (!this.file_xfer_tasks[file_xfer_status.id])
-    {
-        return;
-    }
-    xfer_task = this.file_xfer_tasks[file_xfer_status.id];
-    switch (file_xfer_status.result)
-    {
-        case Constants.VD_AGENT_FILE_XFER_STATUS_CAN_SEND_DATA:
-            this.file_xfer_read(xfer_task);
-            return;
-        case Constants.VD_AGENT_FILE_XFER_STATUS_CANCELLED:
-            xfer_error = "transfer is cancelled by spice agent";
-            break;
-        case Constants.VD_AGENT_FILE_XFER_STATUS_ERROR:
-            xfer_error = "some errors occurred in the spice agent";
-            break;
-        case Constants.VD_AGENT_FILE_XFER_STATUS_SUCCESS:
-            break;
-        default:
-            xfer_error = "unhandled status type: " + file_xfer_status.result;
-            break;
-    }
-
-    this.file_xfer_completed(xfer_task, xfer_error)
-}
-
-SpiceMainConn.prototype.file_xfer_read = function(file_xfer_task, start_byte)
-{
-    var FILE_XFER_CHUNK_SIZE = 32 * Constants.VD_AGENT_MAX_DATA_SIZE;
-    var _this = this;
-    var sb, eb;
-    var slice, reader;
-
-    if (!file_xfer_task ||
-        !this.file_xfer_tasks[file_xfer_task.id] ||
-        (start_byte > 0 && start_byte == file_xfer_task.file.size))
-    {
-        return;
-    }
-
-    if (file_xfer_task.cancelled)
-    {
-        var xfer_status = new Messages.VDAgentFileXferStatusMessage(file_xfer_task.id,
-                                                           Constants.VD_AGENT_FILE_XFER_STATUS_CANCELLED);
-        this.send_agent_message(Constants.VD_AGENT_FILE_XFER_STATUS, xfer_status);
-        delete this.file_xfer_tasks[file_xfer_task.id];
-        return;
-    }
-
-    sb = start_byte || 0,
-    eb = Math.min(sb + FILE_XFER_CHUNK_SIZE, file_xfer_task.file.size);
-
-    if (!this.agent_tokens)
-    {
-        file_xfer_task.read_bytes = sb;
-        this.file_xfer_read_queue.push(file_xfer_task);
-        return;
-    }
-
-    reader = new FileReader();
-    reader.onload = function(e)
-    {
-        var xfer_data = new Messages.VDAgentFileXferDataMessage(file_xfer_task.id,
-                                                       e.target.result.byteLength,
-                                                       e.target.result);
-        _this.send_agent_message(Constants.VD_AGENT_FILE_XFER_DATA, xfer_data);
-        /* Only recurse while bytes remain.  The old code always recursed
-           and relied on the start_byte > 0 guard above to terminate, which
-           a zero-byte file never satisfies — it looped forever, burning an
-           agent token per iteration. */
-        if (eb < file_xfer_task.file.size)
-            _this.file_xfer_read(file_xfer_task, eb);
-        file_xfer_task.update_progressbar(eb);
-    };
-
-    slice = file_xfer_task.file.slice(sb, eb);
-    reader.readAsArrayBuffer(slice);
-}
-
-SpiceMainConn.prototype.file_xfer_completed = function(file_xfer_task, error)
-{
-    if (error)
-        this.log_err(error);
-    else
-        this.log_info("transfer of '" + file_xfer_task.file.name +"' was successful");
-
-    file_xfer_task.remove_progressbar();
-
-    delete this.file_xfer_tasks[file_xfer_task.id];
-}
-
-/* The guest agent sends more than this client acts on -- a reply
-   acknowledging our capabilities, mouse state under server mouse mode,
-   monitor and display configuration. None need handling, but each was
-   arriving as an anonymous "unknown message" on the main channel. */
-SpiceMainConn.prototype.report_unhandled_agent_message = function(type)
-{
-    var names = {};
-    names[Constants.VD_AGENT_MOUSE_STATE] = "Mouse State";
-    names[Constants.VD_AGENT_MONITORS_CONFIG] = "Monitors Config";
-    names[Constants.VD_AGENT_REPLY] = "Reply";
-    names[Constants.VD_AGENT_DISPLAY_CONFIG] = "Display Config";
-    names[Constants.VD_AGENT_FILE_XFER_START] = "File Xfer Start";
-    names[Constants.VD_AGENT_FILE_XFER_DATA] = "File Xfer Data";
-    names[Constants.VD_AGENT_CLIENT_DISCONNECTED] = "Client Disconnected";
-    names[Constants.VD_AGENT_MAX_CLIPBOARD] = "Max Clipboard";
-
-    if (! this.reported_agent_types)
-        this.reported_agent_types = {};
-    if (this.reported_agent_types[type])
-        return;
-    this.reported_agent_types[type] = true;
-
-    this.log_warn("Agent message not handled: " + (names[type] || "type " + type) +
-                  " [ further notices suppressed ]");
-}
-
-SpiceMainConn.prototype.handle_clipboard_grab = function()
-{
-    DEBUG > 1 && console.log("handling clipboard grab from agent");
-
-    // agent is requesting clipboard grab, so we send a message to request clipboard contents
-    const type = Constants.VD_AGENT_CLIPBOARD_UTF8_TEXT;
-    const clipboard_request = new Messages.SpiceMsgClipboardRequest(type, this.agent_caps);
-    this.send_agent_message(Constants.VD_AGENT_CLIPBOARD_REQUEST, clipboard_request);
-}
-
-SpiceMainConn.prototype.handle_clipboard_receive = function(agent_data)
-{
-    DEBUG > 1 && console.log("received clipboard data from agent");
-
-    // received clipboard data from agent, copy it to browser clipboard
-    const received_clipboard = new Messages.SpiceMsgClipboardReceive(agent_data, this.agent_caps);
-    if (received_clipboard.type === Constants.VD_AGENT_CLIPBOARD_UTF8_TEXT)
-    {
-        // write it to the browser clipboard
-        if (navigator.clipboard && navigator.clipboard.writeText)
-        {
-            const text = received_clipboard.get_text();
-            navigator.clipboard.writeText(text).catch(err => {
-                console.warn("Failed to write to navigator clipboard:", err);
-            });
-        }
-    }
-    else
-    {
-        console.log("Unsupported clipboard type:", received_clipboard.type);
-    }
-}
-
-SpiceMainConn.prototype.handle_clipboard_send = function()
-{
-    DEBUG > 1 && console.log("sending clipboard data to agent");
-
-    // agent is requesting clipboard data, read it from browser clipboard and send it.
-    if (navigator.clipboard && navigator.clipboard.readText)
-    {
-        navigator.clipboard.readText().then(text => {
-            const type = Constants.VD_AGENT_CLIPBOARD_UTF8_TEXT;
-            const clipboard_msg = new Messages.SpiceMsgClipboardSend(type, text, this.agent_caps);
-            this.send_agent_message(Constants.VD_AGENT_CLIPBOARD, clipboard_msg);
-        }).catch(err => {
-            console.log("Failed to read clipboard:", err);
-        });
-    }
-}
-
-SpiceMainConn.prototype.send_clipboard_grab = function()
-{
-    DEBUG > 1 && console.log("browser is asking agent to grab clipboard");
-
-    // Send clipboard grab to agent. Agent will then ask for the host os clipboard contents in a dedicated message.
-    const type = Constants.VD_AGENT_CLIPBOARD_UTF8_TEXT;
-    const grab_message = new Messages.SpiceMsgClipboardGrab(type, this.agent_caps);
-    this.send_agent_message(Constants.VD_AGENT_CLIPBOARD_GRAB, grab_message)
-}
-
-SpiceMainConn.prototype.connect_agent = function()
-{
-    this.agent_connected = true;
-
-    var agent_start = new Messages.SpiceMsgcMainAgentStart(~0);
-    var mr = new Messages.SpiceMiniData();
-    mr.build_msg(Constants.SPICE_MSGC_MAIN_AGENT_START, agent_start);
-    this.send_msg(mr);
-
-    this.announce_agent_capabilities(1);
-
-    if (this.onagent !== undefined)
-        this.onagent(this);
-
-}
-
-SpiceMainConn.prototype.handle_mouse_mode = function(current, supported)
-{
-    this.mouse_mode = current;
-    if (current != Constants.SPICE_MOUSE_MODE_CLIENT && (supported & Constants.SPICE_MOUSE_MODE_CLIENT))
-    {
-        var mode_request = new Messages.SpiceMsgcMainMouseModeRequest(Constants.SPICE_MOUSE_MODE_CLIENT);
-        var mr = new Messages.SpiceMiniData();
-        mr.build_msg(Constants.SPICE_MSGC_MAIN_MOUSE_MODE_REQUEST, mode_request);
-        this.send_msg(mr);
-    }
-
-    if (this.inputs)
-        this.inputs.mouse_mode = current;
-}
-
-/* Shift current time to attempt to get a time matching that of the server */
-SpiceMainConn.prototype.relative_now = function()
-{
-    var ret = (Date.now() - this.our_mm_time) + this.mm_time;
-    return ret;
-}
-
-export {
-  SpiceMainConn,
-  handle_file_dragover,
-  handle_file_drop,
-  resize_helper,
-  handle_resize,
-  sendCtrlAltDel,
-  typeText,
-};

web/src/vendor/spice-html5/src/playback.js

@@ -1,432 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2014 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-/*----------------------------------------------------------------------------
-**  SpicePlaybackConn
-**      Drive the Spice Playback channel (sound out)
-**--------------------------------------------------------------------------*/
-
-import * as Utils from './utils.js';
-import * as Webm from './webm.js';
-import * as Messages from './spicemsg.js';
-import { Constants } from './enums.js';
-import { SpiceConn } from './spiceconn.js';
-
-function SpicePlaybackConn()
-{
-    SpiceConn.apply(this, arguments);
-
-    this.queue = new Array();
-    this.append_okay = false;
-    this.start_time = 0;
-}
-
-SpicePlaybackConn.prototype = Object.create(SpiceConn.prototype);
-SpicePlaybackConn.prototype.process_channel_message = function(msg)
-{
-    if (!window.MediaSource)
-    {
-        this.log_err('MediaSource API is not available');
-        return false;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_PLAYBACK_START)
-    {
-        var start = new Messages.SpiceMsgPlaybackStart(msg.data);
-
-        Utils.PLAYBACK_DEBUG > 0 && console.log("PlaybackStart; frequency " + start.frequency);
-
-        if (start.frequency != Webm.Constants.OPUS_FREQUENCY)
-        {
-            this.log_err('This player cannot handle frequency ' + start.frequency);
-            return false;
-        }
-
-        if (start.channels != Webm.Constants.OPUS_CHANNELS)
-        {
-            this.log_err('This player cannot handle ' + start.channels + ' channels');
-            return false;
-        }
-
-        if (start.format != Constants.SPICE_AUDIO_FMT_S16)
-        {
-            this.log_err('This player cannot format ' + start.format);
-            return false;
-        }
-
-        /* Keyed on the audio element, not source_buffer: source_buffer is
-           only set asynchronously in handle_source_open, so a second START
-           arriving before sourceopen would stack a second audio element. */
-        if (! this.audio)
-        {
-            this.media_source = new MediaSource();
-            this.media_source.spiceconn = this;
-
-            this.audio = document.createElement("audio");
-            this.audio.spiceconn = this;
-            this.audio.setAttribute('autoplay', true);
-            this.audio.src = window.URL.createObjectURL(this.media_source);
-            document.getElementById(this.parent.screen_id).appendChild(this.audio);
-
-            this.media_source.addEventListener('sourceopen', handle_source_open, false);
-            this.media_source.addEventListener('sourceended', handle_source_ended, false);
-            this.media_source.addEventListener('sourceclosed', handle_source_closed, false);
-
-            this.bytes_written = 0;
-
-            return true;
-        }
-    }
-
-    if (msg.type == Constants.SPICE_MSG_PLAYBACK_DATA)
-    {
-        var data = new Messages.SpiceMsgPlaybackData(msg.data);
-
-        if (! this.source_buffer)
-            return true;
-
-        if (this.audio.readyState >= 3 && this.audio.buffered.length > 1 &&
-            this.audio.currentTime == this.audio.buffered.end(0) &&
-            this.audio.currentTime < this.audio.buffered.start(this.audio.buffered.length - 1))
-        {
-            console.log("Audio underrun: we appear to have fallen behind; advancing to " +
-                this.audio.buffered.start(this.audio.buffered.length - 1));
-            this.audio.currentTime = this.audio.buffered.start(this.audio.buffered.length - 1);
-        }
-
-        /* Around version 45, Firefox started being very particular about the
-           time stamps put into the Opus stream.  The time stamps from the Spice server are
-           somewhat irregular.  They mostly arrive every 10 ms, but sometimes it is 11, or sometimes
-           with two time stamps the same in a row.  The previous logic resulted in fuzzy and/or
-           distorted audio streams in Firefox in a row.
-
-           In theory, the sequence mode should be appropriate for us, but as of 09/27/2016,
-           I was unable to make sequence mode work with Firefox.
-
-           Thus, we end up with an inelegant hack.  Essentially, we force every packet to have
-           a 10ms time delta, unless there is an obvious gap in time stream, in which case we
-           will resync.
-        */
-
-        if (this.start_time != 0 && data.time != (this.last_data_time + Webm.Constants.EXPECTED_PACKET_DURATION))
-        {
-            if (Math.abs(data.time - (Webm.Constants.EXPECTED_PACKET_DURATION + this.last_data_time)) < Webm.Constants.MAX_CLUSTER_TIME)
-            {
-                Utils.PLAYBACK_DEBUG > 1 && console.log("Hacking time of " + data.time + " to " +
-                                      (this.last_data_time + Webm.Constants.EXPECTED_PACKET_DURATION));
-                data.time = this.last_data_time + Webm.Constants.EXPECTED_PACKET_DURATION;
-            }
-            else
-            {
-                Utils.PLAYBACK_DEBUG > 1 && console.log("Apparent gap in audio time; now is " + data.time + " last was " + this.last_data_time);
-            }
-        }
-
-        this.last_data_time = data.time;
-
-        Utils.PLAYBACK_DEBUG > 1 && console.log("PlaybackData; time " + data.time + "; length " + data.data.byteLength);
-
-        if (this.start_time == 0)
-            this.start_playback(data);
-
-        else if (data.time - this.cluster_time >= Webm.Constants.MAX_CLUSTER_TIME)
-            this.new_cluster(data);
-
-        else
-            this.simple_block(data, false);
-
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_PLAYBACK_MODE)
-    {
-        var mode = new Messages.SpiceMsgPlaybackMode(msg.data);
-        if (mode.mode != Constants.SPICE_AUDIO_DATA_MODE_OPUS)
-        {
-            this.log_err('This player cannot handle mode ' + mode.mode);
-            /* Deleting just source_buffer left the audio element and its
-               object URL orphaned with no guard left to reclaim them. */
-            this.destroy_audio();
-        }
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_PLAYBACK_STOP)
-    {
-        Utils.PLAYBACK_DEBUG > 0 && console.log("PlaybackStop");
-        if (this.audio)
-        {
-            this.destroy_audio();
-            return true;
-        }
-    }
-
-    if (msg.type == Constants.SPICE_MSG_PLAYBACK_VOLUME)
-    {
-        this.known_unimplemented(msg.type, "Playback Volume");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_PLAYBACK_MUTE)
-    {
-        this.known_unimplemented(msg.type, "Playback Mute");
-        return true;
-    }
-
-    if (msg.type == Constants.SPICE_MSG_PLAYBACK_LATENCY)
-    {
-        this.known_unimplemented(msg.type, "Playback Latency");
-        return true;
-    }
-
-    return false;
-}
-
-SpicePlaybackConn.prototype.destroy_audio = function()
-{
-    if (! this.audio)
-        return;
-
-    if (this.audio.parentNode)
-        this.audio.parentNode.removeChild(this.audio);
-    window.URL.revokeObjectURL(this.audio.src);
-
-    delete this.source_buffer;
-    delete this.media_source;
-    delete this.audio;
-
-    this.append_okay = false;
-    this.queue = new Array();
-    this.start_time = 0;
-}
-
-/* A client-side stop must reclaim the audio element, its object URL and
-   the MediaSource; without this they were only freed by a server STOP,
-   and an application that stops and recreates connections leaked one
-   set per cycle. */
-SpicePlaybackConn.prototype.cleanup = function()
-{
-    this.destroy_audio();
-    SpiceConn.prototype.cleanup.call(this);
-}
-
-SpicePlaybackConn.prototype.start_playback = function(data)
-{
-    this.start_time = data.time;
-
-    var h = new Webm.Header();
-    var te = new Webm.AudioTrackEntry;
-    var t = new Webm.Tracks(te);
-
-    var mb = new ArrayBuffer(h.buffer_size() + t.buffer_size())
-
-    this.bytes_written = h.to_buffer(mb);
-    this.bytes_written = t.to_buffer(mb, this.bytes_written);
-
-    this.source_buffer.addEventListener('error', handle_sourcebuffer_error, false);
-    this.source_buffer.addEventListener('updateend', handle_append_buffer_done, false);
-    playback_append_buffer(this, mb);
-
-    this.new_cluster(data);
-}
-
-SpicePlaybackConn.prototype.new_cluster = function(data)
-{
-    this.cluster_time = data.time;
-
-    var c = new Webm.Cluster(data.time - this.start_time);
-
-    var mb = new ArrayBuffer(c.buffer_size());
-    this.bytes_written += c.to_buffer(mb);
-
-    if (this.append_okay)
-        playback_append_buffer(this, mb);
-    else
-        this.queue.push(mb);
-
-    this.simple_block(data, true);
-}
-
-SpicePlaybackConn.prototype.simple_block = function(data, keyframe)
-{
-    var sb = new Webm.SimpleBlock(data.time - this.cluster_time, data.data, keyframe);
-    var mb = new ArrayBuffer(sb.buffer_size());
-
-    this.bytes_written += sb.to_buffer(mb);
-
-    if (this.append_okay)
-        playback_append_buffer(this, mb);
-    else
-        this.queue.push(mb);
-}
-
-function handle_source_open(e)
-{
-    var p = this.spiceconn;
-
-    if (p.source_buffer)
-        return;
-
-    p.source_buffer = this.addSourceBuffer(Webm.Constants.SPICE_PLAYBACK_CODEC);
-    if (! p.source_buffer)
-    {
-        p.log_err('Codec ' + Webm.Constants.SPICE_PLAYBACK_CODEC + ' not available.');
-        return;
-    }
-
-    if (Utils.PLAYBACK_DEBUG > 0)
-        playback_handle_event_debug.call(this, e);
-
-    listen_for_audio_events(p);
-
-    p.source_buffer.spiceconn = p;
-    p.source_buffer.mode = "segments";
-
-    // FIXME - Experimentation with segments and sequences was unsatisfying.
-    //         Switching to sequence did not solve our gap problem,
-    //         but the browsers didn't fully support the time seek capability
-    //         we would expect to gain from 'segments'.
-    //         Segments worked at the time of this patch, so segments it is for now.
-
-}
-
-function handle_source_ended(e)
-{
-    var p = this.spiceconn;
-    p.log_err('Audio source unexpectedly ended.');
-}
-
-function handle_source_closed(e)
-{
-    var p = this.spiceconn;
-    p.log_err('Audio source unexpectedly closed.');
-}
-
-function condense_playback_queue(queue)
-{
-    if (queue.length == 1)
-        return queue.shift();
-
-    var len = 0;
-    var i = 0;
-    for (i = 0; i < queue.length; i++)
-        len += queue[i].byteLength;
-
-    var mb = new ArrayBuffer(len);
-    var tmp = new Uint8Array(mb);
-    len = 0;
-    for (i = 0; i < queue.length; i++)
-    {
-        tmp.set(new Uint8Array(queue[i]), len);
-        len += queue[i].byteLength;
-    }
-    queue.length = 0;
-    return mb;
-}
-
-function handle_append_buffer_done(e)
-{
-    var p = this.spiceconn;
-
-    if (Utils.PLAYBACK_DEBUG > 1)
-        playback_handle_event_debug.call(this, e);
-
-    if (p.queue.length > 0)
-    {
-        var mb = condense_playback_queue(p.queue);
-        playback_append_buffer(p, mb);
-    }
-    else
-        p.append_okay = true;
-
-}
-
-function handle_sourcebuffer_error(e)
-{
-    var p = this.spiceconn;
-    p.log_err('source_buffer error ' + e.message);
-}
-
-function playback_append_buffer(p, b)
-{
-    try
-    {
-        p.source_buffer.appendBuffer(b);
-        p.append_okay = false;
-    }
-    catch (e)
-    {
-        p.log_err("Error invoking appendBuffer: " + e.message);
-    }
-}
-
-function playback_handle_event_debug(e)
-{
-    var p = this.spiceconn;
-    if (p.audio)
-    {
-        if (Utils.PLAYBACK_DEBUG > 0 || p.audio.buffered.len > 1)
-            console.log(p.audio.currentTime + ": event " + e.type +
-                Utils.dump_media_element(p.audio));
-    }
-
-    if (Utils.PLAYBACK_DEBUG > 1 && p.media_source)
-        console.log("  media_source " + Utils.dump_media_source(p.media_source));
-
-    if (Utils.PLAYBACK_DEBUG > 1 && p.source_buffer)
-        console.log("  source_buffer " + Utils.dump_source_buffer(p.source_buffer));
-
-    if (Utils.PLAYBACK_DEBUG > 0 || p.queue.length > 1)
-        console.log('  queue len ' + p.queue.length + '; append_okay: ' + p.append_okay);
-}
-
-function playback_debug_listen_for_one_event(name)
-{
-    this.addEventListener(name, playback_handle_event_debug);
-}
-
-function listen_for_audio_events(spiceconn)
-{
-    var audio_0_events = [
-        "abort", "error"
-    ];
-
-    var audio_1_events = [
-        "loadstart", "suspend", "emptied", "stalled", "loadedmetadata", "loadeddata", "canplay",
-        "canplaythrough", "playing", "waiting", "seeking", "seeked", "ended", "durationchange",
-        "timeupdate", "play", "pause", "ratechange"
-    ];
-
-    var audio_2_events = [
-        "progress",
-        "resize",
-        "volumechange"
-    ];
-
-    audio_0_events.forEach(playback_debug_listen_for_one_event, spiceconn.audio);
-    if (Utils.PLAYBACK_DEBUG > 0)
-        audio_1_events.forEach(playback_debug_listen_for_one_event, spiceconn.audio);
-    if (Utils.PLAYBACK_DEBUG > 1)
-        audio_2_events.forEach(playback_debug_listen_for_one_event, spiceconn.audio);
-}
-
-export {
-  SpicePlaybackConn,
-};

web/src/vendor/spice-html5/src/png.js

@@ -1,271 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-/*----------------------------------------------------------------------------
-**  crc logic from rfc2083 ported to Javascript
-**--------------------------------------------------------------------------*/
-
-var rfc2083_crc_table = Array(256);
-var rfc2083_crc_table_computed = 0;
-/* Make the table for a fast CRC. */
-function rfc2083_make_crc_table()
-{
-    var c;
-    var n, k;
-    for (n = 0; n < 256; n++)
-    {
-        c = n;
-        for (k = 0; k < 8; k++)
-        {
-            if (c & 1)
-                c = ((0xedb88320 ^ (c >>> 1)) >>> 0) & 0xffffffff;
-            else
-                c = c >>> 1;
-        }
-        rfc2083_crc_table[n] = c;
-    }
-
-    rfc2083_crc_table_computed = 1;
-}
-
-/* Update a running CRC with the bytes buf[0..len-1]--the CRC
-     should be initialized to all 1's, and the transmitted value
-     is the 1's complement of the final running CRC (see the
-     crc() routine below)). */
-
-function rfc2083_update_crc(crc, u8buf, at, len)
-{
-    var c = crc;
-    var n;
-
-    if (!rfc2083_crc_table_computed)
-        rfc2083_make_crc_table();
-
-    for (n = 0; n < len; n++)
-    {
-        c = rfc2083_crc_table[(c ^ u8buf[at + n]) & 0xff] ^ (c >>> 8);
-    }
-
-    return c;
-}
-
-function rfc2083_crc(u8buf, at, len)
-{
-    return rfc2083_update_crc(0xffffffff, u8buf, at, len) ^ 0xffffffff;
-}
-
-function crc32(mb, at, len)
-{
-    var u8 = new Uint8Array(mb);
-    return rfc2083_crc(u8, at, len);
-}
-
-function PngIHDR(width, height)
-{
-    this.width = width;
-    this.height = height;
-    this.depth = 8;
-    this.type = 6;
-    this.compression = 0;
-    this.filter = 0;
-    this.interlace = 0;
-}
-
-PngIHDR.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var orig = at;
-        var dv = new DataView(a);
-        dv.setUint32(at, this.buffer_size() - 12); at += 4;
-        dv.setUint8(at, 'I'.charCodeAt(0)); at++;
-        dv.setUint8(at, 'H'.charCodeAt(0)); at++;
-        dv.setUint8(at, 'D'.charCodeAt(0)); at++;
-        dv.setUint8(at, 'R'.charCodeAt(0)); at++;
-        dv.setUint32(at, this.width); at += 4;
-        dv.setUint32(at, this.height); at += 4;
-        dv.setUint8(at, this.depth); at++;
-        dv.setUint8(at, this.type); at++;
-        dv.setUint8(at, this.compression); at++;
-        dv.setUint8(at, this.filter); at++;
-        dv.setUint8(at, this.interlace); at++;
-        dv.setUint32(at, crc32(a, orig + 4, this.buffer_size() - 8)); at += 4;
-        return at;
-    },
-    buffer_size: function()
-    {
-        return 12 + 13;
-    }
-}
-
-
-function adler()
-{
-    this.s1 = 1;
-    this.s2 = 0;
-}
-
-adler.prototype.update = function(b)
-{
-    this.s1 += b;
-    this.s1 %= 65521;
-    this.s2 += this.s1;
-    this.s2 %= 65521;
-}
-
-/* The image as one IDAT chunk: a zlib stream of stored (uncompressed)
-   deflate blocks.  A stored block holds at most 65535 bytes, so the
-   scanlines are cut into as many as it takes; a cursor larger than about
-   128 pixels square used to be refused here. */
-var STORED_BLOCK_MAX = 65535;
-
-function PngIDAT(width, height, bytes)
-{
-    this.data = bytes;
-    this.width = width;
-    this.height = height;
-    /* Every scanline is filter type 0 followed by its pixels. */
-    this.raw_size = this.height * (1 + this.width * 4);
-    this.blocks = Math.max(1, Math.ceil(this.raw_size / STORED_BLOCK_MAX));
-}
-
-PngIDAT.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var orig = at;
-        var x, y, i;
-        var dv = new DataView(a);
-        var zsum = new adler();
-        dv.setUint32(at, this.buffer_size() - 12); at += 4;
-        dv.setUint8(at, 'I'.charCodeAt(0)); at++;
-        dv.setUint8(at, 'D'.charCodeAt(0)); at++;
-        dv.setUint8(at, 'A'.charCodeAt(0)); at++;
-        dv.setUint8(at, 'T'.charCodeAt(0)); at++;
-
-        /* zlib header: deflate, 32K window, no preset dictionary. */
-        dv.setUint8(at, 0x78); at++;
-        dv.setUint8(at, 0x01); at++;
-
-        var u8 = new Uint8Array(this.data);
-        var out = new Uint8Array(a);
-        var left = this.raw_size;
-        var block_left = 0;
-        var put = function(b)
-        {
-            if (block_left == 0)
-            {
-                /* Stored block: BFINAL in bit 0, BTYPE 00, then LEN and
-                   its one's complement, little-endian. */
-                block_left = Math.min(left, STORED_BLOCK_MAX);
-                out[at++] = left <= STORED_BLOCK_MAX ? 1 : 0;
-                out[at++] = block_left & 0xff;
-                out[at++] = block_left >> 8;
-                out[at++] = ~block_left & 0xff;
-                out[at++] = (~block_left >> 8) & 0xff;
-            }
-            out[at++] = b;
-            zsum.update(b);
-            block_left--;
-            left--;
-        };
-        for (i = 0, y = 0; y < this.height; y++)
-        {
-            put(0);
-            for (x = 0; x < this.width; x++)
-            {
-                put(u8[i] || 0); i++;
-                put(u8[i] || 0); i++;
-                put(u8[i] || 0); i++;
-                put(u8[i] || 0); i++;
-            }
-        }
-
-        /* zlib checksum, big-endian. */
-        dv.setUint16(at, zsum.s2); at += 2;
-        dv.setUint16(at, zsum.s1); at += 2;
-
-        dv.setUint32(at, crc32(a, orig + 4, this.buffer_size() - 8)); at += 4;
-        return at;
-    },
-    buffer_size: function()
-    {
-        return 12 + 2 + this.blocks * 5 + this.raw_size + 4;
-    }
-}
-
-
-function PngIEND()
-{
-}
-
-PngIEND.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var orig = at;
-        var dv = new DataView(a);
-        dv.setUint32(at, this.buffer_size() - 12); at += 4;
-        dv.setUint8(at, 'I'.charCodeAt(0)); at++;
-        dv.setUint8(at, 'E'.charCodeAt(0)); at++;
-        dv.setUint8(at, 'N'.charCodeAt(0)); at++;
-        dv.setUint8(at, 'D'.charCodeAt(0)); at++;
-        dv.setUint32(at, crc32(a, orig + 4, this.buffer_size() - 8)); at += 4;
-        return at;
-    },
-    buffer_size: function()
-    {
-        return 12;
-    }
-}
-
-
-function create_rgba_png(width, height, bytes)
-{
-    var i;
-    var ihdr = new PngIHDR(width, height);
-    var idat = new PngIDAT(width, height, bytes);
-    var iend = new PngIEND;
-
-    var mb = new ArrayBuffer(ihdr.buffer_size() + idat.buffer_size() + iend.buffer_size());
-    var at = ihdr.to_buffer(mb);
-    at = idat.to_buffer(mb, at);
-    at = iend.to_buffer(mb, at);
-
-    var u8 = new Uint8Array(mb);
-    var str = "";
-    for (i = 0; i < at; i++)
-    {
-        str += "%";
-        if (u8[i] < 16)
-            str += "0";
-        str += u8[i].toString(16);
-    }
-
-
-    return "%89PNG%0D%0A%1A%0A" + str;
-}
-
-export {
-  create_rgba_png,
-};

web/src/vendor/spice-html5/src/port.js

@@ -1,94 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2016 by Oliver Gutierrez <ogutsua@gmail.com>
-                         Miroslav Chodil <mchodil@redhat.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { Constants } from './enums.js';
-import { DEBUG, arraybuffer_to_str } from './utils.js';
-import { SpiceConn } from './spiceconn.js';
-import { SpiceMsgPortInit } from './spicemsg.js';
-
-/*----------------------------------------------------------------------------
-**  SpicePortConn
-**      Drive the Spice Port Channel
-**--------------------------------------------------------------------------*/
-function SpicePortConn()
-{
-    DEBUG > 0 && console.log('SPICE port: created SPICE port channel. Args:', arguments);
-    SpiceConn.apply(this, arguments);
-    this.portName = null;
-}
-
-SpicePortConn.prototype = Object.create(SpiceConn.prototype);
-
-SpicePortConn.prototype.process_channel_message = function(msg)
-{
-    if (msg.type == Constants.SPICE_MSG_PORT_INIT)
-    {
-        if (this.portName === null)
-        {
-            var m = new SpiceMsgPortInit(msg.data);
-            this.portName = arraybuffer_to_str(new Uint8Array(m.name));
-            this.portOpened = m.opened
-            DEBUG > 0 && console.log('SPICE port: Port', this.portName, 'initialized');
-            return true;
-        }
-
-        DEBUG > 0 && console.log('SPICE port: Port', this.portName, 'is already initialized.');
-    }
-    else if (msg.type == Constants.SPICE_MSG_PORT_EVENT)
-    {
-        DEBUG > 0 && console.log('SPICE port: Port event received for', this.portName, msg);
-        var event = new CustomEvent('spice-port-event', {
-            detail: {
-                channel: this,
-                spiceEvent: new Uint8Array(msg.data)
-            },
-            bubbles: true,
-            cancelable: true
-        });
-
-        window.dispatchEvent(event);
-        return true;
-    }
-    else if (msg.type == Constants.SPICE_MSG_SPICEVMC_DATA)
-    {
-        DEBUG > 0 && console.log('SPICE port: Data received in port', this.portName, msg);
-        var event = new CustomEvent('spice-port-data', {
-            detail: {
-                channel: this,
-                data: msg.data
-            },
-            bubbles: true,
-            cancelable: true
-        });
-        window.dispatchEvent(event);
-        return true;
-    }
-    else
-    {
-        DEBUG > 0 && console.log('SPICE port: SPICE message type not recognized:', msg)
-    }
-
-    return false;
-};
-
-export {
-  SpicePortConn,
-};

web/src/vendor/spice-html5/src/resize.js

@@ -1,87 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2014 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-/*----------------------------------------------------------------------------
-**  resize.js
-**      This bit of Javascript is a set of logic to help with window
-**  resizing, using the agent channel to request screen resizes.
-**
-**  It's a bit tricky, as we want to wait for resizing to settle down
-**  before sending a size.  Further, while horizontal resizing to use the whole
-**  browser width is fairly easy to arrange with css, resizing an element to use
-**  the whole vertical space (or to force a middle div to consume the bulk of the browser
-**  window size) is tricky, and the consensus seems to be that Javascript is
-**  the only right way to do it.
-**--------------------------------------------------------------------------*/
-function resize_helper(sc)
-{
-    var w = document.getElementById(sc.screen_id).clientWidth;
-    var m = document.getElementById(sc.message_id);
-
-    /* Resize vertically; basically we leave a 20 pixel margin
-         at the bottom, and use the position of the message window
-         to figure out how to resize */
-
-    var h = window.innerHeight - 20;
-
-    /* Screen height based on message console visibility.  A hidden console
-       occupies no space, so only a visible one reduces the screen; its
-       offsetHeight already includes the client area, so subtract it once. */
-    if (m != null &&
-        window.getComputedStyle(m).getPropertyValue("display") != 'none')
-    {
-        h = h - m.offsetHeight;
-    }
-
-
-    /* Xorg requires height be a multiple of 8; round down */
-    if (h % 8 > 0)
-        h -= (h % 8);
-
-    /* Xorg requires width be a multiple of 8; round down */
-    if (w % 8 > 0)
-        w -= (w % 8);
-
-
-    sc.resize_window(0, w, h, 32, 0, 0);
-    sc.spice_resize_timer = undefined;
-}
-
-function handle_resize(e)
-{
-    var sc = window.spice_connection;
-
-    /* The listener can outlive the connection it was registered for. */
-    if (!sc)
-        return;
-
-    if (sc.spice_resize_timer)
-    {
-        window.clearTimeout(sc.spice_resize_timer);
-        sc.spice_resize_timer = undefined;
-    }
-
-    sc.spice_resize_timer = window.setTimeout(resize_helper, 200, sc);
-}
-
-export {
-  resize_helper,
-  handle_resize,
-};

web/src/vendor/spice-html5/src/simulatecursor.js

@@ -1,206 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2013 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-/*----------------------------------------------------------------------------
-**  SpiceSimulateCursor
-**      Internet Explorer 10 does not support data uri's in cursor assignment.
-**  This file provides a number of gimmicks to compensate.  First, if there
-**  is a preloaded cursor available, we will use that.  Failing that, we will
-**  simulate a cursor using an image that is moved around the screen.
-**--------------------------------------------------------------------------*/
-
-import { hex_sha1 } from './thirdparty/sha1.js';
-
-var SpiceSimulateCursor = {
-
-cursors : new Array(),
-unknown_cursors : new Array(),
-warned: false,
-
-add_cursor: function(sha1, value)
-{
-    SpiceSimulateCursor.cursors[sha1] = value;
-},
-
-unknown_cursor: function(sha1, curdata)
-{
-    if (! SpiceSimulateCursor.warned)
-    {
-        SpiceSimulateCursor.warned = true;
-        /* Once a modal alert; a console does not stop the session for it. */
-        console.warn("This browser does not take dynamic cursors; cursors will be " +
-                     "simulated with images.  See the console for how to supply static cursor files.");
-    }
-
-    if (! SpiceSimulateCursor.unknown_cursors[sha1])
-    {
-        SpiceSimulateCursor.unknown_cursors[sha1] = curdata;
-        console.log('Unknown cursor.  Simulation required.  To avoid simulation for this cursor, create and include a custom javascript file, and add the following line:');
-        console.log('SpiceSimulateCursor.add_cursor("' + sha1 + '", "<your filename here>.cur");');
-        console.log('And then run following command, redirecting output into <your filename here>.cur:');
-        console.log('php -r "echo urldecode(\'' + curdata + '\');"');
-    }
-},
-
-/* force: the browser cannot show this shape as a CSS cursor (too large),
-   so it is drawn under the pointer without consulting the computed style. */
-simulate_cursor: function (spicecursor, cursor, screen, pngstr, force)
-{
-    var cursor_sha = hex_sha1(pngstr + ' ' + cursor.header.hot_spot_x + ' ' + cursor.header.hot_spot_y);
-    if (! force && typeof SpiceSimulateCursor.cursors != 'undefined')
-        if (typeof SpiceSimulateCursor.cursors[cursor_sha] != 'undefined')
-        {
-            var curstr = 'url(' + SpiceSimulateCursor.cursors[cursor_sha] + '), default';
-            screen.style.cursor = curstr;
-        }
-
-    if (force || window.getComputedStyle(screen, null).cursor == 'auto')
-    {
-        if (! force)
-            SpiceSimulateCursor.unknown_cursor(cursor_sha,
-                SpiceSimulateCursor.create_icondir(cursor.header.width, cursor.header.height,
-                cursor.data.byteLength, cursor.header.hot_spot_x, cursor.header.hot_spot_y) + pngstr);
-
-        document.getElementById(spicecursor.parent.screen_id).style.cursor = 'none';
-        if (! spicecursor.spice_simulated_cursor)
-        {
-            spicecursor.spice_simulated_cursor = document.createElement('img');
-
-            spicecursor.spice_simulated_cursor.style.position = 'absolute';
-            spicecursor.spice_simulated_cursor.style.display = 'none';
-            spicecursor.spice_simulated_cursor.style.overflow = 'hidden';
-
-            spicecursor.spice_simulated_cursor.spice_screen = document.getElementById(spicecursor.parent.screen_id);
-
-            spicecursor.spice_simulated_cursor.addEventListener('mousemove', SpiceSimulateCursor.handle_sim_mousemove);
-
-            spicecursor.spice_simulated_cursor.spice_screen.appendChild(spicecursor.spice_simulated_cursor);
-        }
-
-        spicecursor.spice_simulated_cursor.src = 'data:image/png,' + pngstr;
-
-        spicecursor.spice_simulated_cursor.spice_hot_x = cursor.header.hot_spot_x;
-        spicecursor.spice_simulated_cursor.spice_hot_y = cursor.header.hot_spot_y;
-
-        spicecursor.spice_simulated_cursor.style.pointerEvents = "none";
-    }
-    else
-    {
-        if (spicecursor.spice_simulated_cursor)
-        {
-            spicecursor.spice_simulated_cursor.spice_screen.removeChild(spicecursor.spice_simulated_cursor);
-            delete spicecursor.spice_simulated_cursor;
-        }
-    }
-},
-
-handle_sim_mousemove: function(e)
-{
-    var f = SpiceSimulateCursor.duplicate_mouse_event(e, this.spice_screen);
-    return this.spice_screen.dispatchEvent(f);
-},
-
-duplicate_mouse_event: function(e, target)
-{
-    var evt = document.createEvent("mouseevent");
-    evt.initMouseEvent(e.type, true, true, e.view, e.detail,
-        e.screenX, e.screenY, e.clientX, e.clientY,
-        e.ctrlKey, e.altKey, e.shiftKey, e.metaKey, e.button, e.relatedTarget);
-    return evt;
-},
-
-ICONDIR: function ()
-{
-},
-
-ICONDIRENTRY: function(width, height, bytes, hot_x, hot_y)
-{
-    this.width = width;
-    this.height = height;
-    this.bytes = bytes;
-    this.hot_x = hot_x;
-    this.hot_y = hot_y;
-},
-
-
-create_icondir: function (width, height, bytes, hot_x, hot_y)
-{
-    var i;
-    var header = new SpiceSimulateCursor.ICONDIR();
-    var entry = new SpiceSimulateCursor.ICONDIRENTRY(width, height, bytes, hot_x, hot_y);
-
-    var mb = new ArrayBuffer(header.buffer_size() + entry.buffer_size());
-    var at = header.to_buffer(mb);
-    at = entry.to_buffer(mb, at);
-
-    var u8 = new Uint8Array(mb);
-    var str = "";
-    for (i = 0; i < at; i++)
-    {
-        str += "%";
-        if (u8[i] < 16)
-            str += "0";
-        str += u8[i].toString(16);
-    }
-    return str;
-},
-
-};
-
-SpiceSimulateCursor.ICONDIR.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        dv.setUint16(at, 0, true); at += 2;
-        dv.setUint16(at, 2, true); at += 2;
-        dv.setUint16(at, 1, true); at += 2;
-        return at;
-    },
-    buffer_size: function()
-    {
-        return 6;
-    }
-};
-
-SpiceSimulateCursor.ICONDIRENTRY.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        dv.setUint8(at, this.width); at++;
-        dv.setUint8(at, this.height); at++;
-        dv.setUint8(at, 0); at++;  /* color palette count, unused */
-        dv.setUint8(at, 0); at++;  /* reserved */
-        dv.setUint16(at, this.hot_x, true); at += 2;
-        dv.setUint16(at, this.hot_y, true); at += 2;
-        dv.setUint32(at, this.bytes, true); at += 4;
-        dv.setUint32(at, at + 4, true); at += 4;  /* Offset to bytes */
-        return at;
-    },
-    buffer_size: function()
-    {
-        return 16;
-    }
-};
-
-export { SpiceSimulateCursor };

web/src/vendor/spice-html5/src/spicearraybuffer.js

@@ -1,58 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-/*----------------------------------------------------------------------------
-**  SpiceArrayBufferSlice
-**    This function is a work around for IE 10, which has no slice()
-**    method in it's subclass.
-**--------------------------------------------------------------------------*/
-function SpiceArrayBufferSlice(start, end)
-{
-    start = start || 0;
-    end = end || this.byteLength;
-    if (end < 0)
-        end = this.byteLength + end;
-    if (start < 0)
-        start = this.byteLength + start;
-    if (start < 0)
-        start = 0;
-    if (end < 0)
-        end = 0;
-    if (end > this.byteLength)
-        end = this.byteLength;
-    if (start > end)
-        start = end;
-
-    var ret = new ArrayBuffer(end - start);
-    var in1 = new Uint8Array(this, start, end - start);
-    var out = new Uint8Array(ret);
-    var i;
-
-    for (i = 0; i < end - start; i++)
-        out[i] = in1[i];
-
-    return ret;
-}
-
-if (! ArrayBuffer.prototype.slice)
-{
-    ArrayBuffer.prototype.slice = SpiceArrayBufferSlice;
-    console.log("WARNING:  ArrayBuffer.slice() is missing; we are extending ArrayBuffer to compensate");
-}

web/src/vendor/spice-html5/src/spiceconn.js

@@ -1,557 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-/*----------------------------------------------------------------------------
-**  SpiceConn
-**      This is the base Javascript class for establishing and
-**  managing a connection to a Spice Server.
-**  It is used to provide core functionality to the Spice main,
-**  display, inputs, and cursor channels.  See main.js for
-**  usage.
-**--------------------------------------------------------------------------*/
-
-import { Constants } from './enums.js';
-import { SpiceWireReader } from './wire.js';
-import {
-  SpiceLinkHeader,
-  SpiceLinkMess,
-  SpiceLinkReply,
-  SpiceLinkAuthTicket,
-  SpiceLinkAuthReply,
-  SpiceMiniData,
-  SpiceMsgcDisplayInit,
-  SpiceMsgSetAck,
-  SpiceMsgcAckSync,
-  SpiceMsgNotify,
-} from './spicemsg.js';
-import { DEBUG, hexdump_buffer } from './utils.js';
-import * as Webm from './webm.js';
-import { rsa_encrypt } from './ticket.js';
-
-function SpiceConn(o)
-{
-    if (o === undefined || o.uri === undefined || ! o.uri)
-        throw new Error("You must specify a uri");
-
-    this.ws = new WebSocket(o.uri, 'binary');
-
-    if (! this.ws.binaryType)
-        throw new Error("WebSocket doesn't support binaryType.  Try a different browser.");
-
-    this.connection_id = o.connection_id !== undefined ? o.connection_id : 0;
-    this.type = o.type !== undefined ? o.type : Constants.SPICE_CHANNEL_MAIN;
-    this.chan_id = o.chan_id !== undefined ? o.chan_id : 0;
-    if (o.parent !== undefined)
-    {
-        this.parent = o.parent;
-        this.message_id = o.parent.message_id;
-        this.password = o.parent.password;
-        /* Without this a child channel that dies mid-session (display,
-           inputs, cursor...) reports nothing: the close handler requires
-           an onerror, and report_error without one throws uncaught inside
-           a WebSocket event handler.  The application only ever hears
-           about the main channel. */
-        this.onerror = o.parent.onerror;
-    }
-    if (o.screen_id !== undefined)
-        this.screen_id = o.screen_id;
-    if (o.dump_id !== undefined)
-        this.dump_id = o.dump_id;
-    if (o.message_id !== undefined)
-        this.message_id = o.message_id;
-    if (o.password !== undefined)
-        this.password = o.password;
-    if (o.onerror !== undefined)
-        this.onerror = o.onerror;
-    if (o.onsuccess !== undefined)
-        this.onsuccess = o.onsuccess;
-    if (o.onagent !== undefined)
-        this.onagent = o.onagent;
-
-    this.state = "connecting";
-    this.ws.parent = this;
-    this.wire_reader = new SpiceWireReader(this, this.process_inbound);
-    this.messages_sent = 0;
-    this.warnings = [];
-
-    this.ws.addEventListener('open', function(e) {
-        DEBUG > 0 && console.log(">> WebSockets.onopen");
-        DEBUG > 0 && console.log("id " + this.parent.connection_id +"; type " + this.parent.type);
-
-        /***********************************************************************
-        **          WHERE IT ALL REALLY BEGINS
-        ***********************************************************************/
-        this.parent.send_hdr();
-        this.parent.wire_reader.request(SpiceLinkHeader.prototype.buffer_size());
-        this.parent.state = "start";
-    });
-    this.ws.addEventListener('error', function(e) {
-        if ('url' in e.target) {
-            this.parent.log_err("WebSocket error: Can't connect to websocket on URL: " + e.target.url);
-        }
-        this.parent.report_error(e);
-    });
-    this.ws.addEventListener('close', function(e) {
-        DEBUG > 0 && console.log(">> WebSockets.onclose");
-        DEBUG > 0 && console.log("id " + this.parent.connection_id +"; type " + this.parent.type);
-        DEBUG > 0 && console.log(e);
-        if (this.parent.state != "closing" && this.parent.state != "error" && this.parent.onerror !== undefined)
-        {
-            var e;
-            if (this.parent.state == "connecting")
-                e = new Error("Connection refused.");
-            else if (this.parent.state == "start" || this.parent.state == "link")
-                e = new Error("Unexpected protocol mismatch.");
-            else if (this.parent.state == "ticket")
-                e = new Error("Bad password.");
-            else
-                e = new Error("Unexpected close while " + this.parent.state);
-
-            this.parent.onerror(e);
-            this.parent.log_err(e.toString());
-        }
-    });
-
-    if (this.ws.readyState == 2 || this.ws.readyState == 3)
-        throw new Error("Unable to connect to " + o.uri);
-
-    this.timeout = window.setTimeout(spiceconn_timeout, Constants.SPICE_CONNECT_TIMEOUT, this);
-}
-
-SpiceConn.prototype =
-{
-    send_hdr : function ()
-    {
-        var hdr = new SpiceLinkHeader;
-        var msg = new SpiceLinkMess;
-
-        msg.connection_id = this.connection_id;
-        msg.channel_type = this.type;
-        msg.channel_id = this.chan_id;
-
-        msg.common_caps.push(
-            (1 << Constants.SPICE_COMMON_CAP_PROTOCOL_AUTH_SELECTION) |
-            (1 << Constants.SPICE_COMMON_CAP_MINI_HEADER)
-            );
-
-        if (msg.channel_type == Constants.SPICE_CHANNEL_PLAYBACK)
-        {
-            var caps = 0;
-            if ('MediaSource' in window && MediaSource.isTypeSupported(Webm.Constants.SPICE_PLAYBACK_CODEC))
-                caps |= (1 << Constants.SPICE_PLAYBACK_CAP_OPUS);
-            msg.channel_caps.push(caps);
-        }
-        else if (msg.channel_type == Constants.SPICE_CHANNEL_MAIN)
-        {
-            msg.channel_caps.push(
-                (1 << Constants.SPICE_MAIN_CAP_AGENT_CONNECTED_TOKENS)
-            );
-        }
-        else if (msg.channel_type == Constants.SPICE_CHANNEL_DISPLAY)
-        {
-            var caps =  (1 << Constants.SPICE_DISPLAY_CAP_SIZED_STREAM) |
-                        (1 << Constants.SPICE_DISPLAY_CAP_STREAM_REPORT) |
-                        (1 << Constants.SPICE_DISPLAY_CAP_MULTI_CODEC) |
-                        (1 << Constants.SPICE_DISPLAY_CAP_CODEC_MJPEG);
-            if ('MediaSource' in window && MediaSource.isTypeSupported(Webm.Constants.SPICE_VP8_CODEC))
-                caps |= (1 << Constants.SPICE_DISPLAY_CAP_CODEC_VP8);
-            msg.channel_caps.push(caps);
-        }
-
-        hdr.size = msg.buffer_size();
-
-        var mb = new ArrayBuffer(hdr.buffer_size() + msg.buffer_size());
-        hdr.to_buffer(mb);
-        msg.to_buffer(mb, hdr.buffer_size());
-
-        DEBUG > 1 && console.log("Sending header:");
-        DEBUG > 2 && hexdump_buffer(mb);
-        this.ws.send(mb);
-    },
-
-    send_ticket: function(ticket)
-    {
-        var hdr = new SpiceLinkAuthTicket();
-        hdr.auth_mechanism = Constants.SPICE_COMMON_CAP_AUTH_SPICE;
-        // FIXME - we need to implement RSA to make this work right
-        hdr.encrypted_data = ticket;
-        var mb = new ArrayBuffer(hdr.buffer_size());
-
-        hdr.to_buffer(mb);
-        DEBUG > 1 && console.log("Sending ticket:");
-        DEBUG > 2 && hexdump_buffer(mb);
-        this.ws.send(mb);
-    },
-
-    send_msg: function(msg)
-    {
-        var mb = new ArrayBuffer(msg.buffer_size());
-        msg.to_buffer(mb);
-        this.messages_sent++;
-        DEBUG > 0 && console.log(">> hdr " + this.channel_type() + " type " + msg.type + " size " + mb.byteLength);
-        DEBUG > 2 && hexdump_buffer(mb);
-        this.ws.send(mb);
-    },
-
-    process_inbound: function(mb, saved_header)
-    {
-        DEBUG > 2 && console.log(this.type + ": processing message of size " + mb.byteLength + "; state is " + this.state);
-        if (this.state == "ready")
-        {
-            if (saved_header == undefined)
-            {
-                var msg = new SpiceMiniData(mb);
-
-                if (msg.type > 500)
-                {
-                    if (DEBUG > 0)
-                    {
-                        alert("Something has gone very wrong; we think we have message of type " + msg.type);
-                        debugger;
-                    }
-                }
-
-                if (msg.size == 0)
-                {
-                    this.process_message(msg);
-                    this.wire_reader.request(SpiceMiniData.prototype.buffer_size());
-                }
-                else
-                {
-                    this.wire_reader.request(msg.size);
-                    this.wire_reader.save_header(msg);
-                }
-            }
-            else
-            {
-                saved_header.data = mb;
-                this.process_message(saved_header);
-                this.wire_reader.request(SpiceMiniData.prototype.buffer_size());
-                this.wire_reader.save_header(undefined);
-            }
-        }
-
-        else if (this.state == "start")
-        {
-            this.reply_hdr = new SpiceLinkHeader(mb);
-            if (this.reply_hdr.magic != Constants.SPICE_MAGIC)
-            {
-                this.state = "error";
-                var e = new Error('Error: magic mismatch: ' + this.reply_hdr.magic);
-                this.report_error(e);
-            }
-            else
-            {
-                // FIXME - Determine major/minor version requirements
-                this.wire_reader.request(this.reply_hdr.size);
-                this.state = "link";
-            }
-        }
-
-        else if (this.state == "link")
-        {
-            this.reply_link = new SpiceLinkReply(mb);
-             // FIXME - Screen the caps - require minihdr at least, right?
-            if (this.reply_link.error)
-            {
-                this.state = "error";
-                var e = new Error('Error: reply link error ' + this.reply_link.error);
-                this.report_error(e);
-            }
-            else
-            {
-                this.send_ticket(rsa_encrypt(this.reply_link.pub_key, this.password + String.fromCharCode(0)));
-                this.state = "ticket";
-                this.wire_reader.request(SpiceLinkAuthReply.prototype.buffer_size());
-            }
-        }
-
-        else if (this.state == "ticket")
-        {
-            this.auth_reply = new SpiceLinkAuthReply(mb);
-            if (this.auth_reply.auth_code == Constants.SPICE_LINK_ERR_OK)
-            {
-                DEBUG > 0 && console.log(this.type + ': Connected');
-
-                if (this.type == Constants.SPICE_CHANNEL_DISPLAY)
-                {
-                    // FIXME - pixmap and glz dictionary config info?
-                    var dinit = new SpiceMsgcDisplayInit();
-                    var reply = new SpiceMiniData();
-                    reply.build_msg(Constants.SPICE_MSGC_DISPLAY_INIT, dinit);
-                    DEBUG > 0 && console.log("Request display init");
-                    this.send_msg(reply);
-                }
-                this.state = "ready";
-                this.wire_reader.request(SpiceMiniData.prototype.buffer_size());
-                if (this.timeout)
-                {
-                    window.clearTimeout(this.timeout);
-                    delete this.timeout;
-                }
-            }
-            else
-            {
-                this.state = "error";
-                if (this.auth_reply.auth_code == Constants.SPICE_LINK_ERR_PERMISSION_DENIED)
-                {
-                    var e = new Error("Permission denied.");
-                }
-                else
-                {
-                    var e = new Error("Unexpected link error " + this.auth_reply.auth_code);
-                }
-                this.report_error(e);
-            }
-        }
-    },
-
-    process_common_messages : function(msg)
-    {
-        if (msg.type == Constants.SPICE_MSG_SET_ACK)
-        {
-            var ack = new SpiceMsgSetAck(msg.data);
-            // FIXME - what to do with generation?
-            this.ack_window = ack.window;
-            DEBUG > 1 && console.log(this.type + ": set ack to " + ack.window);
-            this.msgs_until_ack = this.ack_window;
-            var ackack = new SpiceMsgcAckSync(ack);
-            var reply = new SpiceMiniData();
-            reply.build_msg(Constants.SPICE_MSGC_ACK_SYNC, ackack);
-            this.send_msg(reply);
-            return true;
-        }
-
-        if (msg.type == Constants.SPICE_MSG_PING)
-        {
-            DEBUG > 1 && console.log("ping!");
-            var pong = new SpiceMiniData;
-            pong.type = Constants.SPICE_MSGC_PONG;
-            if (msg.data)
-            {
-                pong.data = msg.data.slice(0, 12);
-            }
-            pong.size = pong.buffer_size();
-            this.send_msg(pong);
-            return true;
-        }
-
-        if (msg.type == Constants.SPICE_MSG_NOTIFY)
-        {
-            // FIXME - Visibility + what
-            var notify = new SpiceMsgNotify(msg.data);
-            if (notify.severity == Constants.SPICE_NOTIFY_SEVERITY_ERROR)
-                this.log_err(notify.message);
-            else if (notify.severity == Constants.SPICE_NOTIFY_SEVERITY_WARN )
-                this.log_warn(notify.message);
-            else
-                this.log_info(notify.message);
-            return true;
-        }
-
-        return false;
-
-    },
-
-    process_message: function(msg)
-    {
-        var rc;
-        var start = Date.now();
-        DEBUG > 0 && console.log("<< hdr " + this.channel_type() + " type " + msg.type + " size " + (msg.data && msg.data.byteLength));
-        /* A handler that throws must not take the channel with it: the
-           caller re-arms the wire reader only after this returns, so an
-           escaped exception left every later byte read as a header and
-           the channel decoding garbage until it closed. Report it and
-           carry on with the next message. */
-        try
-        {
-            rc = this.process_common_messages(msg);
-            if (! rc)
-            {
-                if (this.process_channel_message)
-                {
-                    rc = this.process_channel_message(msg);
-                    if (! rc)
-                        this.log_warn(this.channel_type() + ": Unknown message type " + msg.type + "!");
-                }
-                else
-                    this.log_err(this.channel_type() + ": No message handlers for this channel; message " + msg.type);
-            }
-        }
-        catch (e)
-        {
-            this.log_err(this.channel_type() + ": exception handling message type " + msg.type + ": " + e.message);
-            DEBUG > 0 && console.error(e);
-        }
-
-        if (this.msgs_until_ack !== undefined && this.ack_window)
-        {
-            this.msgs_until_ack--;
-            if (this.msgs_until_ack <= 0)
-            {
-                this.msgs_until_ack = this.ack_window;
-                var ack = new SpiceMiniData();
-                ack.type = Constants.SPICE_MSGC_ACK;
-                this.send_msg(ack);
-                DEBUG > 1 && console.log(this.type + ": sent ack");
-            }
-        }
-
-        var delta = Date.now() - start;
-        if (DEBUG > 0 || delta > Webm.Constants.GAP_DETECTION_THRESHOLD)
-            console.log("delta " + this.channel_type() + ":" + msg.type + " " + delta);
-        return rc;
-    },
-
-    channel_type: function()
-    {
-        if (this.type == Constants.SPICE_CHANNEL_MAIN)
-            return "main";
-        else if (this.type == Constants.SPICE_CHANNEL_DISPLAY)
-            return "display";
-        else if (this.type == Constants.SPICE_CHANNEL_INPUTS)
-            return "inputs";
-        else if (this.type == Constants.SPICE_CHANNEL_CURSOR)
-            return "cursor";
-        else if (this.type == Constants.SPICE_CHANNEL_PLAYBACK)
-            return "playback";
-        else if (this.type == Constants.SPICE_CHANNEL_RECORD)
-            return "record";
-        else if (this.type == Constants.SPICE_CHANNEL_TUNNEL)
-            return "tunnel";
-        else if (this.type == Constants.SPICE_CHANNEL_SMARTCARD)
-            return "smartcard";
-        else if (this.type == Constants.SPICE_CHANNEL_USBREDIR)
-            return "usbredir";
-        else if (this.type == Constants.SPICE_CHANNEL_PORT)
-            return "port";
-        else if (this.type == Constants.SPICE_CHANNEL_WEBDAV)
-            return "webdav";
-        return "unknown-" + this.type;
-
-    },
-
-    log_info: function()
-    {
-        var msg = Array.prototype.join.call(arguments, " ");
-        console.log(msg);
-        if (this.message_id)
-        {
-            var p = document.createElement("p");
-            p.appendChild(document.createTextNode(msg));
-            p.className += "spice-message-info";
-            document.getElementById(this.message_id).appendChild(p);
-        }
-    },
-
-    log_warn: function()
-    {
-        var msg = Array.prototype.join.call(arguments, " ");
-        console.log("WARNING: " + msg);
-        if (this.message_id)
-        {
-            var p = document.createElement("p");
-            p.appendChild(document.createTextNode(msg));
-            p.className += "spice-message-warning";
-            document.getElementById(this.message_id).appendChild(p);
-        }
-    },
-
-    log_err: function()
-    {
-        var msg = Array.prototype.join.call(arguments, " ");
-        console.log("ERROR: " + msg);
-        if (this.message_id)
-        {
-            var p = document.createElement("p");
-            p.appendChild(document.createTextNode(msg));
-            p.className += "spice-message-error";
-            document.getElementById(this.message_id).appendChild(p);
-        }
-    },
-
-    known_unimplemented: function(type, msg)
-    {
-        if ( (!this.warnings[type]) || DEBUG > 1)
-        {
-            var str = "";
-            if (DEBUG <= 1)
-                str = " [ further notices suppressed ]";
-            this.log_warn("Unimplemented function " + type + "(" + msg + ")" + str);
-            this.warnings[type] = true;
-        }
-    },
-
-    report_error: function(e)
-    {
-        this.log_err(e.toString());
-        if (this.onerror != undefined)
-            this.onerror(e);
-        else
-            throw(e);
-    },
-
-    report_success: function(m)
-    {
-        if (this.onsuccess != undefined)
-            this.onsuccess(m);
-    },
-
-    cleanup: function()
-    {
-        /* Deliberate teardown: without this the ws close event arrives
-           with a live state and reports "Unexpected close" through
-           onerror. */
-        this.state = "closing";
-        if (this.timeout)
-        {
-            window.clearTimeout(this.timeout);
-            delete this.timeout;
-        }
-        if (this.ws)
-        {
-            this.ws.close();
-            this.ws = undefined;
-        }
-    },
-
-    handle_timeout: function()
-    {
-        var e = new Error("Connection timed out.");
-        /* Actually shut the connection down.  Reporting alone left the
-           socket open, and a slow handshake could still complete after
-           the application had already given up on it — a zombie session
-           with its own inputs and display channels.  Cleanup before
-           report so the socket dies even if report_error throws; the
-           error state also keeps the close event from double-reporting. */
-        this.cleanup();
-        this.state = "error";
-        this.report_error(e);
-    },
-}
-
-function spiceconn_timeout(sc)
-{
-    SpiceConn.prototype.handle_timeout.call(sc);
-}
-
-export {
-  SpiceConn,
-};

web/src/vendor/spice-html5/src/spicetype.js

@@ -1,497 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-/*----------------------------------------------------------------------------
-**  Spice types
-**      This file contains classes for common spice types.
-**  Generally, they are used as helpers in reading and writing messages
-**  to and from the server.
-**--------------------------------------------------------------------------*/
-
-import { Constants } from './enums.js';
-import { SpiceQuic } from './quic.js';
-
-function SpiceChannelId()
-{
-}
-SpiceChannelId.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.type = dv.getUint8(at, true); at ++;
-        this.id = dv.getUint8(at, true); at ++;
-        return at;
-    },
-}
-
-function SpiceRect()
-{
-}
-
-SpiceRect.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.top = dv.getUint32(at, true); at += 4;
-        this.left = dv.getUint32(at, true); at += 4;
-        this.bottom = dv.getUint32(at, true); at += 4;
-        this.right = dv.getUint32(at, true); at += 4;
-        return at;
-    },
-    is_same_size : function(r)
-    {
-        if ((this.bottom - this.top) == (r.bottom - r.top) &&
-            (this.right - this.left) == (r.right - r.left) )
-            return true;
-
-        return false;
-    },
-}
-
-function SpiceClipRects()
-{
-}
-
-SpiceClipRects.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        var i;
-        this.num_rects = dv.getUint32(at, true); at += 4;
-        if (this.num_rects > 0)
-            this.rects = [];
-        for (i = 0; i < this.num_rects; i++)
-        {
-            this.rects[i] = new SpiceRect();
-            at = this.rects[i].from_dv(dv, at, mb);
-        }
-        return at;
-    },
-}
-
-function SpiceClip()
-{
-}
-
-SpiceClip.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.type = dv.getUint8(at, true); at ++;
-        if (this.type == Constants.SPICE_CLIP_TYPE_RECTS)
-        {
-            this.rects = new SpiceClipRects();
-            at = this.rects.from_dv(dv, at, mb);
-        }
-        return at;
-    },
-}
-
-function SpiceImageDescriptor()
-{
-}
-
-SpiceImageDescriptor.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.id = dv.getBigUint64(at, true); at += 8;
-        this.type  = dv.getUint8(at, true); at ++;
-        this.flags = dv.getUint8(at, true); at ++;
-        this.width = dv.getUint32(at, true); at += 4;
-        this.height= dv.getUint32(at, true); at += 4;
-        return at;
-    },
-}
-
-function SpicePalette()
-{
-}
-
-SpicePalette.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        var i;
-        this.unique = dv.getBigUint64(at, true); at += 8;
-        this.num_ents = dv.getUint16(at, true); at += 2;
-        this.ents = [];
-        for (i = 0; i < this.num_ents; i++)
-        {
-            this.ents[i] = dv.getUint32(at, true); at += 4;
-        }
-        return at;
-    },
-}
-
-function SpiceBitmap()
-{
-}
-
-SpiceBitmap.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.format = dv.getUint8(at, true); at++;
-        this.flags  = dv.getUint8(at, true); at++;
-        this.x = dv.getUint32(at, true); at += 4;
-        this.y = dv.getUint32(at, true); at += 4;
-        this.stride = dv.getUint32(at, true); at += 4;
-        if (this.flags & Constants.SPICE_BITMAP_FLAGS_PAL_FROM_CACHE)
-        {
-            this.palette_id = dv.getBigUint64(at, true); at += 8;
-        }
-        else
-        {
-            var offset = dv.getUint32(at, true); at += 4;
-            if (offset == 0)
-                this.palette = null;
-            else
-            {
-                this.palette = new SpicePalette;
-                this.palette.from_dv(dv, offset, mb);
-            }
-        }
-        // FIXME - should probably constrain this to the offset
-        //          of palette, if non zero
-        this.data   = mb.slice(at);
-        at += this.data.byteLength;
-        return at;
-    },
-}
-
-function SpiceImage()
-{
-}
-
-SpiceImage.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.descriptor = new SpiceImageDescriptor;
-        at = this.descriptor.from_dv(dv, at, mb);
-
-        if (this.descriptor.type == Constants.SPICE_IMAGE_TYPE_LZ_RGB)
-        {
-            this.lz_rgb = new Object();
-            this.lz_rgb.length = dv.getUint32(at, true); at += 4;
-            var initial_at = at;
-            this.lz_rgb.magic = "";
-            for (var i = 3; i >= 0; i--)
-                this.lz_rgb.magic += String.fromCharCode(dv.getUint8(at + i));
-            at += 4;
-
-            // NOTE:  The endian change is *correct*
-            this.lz_rgb.version = dv.getUint32(at); at += 4;
-            this.lz_rgb.type = dv.getUint32(at); at += 4;
-            this.lz_rgb.width = dv.getUint32(at); at += 4;
-            this.lz_rgb.height = dv.getUint32(at); at += 4;
-            this.lz_rgb.stride = dv.getUint32(at); at += 4;
-            this.lz_rgb.top_down = dv.getUint32(at); at += 4;
-
-            var header_size = at - initial_at;
-
-            this.lz_rgb.data   = mb.slice(at, this.lz_rgb.length + at - header_size);
-            at += this.lz_rgb.data.byteLength;
-
-        }
-
-        if (this.descriptor.type == Constants.SPICE_IMAGE_TYPE_BITMAP)
-        {
-            this.bitmap = new SpiceBitmap;
-            at = this.bitmap.from_dv(dv, at, mb);
-        }
-
-        if (this.descriptor.type == Constants.SPICE_IMAGE_TYPE_SURFACE)
-        {
-            this.surface_id = dv.getUint32(at, true); at += 4;
-        }
-
-        if (this.descriptor.type == Constants.SPICE_IMAGE_TYPE_JPEG)
-        {
-            this.jpeg = new Object;
-            this.jpeg.data_size = dv.getUint32(at, true); at += 4;
-            this.jpeg.data = mb.slice(at);
-            at += this.jpeg.data.byteLength;
-        }
-
-        if (this.descriptor.type == Constants.SPICE_IMAGE_TYPE_JPEG_ALPHA)
-        {
-            this.jpeg_alpha = new Object;
-            this.jpeg_alpha.flags = dv.getUint8(at, true); at += 1;
-            this.jpeg_alpha.jpeg_size = dv.getUint32(at, true); at += 4;
-            this.jpeg_alpha.data_size = dv.getUint32(at, true); at += 4;
-            this.jpeg_alpha.data = mb.slice(at, this.jpeg_alpha.jpeg_size + at);
-            at += this.jpeg_alpha.data.byteLength;
-            // Alpha channel is an LZ image
-            this.jpeg_alpha.alpha = new Object();
-            this.jpeg_alpha.alpha.length = this.jpeg_alpha.data_size - this.jpeg_alpha.jpeg_size;
-            var initial_at = at;
-            this.jpeg_alpha.alpha.magic = "";
-            for (var i = 3; i >= 0; i--)
-                this.jpeg_alpha.alpha.magic += String.fromCharCode(dv.getUint8(at + i));
-            at += 4;
-
-            // NOTE:  The endian change is *correct*
-            this.jpeg_alpha.alpha.version = dv.getUint32(at); at += 4;
-            this.jpeg_alpha.alpha.type = dv.getUint32(at); at += 4;
-            this.jpeg_alpha.alpha.width = dv.getUint32(at); at += 4;
-            this.jpeg_alpha.alpha.height = dv.getUint32(at); at += 4;
-            this.jpeg_alpha.alpha.stride = dv.getUint32(at); at += 4;
-            this.jpeg_alpha.alpha.top_down = dv.getUint32(at); at += 4;
-
-            var header_size = at - initial_at;
-
-            this.jpeg_alpha.alpha.data   = mb.slice(at, this.jpeg_alpha.alpha.length + at - header_size);
-            at += this.jpeg_alpha.alpha.data.byteLength;
-        }
-
-        if (this.descriptor.type == Constants.SPICE_IMAGE_TYPE_QUIC)
-        {
-            this.quic = new SpiceQuic;
-            at = this.quic.from_dv(dv, at, mb);
-        }
-        return at;
-    },
-}
-
-
-function SpiceQMask()
-{
-}
-
-SpiceQMask.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.flags  = dv.getUint8(at, true); at++;
-        this.pos = new SpicePoint;
-        at = this.pos.from_dv(dv, at, mb);
-        var offset = dv.getUint32(at, true); at += 4;
-        if (offset == 0)
-        {
-            this.bitmap = null;
-            return at;
-        }
-
-        this.bitmap = new SpiceImage;
-        return this.bitmap.from_dv(dv, offset, mb);
-    },
-}
-
-
-function SpicePattern()
-{
-}
-
-SpicePattern.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        var offset = dv.getUint32(at, true); at += 4;
-        if (offset == 0)
-        {
-            this.pat = null;
-        }
-        else
-        {
-            this.pat = new SpiceImage;
-            this.pat.from_dv(dv, offset, mb);
-        }
-
-        this.pos = new SpicePoint;
-        return this.pos.from_dv(dv, at, mb);
-    }
-}
-
-function SpiceBrush()
-{
-}
-
-SpiceBrush.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.type = dv.getUint8(at, true); at ++;
-        if (this.type == Constants.SPICE_BRUSH_TYPE_SOLID)
-        {
-            this.color = dv.getUint32(at, true); at += 4;
-        }
-        else if (this.type == Constants.SPICE_BRUSH_TYPE_PATTERN)
-        {
-            this.pattern = new SpicePattern;
-            at = this.pattern.from_dv(dv, at, mb);
-        }
-        return at;
-    },
-}
-
-function SpiceFill()
-{
-}
-
-SpiceFill.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.brush = new SpiceBrush;
-        at = this.brush.from_dv(dv, at, mb);
-        this.rop_descriptor = dv.getUint16(at, true); at += 2;
-        this.mask = new SpiceQMask;
-        return this.mask.from_dv(dv, at, mb);
-    },
-}
-
-
-function SpiceCopy()
-{
-}
-
-SpiceCopy.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        var offset = dv.getUint32(at, true); at += 4;
-        if (offset == 0)
-        {
-            this.src_bitmap = null;
-        }
-        else
-        {
-            this.src_bitmap = new SpiceImage;
-            this.src_bitmap.from_dv(dv, offset, mb);
-        }
-        this.src_area = new SpiceRect;
-        at = this.src_area.from_dv(dv, at, mb);
-        this.rop_descriptor = dv.getUint16(at, true); at += 2;
-        this.scale_mode = dv.getUint8(at, true); at ++;
-        this.mask = new SpiceQMask;
-        return this.mask.from_dv(dv, at, mb);
-    },
-}
-
-function SpicePoint16()
-{
-}
-
-SpicePoint16.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.x = dv.getUint16(at, true); at += 2;
-        this.y = dv.getUint16(at, true); at += 2;
-        return at;
-    },
-}
-
-function SpicePoint()
-{
-}
-
-SpicePoint.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.x = dv.getUint32(at, true); at += 4;
-        this.y = dv.getUint32(at, true); at += 4;
-        return at;
-    },
-}
-
-function SpiceCursorHeader()
-{
-}
-
-SpiceCursorHeader.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.unique = dv.getBigUint64(at, true); at += 8;
-        this.type = dv.getUint8(at, true); at ++;
-        this.width = dv.getUint16(at, true); at += 2;
-        this.height = dv.getUint16(at, true); at += 2;
-        this.hot_spot_x = dv.getUint16(at, true); at += 2;
-        this.hot_spot_y = dv.getUint16(at, true); at += 2;
-        return at;
-    },
-}
-
-function SpiceCursor()
-{
-}
-
-SpiceCursor.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.flags = dv.getUint16(at, true); at += 2;
-        if (this.flags & Constants.SPICE_CURSOR_FLAGS_NONE)
-            this.header = null;
-        else
-        {
-            this.header = new SpiceCursorHeader;
-            at = this.header.from_dv(dv, at, mb);
-            this.data   = mb.slice(at);
-            at += this.data.byteLength;
-        }
-        return at;
-    },
-}
-
-function SpiceSurface()
-{
-}
-
-SpiceSurface.prototype =
-{
-    from_dv: function(dv, at, mb)
-    {
-        this.surface_id = dv.getUint32(at, true); at += 4;
-        this.width = dv.getUint32(at, true); at += 4;
-        this.height = dv.getUint32(at, true); at += 4;
-        this.format = dv.getUint32(at, true); at += 4;
-        this.flags = dv.getUint32(at, true); at += 4;
-        return at;
-    },
-}
-
-/* FIXME - SpiceImage  types lz_plt, jpeg, zlib_glz, and jpeg_alpha are
-           completely unimplemented */
-
-export {
-  SpiceChannelId,
-  SpiceRect,
-  SpiceClipRects,
-  SpiceClip,
-  SpiceImageDescriptor,
-  SpicePalette,
-  SpiceBitmap,
-  SpiceImage,
-  SpiceQMask,
-  SpicePattern,
-  SpiceBrush,
-  SpiceFill,
-  SpiceCopy,
-  SpicePoint16,
-  SpicePoint,
-  SpiceCursorHeader,
-  SpiceCursor,
-  SpiceSurface,
-};

web/src/vendor/spice-html5/src/thirdparty/jsbn.js

@@ -1,593 +0,0 @@
-// Downloaded from http://www-cs-students.stanford.edu/~tjw/jsbn/ by Jeremy White on 6/1/2012
-
-/*
- * Copyright (c) 2003-2005  Tom Wu
- * All Rights Reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining
- * a copy of this software and associated documentation files (the
- * "Software"), to deal in the Software without restriction, including
- * without limitation the rights to use, copy, modify, merge, publish,
- * distribute, sublicense, and/or sell copies of the Software, and to
- * permit persons to whom the Software is furnished to do so, subject to
- * the following conditions:
- *
- * The above copyright notice and this permission notice shall be
- * included in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS-IS" AND WITHOUT WARRANTY OF ANY KIND,
- * EXPRESS, IMPLIED OR OTHERWISE, INCLUDING WITHOUT LIMITATION, ANY
- * WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE.
- *
- * IN NO EVENT SHALL TOM WU BE LIABLE FOR ANY SPECIAL, INCIDENTAL,
- * INDIRECT OR CONSEQUENTIAL DAMAGES OF ANY KIND, OR ANY DAMAGES WHATSOEVER
- * RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER OR NOT ADVISED OF
- * THE POSSIBILITY OF DAMAGE, AND ON ANY THEORY OF LIABILITY, ARISING OUT
- * OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
- *
- * In addition, the following condition applies:
- *
- * All redistributions must retain an intact copy of this copyright notice
- * and disclaimer.
- */
-
-
-// Basic JavaScript BN library - subset useful for RSA encryption.
-
-// Bits per digit
-var dbits;
-
-// JavaScript engine analysis
-var canary = 0xdeadbeefcafe;
-var j_lm = ((canary&0xffffff)==0xefcafe);
-
-// (public) Constructor
-function BigInteger(a,b,c) {
-  if(a != null)
-    if("number" == typeof a) this.fromNumber(a,b,c);
-    else if(b == null && "string" != typeof a) this.fromString(a,256);
-    else this.fromString(a,b);
-}
-
-// return new, unset BigInteger
-function nbi() { return new BigInteger(null); }
-
-// am: Compute w_j += (x*this_i), propagate carries,
-// c is initial carry, returns final carry.
-// c < 3*dvalue, x < 2*dvalue, this_i < dvalue
-// We need to select the fastest one that works in this environment.
-
-// am1: use a single mult and divide to get the high bits,
-// max digit bits should be 26 because
-// max internal value = 2*dvalue^2-2*dvalue (< 2^53)
-function am1(i,x,w,j,c,n) {
-  while(--n >= 0) {
-    var v = x*this[i++]+w[j]+c;
-    c = Math.floor(v/0x4000000);
-    w[j++] = v&0x3ffffff;
-  }
-  return c;
-}
-// am2 avoids a big mult-and-extract completely.
-// Max digit bits should be <= 30 because we do bitwise ops
-// on values up to 2*hdvalue^2-hdvalue-1 (< 2^31)
-function am2(i,x,w,j,c,n) {
-  var xl = x&0x7fff, xh = x>>15;
-  while(--n >= 0) {
-    var l = this[i]&0x7fff;
-    var h = this[i++]>>15;
-    var m = xh*l+h*xl;
-    l = xl*l+((m&0x7fff)<<15)+w[j]+(c&0x3fffffff);
-    c = (l>>>30)+(m>>>15)+xh*h+(c>>>30);
-    w[j++] = l&0x3fffffff;
-  }
-  return c;
-}
-// Alternately, set max digit bits to 28 since some
-// browsers slow down when dealing with 32-bit numbers.
-function am3(i,x,w,j,c,n) {
-  var xl = x&0x3fff, xh = x>>14;
-  while(--n >= 0) {
-    var l = this[i]&0x3fff;
-    var h = this[i++]>>14;
-    var m = xh*l+h*xl;
-    l = xl*l+((m&0x3fff)<<14)+w[j]+c;
-    c = (l>>28)+(m>>14)+xh*h;
-    w[j++] = l&0xfffffff;
-  }
-  return c;
-}
-if(j_lm && (navigator.appName == "Microsoft Internet Explorer")) {
-  BigInteger.prototype.am = am2;
-  dbits = 30;
-}
-else if(j_lm && (navigator.appName != "Netscape")) {
-  BigInteger.prototype.am = am1;
-  dbits = 26;
-}
-else { // Mozilla/Netscape seems to prefer am3
-  BigInteger.prototype.am = am3;
-  dbits = 28;
-}
-
-BigInteger.prototype.DB = dbits;
-BigInteger.prototype.DM = ((1<<dbits)-1);
-BigInteger.prototype.DV = (1<<dbits);
-
-var BI_FP = 52;
-BigInteger.prototype.FV = Math.pow(2,BI_FP);
-BigInteger.prototype.F1 = BI_FP-dbits;
-BigInteger.prototype.F2 = 2*dbits-BI_FP;
-
-// Digit conversions
-var BI_RM = "0123456789abcdefghijklmnopqrstuvwxyz";
-var BI_RC = new Array();
-var rr,vv;
-rr = "0".charCodeAt(0);
-for(vv = 0; vv <= 9; ++vv) BI_RC[rr++] = vv;
-rr = "a".charCodeAt(0);
-for(vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv;
-rr = "A".charCodeAt(0);
-for(vv = 10; vv < 36; ++vv) BI_RC[rr++] = vv;
-
-function int2char(n) { return BI_RM.charAt(n); }
-function intAt(s,i) {
-  var c = BI_RC[s.charCodeAt(i)];
-  return (c==null)?-1:c;
-}
-
-// (protected) copy this to r
-function bnpCopyTo(r) {
-  for(var i = this.t-1; i >= 0; --i) r[i] = this[i];
-  r.t = this.t;
-  r.s = this.s;
-}
-
-// (protected) set from integer value x, -DV <= x < DV
-function bnpFromInt(x) {
-  this.t = 1;
-  this.s = (x<0)?-1:0;
-  if(x > 0) this[0] = x;
-  else if(x < -1) this[0] = x+DV;
-  else this.t = 0;
-}
-
-// return bigint initialized to value
-function nbv(i) { var r = nbi(); r.fromInt(i); return r; }
-
-// (protected) set from string and radix
-function bnpFromString(s,b) {
-  var k;
-  if(b == 16) k = 4;
-  else if(b == 8) k = 3;
-  else if(b == 256) k = 8; // byte array
-  else if(b == 2) k = 1;
-  else if(b == 32) k = 5;
-  else if(b == 4) k = 2;
-  else { this.fromRadix(s,b); return; }
-  this.t = 0;
-  this.s = 0;
-  var i = s.length, mi = false, sh = 0;
-  while(--i >= 0) {
-    var x = (k==8)?s[i]&0xff:intAt(s,i);
-    if(x < 0) {
-      if(s.charAt(i) == "-") mi = true;
-      continue;
-    }
-    mi = false;
-    if(sh == 0)
-      this[this.t++] = x;
-    else if(sh+k > this.DB) {
-      this[this.t-1] |= (x&((1<<(this.DB-sh))-1))<<sh;
-      this[this.t++] = (x>>(this.DB-sh));
-    }
-    else
-      this[this.t-1] |= x<<sh;
-    sh += k;
-    if(sh >= this.DB) sh -= this.DB;
-  }
-  if(k == 8 && (s[0]&0x80) != 0) {
-    this.s = -1;
-    if(sh > 0) this[this.t-1] |= ((1<<(this.DB-sh))-1)<<sh;
-  }
-  this.clamp();
-  if(mi) BigInteger.ZERO.subTo(this,this);
-}
-
-// (protected) clamp off excess high words
-function bnpClamp() {
-  var c = this.s&this.DM;
-  while(this.t > 0 && this[this.t-1] == c) --this.t;
-}
-
-// (public) return string representation in given radix
-function bnToString(b) {
-  if(this.s < 0) return "-"+this.negate().toString(b);
-  var k;
-  if(b == 16) k = 4;
-  else if(b == 8) k = 3;
-  else if(b == 2) k = 1;
-  else if(b == 32) k = 5;
-  else if(b == 4) k = 2;
-  else return this.toRadix(b);
-  var km = (1<<k)-1, d, m = false, r = "", i = this.t;
-  var p = this.DB-(i*this.DB)%k;
-  if(i-- > 0) {
-    if(p < this.DB && (d = this[i]>>p) > 0) { m = true; r = int2char(d); }
-    while(i >= 0) {
-      if(p < k) {
-        d = (this[i]&((1<<p)-1))<<(k-p);
-        d |= this[--i]>>(p+=this.DB-k);
-      }
-      else {
-        d = (this[i]>>(p-=k))&km;
-        if(p <= 0) { p += this.DB; --i; }
-      }
-      if(d > 0) m = true;
-      if(m) r += int2char(d);
-    }
-  }
-  return m?r:"0";
-}
-
-// (public) -this
-function bnNegate() { var r = nbi(); BigInteger.ZERO.subTo(this,r); return r; }
-
-// (public) |this|
-function bnAbs() { return (this.s<0)?this.negate():this; }
-
-// (public) return + if this > a, - if this < a, 0 if equal
-function bnCompareTo(a) {
-  var r = this.s-a.s;
-  if(r != 0) return r;
-  var i = this.t;
-  r = i-a.t;
-  if(r != 0) return r;
-  while(--i >= 0) if((r=this[i]-a[i]) != 0) return r;
-  return 0;
-}
-
-// returns bit length of the integer x
-function nbits(x) {
-  var r = 1, t;
-  if((t=x>>>16) != 0) { x = t; r += 16; }
-  if((t=x>>8) != 0) { x = t; r += 8; }
-  if((t=x>>4) != 0) { x = t; r += 4; }
-  if((t=x>>2) != 0) { x = t; r += 2; }
-  if((t=x>>1) != 0) { x = t; r += 1; }
-  return r;
-}
-
-// (public) return the number of bits in "this"
-function bnBitLength() {
-  if(this.t <= 0) return 0;
-  return this.DB*(this.t-1)+nbits(this[this.t-1]^(this.s&this.DM));
-}
-
-// (protected) r = this << n*DB
-function bnpDLShiftTo(n,r) {
-  var i;
-  for(i = this.t-1; i >= 0; --i) r[i+n] = this[i];
-  for(i = n-1; i >= 0; --i) r[i] = 0;
-  r.t = this.t+n;
-  r.s = this.s;
-}
-
-// (protected) r = this >> n*DB
-function bnpDRShiftTo(n,r) {
-  for(var i = n; i < this.t; ++i) r[i-n] = this[i];
-  r.t = Math.max(this.t-n,0);
-  r.s = this.s;
-}
-
-// (protected) r = this << n
-function bnpLShiftTo(n,r) {
-  var bs = n%this.DB;
-  var cbs = this.DB-bs;
-  var bm = (1<<cbs)-1;
-  var ds = Math.floor(n/this.DB), c = (this.s<<bs)&this.DM, i;
-  for(i = this.t-1; i >= 0; --i) {
-    r[i+ds+1] = (this[i]>>cbs)|c;
-    c = (this[i]&bm)<<bs;
-  }
-  for(i = ds-1; i >= 0; --i) r[i] = 0;
-  r[ds] = c;
-  r.t = this.t+ds+1;
-  r.s = this.s;
-  r.clamp();
-}
-
-// (protected) r = this >> n
-function bnpRShiftTo(n,r) {
-  r.s = this.s;
-  var ds = Math.floor(n/this.DB);
-  if(ds >= this.t) { r.t = 0; return; }
-  var bs = n%this.DB;
-  var cbs = this.DB-bs;
-  var bm = (1<<bs)-1;
-  r[0] = this[ds]>>bs;
-  for(var i = ds+1; i < this.t; ++i) {
-    r[i-ds-1] |= (this[i]&bm)<<cbs;
-    r[i-ds] = this[i]>>bs;
-  }
-  if(bs > 0) r[this.t-ds-1] |= (this.s&bm)<<cbs;
-  r.t = this.t-ds;
-  r.clamp();
-}
-
-// (protected) r = this - a
-function bnpSubTo(a,r) {
-  var i = 0, c = 0, m = Math.min(a.t,this.t);
-  while(i < m) {
-    c += this[i]-a[i];
-    r[i++] = c&this.DM;
-    c >>= this.DB;
-  }
-  if(a.t < this.t) {
-    c -= a.s;
-    while(i < this.t) {
-      c += this[i];
-      r[i++] = c&this.DM;
-      c >>= this.DB;
-    }
-    c += this.s;
-  }
-  else {
-    c += this.s;
-    while(i < a.t) {
-      c -= a[i];
-      r[i++] = c&this.DM;
-      c >>= this.DB;
-    }
-    c -= a.s;
-  }
-  r.s = (c<0)?-1:0;
-  if(c < -1) r[i++] = this.DV+c;
-  else if(c > 0) r[i++] = c;
-  r.t = i;
-  r.clamp();
-}
-
-// (protected) r = this * a, r != this,a (HAC 14.12)
-// "this" should be the larger one if appropriate.
-function bnpMultiplyTo(a,r) {
-  var x = this.abs(), y = a.abs();
-  var i = x.t;
-  r.t = i+y.t;
-  while(--i >= 0) r[i] = 0;
-  for(i = 0; i < y.t; ++i) r[i+x.t] = x.am(0,y[i],r,i,0,x.t);
-  r.s = 0;
-  r.clamp();
-  if(this.s != a.s) BigInteger.ZERO.subTo(r,r);
-}
-
-// (protected) r = this^2, r != this (HAC 14.16)
-function bnpSquareTo(r) {
-  var x = this.abs();
-  var i = r.t = 2*x.t;
-  while(--i >= 0) r[i] = 0;
-  for(i = 0; i < x.t-1; ++i) {
-    var c = x.am(i,x[i],r,2*i,0,1);
-    if((r[i+x.t]+=x.am(i+1,2*x[i],r,2*i+1,c,x.t-i-1)) >= x.DV) {
-      r[i+x.t] -= x.DV;
-      r[i+x.t+1] = 1;
-    }
-  }
-  if(r.t > 0) r[r.t-1] += x.am(i,x[i],r,2*i,0,1);
-  r.s = 0;
-  r.clamp();
-}
-
-// (protected) divide this by m, quotient and remainder to q, r (HAC 14.20)
-// r != q, this != m.  q or r may be null.
-function bnpDivRemTo(m,q,r) {
-  var pm = m.abs();
-  if(pm.t <= 0) return;
-  var pt = this.abs();
-  if(pt.t < pm.t) {
-    if(q != null) q.fromInt(0);
-    if(r != null) this.copyTo(r);
-    return;
-  }
-  if(r == null) r = nbi();
-  var y = nbi(), ts = this.s, ms = m.s;
-  var nsh = this.DB-nbits(pm[pm.t-1]);	// normalize modulus
-  if(nsh > 0) { pm.lShiftTo(nsh,y); pt.lShiftTo(nsh,r); }
-  else { pm.copyTo(y); pt.copyTo(r); }
-  var ys = y.t;
-  var y0 = y[ys-1];
-  if(y0 == 0) return;
-  var yt = y0*(1<<this.F1)+((ys>1)?y[ys-2]>>this.F2:0);
-  var d1 = this.FV/yt, d2 = (1<<this.F1)/yt, e = 1<<this.F2;
-  var i = r.t, j = i-ys, t = (q==null)?nbi():q;
-  y.dlShiftTo(j,t);
-  if(r.compareTo(t) >= 0) {
-    r[r.t++] = 1;
-    r.subTo(t,r);
-  }
-  BigInteger.ONE.dlShiftTo(ys,t);
-  t.subTo(y,y);	// "negative" y so we can replace sub with am later
-  while(y.t < ys) y[y.t++] = 0;
-  while(--j >= 0) {
-    // Estimate quotient digit
-    var qd = (r[--i]==y0)?this.DM:Math.floor(r[i]*d1+(r[i-1]+e)*d2);
-    if((r[i]+=y.am(0,qd,r,j,0,ys)) < qd) {	// Try it out
-      y.dlShiftTo(j,t);
-      r.subTo(t,r);
-      while(r[i] < --qd) r.subTo(t,r);
-    }
-  }
-  if(q != null) {
-    r.drShiftTo(ys,q);
-    if(ts != ms) BigInteger.ZERO.subTo(q,q);
-  }
-  r.t = ys;
-  r.clamp();
-  if(nsh > 0) r.rShiftTo(nsh,r);	// Denormalize remainder
-  if(ts < 0) BigInteger.ZERO.subTo(r,r);
-}
-
-// (public) this mod a
-function bnMod(a) {
-  var r = nbi();
-  this.abs().divRemTo(a,null,r);
-  if(this.s < 0 && r.compareTo(BigInteger.ZERO) > 0) a.subTo(r,r);
-  return r;
-}
-
-// Modular reduction using "classic" algorithm
-function Classic(m) { this.m = m; }
-function cConvert(x) {
-  if(x.s < 0 || x.compareTo(this.m) >= 0) return x.mod(this.m);
-  else return x;
-}
-function cRevert(x) { return x; }
-function cReduce(x) { x.divRemTo(this.m,null,x); }
-function cMulTo(x,y,r) { x.multiplyTo(y,r); this.reduce(r); }
-function cSqrTo(x,r) { x.squareTo(r); this.reduce(r); }
-
-Classic.prototype.convert = cConvert;
-Classic.prototype.revert = cRevert;
-Classic.prototype.reduce = cReduce;
-Classic.prototype.mulTo = cMulTo;
-Classic.prototype.sqrTo = cSqrTo;
-
-// (protected) return "-1/this % 2^DB"; useful for Mont. reduction
-// justification:
-//         xy == 1 (mod m)
-//         xy =  1+km
-//   xy(2-xy) = (1+km)(1-km)
-// x[y(2-xy)] = 1-k^2m^2
-// x[y(2-xy)] == 1 (mod m^2)
-// if y is 1/x mod m, then y(2-xy) is 1/x mod m^2
-// should reduce x and y(2-xy) by m^2 at each step to keep size bounded.
-// JS multiply "overflows" differently from C/C++, so care is needed here.
-function bnpInvDigit() {
-  if(this.t < 1) return 0;
-  var x = this[0];
-  if((x&1) == 0) return 0;
-  var y = x&3;		// y == 1/x mod 2^2
-  y = (y*(2-(x&0xf)*y))&0xf;	// y == 1/x mod 2^4
-  y = (y*(2-(x&0xff)*y))&0xff;	// y == 1/x mod 2^8
-  y = (y*(2-(((x&0xffff)*y)&0xffff)))&0xffff;	// y == 1/x mod 2^16
-  // last step - calculate inverse mod DV directly;
-  // assumes 16 < DB <= 32 and assumes ability to handle 48-bit ints
-  y = (y*(2-x*y%this.DV))%this.DV;		// y == 1/x mod 2^dbits
-  // we really want the negative inverse, and -DV < y < DV
-  return (y>0)?this.DV-y:-y;
-}
-
-// Montgomery reduction
-function Montgomery(m) {
-  this.m = m;
-  this.mp = m.invDigit();
-  this.mpl = this.mp&0x7fff;
-  this.mph = this.mp>>15;
-  this.um = (1<<(m.DB-15))-1;
-  this.mt2 = 2*m.t;
-}
-
-// xR mod m
-function montConvert(x) {
-  var r = nbi();
-  x.abs().dlShiftTo(this.m.t,r);
-  r.divRemTo(this.m,null,r);
-  if(x.s < 0 && r.compareTo(BigInteger.ZERO) > 0) this.m.subTo(r,r);
-  return r;
-}
-
-// x/R mod m
-function montRevert(x) {
-  var r = nbi();
-  x.copyTo(r);
-  this.reduce(r);
-  return r;
-}
-
-// x = x/R mod m (HAC 14.32)
-function montReduce(x) {
-  while(x.t <= this.mt2)	// pad x so am has enough room later
-    x[x.t++] = 0;
-  for(var i = 0; i < this.m.t; ++i) {
-    // faster way of calculating u0 = x[i]*mp mod DV
-    var j = x[i]&0x7fff;
-    var u0 = (j*this.mpl+(((j*this.mph+(x[i]>>15)*this.mpl)&this.um)<<15))&x.DM;
-    // use am to combine the multiply-shift-add into one call
-    j = i+this.m.t;
-    x[j] += this.m.am(0,u0,x,i,0,this.m.t);
-    // propagate carry
-    while(x[j] >= x.DV) { x[j] -= x.DV; x[++j]++; }
-  }
-  x.clamp();
-  x.drShiftTo(this.m.t,x);
-  if(x.compareTo(this.m) >= 0) x.subTo(this.m,x);
-}
-
-// r = "x^2/R mod m"; x != r
-function montSqrTo(x,r) { x.squareTo(r); this.reduce(r); }
-
-// r = "xy/R mod m"; x,y != r
-function montMulTo(x,y,r) { x.multiplyTo(y,r); this.reduce(r); }
-
-Montgomery.prototype.convert = montConvert;
-Montgomery.prototype.revert = montRevert;
-Montgomery.prototype.reduce = montReduce;
-Montgomery.prototype.mulTo = montMulTo;
-Montgomery.prototype.sqrTo = montSqrTo;
-
-// (protected) true iff this is even
-function bnpIsEven() { return ((this.t>0)?(this[0]&1):this.s) == 0; }
-
-// (protected) this^e, e < 2^32, doing sqr and mul with "r" (HAC 14.79)
-function bnpExp(e,z) {
-  if(e > 0xffffffff || e < 1) return BigInteger.ONE;
-  var r = nbi(), r2 = nbi(), g = z.convert(this), i = nbits(e)-1;
-  g.copyTo(r);
-  while(--i >= 0) {
-    z.sqrTo(r,r2);
-    if((e&(1<<i)) > 0) z.mulTo(r2,g,r);
-    else { var t = r; r = r2; r2 = t; }
-  }
-  return z.revert(r);
-}
-
-// (public) this^e % m, 0 <= e < 2^32
-function bnModPowInt(e,m) {
-  var z;
-  if(e < 256 || m.isEven()) z = new Classic(m); else z = new Montgomery(m);
-  return this.exp(e,z);
-}
-
-// protected
-BigInteger.prototype.copyTo = bnpCopyTo;
-BigInteger.prototype.fromInt = bnpFromInt;
-BigInteger.prototype.fromString = bnpFromString;
-BigInteger.prototype.clamp = bnpClamp;
-BigInteger.prototype.dlShiftTo = bnpDLShiftTo;
-BigInteger.prototype.drShiftTo = bnpDRShiftTo;
-BigInteger.prototype.lShiftTo = bnpLShiftTo;
-BigInteger.prototype.rShiftTo = bnpRShiftTo;
-BigInteger.prototype.subTo = bnpSubTo;
-BigInteger.prototype.multiplyTo = bnpMultiplyTo;
-BigInteger.prototype.squareTo = bnpSquareTo;
-BigInteger.prototype.divRemTo = bnpDivRemTo;
-BigInteger.prototype.invDigit = bnpInvDigit;
-BigInteger.prototype.isEven = bnpIsEven;
-BigInteger.prototype.exp = bnpExp;
-
-// public
-BigInteger.prototype.toString = bnToString;
-BigInteger.prototype.negate = bnNegate;
-BigInteger.prototype.abs = bnAbs;
-BigInteger.prototype.compareTo = bnCompareTo;
-BigInteger.prototype.bitLength = bnBitLength;
-BigInteger.prototype.mod = bnMod;
-BigInteger.prototype.modPowInt = bnModPowInt;
-
-// "constants"
-BigInteger.ZERO = nbv(0);
-BigInteger.ONE = nbv(1);
-
-export {
-  BigInteger,
-};

web/src/vendor/spice-html5/src/thirdparty/prng4.js

@@ -1,84 +0,0 @@
-// Downloaded from http://www-cs-students.stanford.edu/~tjw/jsbn/ by Jeremy White on 6/1/2012
-
-/*
- * Copyright (c) 2003-2005  Tom Wu
- * All Rights Reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining
- * a copy of this software and associated documentation files (the
- * "Software"), to deal in the Software without restriction, including
- * without limitation the rights to use, copy, modify, merge, publish,
- * distribute, sublicense, and/or sell copies of the Software, and to
- * permit persons to whom the Software is furnished to do so, subject to
- * the following conditions:
- *
- * The above copyright notice and this permission notice shall be
- * included in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS-IS" AND WITHOUT WARRANTY OF ANY KIND,
- * EXPRESS, IMPLIED OR OTHERWISE, INCLUDING WITHOUT LIMITATION, ANY
- * WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE.
- *
- * IN NO EVENT SHALL TOM WU BE LIABLE FOR ANY SPECIAL, INCIDENTAL,
- * INDIRECT OR CONSEQUENTIAL DAMAGES OF ANY KIND, OR ANY DAMAGES WHATSOEVER
- * RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER OR NOT ADVISED OF
- * THE POSSIBILITY OF DAMAGE, AND ON ANY THEORY OF LIABILITY, ARISING OUT
- * OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
- *
- * In addition, the following condition applies:
- *
- * All redistributions must retain an intact copy of this copyright notice
- * and disclaimer.
- */
-
-
-// prng4.js - uses Arcfour as a PRNG
-
-function Arcfour() {
-  this.i = 0;
-  this.j = 0;
-  this.S = new Array();
-}
-
-// Initialize arcfour context from key, an array of ints, each from [0..255]
-function ARC4init(key) {
-  var i, j, t;
-  for(i = 0; i < 256; ++i)
-    this.S[i] = i;
-  j = 0;
-  for(i = 0; i < 256; ++i) {
-    j = (j + this.S[i] + key[i % key.length]) & 255;
-    t = this.S[i];
-    this.S[i] = this.S[j];
-    this.S[j] = t;
-  }
-  this.i = 0;
-  this.j = 0;
-}
-
-function ARC4next() {
-  var t;
-  this.i = (this.i + 1) & 255;
-  this.j = (this.j + this.S[this.i]) & 255;
-  t = this.S[this.i];
-  this.S[this.i] = this.S[this.j];
-  this.S[this.j] = t;
-  return this.S[(t + this.S[this.i]) & 255];
-}
-
-Arcfour.prototype.init = ARC4init;
-Arcfour.prototype.next = ARC4next;
-
-// Plug in your RNG constructor here
-function prng_newstate() {
-  return new Arcfour();
-}
-
-// Pool size must be a multiple of 4 and greater than 32.
-// An array of bytes the size of the pool will be passed to init()
-var rng_psize = 256;
-
-export {
-  prng_newstate,
-  rng_psize,
-};

web/src/vendor/spice-html5/src/thirdparty/rng.js

@@ -1,107 +0,0 @@
-// Downloaded from http://www-cs-students.stanford.edu/~tjw/jsbn/ by Jeremy White on 6/1/2012
-
-/*
- * Copyright (c) 2003-2005  Tom Wu
- * All Rights Reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining
- * a copy of this software and associated documentation files (the
- * "Software"), to deal in the Software without restriction, including
- * without limitation the rights to use, copy, modify, merge, publish,
- * distribute, sublicense, and/or sell copies of the Software, and to
- * permit persons to whom the Software is furnished to do so, subject to
- * the following conditions:
- *
- * The above copyright notice and this permission notice shall be
- * included in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS-IS" AND WITHOUT WARRANTY OF ANY KIND,
- * EXPRESS, IMPLIED OR OTHERWISE, INCLUDING WITHOUT LIMITATION, ANY
- * WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE.
- *
- * IN NO EVENT SHALL TOM WU BE LIABLE FOR ANY SPECIAL, INCIDENTAL,
- * INDIRECT OR CONSEQUENTIAL DAMAGES OF ANY KIND, OR ANY DAMAGES WHATSOEVER
- * RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER OR NOT ADVISED OF
- * THE POSSIBILITY OF DAMAGE, AND ON ANY THEORY OF LIABILITY, ARISING OUT
- * OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
- *
- * In addition, the following condition applies:
- *
- * All redistributions must retain an intact copy of this copyright notice
- * and disclaimer.
- */
-
-
-// Random number generator - requires a PRNG backend, e.g. prng4.js
-import { prng_newstate, rng_psize } from './prng4.js';
-
-// For best results, put code like
-// <body onClick='rng_seed_time();' onKeyPress='rng_seed_time();'>
-// in your main HTML document.
-
-var rng_state;
-var rng_pool;
-var rng_pptr;
-
-// Mix in a 32-bit integer into the pool
-function rng_seed_int(x) {
-  rng_pool[rng_pptr++] ^= x & 255;
-  rng_pool[rng_pptr++] ^= (x >> 8) & 255;
-  rng_pool[rng_pptr++] ^= (x >> 16) & 255;
-  rng_pool[rng_pptr++] ^= (x >> 24) & 255;
-  if(rng_pptr >= rng_psize) rng_pptr -= rng_psize;
-}
-
-// Mix in the current time (w/milliseconds) into the pool
-function rng_seed_time() {
-  rng_seed_int(new Date().getTime());
-}
-
-// Initialize the pool with junk if needed.
-if(rng_pool == null) {
-  rng_pool = new Array();
-  rng_pptr = 0;
-  var t;
-  if(navigator.appName == "Netscape" && navigator.appVersion < "5" && window.crypto) {
-    // Extract entropy (256 bits) from NS4 RNG if available
-    var z = window.crypto.random(32);
-    for(t = 0; t < z.length; ++t)
-      rng_pool[rng_pptr++] = z.charCodeAt(t) & 255;
-  }
-  while(rng_pptr < rng_psize) {  // extract some randomness from Math.random()
-    t = Math.floor(65536 * Math.random());
-    rng_pool[rng_pptr++] = t >>> 8;
-    rng_pool[rng_pptr++] = t & 255;
-  }
-  rng_pptr = 0;
-  rng_seed_time();
-  //rng_seed_int(window.screenX);
-  //rng_seed_int(window.screenY);
-}
-
-function rng_get_byte() {
-  if(rng_state == null) {
-    rng_seed_time();
-    rng_state = prng_newstate();
-    rng_state.init(rng_pool);
-    for(rng_pptr = 0; rng_pptr < rng_pool.length; ++rng_pptr)
-      rng_pool[rng_pptr] = 0;
-    rng_pptr = 0;
-    //rng_pool = null;
-  }
-  // TODO: allow reseeding after first request
-  return rng_state.next();
-}
-
-function rng_get_bytes(ba) {
-  var i;
-  for(i = 0; i < ba.length; ++i) ba[i] = rng_get_byte();
-}
-
-function SecureRandom() {}
-
-SecureRandom.prototype.nextBytes = rng_get_bytes;
-
-export {
-  SecureRandom,
-};

web/src/vendor/spice-html5/src/thirdparty/rsa.js

@@ -1,153 +0,0 @@
-// Downloaded from http://www-cs-students.stanford.edu/~tjw/jsbn/ by Jeremy White on 6/1/2012
-// Converted into an ES6 module
-
-/*
- * Copyright (c) 2003-2005  Tom Wu
- * All Rights Reserved.
- *
- * Permission is hereby granted, free of charge, to any person obtaining
- * a copy of this software and associated documentation files (the
- * "Software"), to deal in the Software without restriction, including
- * without limitation the rights to use, copy, modify, merge, publish,
- * distribute, sublicense, and/or sell copies of the Software, and to
- * permit persons to whom the Software is furnished to do so, subject to
- * the following conditions:
- *
- * The above copyright notice and this permission notice shall be
- * included in all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS-IS" AND WITHOUT WARRANTY OF ANY KIND,
- * EXPRESS, IMPLIED OR OTHERWISE, INCLUDING WITHOUT LIMITATION, ANY
- * WARRANTY OF MERCHANTABILITY OR FITNESS FOR A PARTICULAR PURPOSE.
- *
- * IN NO EVENT SHALL TOM WU BE LIABLE FOR ANY SPECIAL, INCIDENTAL,
- * INDIRECT OR CONSEQUENTIAL DAMAGES OF ANY KIND, OR ANY DAMAGES WHATSOEVER
- * RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER OR NOT ADVISED OF
- * THE POSSIBILITY OF DAMAGE, AND ON ANY THEORY OF LIABILITY, ARISING OUT
- * OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
- *
- * In addition, the following condition applies:
- *
- * All redistributions must retain an intact copy of this copyright notice
- * and disclaimer.
- */
-
-
-// Depends on jsbn.js and rng.js
-import { BigInteger } from './jsbn.js';
-import { SecureRandom } from './rng.js';
-
-// Version 1.1: support utf-8 encoding in pkcs1pad2
-
-// convert a (hex) string to a bignum object
-function parseBigInt(str,r) {
-  return new BigInteger(str,r);
-}
-
-function linebrk(s,n) {
-  var ret = "";
-  var i = 0;
-  while(i + n < s.length) {
-    ret += s.substring(i,i+n) + "\n";
-    i += n;
-  }
-  return ret + s.substring(i,s.length);
-}
-
-function byte2Hex(b) {
-  if(b < 0x10)
-    return "0" + b.toString(16);
-  else
-    return b.toString(16);
-}
-
-// PKCS#1 (type 2, random) pad input string s to n bytes, and return a bigint
-function pkcs1pad2(s,n) {
-  if(n < s.length + 11) { // TODO: fix for utf-8
-    alert("Message too long for RSA");
-    return null;
-  }
-  var ba = new Array();
-  var i = s.length - 1;
-  while(i >= 0 && n > 0) {
-    var c = s.charCodeAt(i--);
-    if(c < 128) { // encode using utf-8
-      ba[--n] = c;
-    }
-    else if((c > 127) && (c < 2048)) {
-      ba[--n] = (c & 63) | 128;
-      ba[--n] = (c >> 6) | 192;
-    }
-    else {
-      ba[--n] = (c & 63) | 128;
-      ba[--n] = ((c >> 6) & 63) | 128;
-      ba[--n] = (c >> 12) | 224;
-    }
-  }
-  ba[--n] = 0;
-  var rng = new SecureRandom();
-  var x = new Array();
-  while(n > 2) { // random non-zero pad
-    x[0] = 0;
-    while(x[0] == 0) rng.nextBytes(x);
-    ba[--n] = x[0];
-  }
-  ba[--n] = 2;
-  ba[--n] = 0;
-  return new BigInteger(ba);
-}
-
-// "empty" RSA key constructor
-function RSAKey() {
-  this.n = null;
-  this.e = 0;
-  this.d = null;
-  this.p = null;
-  this.q = null;
-  this.dmp1 = null;
-  this.dmq1 = null;
-  this.coeff = null;
-}
-
-// Set the public key fields N and e from hex strings
-function RSASetPublic(N,E) {
-  if(N != null && E != null && N.length > 0 && E.length > 0) {
-    this.n = parseBigInt(N,16);
-    this.e = parseInt(E,16);
-  }
-  else
-    alert("Invalid RSA public key");
-}
-
-// Perform raw public operation on "x": return x^e (mod n)
-function RSADoPublic(x) {
-  return x.modPowInt(this.e, this.n);
-}
-
-// Return the PKCS#1 RSA encryption of "text" as an even-length hex string
-function RSAEncrypt(text) {
-  var m = pkcs1pad2(text,(this.n.bitLength()+7)>>3);
-  if(m == null) return null;
-  var c = this.doPublic(m);
-  if(c == null) return null;
-  var h = c.toString(16);
-  if((h.length & 1) == 0) return h; else return "0" + h;
-}
-
-// Return the PKCS#1 RSA encryption of "text" as a Base64-encoded string
-//function RSAEncryptB64(text) {
-//  var h = this.encrypt(text);
-//  if(h) return hex2b64(h); else return null;
-//}
-
-// protected
-RSAKey.prototype.doPublic = RSADoPublic;
-
-// public
-RSAKey.prototype.setPublic = RSASetPublic;
-RSAKey.prototype.encrypt = RSAEncrypt;
-//RSAKey.prototype.encrypt_b64 = RSAEncryptB64;
-
-export {
-  RSAKey,
-};

web/src/vendor/spice-html5/src/thirdparty/sha1.js

@@ -1,351 +0,0 @@
-/*
- * A JavaScript implementation of the Secure Hash Algorithm, SHA-1, as defined
- * in FIPS 180-1
- * Version 2.2 Copyright Paul Johnston 2000 - 2009.
- * Other contributors: Greg Holt, Andrew Kepert, Ydnar, Lostinet
- * Distributed under the BSD License
- * See http://pajhome.org.uk/crypt/md5 for details.
- */
-
- /* Downloaded 6/1/2012 from the above address by Jeremy White.
-    License reproduce here for completeness:
-
-Copyright (c) 1998 - 2009, Paul Johnston & Contributors
-All rights reserved.
-
-Redistribution and use in source and binary forms, with or without modification, are permitted provided that the following conditions are met:
-
-Redistributions of source code must retain the above copyright notice, this list of conditions and the following disclaimer. Redistributions in binary form must reproduce the above copyright notice, this list of conditions and the following disclaimer in the documentation and/or other materials provided with the distribution.
-
-Neither the name of the author nor the names of its contributors may be used to endorse or promote products derived from this software without specific prior written permission.
-
-THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
-
- */
-
-/*
- * Configurable variables. You may need to tweak these to be compatible with
- * the server-side, but the defaults work in most cases.
- */
-var hexcase = 0;  /* hex output format. 0 - lowercase; 1 - uppercase        */
-var b64pad  = ""; /* base-64 pad character. "=" for strict RFC compliance   */
-
-/*
- * These are the functions you'll usually want to call
- * They take string arguments and return either hex or base-64 encoded strings
- */
-function hex_sha1(s)    { return rstr2hex(rstr_sha1(str2rstr_utf8(s))); }
-function b64_sha1(s)    { return rstr2b64(rstr_sha1(str2rstr_utf8(s))); }
-function any_sha1(s, e) { return rstr2any(rstr_sha1(str2rstr_utf8(s)), e); }
-function hex_hmac_sha1(k, d)
-  { return rstr2hex(rstr_hmac_sha1(str2rstr_utf8(k), str2rstr_utf8(d))); }
-function b64_hmac_sha1(k, d)
-  { return rstr2b64(rstr_hmac_sha1(str2rstr_utf8(k), str2rstr_utf8(d))); }
-function any_hmac_sha1(k, d, e)
-  { return rstr2any(rstr_hmac_sha1(str2rstr_utf8(k), str2rstr_utf8(d)), e); }
-
-/*
- * Perform a simple self-test to see if the VM is working
- */
-function sha1_vm_test()
-{
-  return hex_sha1("abc").toLowerCase() == "a9993e364706816aba3e25717850c26c9cd0d89d";
-}
-
-/*
- * Calculate the SHA1 of a raw string
- */
-function rstr_sha1(s)
-{
-  return binb2rstr(binb_sha1(rstr2binb(s), s.length * 8));
-}
-
-/*
- * Calculate the HMAC-SHA1 of a key and some data (raw strings)
- */
-function rstr_hmac_sha1(key, data)
-{
-  var bkey = rstr2binb(key);
-  if(bkey.length > 16) bkey = binb_sha1(bkey, key.length * 8);
-
-  var ipad = Array(16), opad = Array(16);
-  for(var i = 0; i < 16; i++)
-  {
-    ipad[i] = bkey[i] ^ 0x36363636;
-    opad[i] = bkey[i] ^ 0x5C5C5C5C;
-  }
-
-  var hash = binb_sha1(ipad.concat(rstr2binb(data)), 512 + data.length * 8);
-  return binb2rstr(binb_sha1(opad.concat(hash), 512 + 160));
-}
-
-/*
- * Convert a raw string to a hex string
- */
-function rstr2hex(input)
-{
-  try { hexcase } catch(e) { hexcase=0; }
-  var hex_tab = hexcase ? "0123456789ABCDEF" : "0123456789abcdef";
-  var output = "";
-  var x;
-  for(var i = 0; i < input.length; i++)
-  {
-    x = input.charCodeAt(i);
-    output += hex_tab.charAt((x >>> 4) & 0x0F)
-           +  hex_tab.charAt( x        & 0x0F);
-  }
-  return output;
-}
-
-/*
- * Convert a raw string to a base-64 string
- */
-function rstr2b64(input)
-{
-  try { b64pad } catch(e) { b64pad=''; }
-  var tab = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
-  var output = "";
-  var len = input.length;
-  for(var i = 0; i < len; i += 3)
-  {
-    var triplet = (input.charCodeAt(i) << 16)
-                | (i + 1 < len ? input.charCodeAt(i+1) << 8 : 0)
-                | (i + 2 < len ? input.charCodeAt(i+2)      : 0);
-    for(var j = 0; j < 4; j++)
-    {
-      if(i * 8 + j * 6 > input.length * 8) output += b64pad;
-      else output += tab.charAt((triplet >>> 6*(3-j)) & 0x3F);
-    }
-  }
-  return output;
-}
-
-/*
- * Convert a raw string to an arbitrary string encoding
- */
-function rstr2any(input, encoding)
-{
-  var divisor = encoding.length;
-  var remainders = Array();
-  var i, q, x, quotient;
-
-  /* Convert to an array of 16-bit big-endian values, forming the dividend */
-  var dividend = Array(Math.ceil(input.length / 2));
-  for(i = 0; i < dividend.length; i++)
-  {
-    dividend[i] = (input.charCodeAt(i * 2) << 8) | input.charCodeAt(i * 2 + 1);
-  }
-
-  /*
-   * Repeatedly perform a long division. The binary array forms the dividend,
-   * the length of the encoding is the divisor. Once computed, the quotient
-   * forms the dividend for the next step. We stop when the dividend is zero.
-   * All remainders are stored for later use.
-   */
-  while(dividend.length > 0)
-  {
-    quotient = Array();
-    x = 0;
-    for(i = 0; i < dividend.length; i++)
-    {
-      x = (x << 16) + dividend[i];
-      q = Math.floor(x / divisor);
-      x -= q * divisor;
-      if(quotient.length > 0 || q > 0)
-        quotient[quotient.length] = q;
-    }
-    remainders[remainders.length] = x;
-    dividend = quotient;
-  }
-
-  /* Convert the remainders to the output string */
-  var output = "";
-  for(i = remainders.length - 1; i >= 0; i--)
-    output += encoding.charAt(remainders[i]);
-
-  /* Append leading zero equivalents */
-  var full_length = Math.ceil(input.length * 8 /
-                                    (Math.log(encoding.length) / Math.log(2)))
-  for(i = output.length; i < full_length; i++)
-    output = encoding[0] + output;
-
-  return output;
-}
-
-/*
- * Encode a string as utf-8.
- * For efficiency, this assumes the input is valid utf-16.
- */
-function str2rstr_utf8(input)
-{
-  var output = "";
-  var i = -1;
-  var x, y;
-
-  while(++i < input.length)
-  {
-    /* Decode utf-16 surrogate pairs */
-    x = input.charCodeAt(i);
-    y = i + 1 < input.length ? input.charCodeAt(i + 1) : 0;
-    if(0xD800 <= x && x <= 0xDBFF && 0xDC00 <= y && y <= 0xDFFF)
-    {
-      x = 0x10000 + ((x & 0x03FF) << 10) + (y & 0x03FF);
-      i++;
-    }
-
-    /* Encode output as utf-8 */
-    if(x <= 0x7F)
-      output += String.fromCharCode(x);
-    else if(x <= 0x7FF)
-      output += String.fromCharCode(0xC0 | ((x >>> 6 ) & 0x1F),
-                                    0x80 | ( x         & 0x3F));
-    else if(x <= 0xFFFF)
-      output += String.fromCharCode(0xE0 | ((x >>> 12) & 0x0F),
-                                    0x80 | ((x >>> 6 ) & 0x3F),
-                                    0x80 | ( x         & 0x3F));
-    else if(x <= 0x1FFFFF)
-      output += String.fromCharCode(0xF0 | ((x >>> 18) & 0x07),
-                                    0x80 | ((x >>> 12) & 0x3F),
-                                    0x80 | ((x >>> 6 ) & 0x3F),
-                                    0x80 | ( x         & 0x3F));
-  }
-  return output;
-}
-
-/*
- * Encode a string as utf-16
- */
-function str2rstr_utf16le(input)
-{
-  var output = "";
-  for(var i = 0; i < input.length; i++)
-    output += String.fromCharCode( input.charCodeAt(i)        & 0xFF,
-                                  (input.charCodeAt(i) >>> 8) & 0xFF);
-  return output;
-}
-
-function str2rstr_utf16be(input)
-{
-  var output = "";
-  for(var i = 0; i < input.length; i++)
-    output += String.fromCharCode((input.charCodeAt(i) >>> 8) & 0xFF,
-                                   input.charCodeAt(i)        & 0xFF);
-  return output;
-}
-
-/*
- * Convert a raw string to an array of big-endian words
- * Characters >255 have their high-byte silently ignored.
- */
-function rstr2binb(input)
-{
-  var output = Array(input.length >> 2);
-  for(var i = 0; i < output.length; i++)
-    output[i] = 0;
-  for(var i = 0; i < input.length * 8; i += 8)
-    output[i>>5] |= (input.charCodeAt(i / 8) & 0xFF) << (24 - i % 32);
-  return output;
-}
-
-/*
- * Convert an array of big-endian words to a string
- */
-function binb2rstr(input)
-{
-  var output = "";
-  for(var i = 0; i < input.length * 32; i += 8)
-    output += String.fromCharCode((input[i>>5] >>> (24 - i % 32)) & 0xFF);
-  return output;
-}
-
-/*
- * Calculate the SHA-1 of an array of big-endian words, and a bit length
- */
-function binb_sha1(x, len)
-{
-  /* append padding */
-  x[len >> 5] |= 0x80 << (24 - len % 32);
-  x[((len + 64 >> 9) << 4) + 15] = len;
-
-  var w = Array(80);
-  var a =  1732584193;
-  var b = -271733879;
-  var c = -1732584194;
-  var d =  271733878;
-  var e = -1009589776;
-
-  for(var i = 0; i < x.length; i += 16)
-  {
-    var olda = a;
-    var oldb = b;
-    var oldc = c;
-    var oldd = d;
-    var olde = e;
-
-    for(var j = 0; j < 80; j++)
-    {
-      if(j < 16) w[j] = x[i + j];
-      else w[j] = bit_rol(w[j-3] ^ w[j-8] ^ w[j-14] ^ w[j-16], 1);
-      var t = safe_add(safe_add(bit_rol(a, 5), sha1_ft(j, b, c, d)),
-                       safe_add(safe_add(e, w[j]), sha1_kt(j)));
-      e = d;
-      d = c;
-      c = bit_rol(b, 30);
-      b = a;
-      a = t;
-    }
-
-    a = safe_add(a, olda);
-    b = safe_add(b, oldb);
-    c = safe_add(c, oldc);
-    d = safe_add(d, oldd);
-    e = safe_add(e, olde);
-  }
-  return Array(a, b, c, d, e);
-
-}
-
-/*
- * Perform the appropriate triplet combination function for the current
- * iteration
- */
-function sha1_ft(t, b, c, d)
-{
-  if(t < 20) return (b & c) | ((~b) & d);
-  if(t < 40) return b ^ c ^ d;
-  if(t < 60) return (b & c) | (b & d) | (c & d);
-  return b ^ c ^ d;
-}
-
-/*
- * Determine the appropriate additive constant for the current iteration
- */
-function sha1_kt(t)
-{
-  return (t < 20) ?  1518500249 : (t < 40) ?  1859775393 :
-         (t < 60) ? -1894007588 : -899497514;
-}
-
-/*
- * Add integers, wrapping at 2^32. This uses 16-bit operations internally
- * to work around bugs in some JS interpreters.
- */
-function safe_add(x, y)
-{
-  var lsw = (x & 0xFFFF) + (y & 0xFFFF);
-  var msw = (x >> 16) + (y >> 16) + (lsw >> 16);
-  return (msw << 16) | (lsw & 0xFFFF);
-}
-
-/*
- * Bitwise rotate a 32-bit number to the left.
- */
-function bit_rol(num, cnt)
-{
-  return (num << cnt) | (num >>> (32 - cnt));
-}
-
-export {
-  hex_sha1,
-  rstr_sha1,
-};

web/src/vendor/spice-html5/src/ticket.js

@@ -1,268 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { RSAKey } from './thirdparty/rsa.js';
-import { BigInteger } from './thirdparty/jsbn.js';
-import { SecureRandom } from './thirdparty/rng.js';
-import { rstr_sha1 } from './thirdparty/sha1.js';
-
-var SHA_DIGEST_LENGTH = 20;
-
-/*----------------------------------------------------------------------------
-**  General ticket RSA encryption functions - just good enough to
-**      support what we need to send back an encrypted ticket.
-**--------------------------------------------------------------------------*/
-
-
-/*----------------------------------------------------------------------------
-**  OAEP padding functions.  Inspired by the OpenSSL implementation.
-**--------------------------------------------------------------------------*/
-function MGF1(mask, seed)
-{
-    var i, j, outlen;
-    for (i = 0, outlen = 0; outlen < mask.length; i++)
-    {
-        var combo_buf = new String;
-
-        for (j = 0; j < seed.length; j++)
-            combo_buf += String.fromCharCode(seed[j]);
-        combo_buf += String.fromCharCode((i >> 24) & 255);
-        combo_buf += String.fromCharCode((i >> 16) & 255);
-        combo_buf += String.fromCharCode((i >> 8)  & 255);
-        combo_buf += String.fromCharCode((i)       & 255);
-
-        var combo_hash = rstr_sha1(combo_buf);
-        for (j = 0; j < combo_hash.length && outlen < mask.length; j++, outlen++)
-        {
-            mask[outlen] = combo_hash.charCodeAt(j);
-        }
-    }
-}
-
-
-function RSA_padding_add_PKCS1_OAEP(tolen, from, param)
-{
-    var seed = new Array(SHA_DIGEST_LENGTH);
-    var rand = new SecureRandom();
-    rand.nextBytes(seed);
-
-    var dblen = tolen - 1 - seed.length;
-    var db = new Array(dblen);
-    var padlen = dblen - from.length - 1;
-    var i;
-
-    if (param === undefined)
-        param = "";
-
-    if (padlen < SHA_DIGEST_LENGTH)
-    {
-        console.log("Error - data too large for key size.");
-        return null;
-    }
-
-    for (i = 0; i < padlen; i++)
-        db[i] = 0;
-
-    var param_hash = rstr_sha1(param);
-    for (i = 0; i < param_hash.length; i++)
-        db[i] = param_hash.charCodeAt(i);
-
-    db[padlen] = 1;
-    for (i = 0; i < from.length; i++)
-        db[i + padlen + 1] = from.charCodeAt(i);
-
-    var dbmask = new Array(dblen);
-    if (MGF1(dbmask, seed) < 0)
-            return null;
-
-    for (i = 0; i < dbmask.length; i++)
-        db[i] ^= dbmask[i];
-
-
-    var seedmask = Array(SHA_DIGEST_LENGTH);
-    if (MGF1(seedmask, db) < 0)
-            return null;
-
-    for (i = 0; i < seedmask.length; i++)
-        seed[i] ^= seedmask[i];
-
-    var ret = new String;
-    ret += String.fromCharCode(0);
-    for (i = 0; i < seed.length; i++)
-        ret += String.fromCharCode(seed[i]);
-    for (i = 0; i < db.length; i++)
-        ret += String.fromCharCode(db[i]);
-    return ret;
-}
-
-
-function asn_get_length(u8, at)
-{
-    var len = u8[at++];
-    if (len > 0x80)
-    {
-        if (len != 0x81)
-        {
-            console.log("Error:  we lazily don't support keys bigger than 255 bytes.  It'd be easy to fix.");
-            return null;
-        }
-        len = u8[at++];
-    }
-
-    return [ at, len];
-}
-
-function find_sequence(u8, at)
-{
-    var lenblock;
-    at = at || 0;
-    if (u8[at++] != 0x30)
-    {
-        console.log("Error:  public key should start with a sequence flag.");
-        return null;
-    }
-
-    lenblock = asn_get_length(u8, at);
-    if (! lenblock)
-        return null;
-    return lenblock;
-}
-
-/*----------------------------------------------------------------------------
-**  Extract an RSA key from a memory buffer
-**--------------------------------------------------------------------------*/
-function create_rsa_from_mb(mb, at)
-{
-    var u8 = new Uint8Array(mb);
-    var lenblock;
-    var seq;
-    var ba;
-    var i;
-    var ret;
-
-    /* We have a sequence which contains a sequence followed by a bit string */
-    seq = find_sequence(u8, at);
-    if (! seq)
-        return null;
-
-    at = seq[0];
-    seq = find_sequence(u8, at);
-    if (! seq)
-        return null;
-
-    /* Skip over the contained sequence */
-    at = seq[0] + seq[1];
-    if (u8[at++] != 0x3)
-    {
-        console.log("Error: expecting bit string next.");
-        return null;
-    }
-
-    /* Get the bit string, which is *itself* a sequence.  Having fun yet? */
-    lenblock = asn_get_length(u8, at);
-    if (! lenblock)
-        return null;
-
-    at = lenblock[0];
-    /* Or, not and: the bit string is malformed if EITHER the unused-bits
-       byte is nonzero or the sequence tag is missing.  Requiring both to
-       be wrong let malformed keys through to be garbage-parsed. */
-    if (u8[at] != 0 || u8[at + 1] != 0x30)
-    {
-        console.log("Error: unexpected values in bit string.");
-        return null;
-    }
-
-    /* Okay, now we have a sequence of two binary values, we hope. */
-    seq = find_sequence(u8, at + 1);
-    if (! seq)
-        return null;
-
-    at = seq[0];
-    if (u8[at++] != 0x02)
-    {
-        console.log("Error: expecting integer n next.");
-        return null;
-    }
-    lenblock = asn_get_length(u8, at);
-    if (! lenblock)
-        return null;
-    at = lenblock[0];
-
-    ba = new Array(lenblock[1]);
-    for (i = 0; i < lenblock[1]; i++)
-        ba[i] = u8[at + i];
-
-    ret = new RSAKey();
-    ret.n = new BigInteger(ba);
-
-    at += lenblock[1];
-
-    if (u8[at++] != 0x02)
-    {
-        console.log("Error: expecting integer e next.");
-        return null;
-    }
-    lenblock = asn_get_length(u8, at);
-    if (! lenblock)
-        return null;
-    at = lenblock[0];
-
-    ret.e = u8[at++];
-    for (i = 1; i < lenblock[1]; i++)
-    {
-        ret.e <<= 8;
-        ret.e |= u8[at++];
-    }
-
-    return ret;
-}
-
-function rsa_encrypt(rsa, str)
-{
-    var i;
-    var ret = [];
-    var oaep = RSA_padding_add_PKCS1_OAEP((rsa.n.bitLength()+7)>>3, str);
-    if (! oaep)
-        return null;
-
-    var ba = new Array(oaep.length);
-
-    for (i = 0; i < oaep.length; i++)
-        ba[i] = oaep.charCodeAt(i);
-    var bigint = new BigInteger(ba);
-    var enc = rsa.doPublic(bigint);
-    var h = enc.toString(16);
-
-    /* BigInteger.toString() drops leading zeros, and the ticket field the
-       caller writes this into is padded at the tail, so a short result
-       would shift the whole ciphertext.  Pad back to the modulus width. */
-    var hexlen = ((rsa.n.bitLength() + 7) >> 3) * 2;
-    while (h.length < hexlen)
-        h = "0" + h;
-    for (i = 0; i < h.length; i += 2)
-        ret[i / 2] = parseInt(h.substring(i, i + 2), 16);
-    return ret;
-}
-
-export {
-  create_rsa_from_mb,
-  rsa_encrypt,
-};

web/src/vendor/spice-html5/src/utils.js

@@ -1,368 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-import { KeyNames } from './atKeynames.js';
-import { code_to_scancode } from './code_to_scancode.js';
-
-/*----------------------------------------------------------------------------
-**  Utility settings and functions for Spice
-**--------------------------------------------------------------------------*/
-var DEBUG = 0;
-var PLAYBACK_DEBUG = 0;
-var STREAM_DEBUG = 0;
-var DUMP_DRAWS = false;
-var DUMP_CANVASES = false;
-
-/*----------------------------------------------------------------------------
-**  We use an Image temporarily, and the image/src does not get garbage
-**   collected as quickly as we might like.  This blank image helps with that.
-**--------------------------------------------------------------------------*/
-var EMPTY_GIF_IMAGE = "data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=";
-
-/*----------------------------------------------------------------------------
-**  combine_array_buffers
-**      Combine two array buffers.
-**      FIXME - this can't be optimal.  See wire.js about eliminating the need.
-**--------------------------------------------------------------------------*/
-function combine_array_buffers(a1, a2)
-{
-    var in1 = new Uint8Array(a1);
-    var in2 = new Uint8Array(a2);
-    var ret = new ArrayBuffer(a1.byteLength + a2.byteLength);
-    var out = new Uint8Array(ret);
-    var o = 0;
-    var i;
-    for (i = 0; i < in1.length; i++)
-        out[o++] = in1[i];
-    for (i = 0; i < in2.length; i++)
-        out[o++] = in2[i];
-
-    return ret;
-}
-
-/*----------------------------------------------------------------------------
-**  hexdump_buffer
-**--------------------------------------------------------------------------*/
-function hexdump_buffer(a)
-{
-    var mg = new Uint8Array(a);
-    var hex = "";
-    var str = "";
-    var last_zeros = 0;
-    for (var i = 0; i < mg.length; i++)
-    {
-        var h = Number(mg[i]).toString(16);
-        if (h.length == 1)
-            hex += "0";
-        hex += h + " ";
-
-        if (mg[i] == 10 || mg[i] == 13 || mg[i] == 8)
-            str += ".";
-        else
-            str += String.fromCharCode(mg[i]);
-
-        if ((i % 16 == 15) || (i == (mg.length - 1)))
-        {
-            while (i % 16 != 15)
-            {
-                hex += "   ";
-                i++;
-            }
-
-            if (last_zeros == 0)
-                console.log(hex + " | " + str);
-
-            if (hex == "00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 ")
-            {
-                if (last_zeros == 1)
-                {
-                    console.log(".");
-                    last_zeros++;
-                }
-                else if (last_zeros == 0)
-                    last_zeros++;
-            }
-            else
-                last_zeros = 0;
-
-            hex = str = "";
-        }
-    }
-}
-
-/*----------------------------------------------------------------------------
-**  Convert arraybuffer to string
-**--------------------------------------------------------------------------*/
-function arraybuffer_to_str(buf) {
-  return String.fromCharCode.apply(null, new Uint16Array(buf));
-}
-
-/*----------------------------------------------------------------------------
-** Converting browser keycodes to AT scancodes is very hard.
-**  Spice transmits keys using the original AT scan codes, often
-**   described as 'Scan Code Set 1'.
-**  There is a confusion of other scan codes; Xorg synthesizes it's
-**   own in the same atKeynames.c file that has the XT codes.
-**  Scan code set 2 and 3 are more common, and use different values.
-** Further, there is no formal specification for keycodes
-**  returned by browsers, so we have done our mapping largely with
-**  empirical testing.
-** There has been little rigorous testing with International keyboards,
-**  and this would be an easy area for non English speakers to contribute.
-**--------------------------------------------------------------------------*/
-var common_scanmap = [];
-
-/* The following appear to be keycodes that work in most browsers */
-common_scanmap['1'.charCodeAt(0)]  = KeyNames.KEY_1;
-common_scanmap['2'.charCodeAt(0)]  = KeyNames.KEY_2;
-common_scanmap['3'.charCodeAt(0)]  = KeyNames.KEY_3;
-common_scanmap['4'.charCodeAt(0)]  = KeyNames.KEY_4;
-common_scanmap['5'.charCodeAt(0)]  = KeyNames.KEY_5;
-common_scanmap['6'.charCodeAt(0)]  = KeyNames.KEY_6;
-common_scanmap['7'.charCodeAt(0)]  = KeyNames.KEY_7;
-common_scanmap['8'.charCodeAt(0)]  = KeyNames.KEY_8;
-common_scanmap['9'.charCodeAt(0)]  = KeyNames.KEY_9;
-common_scanmap['0'.charCodeAt(0)]  = KeyNames.KEY_0;
-common_scanmap[145]                = KeyNames.KEY_ScrollLock;
-common_scanmap[103]                = KeyNames.KEY_KP_7;
-common_scanmap[104]                = KeyNames.KEY_KP_8;
-common_scanmap[105]                = KeyNames.KEY_KP_9;
-common_scanmap[100]                = KeyNames.KEY_KP_4;
-common_scanmap[101]                = KeyNames.KEY_KP_5;
-common_scanmap[102]                = KeyNames.KEY_KP_6;
-common_scanmap[107]                = KeyNames.KEY_KP_Plus;
-common_scanmap[97]                 = KeyNames.KEY_KP_1;
-common_scanmap[98]                 = KeyNames.KEY_KP_2;
-common_scanmap[99]                 = KeyNames.KEY_KP_3;
-common_scanmap[96]                 = KeyNames.KEY_KP_0;
-common_scanmap[109]                = KeyNames.KEY_Minus;
-common_scanmap[110]                = KeyNames.KEY_KP_Decimal;
-common_scanmap[191]                = KeyNames.KEY_Slash;
-common_scanmap[190]                = KeyNames.KEY_Period;
-common_scanmap[188]                = KeyNames.KEY_Comma;
-common_scanmap[220]                = KeyNames.KEY_BSlash;
-common_scanmap[192]                = KeyNames.KEY_Tilde;
-common_scanmap[222]                = KeyNames.KEY_Quote;
-common_scanmap[219]                = KeyNames.KEY_LBrace;
-common_scanmap[221]                = KeyNames.KEY_RBrace;
-
-common_scanmap['Q'.charCodeAt(0)]  = KeyNames.KEY_Q;
-common_scanmap['W'.charCodeAt(0)]  = KeyNames.KEY_W;
-common_scanmap['E'.charCodeAt(0)]  = KeyNames.KEY_E;
-common_scanmap['R'.charCodeAt(0)]  = KeyNames.KEY_R;
-common_scanmap['T'.charCodeAt(0)]  = KeyNames.KEY_T;
-common_scanmap['Y'.charCodeAt(0)]  = KeyNames.KEY_Y;
-common_scanmap['U'.charCodeAt(0)]  = KeyNames.KEY_U;
-common_scanmap['I'.charCodeAt(0)]  = KeyNames.KEY_I;
-common_scanmap['O'.charCodeAt(0)]  = KeyNames.KEY_O;
-common_scanmap['P'.charCodeAt(0)]  = KeyNames.KEY_P;
-common_scanmap['A'.charCodeAt(0)]  = KeyNames.KEY_A;
-common_scanmap['S'.charCodeAt(0)]  = KeyNames.KEY_S;
-common_scanmap['D'.charCodeAt(0)]  = KeyNames.KEY_D;
-common_scanmap['F'.charCodeAt(0)]  = KeyNames.KEY_F;
-common_scanmap['G'.charCodeAt(0)]  = KeyNames.KEY_G;
-common_scanmap['H'.charCodeAt(0)]  = KeyNames.KEY_H;
-common_scanmap['J'.charCodeAt(0)]  = KeyNames.KEY_J;
-common_scanmap['K'.charCodeAt(0)]  = KeyNames.KEY_K;
-common_scanmap['L'.charCodeAt(0)]  = KeyNames.KEY_L;
-common_scanmap['Z'.charCodeAt(0)]  = KeyNames.KEY_Z;
-common_scanmap['X'.charCodeAt(0)]  = KeyNames.KEY_X;
-common_scanmap['C'.charCodeAt(0)]  = KeyNames.KEY_C;
-common_scanmap['V'.charCodeAt(0)]  = KeyNames.KEY_V;
-common_scanmap['B'.charCodeAt(0)]  = KeyNames.KEY_B;
-common_scanmap['N'.charCodeAt(0)]  = KeyNames.KEY_N;
-common_scanmap['M'.charCodeAt(0)]  = KeyNames.KEY_M;
-common_scanmap[' '.charCodeAt(0)]  = KeyNames.KEY_Space;
-common_scanmap[13]                 = KeyNames.KEY_Enter;
-common_scanmap[27]                 = KeyNames.KEY_Escape;
-common_scanmap[8]                  = KeyNames.KEY_BackSpace;
-common_scanmap[9]                  = KeyNames.KEY_Tab;
-common_scanmap[16]                 = KeyNames.KEY_ShiftL;
-common_scanmap[17]                 = KeyNames.KEY_LCtrl;
-common_scanmap[18]                 = KeyNames.KEY_Alt;
-common_scanmap[20]                 = KeyNames.KEY_CapsLock;
-common_scanmap[44]                 = KeyNames.KEY_SysReqest;
-common_scanmap[144]                = KeyNames.KEY_NumLock;
-common_scanmap[112]                = KeyNames.KEY_F1;
-common_scanmap[113]                = KeyNames.KEY_F2;
-common_scanmap[114]                = KeyNames.KEY_F3;
-common_scanmap[115]                = KeyNames.KEY_F4;
-common_scanmap[116]                = KeyNames.KEY_F5;
-common_scanmap[117]                = KeyNames.KEY_F6;
-common_scanmap[118]                = KeyNames.KEY_F7;
-common_scanmap[119]                = KeyNames.KEY_F8;
-common_scanmap[120]                = KeyNames.KEY_F9;
-common_scanmap[121]                = KeyNames.KEY_F10;
-common_scanmap[122]                = KeyNames.KEY_F11;
-common_scanmap[123]                = KeyNames.KEY_F12;
-
-/* TODO:  Break and Print are complex scan codes.  XSpice cheats and
-   uses Xorg synthesized codes to simplify them.  Fixing this will
-   require XSpice to handle the scan codes correctly, and then
-   fix spice-html5 to send the complex scan codes. */
-common_scanmap[42]                 = 99; // Print, XSpice only
-common_scanmap[19]                 = 101;// Break, XSpice only
-
-/* Handle the so called 'GREY' keys, for the extended keys that
-   were grey on the original AT keyboard.  These are
-   prefixed, as they were on the PS/2 controller, with an
-   0xE0 byte to indicate that they are extended */
-common_scanmap[111]                = 0xE0 | (KeyNames.KEY_Slash << 8);// KP_Divide
-common_scanmap[106]                = 0xE0 | (KeyNames.KEY_KP_Multiply << 8); // KP_Multiply
-common_scanmap[36]                 = 0xE0 | (KeyNames.KEY_KP_7 << 8); // Home
-common_scanmap[38]                 = 0xE0 | (KeyNames.KEY_KP_8 << 8); // Up
-common_scanmap[33]                 = 0xE0 | (KeyNames.KEY_KP_9 << 8); // PgUp
-common_scanmap[37]                 = 0xE0 | (KeyNames.KEY_KP_4 << 8); // Left
-common_scanmap[39]                 = 0xE0 | (KeyNames.KEY_KP_6 << 8); // Right
-common_scanmap[35]                 = 0xE0 | (KeyNames.KEY_KP_1 << 8); // End
-common_scanmap[40]                 = 0xE0 | (KeyNames.KEY_KP_2 << 8); // Down
-common_scanmap[34]                 = 0xE0 | (KeyNames.KEY_KP_3 << 8); // PgDown
-common_scanmap[45]                 = 0xE0 | (KeyNames.KEY_KP_0 << 8); // Insert
-common_scanmap[46]                 = 0xE0 | (KeyNames.KEY_KP_Decimal << 8); // Delete
-common_scanmap[91]                 = 0xE0 | (0x5B << 8); //KeyNames.KEY_LMeta
-common_scanmap[92]                 = 0xE0 | (0x5C << 8); //KeyNames.KEY_RMeta
-common_scanmap[93]                 = 0xE0 | (0x5D << 8); //KeyNames.KEY_Menu
-
-/* Firefox/Mozilla codes */
-var firefox_scanmap = [];
-firefox_scanmap[173]                = KeyNames.KEY_Minus;
-firefox_scanmap[61]                 = KeyNames.KEY_Equal;
-firefox_scanmap[59]                 = KeyNames.KEY_SemiColon;
-
-/* DOM3 codes */
-var DOM_scanmap = [];
-DOM_scanmap[189]                = KeyNames.KEY_Minus;
-DOM_scanmap[187]                = KeyNames.KEY_Equal;
-DOM_scanmap[186]                = KeyNames.KEY_SemiColon;
-
-function get_scancode(keyCode, code)
-{
-    if (code_to_scancode[code] !== undefined) {
-        return code_to_scancode[code];
-    }
-
-    if (common_scanmap[keyCode] === undefined)
-    {
-        if (navigator.userAgent.indexOf("Firefox") != -1)
-            return firefox_scanmap[keyCode];
-        else
-            return DOM_scanmap[keyCode];
-    }
-    else
-        return common_scanmap[keyCode];
-}
-
-function keycode_to_start_scan(keyCode, code)
-{
-    var scancode = get_scancode(keyCode, code);
-    if (scancode === undefined)
-    {
-        /* Not an alert: a modal steals the keyboard mid-typing, and an
-           unmapped key (e.g. Firefox reports keyCode 224 for Meta) is
-           an ordinary event, not an emergency. */
-        console.warn('no map for ' + keyCode);
-        return 0;
-    }
-
-    return scancode;
-}
-
-function keycode_to_end_scan(keyCode, code)
-{
-    var scancode = get_scancode(keyCode, code);
-    if (scancode === undefined)
-        return 0;
-
-    if (scancode < 0x100) {
-        return scancode | 0x80;
-    } else {
-        return scancode | 0x8000;
-    }
-}
-
-function dump_media_element(m)
-{
-    var ret =
-            "[networkState " + m.networkState +
-            "|readyState " + m.readyState +
-            "|error " + m.error +
-            "|seeking " + m.seeking +
-            "|duration " + m.duration +
-            "|paused " + m.paused +
-            "|ended " + m.error +
-            "|buffered " + dump_timerange(m.buffered) +
-            "]";
-    return ret;
-}
-
-function dump_media_source(ms)
-{
-    var ret =
-            "[duration " + ms.duration +
-            "|readyState " + ms.readyState + "]";
-    return ret;
-}
-
-function dump_source_buffer(sb)
-{
-    var ret =
-            "[appendWindowStart " + sb.appendWindowStart +
-            "|appendWindowEnd " + sb.appendWindowEnd +
-            "|buffered " + dump_timerange(sb.buffered) +
-            "|timeStampOffset " + sb.timeStampOffset +
-            "|updating " + sb.updating +
-            "]";
-    return ret;
-}
-
-function dump_timerange(tr)
-{
-    var ret;
-
-    if (tr)
-    {
-        var i = tr.length;
-        ret = "{len " + i;
-        if (i > 0)
-            ret += "; start " + tr.start(0) + "; end " + tr.end(i - 1);
-        ret += "}";
-    }
-    else
-        ret = "N/A";
-
-    return ret;
-}
-
-export {
-  DEBUG,
-  PLAYBACK_DEBUG,
-  STREAM_DEBUG,
-  DUMP_DRAWS,
-  DUMP_CANVASES,
-  EMPTY_GIF_IMAGE,
-  combine_array_buffers,
-  hexdump_buffer,
-  arraybuffer_to_str,
-  keycode_to_start_scan,
-  keycode_to_end_scan,
-  dump_media_element,
-  dump_media_source,
-  dump_source_buffer,
-};

web/src/vendor/spice-html5/src/webm.js

@@ -1,673 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2014 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-
-/*----------------------------------------------------------------------------
-**  EBML identifiers
-**--------------------------------------------------------------------------*/
-var EBML_HEADER =                           [ 0x1a, 0x45, 0xdf, 0xa3 ];
-var EBML_HEADER_VERSION =                   [ 0x42, 0x86 ];
-var EBML_HEADER_READ_VERSION =              [ 0x42, 0xf7 ];
-var EBML_HEADER_MAX_ID_LENGTH =             [ 0x42, 0xf2 ];
-var EBML_HEADER_MAX_SIZE_LENGTH =           [ 0x42, 0xf3 ];
-var EBML_HEADER_DOC_TYPE =                  [ 0x42, 0x82 ];
-var EBML_HEADER_DOC_TYPE_VERSION =          [ 0x42, 0x87 ];
-var EBML_HEADER_DOC_TYPE_READ_VERSION =     [ 0x42, 0x85 ];
-
-var WEBM_SEGMENT_HEADER =                   [ 0x18, 0x53, 0x80, 0x67 ];
-var WEBM_SEGMENT_INFORMATION =              [ 0x15, 0x49, 0xA9, 0x66 ];
-
-var WEBM_TIMECODE_SCALE =                   [ 0x2A, 0xD7, 0xB1 ];
-var WEBM_MUXING_APP =                       [ 0x4D, 0x80 ];
-var WEBM_WRITING_APP =                      [ 0x57, 0x41 ];
-
-var WEBM_SEEK_HEAD =                        [ 0x11, 0x4D, 0x9B, 0x74 ];
-var WEBM_SEEK =                             [ 0x4D, 0xBB ];
-var WEBM_SEEK_ID =                          [ 0x53, 0xAB ];
-var WEBM_SEEK_POSITION =                    [ 0x53, 0xAC ];
-
-var WEBM_TRACKS =                           [ 0x16, 0x54, 0xAE, 0x6B ];
-var WEBM_TRACK_ENTRY =                      [ 0xAE ];
-var WEBM_TRACK_NUMBER =                     [ 0xD7 ];
-var WEBM_TRACK_UID =                        [ 0x73, 0xC5 ];
-var WEBM_TRACK_TYPE =                       [ 0x83 ];
-var WEBM_FLAG_ENABLED =                     [ 0xB9 ];
-var WEBM_FLAG_DEFAULT =                     [ 0x88 ];
-var WEBM_FLAG_FORCED =                      [ 0x55, 0xAA ];
-var WEBM_FLAG_LACING =                      [ 0x9C ];
-var WEBM_MIN_CACHE =                        [ 0x6D, 0xE7 ];
-
-var WEBM_MAX_BLOCK_ADDITION_ID =            [ 0x55, 0xEE ];
-var WEBM_CODEC_DECODE_ALL =                 [ 0xAA ];
-var WEBM_SEEK_PRE_ROLL =                    [ 0x56, 0xBB ];
-var WEBM_CODEC_DELAY =                      [ 0x56, 0xAA ];
-var WEBM_CODEC_PRIVATE =                    [ 0x63, 0xA2 ];
-var WEBM_CODEC_ID =                         [ 0x86 ];
-
-var WEBM_VIDEO =                            [ 0xE0 ] ;
-var WEBM_FLAG_INTERLACED =                  [ 0x9A ] ;
-var WEBM_PIXEL_WIDTH =                      [ 0xB0 ] ;
-var WEBM_PIXEL_HEIGHT =                     [ 0xBA ] ;
-
-var WEBM_AUDIO =                            [ 0xE1 ] ;
-var WEBM_SAMPLING_FREQUENCY =               [ 0xB5 ] ;
-var WEBM_CHANNELS =                         [ 0x9F ] ;
-
-var WEBM_CLUSTER =                          [ 0x1F, 0x43, 0xB6, 0x75 ];
-var WEBM_TIME_CODE =                        [ 0xE7 ] ;
-var WEBM_SIMPLE_BLOCK =                     [ 0xA3 ] ;
-
-/*----------------------------------------------------------------------------
-**  Various OPUS / Webm constants
-**--------------------------------------------------------------------------*/
-var Constants = {
-  CLUSTER_SIMPLEBLOCK_FLAG_KEYFRAME       : 1 << 7,
-
-  OPUS_FREQUENCY                          : 48000,
-  OPUS_CHANNELS                           : 2,
-
-  SPICE_PLAYBACK_CODEC                    : 'audio/webm; codecs="opus"',
-  MAX_CLUSTER_TIME                        : 1000,
-
-  EXPECTED_PACKET_DURATION                : 10,
-  GAP_DETECTION_THRESHOLD                 : 50,
-
-  SPICE_VP8_CODEC                         : 'video/webm; codecs="vp8"',
-};
-
-/*----------------------------------------------------------------------------
-**  EBML utility functions
-**      These classes can create the binary representation of a webm file
-**--------------------------------------------------------------------------*/
-function EBML_write_u1_data_len(len, dv, at)
-{
-    var b = 0x80 | len;
-    dv.setUint8(at, b);
-    return at + 1;
-}
-
-function EBML_write_u8_value(id, val, dv, at)
-{
-    at = EBML_write_array(id, dv, at);
-    at = EBML_write_u1_data_len(1, dv, at);
-    dv.setUint8(at, val);
-    return at + 1;
-}
-
-function EBML_write_u32_value(id, val, dv, at)
-{
-    at = EBML_write_array(id, dv, at);
-    at = EBML_write_u1_data_len(4, dv, at);
-    dv.setUint32(at, val);
-    return at + 4;
-}
-
-function EBML_write_u16_value(id, val, dv, at)
-{
-    at = EBML_write_array(id, dv, at);
-    at = EBML_write_u1_data_len(2, dv, at);
-    dv.setUint16(at, val);
-    return at + 2;
-}
-
-function EBML_write_float_value(id, val, dv, at)
-{
-    at = EBML_write_array(id, dv, at);
-    at = EBML_write_u1_data_len(4, dv, at);
-    dv.setFloat32(at, val);
-    return at + 4;
-}
-
-
-
-function EBML_write_u64_data_len(len, dv, at)
-{
-    /* Javascript doesn't do 64 bit ints, so this cheats and
-        just has a max of 32 bits.  Fine for our purposes */
-    dv.setUint8(at++, 0x01);
-    dv.setUint8(at++, 0x00);
-    dv.setUint8(at++, 0x00);
-    dv.setUint8(at++, 0x00);
-    var val = len & 0xFFFFFFFF;
-    for (var shift = 24; shift >= 0; shift -= 8)
-        dv.setUint8(at++, val >> shift);
-    return at;
-}
-
-function EBML_write_array(arr, dv, at)
-{
-    for (var i = 0; i < arr.length; i++)
-        dv.setUint8(at + i, arr[i]);
-    return at + arr.length;
-}
-
-function EBML_write_string(str, dv, at)
-{
-    for (var i = 0; i < str.length; i++)
-        dv.setUint8(at + i, str.charCodeAt(i));
-    return at + str.length;
-}
-
-function EBML_write_data(id, data, dv, at)
-{
-    at = EBML_write_array(id, dv, at);
-    if (data.length < 127)
-        at = EBML_write_u1_data_len(data.length, dv, at);
-    else
-        at = EBML_write_u64_data_len(data.length, dv, at);
-    if ((typeof data) == "string")
-        at = EBML_write_string(data, dv, at);
-    else
-        at = EBML_write_array(data, dv, at);
-    return at;
-}
-
-/*----------------------------------------------------------------------------
-**  Webm objects
-**      These classes can create the binary representation of a webm file
-**--------------------------------------------------------------------------*/
-function EBMLHeader()
-{
-    this.id = EBML_HEADER;
-    this.Version = 1;
-    this.ReadVersion = 1;
-    this.MaxIDLength = 4;
-    this.MaxSizeLength = 8;
-    this.DocType = "webm";
-    this.DocTypeVersion = 2;  /* Not well specified by the WebM guys, but functionally required for Firefox */
-    this.DocTypeReadVersion = 2;
-}
-
-EBMLHeader.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u64_data_len(0x1f, dv, at);
-        at = EBML_write_u8_value(EBML_HEADER_VERSION, this.Version, dv, at);
-        at = EBML_write_u8_value(EBML_HEADER_READ_VERSION, this.ReadVersion, dv, at);
-        at = EBML_write_u8_value(EBML_HEADER_MAX_ID_LENGTH, this.MaxIDLength, dv, at);
-        at = EBML_write_u8_value(EBML_HEADER_MAX_SIZE_LENGTH, this.MaxSizeLength, dv, at);
-        at = EBML_write_data(EBML_HEADER_DOC_TYPE, this.DocType, dv, at);
-        at = EBML_write_u8_value(EBML_HEADER_DOC_TYPE_VERSION, this.DocTypeVersion, dv, at);
-        at = EBML_write_u8_value(EBML_HEADER_DOC_TYPE_READ_VERSION, this.DocTypeReadVersion, dv, at);
-
-        return at;
-    },
-    buffer_size: function()
-    {
-        return 0x1f + 8 + this.id.length;
-    },
-}
-
-function webm_Segment()
-{
-    this.id = WEBM_SEGMENT_HEADER;
-}
-
-webm_Segment.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-
-        at = EBML_write_array(this.id, dv, at);
-        dv.setUint8(at++, 0xff);
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 1;
-    },
-}
-
-function webm_SegmentInformation()
-{
-    this.id = WEBM_SEGMENT_INFORMATION;
-    this.timecode_scale = 1000000; /* 1 ms */
-    this.muxing_app = "spice";
-    this.writing_app = "spice-html5";
-
-}
-
-webm_SegmentInformation.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u64_data_len(this.buffer_size() - 8 - this.id.length, dv, at);
-        at = EBML_write_u32_value(WEBM_TIMECODE_SCALE, this.timecode_scale, dv, at);
-        at = EBML_write_data(WEBM_MUXING_APP, this.muxing_app, dv, at);
-        at = EBML_write_data(WEBM_WRITING_APP, this.writing_app, dv, at);
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 8 +
-                 WEBM_TIMECODE_SCALE.length + 1 + 4 +
-                 WEBM_MUXING_APP.length + 1 + this.muxing_app.length +
-                 WEBM_WRITING_APP.length + 1 + this.writing_app.length;
-    },
-}
-
-function webm_Audio(frequency)
-{
-    this.id = WEBM_AUDIO;
-    this.sampling_frequency = frequency;
-    this.channels = Constants.OPUS_CHANNELS;
-}
-
-webm_Audio.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u64_data_len(this.buffer_size() - 8 - this.id.length, dv, at);
-        at = EBML_write_u8_value(WEBM_CHANNELS, this.channels, dv, at);
-        at = EBML_write_float_value(WEBM_SAMPLING_FREQUENCY, this.sampling_frequency, dv, at);
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 8 +
-            WEBM_SAMPLING_FREQUENCY.length + 1 + 4 +
-            WEBM_CHANNELS.length + 1 + 1;
-    },
-}
-
-function webm_Video(width, height)
-{
-    this.id = WEBM_VIDEO;
-    this.flag_interlaced = 0;
-    this.width = width;
-    this.height = height;
-}
-
-webm_Video.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u64_data_len(this.buffer_size() - 8 - this.id.length, dv, at);
-        at = EBML_write_u8_value(WEBM_FLAG_INTERLACED, this.flag_interlaced, dv, at);
-        at = EBML_write_u16_value(WEBM_PIXEL_WIDTH, this.width, dv, at)
-        at = EBML_write_u16_value(WEBM_PIXEL_HEIGHT, this.height, dv, at)
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 8 +
-            WEBM_FLAG_INTERLACED.length + 1 + 1 +
-            WEBM_PIXEL_WIDTH.length + 1 + 2 +
-            WEBM_PIXEL_HEIGHT.length + 1 + 2;
-    },
-}
-
-
-
-/* ---------------------------
-   SeekHead not currently used.  Hopefully not needed.
-*/
-function webm_Seek(seekid, pos)
-{
-    this.id = WEBM_SEEK;
-    this.pos = pos;
-    this.seekid = seekid;
-}
-
-webm_Seek.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u1_data_len(this.buffer_size() - 1 - this.id.length, dv, at);
-
-        at = EBML_write_data(WEBM_SEEK_ID, this.seekid, dv, at)
-        at = EBML_write_u16_value(WEBM_SEEK_POSITION, this.pos, dv, at)
-
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 1 +
-                WEBM_SEEK_ID.length + 1 + this.seekid.length +
-                WEBM_SEEK_POSITION.length + 1 + 2;
-    },
-}
-function webm_SeekHead(info_pos, track_pos)
-{
-    this.id = WEBM_SEEK_HEAD;
-    this.info = new webm_Seek(WEBM_SEGMENT_INFORMATION, info_pos);
-    this.track = new webm_Seek(WEBM_TRACKS, track_pos);
-}
-
-webm_SeekHead.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u64_data_len(this.buffer_size() - 8 - this.id.length, dv, at);
-
-        at = this.info.to_buffer(a, at);
-        at = this.track.to_buffer(a, at);
-
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 8 +
-                this.info.buffer_size() +
-                this.track.buffer_size();
-    },
-}
-
-/* -------------------------------
-   End of Seek Head
-*/
-
-function webm_AudioTrackEntry()
-{
-    this.id = WEBM_TRACK_ENTRY;
-    this.number = 1;
-    this.uid = 2;  // Arbitrary id; most likely makes no difference
-    this.type = 2; // Audio
-    this.flag_enabled = 1;
-    this.flag_default = 1;
-    this.flag_forced = 1;
-    this.flag_lacing = 0;
-    this.min_cache = 0; // fixme - check
-    this.max_block_addition_id = 0;
-    this.codec_decode_all = 0; // fixme - check
-    this.seek_pre_roll = 0; // 80000000; // fixme - check
-    this.codec_delay =   80000000; // Must match codec_private.preskip
-    this.codec_id = "A_OPUS";
-    this.audio = new webm_Audio(Constants.OPUS_FREQUENCY);
-
-    // See:  http://tools.ietf.org/html/draft-terriberry-oggopus-01
-    this.codec_private = [ 0x4f, 0x70, 0x75, 0x73, 0x48, 0x65, 0x61, 0x64,  // OpusHead
-                           0x01, // Version
-                           Constants.OPUS_CHANNELS,
-                           0x00, 0x0F, // Preskip - 3840 samples - should be 8ms at 48kHz
-                           0x80, 0xbb, 0x00, 0x00,  // 48000
-                           0x00, 0x00, // Output gain
-                           0x00  // Channel mapping family
-                           ];
-}
-
-webm_AudioTrackEntry.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u64_data_len(this.buffer_size() - 8 - this.id.length, dv, at);
-        at = EBML_write_u8_value(WEBM_TRACK_NUMBER, this.number, dv, at);
-        at = EBML_write_u8_value(WEBM_TRACK_UID, this.uid, dv, at);
-        at = EBML_write_u8_value(WEBM_FLAG_ENABLED, this.flag_enabled, dv, at);
-        at = EBML_write_u8_value(WEBM_FLAG_DEFAULT, this.flag_default, dv, at);
-        at = EBML_write_u8_value(WEBM_FLAG_FORCED, this.flag_forced, dv, at);
-        at = EBML_write_u8_value(WEBM_FLAG_LACING, this.flag_lacing, dv, at);
-        at = EBML_write_data(WEBM_CODEC_ID, this.codec_id, dv, at);
-        at = EBML_write_u8_value(WEBM_MIN_CACHE, this.min_cache, dv, at);
-        at = EBML_write_u8_value(WEBM_MAX_BLOCK_ADDITION_ID, this.max_block_addition_id, dv, at);
-        at = EBML_write_u8_value(WEBM_CODEC_DECODE_ALL, this.codec_decode_all, dv, at);
-        at = EBML_write_u32_value(WEBM_CODEC_DELAY, this.codec_delay, dv, at);
-        at = EBML_write_u32_value(WEBM_SEEK_PRE_ROLL, this.seek_pre_roll, dv, at);
-        at = EBML_write_u8_value(WEBM_TRACK_TYPE, this.type, dv, at);
-        at = EBML_write_data(WEBM_CODEC_PRIVATE, this.codec_private, dv, at);
-
-        at = this.audio.to_buffer(a, at);
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 8 +
-            WEBM_TRACK_NUMBER.length + 1 + 1 +
-            WEBM_TRACK_UID.length + 1 + 1 +
-            WEBM_TRACK_TYPE.length + 1 + 1 +
-            WEBM_FLAG_ENABLED.length + 1 + 1 +
-            WEBM_FLAG_DEFAULT.length + 1 + 1 +
-            WEBM_FLAG_FORCED.length + 1 + 1 +
-            WEBM_FLAG_LACING.length + 1 + 1 +
-            WEBM_MIN_CACHE.length + 1 + 1 +
-            WEBM_MAX_BLOCK_ADDITION_ID.length + 1 + 1 +
-            WEBM_CODEC_DECODE_ALL.length + 1 + 1 +
-            WEBM_SEEK_PRE_ROLL.length + 1 + 4 +
-            WEBM_CODEC_DELAY.length + 1 + 4 +
-            WEBM_CODEC_ID.length + this.codec_id.length + 1 +
-            WEBM_CODEC_PRIVATE.length + 1 + this.codec_private.length +
-            this.audio.buffer_size();
-    },
-}
-
-function webm_VideoTrackEntry(width, height)
-{
-    /*
-    ** In general, we follow specifications found by looking here:
-    **   https://www.webmproject.org/docs/container/
-    ** which points here:
-    **   https://www.matroska.org/technical/specs/index.html
-    ** and here:
-    **   https://datatracker.ietf.org/doc/draft-ietf-cellar-matroska/
-    ** Our goal is to supply mandatory values, and note where we differ
-    ** from the default.
-    */
-    this.id = WEBM_TRACK_ENTRY;
-    this.number = 1;
-    this.uid = 1;
-    this.type = 1; // Video
-    this.flag_enabled = 1;
-    this.flag_default = 1;
-    this.flag_forced = 1;  // Different than default; we wish to force
-    this.flag_lacing = 1;
-    this.min_cache = 0;
-    this.max_block_addition_id = 0;
-    this.codec_id = "V_VP8";
-    this.codec_decode_all = 1;
-    this.seek_pre_roll = 0;
-
-    this.video = new webm_Video(width, height);
-}
-
-webm_VideoTrackEntry.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u64_data_len(this.buffer_size() - 8 - this.id.length, dv, at);
-        at = EBML_write_u8_value(WEBM_TRACK_NUMBER, this.number, dv, at);
-        at = EBML_write_u8_value(WEBM_TRACK_UID, this.uid, dv, at);
-        at = EBML_write_u8_value(WEBM_FLAG_ENABLED, this.flag_enabled, dv, at);
-        at = EBML_write_u8_value(WEBM_FLAG_DEFAULT, this.flag_default, dv, at);
-        at = EBML_write_u8_value(WEBM_FLAG_FORCED, this.flag_forced, dv, at);
-        at = EBML_write_u8_value(WEBM_FLAG_LACING, this.flag_lacing, dv, at);
-        at = EBML_write_data(WEBM_CODEC_ID, this.codec_id, dv, at);
-        at = EBML_write_u8_value(WEBM_MIN_CACHE, this.min_cache, dv, at);
-        at = EBML_write_u8_value(WEBM_MAX_BLOCK_ADDITION_ID, this.max_block_addition_id, dv, at);
-        at = EBML_write_u8_value(WEBM_CODEC_DECODE_ALL, this.codec_decode_all, dv, at);
-        at = EBML_write_u32_value(WEBM_SEEK_PRE_ROLL, this.seek_pre_roll, dv, at);
-        at = EBML_write_u8_value(WEBM_TRACK_TYPE, this.type, dv, at);
-        at = this.video.to_buffer(a, at);
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 8 +
-            WEBM_TRACK_NUMBER.length + 1 + 1 +
-            WEBM_TRACK_UID.length + 1 + 1 +
-            WEBM_FLAG_ENABLED.length + 1 + 1 +
-            WEBM_FLAG_DEFAULT.length + 1 + 1 +
-            WEBM_FLAG_FORCED.length + 1 + 1 +
-            WEBM_FLAG_LACING.length + 1 + 1 +
-            WEBM_CODEC_ID.length + this.codec_id.length + 1 +
-            WEBM_MIN_CACHE.length + 1 + 1 +
-            WEBM_MAX_BLOCK_ADDITION_ID.length + 1 + 1 +
-            WEBM_CODEC_DECODE_ALL.length + 1 + 1 +
-            WEBM_SEEK_PRE_ROLL.length + 1 + 4 +
-            WEBM_TRACK_TYPE.length + 1 + 1 +
-            this.video.buffer_size();
-    },
-}
-
-function webm_Tracks(entry)
-{
-    this.id = WEBM_TRACKS;
-    this.track_entry = entry;
-}
-
-webm_Tracks.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u64_data_len(this.buffer_size() - 8 - this.id.length, dv, at);
-        at = this.track_entry.to_buffer(a, at);
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 8 +
-                 this.track_entry.buffer_size();
-    },
-}
-
-function webm_Cluster(timecode, data)
-{
-    this.id = WEBM_CLUSTER;
-    this.timecode = timecode;
-    this.data = data;
-}
-
-webm_Cluster.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        at = EBML_write_array(this.id, dv, at);
-        dv.setUint8(at++, 0xff);
-        at = EBML_write_u32_value(WEBM_TIME_CODE, this.timecode, dv, at);
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 1 +
-                 WEBM_TIME_CODE.length + 1 + 4;
-    },
-}
-
-function webm_SimpleBlock(timecode, data, keyframe)
-{
-    this.id = WEBM_SIMPLE_BLOCK;
-    this.timecode = timecode;
-    this.data = data;
-    this.keyframe = keyframe;
-}
-
-webm_SimpleBlock.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        var dv = new DataView(a);
-        at = EBML_write_array(this.id, dv, at);
-        at = EBML_write_u64_data_len(this.data.byteLength + 4, dv, at);
-        at = EBML_write_u1_data_len(1, dv, at); // Track #
-        dv.setUint16(at, this.timecode); at += 2; // timecode - relative to cluster
-        dv.setUint8(at, this.keyframe ? Constants.CLUSTER_SIMPLEBLOCK_FLAG_KEYFRAME : 0); at += 1;  // flags
-
-        // FIXME - There should be a better way to copy
-        var u8 = new Uint8Array(this.data);
-        for (var i = 0; i < this.data.byteLength; i++)
-            dv.setUint8(at++, u8[i]);
-
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.id.length + 8 +
-                 1 + 2 + 1 +
-                 this.data.byteLength;
-    },
-}
-
-function webm_Header()
-{
-    this.ebml = new EBMLHeader;
-    this.segment = new webm_Segment;
-    this.seek_head = new webm_SeekHead(0, 0);
-
-    this.seek_head.info.pos = this.segment.buffer_size() + this.seek_head.buffer_size();
-
-    this.info = new webm_SegmentInformation;
-
-    this.seek_head.track.pos = this.seek_head.info.pos + this.info.buffer_size();
-}
-
-webm_Header.prototype =
-{
-    to_buffer: function(a, at)
-    {
-        at = at || 0;
-        at = this.ebml.to_buffer(a, at);
-        at = this.segment.to_buffer(a, at);
-        at = this.info.to_buffer(a, at);
-
-        return at;
-    },
-    buffer_size: function()
-    {
-        return this.ebml.buffer_size() +
-               this.segment.buffer_size() +
-               this.info.buffer_size();
-    },
-}
-
-export {
-  Constants,
-  webm_Audio as Audio,
-  webm_Video as Video,
-  webm_AudioTrackEntry as AudioTrackEntry,
-  webm_VideoTrackEntry as VideoTrackEntry,
-  webm_Tracks as Tracks,
-  webm_Cluster as Cluster,
-  webm_SimpleBlock as SimpleBlock,
-  webm_Header as Header,
-};

web/src/vendor/spice-html5/src/wire.js

@@ -1,140 +0,0 @@
-"use strict";
-/*
-   Copyright (C) 2012 by Jeremy P. White <jwhite@codeweavers.com>
-
-   This file is part of spice-html5.
-
-   spice-html5 is free software: you can redistribute it and/or modify
-   it under the terms of the GNU Lesser General Public License as published by
-   the Free Software Foundation, either version 3 of the License, or
-   (at your option) any later version.
-
-   spice-html5 is distributed in the hope that it will be useful,
-   but WITHOUT ANY WARRANTY; without even the implied warranty of
-   MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-   GNU Lesser General Public License for more details.
-
-   You should have received a copy of the GNU Lesser General Public License
-   along with spice-html5.  If not, see <http://www.gnu.org/licenses/>.
-*/
-
-/*--------------------------------------------------------------------------------------
-**  SpiceWireReader
-**      This class will receive messages from a WebSocket and relay it to a given
-**  callback.  It will optionally save and pass along a header, useful in processing
-**  the mini message format.
-**--------------------------------------------------------------------------------------*/
-
-import { DEBUG } from './utils.js';
-import { combine_array_buffers } from './utils.js';
-
-function SpiceWireReader(sc, callback)
-{
-    this.sc = sc;
-    this.callback = callback;
-    this.needed = 0;
-    this.size = 0;
-
-    this.buffers = [];
-
-    this.sc.ws.wire_reader = this;
-    this.sc.ws.binaryType = "arraybuffer";
-    this.sc.ws.addEventListener('message', wire_blob_catcher);
-}
-
-SpiceWireReader.prototype =
-{
-
-    /*------------------------------------------------------------------------
-    **  Process messages coming in from our WebSocket
-    **----------------------------------------------------------------------*/
-    inbound: function (mb)
-    {
-        /* Just buffer if we don't need anything yet */
-        if (this.needed == 0)
-        {
-            this.buffers.push(mb);
-            this.size += mb.byteLength;
-            return;
-        }
-
-        /* Optimization - if we have just one inbound block, and it's
-            suitable for our needs, just use it.  */
-        if (this.buffers.length == 0 && mb.byteLength >= this.needed)
-        {
-            if (mb.byteLength > this.needed)
-            {
-                this.size = mb.byteLength - this.needed;
-                this.buffers.push(mb.slice(this.needed));
-                mb = mb.slice(0, this.needed);
-            }
-            this.callback.call(this.sc, mb,
-                        this.saved_msg_header || undefined);
-        }
-        else
-        {
-            this.buffers.push(mb);
-            this.size += mb.byteLength;
-        }
-
-
-        /* Optimization - All it takes is one combine  */
-        while (this.size >= this.needed) {
-            var count = 0;
-            var frame = new ArrayBuffer(this.needed);
-            var view = new Uint8Array(frame);
-
-            while (count < frame.byteLength && this.buffers.length > 0) {
-                var buf = this.buffers.shift();
-                if (!buf) {
-                    return;
-                }
-                var uint8 = new Uint8Array(buf);
-                var step = frame.byteLength - count;
-
-                /* Optimization - use dataview.set() instead of combine_array_buffers() */
-                if (uint8.length <= step) {
-                    view.set(uint8, count);
-                    count += uint8.length;
-                    this.size -= uint8.length;
-                } else {
-                    var temp = uint8.slice(0, step);
-                    view.set(temp, count);
-                    count += temp.length;
-                    this.size -= temp.length;
-            
-                    this.buffers.unshift(uint8.slice(step));
-                }
-            }
-
-            this.callback.call(this.sc, frame, this.saved_msg_header || undefined);
-        }
-
-    },
-
-    request: function(n)
-    {
-        this.needed = n;
-    },
-
-    save_header: function(h)
-    {
-        this.saved_msg_header = h;
-    },
-
-    clear_header: function()
-    {
-        this.saved_msg_header = undefined;
-    },
-}
-
-function wire_blob_catcher(e)
-{
-    DEBUG > 1 && console.log(">> WebSockets.onmessage");
-    DEBUG > 1 && console.log("id " + this.wire_reader.sc.connection_id +"; type " + this.wire_reader.sc.type);
-    SpiceWireReader.prototype.inbound.call(this.wire_reader, e.data);
-}
-
-export {
-  SpiceWireReader,
-};

web/src/vr.ts

@@ -0,0 +1,241 @@
+// The 360° view: an equirectangular video drawn onto a canvas as the flat picture a person
+// would see looking out from the middle of it. Drag (or swipe) to look around, pinch or scroll
+// to zoom, and on a phone, optionally, turn the phone. One full-canvas triangle pair; the
+// fragment shader works out, for each pixel, which way it looks and where that is in the video.
+
+const VERT = `
+attribute vec2 a;
+varying vec2 p;
+void main() { p = a; gl_Position = vec4(a, 0.0, 1.0); }`
+
+const FRAG = `
+precision highp float;
+uniform sampler2D tex;
+uniform mat3 view;  // columns: right, up, forward
+uniform vec2 aspect; // the screen's sides over its taller side: (w/h, 1) or (1, h/w)
+uniform float fov;   // radians, across the taller side
+varying vec2 p;
+const float PI = 3.14159265358979;
+void main() {
+  vec2 q = p * aspect;
+  // Narrow: an ordinary lens. Wide: stereographic, which goes on past 180 degrees to the
+  // "little planet". Between 100 and 140 degrees one turns into the other.
+  vec3 rect = normalize(vec3(q * tan(min(fov, 3.0) * 0.5), 1.0));
+  float r = length(q) * 2.0 * tan(fov * 0.25);
+  float th = 2.0 * atan(r * 0.5);
+  vec2 dir = r > 0.0 ? q / length(q) : vec2(0.0);
+  vec3 stereo = vec3(dir * sin(th), cos(th));
+  float t = smoothstep(1.745, 2.443, fov);
+  vec3 d = normalize(view * normalize(mix(rect, stereo, t)));
+  float lon = atan(d.x, -d.z);
+  float lat = asin(clamp(d.y, -1.0, 1.0));
+  gl_FragColor = texture2D(tex, vec2(lon / (2.0 * PI) + 0.5, 0.5 - lat / PI));
+}`
+
+// From a close look at something far off to the whole sphere as a little planet.
+const MIN_FOV = 8, MAX_FOV = 300
+
+type Vec3 = [number, number, number]
+type Quat = [number, number, number, number] // x, y, z, w
+
+function qmul(a: Quat, b: Quat): Quat {
+  const [ax, ay, az, aw] = a, [bx, by, bz, bw] = b
+  return [aw * bx + ax * bw + ay * bz - az * by, aw * by - ax * bz + ay * bw + az * bx, aw * bz + ax * by - ay * bx + az * bw, aw * bw - ax * bx - ay * by - az * bz]
+}
+function qrot(q: Quat, v: Vec3): Vec3 {
+  const [x, y, z, w] = q
+  const ix = w * v[0] + y * v[2] - z * v[1], iy = w * v[1] + z * v[0] - x * v[2], iz = w * v[2] + x * v[1] - y * v[0], iw = -x * v[0] - y * v[1] - z * v[2]
+  return [ix * w + iw * -x + iy * -z - iz * -y, iy * w + iw * -y + iz * -x - ix * -z, iz * w + iw * -z + ix * -y - iy * -x]
+}
+const axis = (v: Vec3, rad: number): Quat => { const s = Math.sin(rad / 2); return [v[0] * s, v[1] * s, v[2] * s, Math.cos(rad / 2)] }
+
+// The phone's orientation as a camera's, the way the W3C spec defines the angles: Z-X'-Y''
+// intrinsic, then turned to look out of the back of the phone, then for the screen's rotation.
+function deviceQuat(alpha: number, beta: number, gamma: number, screen: number): Quat {
+  const d = Math.PI / 180
+  const [a, b, g] = [alpha * d, beta * d, gamma * d]
+  let q = qmul(qmul(axis([0, 1, 0], a), axis([1, 0, 0], b)), axis([0, 0, 1], -g)) // YXZ, in three.js's frame
+  q = qmul(q, [-Math.SQRT1_2, 0, 0, Math.SQRT1_2])
+  return qmul(q, axis([0, 0, 1], -screen * d))
+}
+
+export class Sphere {
+  yaw = 0 // degrees, + is right
+  pitch = 0 // degrees, + is up
+  fov = 80 // degrees, the taller of the two sides
+  private gl: WebGLRenderingContext
+  private tex: WebGLTexture
+  private uView: WebGLUniformLocation
+  private uAspect: WebGLUniformLocation
+  private uFov: WebGLUniformLocation
+  private raf = 0
+  private frameCb = 0
+  private dirty = true
+  private hasFrame = false
+  private gyro: { alpha: number; beta: number; gamma: number } | null = null
+  private gyroYaw = 0 // what dragging adds to the phone's own heading
+  private ro: ResizeObserver
+  maxTexture: number
+
+  constructor(private canvas: HTMLCanvasElement, private video: HTMLVideoElement) {
+    const gl = canvas.getContext('webgl', { antialias: false, alpha: false, preserveDrawingBuffer: false })
+    if (!gl) throw new Error('This browser can’t draw 360° video (no WebGL).')
+    this.gl = gl
+    this.maxTexture = gl.getParameter(gl.MAX_TEXTURE_SIZE) as number
+    const sh = (type: number, src: string) => {
+      const s = gl.createShader(type)!
+      gl.shaderSource(s, src); gl.compileShader(s)
+      if (!gl.getShaderParameter(s, gl.COMPILE_STATUS)) throw new Error(gl.getShaderInfoLog(s) ?? 'shader')
+      return s
+    }
+    const prog = gl.createProgram()!
+    gl.attachShader(prog, sh(gl.VERTEX_SHADER, VERT)); gl.attachShader(prog, sh(gl.FRAGMENT_SHADER, FRAG))
+    gl.linkProgram(prog); gl.useProgram(prog)
+    const buf = gl.createBuffer()
+    gl.bindBuffer(gl.ARRAY_BUFFER, buf)
+    gl.bufferData(gl.ARRAY_BUFFER, new Float32Array([-1, -1, 1, -1, -1, 1, -1, 1, 1, -1, 1, 1]), gl.STATIC_DRAW)
+    const loc = gl.getAttribLocation(prog, 'a')
+    gl.enableVertexAttribArray(loc); gl.vertexAttribPointer(loc, 2, gl.FLOAT, false, 0, 0)
+    this.tex = gl.createTexture()!
+    gl.bindTexture(gl.TEXTURE_2D, this.tex)
+    // No mipmaps (a video changes every frame) and clamped: any size of picture will do.
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MIN_FILTER, gl.LINEAR)
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_MAG_FILTER, gl.LINEAR)
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_S, gl.CLAMP_TO_EDGE)
+    gl.texParameteri(gl.TEXTURE_2D, gl.TEXTURE_WRAP_T, gl.CLAMP_TO_EDGE)
+    gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGB, 1, 1, 0, gl.RGB, gl.UNSIGNED_BYTE, new Uint8Array([0, 0, 0]))
+    this.uView = gl.getUniformLocation(prog, 'view')!
+    this.uAspect = gl.getUniformLocation(prog, 'aspect')!
+    this.uFov = gl.getUniformLocation(prog, 'fov')!
+    this.ro = new ResizeObserver(() => { this.dirty = true })
+    this.ro.observe(canvas)
+    this.watchFrames()
+    const loop = () => { this.draw(); this.raf = requestAnimationFrame(loop) }
+    this.raf = requestAnimationFrame(loop)
+  }
+
+  // A new picture from the video: on the frame callback where there is one, else every draw
+  // while it plays.
+  private watchFrames() {
+    const v = this.video as HTMLVideoElement & { requestVideoFrameCallback?: (cb: () => void) => number }
+    if (v.requestVideoFrameCallback) {
+      const cb = () => { this.upload(); this.frameCb = v.requestVideoFrameCallback!(cb) }
+      this.frameCb = v.requestVideoFrameCallback(cb)
+    }
+    v.addEventListener('loadeddata', this.upload)
+    v.addEventListener('seeked', this.upload)
+  }
+
+  private upload = () => {
+    const v = this.video
+    if (v.readyState < 2 || !v.videoWidth) return
+    const gl = this.gl
+    gl.bindTexture(gl.TEXTURE_2D, this.tex)
+    try {
+      gl.texImage2D(gl.TEXTURE_2D, 0, gl.RGB, gl.RGB, gl.UNSIGNED_BYTE, v)
+      this.hasFrame = true
+      this.dirty = true
+    } catch { /* not ready yet */ }
+  }
+
+  private draw() {
+    const v = this.video as HTMLVideoElement & { requestVideoFrameCallback?: unknown }
+    if (!v.requestVideoFrameCallback && !v.paused) this.upload()
+    if (!this.dirty && !this.gyro) return
+    this.dirty = false
+    const c = this.canvas, dpr = Math.min(window.devicePixelRatio || 1, 2)
+    const w = Math.round(c.clientWidth * dpr), h = Math.round(c.clientHeight * dpr)
+    if (!w || !h) return
+    if (c.width !== w || c.height !== h) { c.width = w; c.height = h }
+    const gl = this.gl
+    gl.viewport(0, 0, w, h)
+    if (!this.hasFrame) { gl.clearColor(0, 0, 0, 1); gl.clear(gl.COLOR_BUFFER_BIT); return }
+    // The field of view applies to the taller side; on a phone held upright that is the height.
+    let right: Vec3, up: Vec3, fwd: Vec3
+    if (this.gyro) {
+      const q = qmul(axis([0, 1, 0], (-this.gyroYaw * Math.PI) / 180), deviceQuat(this.gyro.alpha, this.gyro.beta, this.gyro.gamma, screenAngle()))
+      right = qrot(q, [1, 0, 0]); up = qrot(q, [0, 1, 0]); fwd = qrot(q, [0, 0, -1])
+    } else {
+      const y = (this.yaw * Math.PI) / 180, p = (this.pitch * Math.PI) / 180
+      fwd = [Math.sin(y) * Math.cos(p), Math.sin(p), -Math.cos(y) * Math.cos(p)]
+      right = [Math.cos(y), 0, Math.sin(y)]
+      up = [right[1] * fwd[2] - right[2] * fwd[1], right[2] * fwd[0] - right[0] * fwd[2], right[0] * fwd[1] - right[1] * fwd[0]]
+    }
+    // d = right·x + up·y + fwd·1, column-major
+    gl.uniformMatrix3fv(this.uView, false, new Float32Array([...right, ...up, ...fwd]))
+    gl.uniform2f(this.uAspect, w >= h ? 1 : w / h, w >= h ? h / w : 1)
+    gl.uniform1f(this.uFov, (this.fov * Math.PI) / 180)
+    gl.drawArrays(gl.TRIANGLES, 0, 6)
+  }
+
+  // Dragging by a pixel turns the view by the angle a pixel covers, so what is under the finger
+  // stays under it.
+  drag(dx: number, dy: number) {
+    const per = this.fov / Math.max(this.canvas.clientWidth, this.canvas.clientHeight)
+    if (this.gyro) this.gyroYaw = (this.gyroYaw - dx * per) % 360
+    else {
+      this.yaw = (this.yaw - dx * per) % 360
+      this.pitch = Math.max(-89, Math.min(89, this.pitch + dy * per))
+    }
+    this.dirty = true
+  }
+
+  zoom(factor: number) {
+    this.fov = Math.max(MIN_FOV, Math.min(MAX_FOV, this.fov * factor))
+    this.dirty = true
+  }
+
+  get gyroOn() { return this.gyro !== null }
+
+  private onOrient = (e: DeviceOrientationEvent) => {
+    if (e.alpha === null || e.beta === null || e.gamma === null) return
+    if (!this.gyro) {
+      // Keep looking where the drag left off: the phone's heading now is the drag's yaw.
+      const q = deviceQuat(e.alpha, e.beta, e.gamma, screenAngle())
+      const f = qrot(q, [0, 0, -1])
+      this.gyroYaw = this.yaw - (Math.atan2(f[0], -f[2]) * 180) / Math.PI
+    }
+    this.gyro = { alpha: e.alpha, beta: e.beta, gamma: e.gamma }
+  }
+
+  // Turning on motion asks for permission on an iPhone, which must happen in a tap.
+  async setGyro(on: boolean): Promise<boolean> {
+    if (!on) {
+      window.removeEventListener('deviceorientation', this.onOrient)
+      if (this.gyro) {
+        const q = qmul(axis([0, 1, 0], (-this.gyroYaw * Math.PI) / 180), deviceQuat(this.gyro.alpha, this.gyro.beta, this.gyro.gamma, screenAngle()))
+        const f = qrot(q, [0, 0, -1])
+        this.yaw = (Math.atan2(f[0], -f[2]) * 180) / Math.PI
+        this.pitch = (Math.asin(Math.max(-1, Math.min(1, f[1]))) * 180) / Math.PI
+      }
+      this.gyro = null
+      this.dirty = true
+      return false
+    }
+    const D = DeviceOrientationEvent as unknown as { requestPermission?: () => Promise<string> }
+    if (D.requestPermission) {
+      try { if ((await D.requestPermission()) !== 'granted') return false } catch { return false }
+    }
+    window.addEventListener('deviceorientation', this.onOrient)
+    return true
+  }
+
+  destroy() {
+    cancelAnimationFrame(this.raf)
+    const v = this.video as HTMLVideoElement & { cancelVideoFrameCallback?: (n: number) => void }
+    if (this.frameCb && v.cancelVideoFrameCallback) v.cancelVideoFrameCallback(this.frameCb)
+    v.removeEventListener('loadeddata', this.upload)
+    v.removeEventListener('seeked', this.upload)
+    window.removeEventListener('deviceorientation', this.onOrient)
+    this.ro.disconnect()
+    this.gl.getExtension('WEBGL_lose_context')?.loseContext()
+  }
+}
+
+function screenAngle(): number {
+  const o = screen.orientation?.angle
+  if (typeof o === 'number') return o
+  return (window as unknown as { orientation?: number }).orientation ?? 0
+}
+
+export const canMotion = () => typeof DeviceOrientationEvent !== 'undefined' && matchMedia('(pointer: coarse)').matches