dorfteich/apps/web/src/pages
Claude Opus 5 6377faf332
All checks were successful
CI / Lint, typecheck, test (pull_request) Successful in 7m28s
CI / Build container images (pull_request) Successful in 2m7s
CI / Auth e2e pack (pull_request) Successful in 9m37s
CI / Import/export fidelity gate (pull_request) Successful in 1m7s
CD / Build and push images (push) Successful in 23s
CD / Deploy to Test (push) Successful in 12s
CD / Smoke tests against Test (push) Successful in 1m47s
CD / Promote to Int (push) Successful in 16s
CI / Lint, typecheck, test (push) Successful in 7m25s
CI / Build container images (push) Has been skipped
CI / Auth e2e pack (push) Successful in 9m41s
CI / Import/export fidelity gate (push) Successful in 1m12s
#306: instance branding — logo and favicon, cropped in the browser
An instance had no way to look like itself: the top bar said "Dorfteich"
whatever the operator called their instance, `instance.name` was never
rendered in the running app at all, and there was no favicon anywhere —
`index.html` had no `<link rel="icon">` and `public/` held only fonts and
theme-init.js.

Where the line is drawn, and why:

- **The api never decodes an image.** Cropping, scaling and the conversion
  to PNG happen on a canvas in the browser; the api checks the PNG
  signature, reads the IHDR dimensions at their fixed offsets and enforces
  the caps. An image library would put a decoder in front of
  attacker-supplied bytes AND would have to be carried through the
  `--network none` offline build. Reading two big-endian integers is not
  decoding.
- **SVG is refused**, with its own error message rather than a generic
  "not a PNG": it can carry script, and serving it from our own origin
  would be a cross-site-scripting vector. An operator who tried one should
  learn that it is deliberate.
- **The crop is driven by number inputs, not by dragging.** A drag-only
  cropper excludes keyboard and switch users outright; a number input is
  arrow-key operable and screen-reader readable without any custom aria.
  The resulting pixel size is stated in text, not only drawn as a frame.
- **The variant is chosen by CSS, not JavaScript.** `theme-init.js` has
  already resolved `data-theme` before first paint, so the correct logo is
  the one painted rather than the one that appears after a flash. Without a
  dark variant the LIGHT logo carries both themes — the operator's own
  asset shown unchanged beats one they did not choose (the rule #307
  extends to ponds). The settings screen warns; it never blocks.
- **The favicon link is static, its resource dynamic.** index.html stays a
  static file and the api answers with the uploaded icon or a shipped
  default — that route must never 404, or the browser keeps its generic
  icon for good. The default is generated by a script from Node's own zlib
  (`gen-default-favicon.mjs`), for the same offline-build reason.
- Both favicon sizes are uploaded together: one source, one crop, so the
  tab icon and the home-screen icon can never disagree.
- Branding is served WITHOUT a session, because the login screen carries it
  and the browser fetches the favicon before anyone signs in. The admin
  screen says so — an operator may not expect their logo to be public.
- The metadata is not writable through the settings endpoint: it describes
  bytes on disk, and hand-writing it would claim an asset that is not
  there.

`./data/branding` follows the three-step rule #303 paid for: env default +
`data-dirs.ts` entry, compose volume (repo AND the stages on ONE), and the
`mkdir`/`chown` line in the api Dockerfile. `data-dirs.test.ts` is new and
closes the hole that made #303's variant invisible: the nightly archive
skips a missing directory WORDLESSLY, so the fence now demands that every
`*_DIR` the backup env declares actually travels in the archive. Verified
against the real defect — removing the line fails it by name.

Audit catalogue v1.7 (`branding.changed`), carrying `scope` from the start
so #307 is the same event with a different scope, not a second id.

Verified: api suite 103 files green (a lone `public-api` ECONNRESET under
local parallel load, green in isolation — the documented local flake);
branding suite 12 tests against a real directory; crop arithmetic unit
tests; a11y pack 11/11 in both schemes; /admin measured at 320px with the
new section (overflow 0); and the whole flow walked in the browser: upload
→ crop 780×180 → stored as 512×118 → logo in the sidebar linking home with
the instance name as its accessible name → topbar wordmark following
`instance.name` → light logo still shown under `data-theme="dark"`.
2026-08-01 19:30:52 +02:00
..
auth #216: hard AUTH_LOCAL_ENABLED switch over every local credential flow 2026-07-31 12:58:07 +02:00
AdminBackupSection.tsx #245: mode hidden — hide profile-violating options, mark the hiding 2026-07-31 19:27:17 +02:00
AdminSettingsPage.tsx #306: instance branding — logo and favicon, cropped in the browser 2026-08-01 19:30:52 +02:00
AdminSystemPage.tsx #163: Dokumentsprache und Seitentitel der SPA 2026-07-21 13:52:59 +02:00
BrandingManager.tsx #306: instance branding — logo and favicon, cropped in the browser 2026-08-01 19:30:52 +02:00
CustomFontManager.tsx #304: custom fonts in the pickers, an admin screen, and the licence page 2026-08-01 18:32:46 +02:00
DeletePageDialog.tsx #162: Fokus-Management für Dialoge und Such-Palette 2026-07-21 13:52:59 +02:00
FontCatalogPage.tsx #304: custom fonts in the pickers, an admin screen, and the licence page 2026-08-01 18:32:46 +02:00
HomePage.tsx #163: Dokumentsprache und Seitentitel der SPA 2026-07-21 13:52:59 +02:00
LegalPage.tsx #163: Dokumentsprache und Seitentitel der SPA 2026-07-21 13:52:59 +02:00
MaintenancePage.tsx #163: Dokumentsprache und Seitentitel der SPA 2026-07-21 13:52:59 +02:00
MovePageDialog.tsx #162: Fokus-Management für Dialoge und Such-Palette 2026-07-21 13:52:59 +02:00
NotFoundPage.tsx #163: Dokumentsprache und Seitentitel der SPA 2026-07-21 13:52:59 +02:00
PageActions.tsx #162: Fokus-Management für Dialoge und Such-Palette 2026-07-21 13:52:59 +02:00
PageEditorPage.tsx #213: warn on uploads to classified pages; instance policy can block 2026-07-31 07:33:34 +02:00
PageStatusBar.tsx #134 Statuszeile zwischen Navigation und Artikel 2026-07-19 01:04:11 +02:00
PluginManager.tsx #300: route icon-only controls through IconButton/IconLink 2026-08-01 06:56:13 +02:00
PluginPreviewPage.tsx Add the sandbox host runtime for plugin iframes (#73) 2026-07-11 09:16:30 +02:00
PondHomePage.tsx #302: configurable pond start page, created with every new pond 2026-08-01 08:06:35 +02:00
PondSettingsPage.tsx #302: configurable pond start page, created with every new pond 2026-08-01 08:06:35 +02:00
PublicPageView.tsx #207: print stylesheet with the classification on every printed sheet 2026-07-31 06:48:44 +02:00
QuotaManager.tsx #168: Formulare — Fehler-Verdrahtung und Namenslücken 2026-07-21 14:26:54 +02:00
SettingsPage.tsx #301: stop /settings scrolling horizontally at 320px 2026-08-01 12:31:30 +02:00
TrashPage.tsx #163: Dokumentsprache und Seitentitel der SPA 2026-07-21 13:52:59 +02:00
UserManager.tsx #177: Admin-Personenliste — Aktions-Zelle bleibt Table-Cell, Flex auf Innen-Wrapper 2026-07-27 13:36:27 +02:00