History

mwiegand b915f2e766 fix(editor-v2): reserve editor slot to stop layout shift on mount The previous flicker fix hid the textarea via CSS but display: none removes it from layout entirely — so the page rendered with zero height where the editor would go, then cm6 mounted and pushed the surrounding form down by its full height (CLS). Wrap each editor textarea in <div class="editor-mount" style="min-height: …rem"> so the slot is reserved before cm6 mounts. The wrapper is a flex column with cm6 as flex: 1 so cm6 fills the reserved space rather than collapsing to content-height with a gap below (the seeded blueprint has 2 chars of content; without flex the editor would shrink to one line). Min-heights calibrated to rows × ~1.25rem + ~1.5rem chrome: - config (rows=8) → 12rem - files (rows=14) → 19rem - script (rows=20) → 27rem .cm-editor's own min-height: 8em rule removed — the wrapper is the floor now, and the inner cm6 stretches to fill via flex. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>		2026-05-17 02:29:43 +02:00
..
alembic	feat(l4d2-web): add command_history table for RCON console transcript	2026-05-14 21:26:56 +02:00
l4d2web	fix(editor-v2): reserve editor slot to stop layout shift on mount	2026-05-17 02:29:43 +02:00
scripts	test(editor-v2): Playwright e2e + Tab→acceptCompletion fix	2026-05-17 02:15:51 +02:00
tests	test(editor-v2): Playwright e2e + Tab→acceptCompletion fix	2026-05-17 02:15:51 +02:00
alembic.ini	chore(l4d2): flatten component layout	2026-05-05 23:47:06 +02:00
pyproject.toml	refactor(repo): uv workspace + hatchling + layout restructure	2026-05-15 22:04:29 +02:00
README.md	refactor(repo): uv workspace + hatchling + layout restructure	2026-05-15 22:04:29 +02:00

README.md

l4d2-web-app

Flask web app for managing L4D2 servers through user-private blueprints.

Key v1 behaviors

Local username/password login; no public signup
Admin-managed overlay catalog
Private blueprints per user
Server creation from blueprints (live-linked; no per-server blueprint overrides)
Async job model with persisted command logs in job_logs
Desired vs actual state model
Live logs for jobs and servers via SSE endpoints
Host operations go through l4d2ctl via a local host command runner, not direct l4d2host imports

Frontend constraints

Server-rendered templates (Jinja)
Vendored HTMX (static/vendor/htmx.min.js)
Custom CSS only
Tokenized, consistent link and accent colors

Development

From the workspace root (../):

uv sync          # creates .venv, installs l4d2host + l4d2web editable, plus dev deps
uv run pytest l4d2web/tests -q

Configuration

The web app reads these settings from the environment:

DATABASE_URL: SQLAlchemy database URL, for example sqlite:////var/lib/left4me/left4me.db.
SECRET_KEY: Flask secret key used for sessions and CSRF-sensitive state.
JOB_WORKER_THREADS: number of background job worker threads.

In the systemd deployment, environment is loaded from /etc/left4me/host.env and /etc/left4me/web.env.

Admin Bootstrap

Create the first admin account with the Flask CLI. Provide the password through LEFT4ME_ADMIN_PASSWORD:

LEFT4ME_ADMIN_PASSWORD='change-me' flask create-user <username> --admin