History

mwiegand c51089df1b refactor(modals): consolidate modal.js + modal-router.js as inline/routed Two modal pipelines coexisted after the URL-addressable pilot — modal.js (inline, ~30 lines) and modal-router.js (routed, ~150 lines) — operating on different attribute namespaces and exposing different APIs. Future modal authors had two systems to learn with no naming convention to help them pick the right one for a given use case. Consolidates both into static/js/modals.js with two clearly-named pipelines and a single window.modals.* API: Inline modal — content pre-rendered in the page. Hooks: data-inline-modal-open="<dialog-id>" data-inline-modal-close API: window.modals.openInline(idOrEl) window.modals.closeInline(idOrEl) Use: confirmations, transient prompts, in-page forms without URL value. Routed modal — content fetched from a URL, ?modal=<path> in URL, with history + share-link + refresh-survival. Hooks: <a data-routed-modal href="<path>"> data-routed-modal-dismiss API: window.modals.openRouted(path) window.modals.closeRouted() Use: content with standalone-page meaning. Single document-level click delegation handles all four attribute hooks; one DOMContentLoaded handler binds dialog 'close' / 'cancel' / backdrop on the routed slot; shared popstate and htmx:responseError listeners. Behaviour unchanged — pure rename + colocation. Renamed across 11 templates and files-overlay.js. Old data-modal-* attributes and window.openModal/closeModal globals are gone — clean break (no back-compat shims). AGENTS.md "Modals: inline vs routed" section documents the decision guide for new modals. Verified: 573 backend tests pass. 5/5 Chromium smoke checks pass (inline open/close, Esc, backdrop, routed open+save, routed Esc). Console clean. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>		2026-05-17 14:31:38 +02:00
..
alembic	feat(l4d2-web): add command_history table for RCON console transcript	2026-05-14 21:26:56 +02:00
l4d2web	refactor(modals): consolidate modal.js + modal-router.js as inline/routed	2026-05-17 14:31:38 +02:00
scripts	fix(editor-v2): fix cm6 to rows-derived height, eliminate layout shift	2026-05-17 10:27:28 +02:00
tests	feat(modals): GET /overlays/<id>/files/edit route	2026-05-17 11:43:18 +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