Compare commits

..
Author SHA1 Message Date
mregosar 48241f0784 Merge fix/sicherheit-und-stabilitaet in main 2026-11-01 20:25:45 +01:00
mregosar e18b8b4430 Absicherung: Socket-Eingaben, Geheimnisse in Fehlern, Logparser, Start/Stopp, RCON, Stream-Zugang
- Socket-Nachrichten werden geprüft, Handlerfehler abgefangen, Abfragen pro Verbindung begrenzt
  (vorher beendete stream:subscribe mit null ohne Anmeldung das Backend).
- Fehlermeldungen von Prozessen ohne Befehlszeile und mit geschwärzten Passwörtern/Tokens.
- Logparser wertet nur ganze Systemzeilen nach dem Zeitstempel aus; Chat kann keine Map beenden.
- Verspätet ankommende Starts nach Stopp, Neuanforderung oder Löschen bauen ihren Container ab.
- RCON: kaputte Pakete trennen nur die Verbindung, Befehle ohne Antwort gelten als Fehler.
- Organisatoren bekommen einen Stream-Schlüssel nur für ihr Match statt des globalen STREAM_KEY.
- Rate-Limiter mit regelmäßiger Bereinigung und Obergrenze, alte Admin-Sitzungen werden entfernt.
2026-11-01 20:25:45 +01:00
mregosar 35bdfc1f67 Merge feature/einladungslinks-bei-teams in main 2026-11-01 20:09:36 +01:00
mregosar f64da5ac86 Lobby: Einladungslinks unter dem jeweiligen Team
Der Organisator sieht Code, Link, Kopieren und Neuer Code jetzt unten in der Team-Karte. Im Bereich Einladungen bleiben Zuschauer-, Stream- und Organisator-Links.
2026-11-01 20:09:35 +01:00
mregosar 141c5597c4 Merge feature/lobbys-aufraeumen in main 2026-11-01 19:54:09 +01:00
mregosar bd022e043e Offene Lobbys nach 3 Stunden samt Server löschen (LOBBY_MAX_HOURS)
Der Aufräum-Lauf löscht Lobbys, deren Veto nie gestartet wurde, nach LOBBY_MAX_HOURS (Standard 3, 0 = nie) seit dem Erstellen und stoppt ihren Server. Matches im Veto, im Spiel oder abgeschlossen bleiben unberührt.
2026-11-01 19:54:09 +01:00
mregosar 5503995791 Merge fix/keine-map-abstimmung in main 2026-11-01 19:44:25 +01:00
mregosar be42beb260 Keine Map-Abstimmung nach Spielende (mp_endmatch_votenextmap 0)
Gilt für Match- und Messer-Server. Die nächste Map legt das Veto fest, die App lädt sie selbst.
2026-11-01 19:44:25 +01:00
mregosar cc6e7f65be Merge fix/messerrunde-wiederholen in main 2026-11-01 19:28:41 +01:00
mregosar 1492c280d5 Messerrunde: Einrichten bei Fehlern automatisch wiederholen
Nach einer frischen Installation dauert das erste Laden einer Map oft länger als die Wartezeit. Die App versucht das Einrichten jetzt bis zu dreimal (alle 10 s). Scheitern alle Versuche, zeigt die Lobby den Fehler und dem Organisator den Knopf "Messerrunde neu einrichten".
2026-11-01 19:23:52 +01:00
mregosar 934d989572 Merge feature/beamer-diashow in main 2026-11-01 19:01:41 +01:00
mregosar dc601a32fe Beamer-Diashow der laufenden Matches unter /beamer
Ein Match pro Folie, groß und aus der Ferne lesbar: Teams, Serienstand, aktuelle Map mit Rundenstand und Seiten, Maps der Serie, im Veto wer dran ist. Zum Schluss eine Folie mit Lobbys und Ergebnissen. Schaltet automatisch weiter (?sekunden=), Vollbild per Klick oder F, Pfeiltasten und Leertaste. In der Kopfzeile verlinkt.
2026-11-01 19:00:59 +01:00
mregosar 6a922f80de Merge fix/start-warteschlange in main 2026-11-01 18:50:35 +01:00
mregosar d36dcacd39 Fix: Starts meiden hochfahrende Hosts, Messerrunde zählt nicht als Map-Ende
- Neue Server meiden Hosts, auf denen gerade ein Container per SteamCMD lädt
  (Warteschlange im Prozess und laufende Starts laut Datenbank). Vorher warteten
  alle Starts hinter einem langen Download, obwohl andere Hosts frei waren.
- Vor dem Einrichten des Matches wird eine laufende Messerrunde in die
  Aufwärmphase gesetzt, und Logzeilen zählen erst, wenn die Map eingerichtet ist.
  Vorher wurde das Ende der Messerrunde als Ende von Map 1 gewertet und die
  nächste Map automatisch geladen.
2026-11-01 18:50:12 +01:00
mregosar 148cd99856 Merge feature/messer-match-server in main
# Conflicts:
#	client/src/styles.css
2026-11-01 18:26:42 +01:00
mregosar e18a6cc0c9 Merge feature/spieldateien-update in main 2026-11-01 18:26:35 +01:00
mregosar 13320313ec Messerrunde auf dem eigenen Match-Server, danach derselbe Server fürs Match
Bei Seitenwahl per Messerrunde richtet die App den Match-Server in der Lobby als
Messer-Server ein (Passwort des Matches, Aufwärmphase ohne Ende). Spieler sehen die
Verbindungsdaten in der Lobby, der Organisator startet bzw. wiederholt die Runde.
Nach dem Veto wird derselbe Server fürs Match eingerichtet, die Messer-Einstellungen
werden zurückgenommen.
2026-11-01 18:25:07 +01:00
mregosar 3c5a9b4162 Admin: Spieldateien auf allen Hosts per SteamCMD aktualisieren, mit Prozentanzeige
Ein kurzlebiger Container je Host aktualisiert CS2 im Spieldateien-Volume. Hosts mit
laufenden Servern werden ausgelassen (erzwingbar), während des Updates startet dort
kein neuer Server. Fertig nur, wenn Steam die App als vollständig installiert meldet.
2026-11-01 18:22:23 +01:00
mregosar 2c57b8c170 Merge feature/container-konsole in main 2026-11-01 17:18:02 +01:00
mregosar 7fe4c2ec79 Merge feature/startseite-ohne-messer in main 2026-11-01 17:18:02 +01:00
mregosar ee9c488a7e Admin: Live-Konsole der Container und Live-Log der Docker-Hosts (nur lesen, Passwörter ausgeblendet) 2026-11-01 17:16:58 +01:00
mregosar af2ecf7a3a Startseite: Messer-Server-Liste entfernt, sie steht jetzt in der Lobby bei Messerrunde 2026-11-01 17:16:58 +01:00
mregosar fb96fb5d08 Merge feature/lobby-chat in main 2026-10-29 22:44:17 +01:00
mregosar c820ba9f12 Chat im Match: Match-Chat und Team-Chat in Tabs, Zuschauer ausgeschlossen, nach Matchende nur lesbar 2026-10-29 22:44:17 +01:00
mregosar e26c736f2e Merge feature/messer-veto in main
# Conflicts:
#	client/src/styles.css
2026-10-29 22:27:18 +01:00
mregosar a3471a2f3c Merge feature/startseite-spieler in main 2026-10-29 22:27:07 +01:00
mregosar cdf41df01c Veto: Seitenwahl per Messerrunde, freie Messer-Server in der Lobby, Organisator legt fest, wer beginnt 2026-10-29 22:27:07 +01:00
mregosar c62fe4ba1e Startseite neu: Spieler zuerst mit Code-Eingabe, eigenem Match und den vier Schritten 2026-10-29 22:27:06 +01:00
mregosar 7b6ce01d05 Merge feature/admin-sidebar in main 2026-10-29 22:04:24 +01:00
mregosar c4c763fa6c Merge feature/name-maxlan in main 2026-10-29 22:04:24 +01:00
mregosar 75b1701d8a Admin: Einstellungen mit Seitenleiste, Docker-Hosts und Messer-Server in die Einstellungen 2026-10-29 22:04:24 +01:00
mregosar ea06237846 Name: Maxlan statt MaxLAN auf der Webseite und in den Servernamen 2026-10-29 22:04:24 +01:00
mregosar 15997af23d Merge docs/spieler-anleitung in main 2026-10-29 21:29:52 +01:00
mregosar 51abc5b945 Doku: Anleitung für Spieler als PDF 2026-10-29 21:29:52 +01:00
mregosar fda3f4ea9c Merge feature/map-auswahl in main 2026-10-29 21:03:29 +01:00
mregosar 2d65634d6e Map-Pools: Overpass, Vertigo und Cache für Competitive, Map-Auswahl im Admin, Veto-Ablauf passend zur Map-Anzahl 2026-10-29 21:03:29 +01:00
mregosar e3834bb071 Merge docs/anleitungen-aktualisieren in main 2026-10-29 20:33:15 +01:00
mregosar 0ba60dd207 Merge feature/messer-server in main 2026-10-29 20:33:15 +01:00
mregosar 3c5b929845 Doku: Admin-Bereich, Messer-Server, Steam-LAN-Reiter, neue Variablen; Admin-Hilfe neu 2026-10-29 20:33:15 +01:00
mregosar c6c39b914f Messer-Server für die Seitenwahl: 5v5/2v2, im Admin startbar, setzen sich nach der Runde selbst zurück 2026-10-29 20:33:15 +01:00
mregosar 0bfac952b6 Merge feature/admin-filter-archiv in main 2026-10-29 20:33:14 +01:00
mregosar 7ae3efef60 Admin: Suche, Filter und Archiv in der Matchliste, Fehler direkt in der Karte 2026-10-29 20:33:14 +01:00
mregosar c50741e49c Merge fix/server-neustart in main 2026-10-29 16:09:45 +01:00
mregosar dfcca1be82 Server-Neustart im laufenden Match: Map wieder laden, volle Leerlauf-Frist ab Start 2026-10-29 16:09:45 +01:00
mregosar 1b3536452c Merge feature/steam-lan-browser in main 2026-10-29 14:34:51 +01:00
49 changed files with 4012 additions and 244 deletions

No files matched your search

+7 -1
View File
@@ -21,6 +21,8 @@ TRUST_PROXY=false
SERVER_ADAPTER=demo SERVER_ADAPTER=demo
SERVER_IDLE_TIMEOUT_MINUTES=30 SERVER_IDLE_TIMEOUT_MINUTES=30
SERVER_MAX_LIFETIME_HOURS=8 SERVER_MAX_LIFETIME_HOURS=8
# Offene Lobbys nach so vielen Stunden samt Server löschen (0 = nie)
LOBBY_MAX_HOURS=3
SERVER_STATUS_POLL_SECONDS=5 SERVER_STATUS_POLL_SECONDS=5
SERVER_REAPER_INTERVAL_SECONDS=60 SERVER_REAPER_INTERVAL_SECONDS=60
@@ -60,8 +62,12 @@ CS2_START_TIMEOUT_MINUTES=20
CS2_LAN_PORTS=27015-27020 CS2_LAN_PORTS=27015-27020
# CSTV-Port = Spielport + dieser Abstand (z. B. 27015 -> 27115) # CSTV-Port = Spielport + dieser Abstand (z. B. 27015 -> 27115)
CS2_TV_PORT_OFFSET=100 CS2_TV_PORT_OFFSET=100
# Messer-Server für die Seitenwahl (im Admin-Bereich startbar)
KNIFE_MAP=de_mirage
KNIFE_WARMUP_SECONDS=90
KNIFE_MAX_SERVERS=4
# Anfang des Servernamens im Serverbrowser, danach folgen die Teamnamen # Anfang des Servernamens im Serverbrowser, danach folgen die Teamnamen
CS2_SERVERNAME_PREFIX=MaxLAN CS2_SERVERNAME_PREFIX=Maxlan
DOCKER_BIN=docker DOCKER_BIN=docker
# --- Static-Pool-Adapter (SERVER_ADAPTER=static) --- # --- Static-Pool-Adapter (SERVER_ADAPTER=static) ---
+94 -7
View File
@@ -101,6 +101,15 @@ Alle Prüfungen passieren im Backend. Die Oberfläche blendet nur zusätzlich au
- **Server-Zugangsdaten:** RCON-Passwort, Container-Handle und GSLT liegen ausschließlich in der Datenbank bzw. den Umgebungsvariablen des Backends. Die Snapshot-Funktion gibt sie nie aus (per Test abgesichert). Server- und CSTV-Passwort sind als Beitrittsdaten nötig und werden nur an die jeweils berechtigte Rolle geliefert. - **Server-Zugangsdaten:** RCON-Passwort, Container-Handle und GSLT liegen ausschließlich in der Datenbank bzw. den Umgebungsvariablen des Backends. Die Snapshot-Funktion gibt sie nie aus (per Test abgesichert). Server- und CSTV-Passwort sind als Beitrittsdaten nötig und werden nur an die jeweils berechtigte Rolle geliefert.
- **Befehls-Injection:** Teamnamen werden vor der Übergabe an die Serverkonsole von Anführungszeichen, `;` und Steuerzeichen bereinigt. Passwörter sind rein alphanumerisch. - **Befehls-Injection:** Teamnamen werden vor der Übergabe an die Serverkonsole von Anführungszeichen, `;` und Steuerzeichen bereinigt. Passwörter sind rein alphanumerisch.
### Chat im Match
Auf der Match-Seite gibt es einen Chat mit zwei Reitern über der Chatbox:
- **Match-Chat:** beide Teams und der Organisator.
- **Team-Chat:** nur die Spieler des eigenen Teams, z. B. für Absprachen im Veto. Der Organisator sieht ihn nur, wenn er selbst im Team mitspielt.
Zuschauer und Gäste sehen keinen Chat. Er gilt das ganze Match über, von der Lobby bis zum Ende. Danach ist er nur noch lesbar. Nachrichten haben höchstens 300 Zeichen, pro Person gehen höchstens 5 Nachrichten in 10 Sekunden. Ein roter Punkt am Reiter zeigt ungelesene Nachrichten.
### Wiederherstellung nach Neuladen oder Verbindungsabbruch ### Wiederherstellung nach Neuladen oder Verbindungsabbruch
Der gesamte Zustand liegt in SQLite. Der Browser speichert pro Match nur seinen Zugangstoken (`localStorage`). Der gesamte Zustand liegt in SQLite. Der Browser speichert pro Match nur seinen Zugangstoken (`localStorage`).
@@ -117,6 +126,7 @@ Alle `SERVER_REAPER_INTERVAL_SECONDS` prüft das Backend alle aktiven Server:
- **Lobby, Veto oder Server ohne Spielerzahl:** Ist niemand mit der Match-Seite verbunden und gab es länger als `SERVER_IDLE_TIMEOUT_MINUTES` keine Aktivität, wird der Server gestoppt. - **Lobby, Veto oder Server ohne Spielerzahl:** Ist niemand mit der Match-Seite verbunden und gab es länger als `SERVER_IDLE_TIMEOUT_MINUTES` keine Aktivität, wird der Server gestoppt.
- **Konfigurierter echter Server:** Gestoppt wird, wenn länger als die Frist keine Spieler auf dem Server waren. Die Spielerzahl kommt per RCON aus `status`. - **Konfigurierter echter Server:** Gestoppt wird, wenn länger als die Frist keine Spieler auf dem Server waren. Die Spielerzahl kommt per RCON aus `status`.
- **Unabhängig davon:** Nach `SERVER_MAX_LIFETIME_HOURS` wird jeder Server gestoppt. - **Unabhängig davon:** Nach `SERVER_MAX_LIFETIME_HOURS` wird jeder Server gestoppt.
- **Alte Lobbys:** Eine Lobby, deren Veto nach `LOBBY_MAX_HOURS` (Standard 3 Stunden) seit dem Erstellen nicht gestartet wurde, wird samt Server gelöscht.
Ein gestoppter Server lässt sich vom Organisator neu starten. Ein gestoppter Server lässt sich vom Organisator neu starten.
@@ -148,13 +158,28 @@ Beim Start wird jeder Ablauf geprüft:
- genau eine Entscheidungsmap - genau eine Entscheidungsmap
- Seitenwahl nur direkt nach einem Pick oder der Entscheidungsmap - Seitenwahl nur direkt nach einem Pick oder der Entscheidungsmap
Ungültige oder fehlende Abläufe machen nur dieses Format unauswählbar (mit Begründung in der Oberfläche). Passt kein hinterlegter Ablauf zur Map-Anzahl, erzeugt die Anwendung einen (siehe unten). Unauswählbar ist ein Format nur, wenn es zu wenige Maps gibt (mit Begründung in der Oberfläche).
### Maps im Admin-Bereich wählen
Unter Einstellungen → **Map-Pools** wählt der Admin pro Modus, welche Maps im Veto stehen (mindestens 2). Die Auswahl steht in der Datenbank und gilt für neue Matches. Laufende Matches behalten ihre Maps und ihren Ablauf. Maps mit `"active": false` in der Konfiguration stehen im Katalog, sind aber erst nach Auswahl aktiv.
**Ablauf passend zur Map-Anzahl:** Passt ein hinterlegter Ablauf zur Anzahl der gewählten Maps, gilt er. Sonst erzeugt die Anwendung einen Ablauf:
1. bis zu zwei Bans (X, dann Y),
2. die Picks der Serie im Wechsel, die Seite wählt jeweils das andere Team,
3. die restlichen Bans im Wechsel,
4. die letzte Map ist die Entscheidungsmap, ihre Seite wählt das Team, das nicht zuletzt dran war.
Jede weitere Map bedeutet also einen Ban mehr. BO3 braucht mindestens 3 Maps, BO5 mindestens 5. Der Admin-Bereich zeigt nach dem Speichern den Ablauf für jedes Format.
Beispiel Competitive mit allen 10 Maps, BO3: X bannt, Y bannt, X pickt (Y Seite), Y pickt (X Seite), X, Y, X, Y, X bannen → Entscheidungsmap, Y wählt Seite.
### Mitgelieferte Abläufe ### Mitgelieferte Abläufe
**Competitive (7 Maps):** Ancient, Anubis, Dust II, Inferno, Mirage, Nuke, Train **Competitive (Katalog mit 10 Maps):** Ancient, Anubis, Cache, Dust II, Inferno, Mirage, Nuke, Overpass, Train, Vertigo. Alle 10 sind aktiv. Die festen Abläufe unten gelten für die klassischen 7 Maps (Ancient, Anubis, Dust II, Inferno, Mirage, Nuke, Train), bei jeder anderen Auswahl erzeugt die Anwendung den Ablauf.
| Format | Ablauf | | Format (7 Maps) | Ablauf |
|---|---| |---|---|
| BO1 | X bannt, Y bannt, X bannt, Y bannt, X bannt, Y bannt → Entscheidungsmap, X wählt Seite | | BO1 | X bannt, Y bannt, X bannt, Y bannt, X bannt, Y bannt → Entscheidungsmap, X wählt Seite |
| BO3 | X bannt, Y bannt, X pickt (Y wählt Seite), Y pickt (X wählt Seite), X bannt, Y bannt → Entscheidungsmap, X wählt Seite | | BO3 | X bannt, Y bannt, X pickt (Y wählt Seite), Y pickt (X wählt Seite), X bannt, Y bannt → Entscheidungsmap, X wählt Seite |
@@ -166,7 +191,7 @@ Ungültige oder fehlende Abläufe machen nur dieses Format unauswählbar (mit Be
|---|---| |---|---|
| BO1 | X bannt, Y bannt, X bannt → Entscheidungsmap, Y wählt Seite | | BO1 | X bannt, Y bannt, X bannt → Entscheidungsmap, Y wählt Seite |
| BO3 | X bannt, Y pickt (X Seite), X pickt (Y Seite) → Entscheidungsmap, X wählt Seite | | BO3 | X bannt, Y pickt (X Seite), X pickt (Y Seite) → Entscheidungsmap, X wählt Seite |
| BO5 | **nicht unterstützt:** Mit 4 Maps sind keine 5 Karten möglich. Mit einem Pool von mindestens 5 Maps und einem `bo5`-Ablauf wird es automatisch auswählbar. | | BO5 | **nicht unterstützt:** Mit 4 Maps sind keine 5 Karten möglich. Mit mindestens 5 Maps wird es automatisch auswählbar. |
### Regel für Startseiten ### Regel für Startseiten
@@ -179,7 +204,7 @@ Die Wahl wird als `mp_teamname_1` (Team mit CT-Start) und `mp_teamname_2` (T-Sta
- **Map-Bilder** liegen lokal unter `client/public/maps/<map>.webp` (960 px breit, je ca. 50–90 KB). `"image"` in `map-pools.json` verweist darauf. Neue oder fehlende Bilder lädt `npm run images` von [ghostcap-gaming/cs2-map-images](https://github.com/ghostcap-gaming/cs2-map-images), verkleinert sie und trägt den Pfad ein (`npm run images -- --force` lädt alle neu). Die Bilder stammen aus dem Spiel; die Rechte liegen bei Valve. Ohne Bild zeigt die Kachel ein Muster in der Map-Farbe. - **Map-Bilder** liegen lokal unter `client/public/maps/<map>.webp` (960 px breit, je ca. 50–90 KB). `"image"` in `map-pools.json` verweist darauf. Neue oder fehlende Bilder lädt `npm run images` von [ghostcap-gaming/cs2-map-images](https://github.com/ghostcap-gaming/cs2-map-images), verkleinert sie und trägt den Pfad ein (`npm run images -- --force` lädt alle neu). Die Bilder stammen aus dem Spiel; die Rechte liegen bei Valve. Ohne Bild zeigt die Kachel ein Muster in der Map-Farbe.
- **Seiten-Embleme** für CT und T liegen unter `client/public/sides/ct.png` und `client/public/sides/t.png` (quadratisch, z. B. 256×256). Fehlt eine Datei, erscheint ein schlichtes Ersatzsymbol. - **Seiten-Embleme** für CT und T liegen unter `client/public/sides/ct.png` und `client/public/sides/t.png` (quadratisch, z. B. 256×256). Fehlt eine Datei, erscheint ein schlichtes Ersatzsymbol.
- **Logo und Farben:** Das MaxLAN-e.V.-Logo liegt freigestellt unter `client/public/brand/maxlan-logo.webp`. Die Farben stehen als Variablen am Anfang von `client/src/styles.css`: Logo-Blau `#344A99` für Team A und Hauptbuttons, Logo-Rot `#A72A1C` für Team B und den Abschluss der Kopfzeile, jeweils aufgehellt für die Lesbarkeit. - **Logo und Farben:** Das Maxlan-e.V.-Logo liegt freigestellt unter `client/public/brand/maxlan-logo.webp`. Die Farben stehen als Variablen am Anfang von `client/src/styles.css`: Logo-Blau `#344A99` für Team A und Hauptbuttons, Logo-Rot `#A72A1C` für Team B und den Abschluss der Kopfzeile, jeweils aufgehellt für die Lesbarkeit.
- Bestehende Matches behalten die Map-Liste, mit der sie erstellt wurden. Neue Bilder erscheinen in neu erstellten Matches. - Bestehende Matches behalten die Map-Liste, mit der sie erstellt wurden. Neue Bilder erscheinen in neu erstellten Matches.
> Die mitgelieferten Map-Pools entsprechen dem Stand der Entwicklung. Valve ändert den aktiven Map-Pool regelmäßig. Map-IDs bitte gegen die eigene Serverinstallation prüfen. Eine Map, die nicht existiert, führt zu „Konfiguration fehlgeschlagen“ mit Meldung. > Die mitgelieferten Map-Pools entsprechen dem Stand der Entwicklung. Valve ändert den aktiven Map-Pool regelmäßig. Map-IDs bitte gegen die eigene Serverinstallation prüfen. Eine Map, die nicht existiert, führt zu „Konfiguration fehlgeschlagen“ mit Meldung.
@@ -254,6 +279,19 @@ Mit `CS2_DOCKER_HOSTS` verteilt die Anwendung Matches auf mehrere Docker-Hosts.
Jeder Host braucht eigene Spieldateien (rund 60 bis 90 GB). Die Ports müssen auf jedem Host frei sein. Jeder Host braucht eigene Spieldateien (rund 60 bis 90 GB). Die Ports müssen auf jedem Host frei sein.
### Messer-Server für die Seitenwahl
Im Admin-Bereich (Einstellungen → Gameserver → Messer-Server) startet „Messer-Server starten“ einen Gameserver, der keinem Match gehört und dauerhaft läuft. Teams verbinden sich, spielen eine Messerrunde und gehen wieder.
- Modus wählbar: **Competitive 5v5** (12 Plätze, Maps aus dem Competitive-Pool) oder **Wingman 2v2** (6 Plätze, Maps aus dem Wingman-Pool).
- Offen, ohne Passwort, sichtbar im LAN-Reiter von Steam (`Maxlan | Messer 1 5v5 (Seitenwahl)`). Sie dienen als Ausweichmöglichkeit; Matches mit Messerrunde nutzen ihren eigenen Server (siehe unten).
- Nur Messer, kein Geld, eine Runde. Vorher läuft eine Aufwärmphase zum Verbinden (`KNIFE_WARMUP_SECONDS`, Standard 90). Nach der Runde startet das Spiel von selbst neu (`mp_match_end_restart`). Wird der Server leer, setzt die App ihn zusätzlich zurück.
- Fällt ein Messer-Server aus, startet die App ihn neu, höchstens fünfmal in Folge. Danach steht er auf „ausgefallen“ und lässt sich im Admin-Bereich neu starten.
- Knöpfe pro Server: „Runde starten“ (Aufwärmphase sofort beenden), „Zurücksetzen“, „Neu starten“ (neuer Container), „Entfernen“.
- Messer-Server belegen ihre Ports dauerhaft und nehmen zuerst LAN-Ports. Jeder Messer-Server ist also ein Platz weniger im LAN-Reiter für Matches.
- **Im Match:** Wählt der Organisator beim Erstellen „Wer beginnt das Veto?“ → **Messerrunde**, läuft die Messerrunde auf dem **eigenen Server des Matches**: Sobald er hochgefahren ist, richtet die App dort eine Messerrunde mit dem Passwort des Matches ein. Die Lobby zeigt den Spielern beider Teams die Verbindungsdaten („In CS2 verbinden“). Die Aufwärmphase läuft ohne Ende, bis der Organisator in der Lobby **Messerrunde starten** klickt; mit **Runde wiederholen** geht es zurück in die Aufwärmphase. Danach klickt der Organisator statt „Veto starten“ auf „Team A beginnt“ bzw. „Team B beginnt“. Nach dem Veto richtet die App denselben Server für das Match ein und nimmt die Messer-Einstellungen zurück, die Spieler bleiben einfach drauf. Ohne eigenen Server (z. B. Adapter `static` ohne freien Server) zeigt die Lobby wie bisher die freien Messer-Server. Im Admin-Bereich gibt es die Knöpfe „Team A/B beginnt“ auch in der Matchkarte.
- Weitere Einstellungen: `KNIFE_MAP` (Standard-Map, muss in einem Map-Pool sein), `KNIFE_MAX_SERVERS` (Standard 4).
### Server im Steam-Serverbrowser (LAN-Reiter) ### Server im Steam-Serverbrowser (LAN-Reiter)
Der LAN-Reiter des Steam-Serverbrowsers (Steam → Ansicht → Spielserver → LAN) fragt nur die Ports 27015 bis 27020 ab. Deshalb vergibt die App den Spielport zuerst aus `CS2_LAN_PORTS` (Standard `27015-27020`), danach aus dem normalen Portbereich. Der CSTV-Port liegt immer 100 über dem Spielport (Spiel 27015, CSTV 27115; Spiel 27100, CSTV 27200), der Abstand lässt sich mit `CS2_TV_PORT_OFFSET` ändern. Auf jedem Host müssen also auch die Ports 100 über dem Portbereich frei sein. So passen bis zu sechs Server pro Host in den LAN-Reiter. Weitere Server laufen im normalen Portbereich. Sie sind dann nicht im LAN-Reiter sichtbar, Spieler erreichen sie aber über den Verbindungsbefehl. Der LAN-Reiter des Steam-Serverbrowsers (Steam → Ansicht → Spielserver → LAN) fragt nur die Ports 27015 bis 27020 ab. Deshalb vergibt die App den Spielport zuerst aus `CS2_LAN_PORTS` (Standard `27015-27020`), danach aus dem normalen Portbereich. Der CSTV-Port liegt immer 100 über dem Spielport (Spiel 27015, CSTV 27115; Spiel 27100, CSTV 27200), der Abstand lässt sich mit `CS2_TV_PORT_OFFSET` ändern. Auf jedem Host müssen also auch die Ports 100 über dem Portbereich frei sein. So passen bis zu sechs Server pro Host in den LAN-Reiter. Weitere Server laufen im normalen Portbereich. Sie sind dann nicht im LAN-Reiter sichtbar, Spieler erreichen sie aber über den Verbindungsbefehl.
@@ -261,7 +299,7 @@ Der LAN-Reiter des Steam-Serverbrowsers (Steam → Ansicht → Spielserver → L
- Pro Host lassen sich die LAN-Ports in `CS2_DOCKER_HOSTS` mit `"lanPorts":"27016-27019"` einschränken, wenn dort schon etwas anderes auf einem dieser Ports läuft. `"lanPorts":""` schaltet es für einen Host ab. Im Admin-Bereich steht das in der Spalte „LAN-Ports (Steam)“. - Pro Host lassen sich die LAN-Ports in `CS2_DOCKER_HOSTS` mit `"lanPorts":"27016-27019"` einschränken, wenn dort schon etwas anderes auf einem dieser Ports läuft. `"lanPorts":""` schaltet es für einen Host ab. Im Admin-Bereich steht das in der Spalte „LAN-Ports (Steam)“.
- Ist ein Port trotzdem belegt, versucht der Start automatisch die nächsten freien Ports. - Ist ein Port trotzdem belegt, versucht der Start automatisch die nächsten freien Ports.
- Server auf LAN-Ports laufen im Netz des Hosts (`--network host`), weil die Port-Weiterleitung von Docker die Suchanfragen (Broadcasts) des Serverbrowsers nicht weitergibt. Die Firewall des Hosts muss die Ports deshalb selbst erlauben. - Server auf LAN-Ports laufen im Netz des Hosts (`--network host`), weil die Port-Weiterleitung von Docker die Suchanfragen (Broadcasts) des Serverbrowsers nicht weitergibt. Die Firewall des Hosts muss die Ports deshalb selbst erlauben.
- Der Servername im Browser ist `MaxLAN | Team A vs. Team B`. Den Anfang ändert `CS2_SERVERNAME_PREFIX`. - Der Servername im Browser ist `Maxlan | Team A vs. Team B`. Den Anfang ändert `CS2_SERVERNAME_PREFIX`.
- Die Server sind mit Passwort geschützt und zeigen ein Schloss. Ohne `CS2_GSLT` laufen sie mit `sv_lan 1` und erscheinen nicht im Internet-Reiter. - Die Server sind mit Passwort geschützt und zeigen ein Schloss. Ohne `CS2_GSLT` laufen sie mit `sv_lan 1` und erscheinen nicht im Internet-Reiter.
### Option B: Vorhandene Server (`SERVER_ADAPTER=static`) ### Option B: Vorhandene Server (`SERVER_ADAPTER=static`)
@@ -356,7 +394,15 @@ Unter `/stream` (in der Kopfzeile verlinkt) zeigt eine 1920×1080-Seite alle lau
- **Unten:** offene Lobbys und die Ergebnisse der letzten drei Stunden. - **Unten:** offene Lobbys und die Ergebnisse der letzten drei Stunden.
- **Datenschutz:** Codes und Verbindungsdaten erscheinen nicht. - **Datenschutz:** Codes und Verbindungsdaten erscheinen nicht.
- **Einzelnes Match:** Ein Klick auf eine Karte oder einen Eintrag öffnet die Übersicht nur dieses Matches unter `/stream/match/<matchId>`. Der Link enthält keinen Zuschauercode, der Schlüssel `?key=` wird übernommen. - **Einzelnes Match:** Ein Klick auf eine Karte oder einen Eintrag öffnet die Übersicht nur dieses Matches unter `/stream/match/<matchId>`. Der Link enthält keinen Zuschauercode, der Schlüssel `?key=` wird übernommen.
- **Schlüssel:** Mit `STREAM_KEY` ist die Seite nur mit `/stream?key=<schlüssel>` erreichbar, sonst offen. `?bg=transparent` funktioniert ebenfalls. - **Schlüssel:** Mit `STREAM_KEY` ist die Seite nur mit `/stream?key=<schlüssel>` erreichbar, sonst offen. `?bg=transparent` funktioniert ebenfalls. Der Organisator bekommt im Link „Match-Übersicht“ nicht den globalen Schlüssel, sondern einen eigenen, der nur sein Match zeigt.
### Beamer-Diashow
Unter `/beamer` (in der Kopfzeile verlinkt) läuft eine Diashow für den Beamer: ein laufendes Match pro Folie, groß und aus der Ferne lesbar, mit Teams, Serienstand, aktueller Map samt Rundenstand und Seiten sowie den Maps der Serie. Matches im Veto zeigen, wer gerade dran ist. Nach den Matches folgt eine Folie mit offenen Lobbys und Ergebnissen.
- **Weiterschalten:** alle 15 Sekunden, einstellbar mit `?sekunden=20` (5 bis 120). Ein roter Balken unten zeigt die Zeit bis zur nächsten Folie.
- **Bedienung:** Klick schaltet Vollbild um, `F` ebenso, `←`/`→` blättern, Leertaste hält an.
- **Schlüssel:** Mit `STREAM_KEY` als `/beamer?key=<schlüssel>` aufrufen, wie bei der Stream-Übersicht.
### Stream-Übersicht eines Matches ### Stream-Übersicht eines Matches
@@ -426,6 +472,33 @@ Ein `502 Bad Gateway` vom Proxy heißt, dass er die Anwendung unter `proxy_pass`
--- ---
## Admin-Bereich
Unter `/admin` mit dem Passwort aus `ADMIN_PASSWORD` (leer = Admin-Bereich aus). Die Anmeldung gilt 12 Stunden und nur, solange die Anwendung läuft. Nach einem Neustart der Anwendung muss man sich neu anmelden.
### Reiter „Matches“
- **Suche und Filter:** Suche nach Team, Spieler oder Match-ID. Filter Alle, Laufend, Fehler (Zahl rot, wenn es Fehler gibt), Abgeschlossen und Archiv. Der Filter bleibt im Browser gespeichert.
- **Matchkarte:** Teams, Modus, Format, Status, Live-Stand, Server- und CSTV-Adresse (`Server 192.168.178.45:27015 · CSTV …:27115`), Zeitpunkt der Server-Anforderung, Pausen-Abzeichen. Bei einem Serverfehler steht die Ursache rot in der Karte.
- **Aktionen:** Ansehen, Veto starten, Aufwärmphase beenden, Pausieren/Fortsetzen, Nächste Map, Server neu starten / wiederholen, Server stoppen, Match abschließen, Match abbrechen, Archivieren / Aus dem Archiv holen, Löschen. Destruktive Aktionen fragen nach.
- **Konsole:** Knopf „Konsole“ in der Matchkarte und bei jedem Messer-Server. Zeigt die Ausgabe des Containers live (`docker logs --follow`, die letzten 300 Zeilen und alles Neue), mit Filter, „Mitlaufen“, „Leeren“ und „Neu verbinden“. Passwörter des Servers sind ausgeblendet. Höchstens 8 Konsolen gleichzeitig.
- **Details:** Einladungslinks und Codes (erneuerbar), Verbindungsbefehle für Spieler und CSTV, Spielerliste mit „Entfernen“, Rollback der laufenden Map.
- **Archiv:** abgeschlossene oder abgebrochene Matches lassen sich archivieren. Nach `ARCHIVE_AFTER_DAYS` Tagen (Standard 3, 0 = nie) geschieht das automatisch. Archivierte Matches stehen nur unter dem Filter „Archiv“.
Startet man den Server eines laufenden Matches neu, lädt die Anwendung danach die aktuelle Map samt Passwort wieder. Ein frisch gestarteter Server hat die volle Leerlauf-Frist, bevor er automatisch heruntergefahren wird.
### Reiter „Einstellungen“
Die Einstellungen sind in eine Seitenleiste gegliedert: **Veto** (Map-Pools), **Gameserver** (Match-Regeln, CSTV, Zeiten, Messer-Server), **Server-Betrieb** (Docker-Hosts, Image- und Spieldateien-Update) und **Benachrichtigungen** (Discord). Am Handy stehen die Menüpunkte als Knöpfe über dem Inhalt. Der zuletzt gewählte Punkt bleibt im Browser gespeichert.
- **Messer-Server:** starten (Modus 5v5 oder 2v2 und Map wählen), Runde starten, zurücksetzen, neu starten, entfernen. Siehe „Messer-Server für die Seitenwahl“.
- **Map-Pools:** pro Modus wählen, welche Maps im Veto stehen. Der Veto-Ablauf passt sich der Anzahl an, siehe „Maps im Admin-Bereich wählen“.
- **Gameserver:** Runden Competitive und Wingman, Verlängerung, zusätzliche Konsolenbefehle, CSTV an/aus und Verzögerung, Zeit pro Veto-Schritt, Leerlauf-Frist, maximale Laufzeit, Startzeit (inklusive Download) und Archiv-Frist. Die Werte aus der `.env` sind die Vorgabe. Was hier geändert wird, steht in der Datenbank und gilt auch nach einem Neustart. Mit „live“ markierte Werte gehen beim Speichern sofort per RCON an alle laufenden Server. Befehle, die Passwörter ändern oder den Server beenden, sind gesperrt.
- **Docker-Hosts:** oben die Auslastung pro Host (belegte und freie Plätze, freier Speicher dort, wo das Gameserver-Volume liegt, Matches und Messer-Server darauf), darunter Hosts hinzufügen, entfernen und bearbeiten (Name, Docker-Ziel, Adresse, Portbereich, LAN-Ports, Volume). Die Liste ersetzt `CS2_DOCKER_HOSTS`. „Liste aus .env verwenden“ schaltet zurück. Hosts mit laufenden Servern lassen sich nicht entfernen und ihre Adresse nicht ändern.
- **Image aktualisieren:** lädt das CS2-Image auf allen Hosts gleichzeitig neu (per SSH direkt auf dem Host). Laufende Server laufen weiter.
- **Spieldateien aktualisieren:** Holt das neueste CS2-Update per SteamCMD in das Spieldateien-Volume jedes Hosts, in einem kurzlebigen Container (`cs2mv-update-<host>`). Das Image-Update allein bringt keine neuen Spieldateien. Der Knopf zeigt den Fortschritt („Update läuft 43 %“), darunter steht pro Host das Ergebnis, z. B. „bereits aktuell (Build 26334290)“. Hosts mit laufenden Servern (Matches oder Messer-Server) werden ausgelassen, außer man setzt den Haken „auch Hosts mit laufenden Servern“. Laufende Server nutzen die neuen Dateien erst nach einem Neustart.
- **Discord-Meldungen:** welche Ereignisse gemeldet werden, plus Testmeldung.
## Umgebungsvariablen ## Umgebungsvariablen
Alle Variablen mit Standardwerten stehen in [`.env.example`](.env.example). Die wichtigsten: Alle Variablen mit Standardwerten stehen in [`.env.example`](.env.example). Die wichtigsten:
@@ -440,6 +513,20 @@ Alle Variablen mit Standardwerten stehen in [`.env.example`](.env.example). Die
| `SERVER_ADAPTER` | `demo` | `demo`, `docker` oder `static` | | `SERVER_ADAPTER` | `demo` | `demo`, `docker` oder `static` |
| `SERVER_IDLE_TIMEOUT_MINUTES` | `30` | Frist bis zum automatischen Herunterfahren | | `SERVER_IDLE_TIMEOUT_MINUTES` | `30` | Frist bis zum automatischen Herunterfahren |
| `SERVER_MAX_LIFETIME_HOURS` | `8` | harte Obergrenze pro Server | | `SERVER_MAX_LIFETIME_HOURS` | `8` | harte Obergrenze pro Server |
| `LOBBY_MAX_HOURS` | `3` | offene Lobbys nach so vielen Stunden samt Server löschen; `0` = nie |
| `ADMIN_PASSWORD` | leer | Passwort für den Admin-Bereich `/admin`; leer = Admin-Bereich aus |
| `VETO_STEP_SECONDS` | `30` | Zeit pro Veto-Schritt, danach wird automatisch gewählt; `0` = ohne Frist |
| `ARCHIVE_AFTER_DAYS` | `3` | abgeschlossene Matches nach so vielen Tagen archivieren; `0` = nie |
| `DOCKER_HOST` | leer | Docker-Ziel für einen einzelnen Host, z. B. `ssh://cs2docker` |
| `CS2_DOCKER_HOSTS` | leer | mehrere Docker-Hosts als JSON-Liste (siehe „Mehrere Docker-Hosts“) |
| `CS2_PORT_RANGE_START`, `CS2_PORT_RANGE_END` | `27015`, `27115` | Bereich der Spielports; CSTV liegt jeweils `CS2_TV_PORT_OFFSET` darüber |
| `CS2_LAN_PORTS` | `27015-27020` | Spielports für den LAN-Reiter von Steam, werden zuerst vergeben; leer = aus |
| `CS2_TV_PORT_OFFSET` | `100` | Abstand CSTV-Port zum Spielport (27015 → 27115) |
| `CS2_SERVERNAME_PREFIX` | `Maxlan` | Anfang des Servernamens im Serverbrowser |
| `CS2_START_TIMEOUT_MINUTES` | `20` | Startzeit eines Servers inklusive Download der Spieldateien |
| `KNIFE_MAP` | `de_mirage` | Standard-Map für Messer-Server |
| `KNIFE_WARMUP_SECONDS` | `90` | Zeit zum Verbinden, bevor die Messerrunde beginnt |
| `KNIFE_MAX_SERVERS` | `4` | höchstens so viele Messer-Server |
| `CS2_TV_DELAY` | `90` | CSTV-Verzögerung in Sekunden | | `CS2_TV_DELAY` | `90` | CSTV-Verzögerung in Sekunden |
| `CS2_GSLT` | leer | Docker: Game Server Login Token; leer = LAN-Modus (`sv_lan 1`) | | `CS2_GSLT` | leer | Docker: Game Server Login Token; leer = LAN-Modus (`sv_lan 1`) |
| `CS2_PUBLIC_HOST` | – | **Pflicht bei Docker:** öffentliche Adresse | | `CS2_PUBLIC_HOST` | – | **Pflicht bei Docker:** öffentliche Adresse |
+1 -1
View File
@@ -4,7 +4,7 @@
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<title>CS2 Mapveto – MaxLAN e.V.</title> <title>CS2 Mapveto – Maxlan e.V.</title>
<link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='6' fill='%23000'/><path d='M8 6l16 20M24 6L8 26' stroke='%23a72a1c' stroke-width='5' stroke-linecap='round'/></svg>" /> <link rel="icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><rect width='32' height='32' rx='6' fill='%23000'/><path d='M8 6l16 20M24 6L8 26' stroke='%23a72a1c' stroke-width='5' stroke-linecap='round'/></svg>" />
<link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
Binary file not shown.

After

Width:  |  Height:  |  Size: 127 KiB

+6 -2
View File
@@ -6,6 +6,7 @@ import CreateMatch from './pages/CreateMatch.jsx';
import MatchPage from './pages/MatchPage.jsx'; import MatchPage from './pages/MatchPage.jsx';
import StreamPage from './pages/StreamPage.jsx'; import StreamPage from './pages/StreamPage.jsx';
import StreamOverviewPage from './pages/StreamOverviewPage.jsx'; import StreamOverviewPage from './pages/StreamOverviewPage.jsx';
import BeamerPage from './pages/BeamerPage.jsx';
import AdminPage from './pages/AdminPage.jsx'; import AdminPage from './pages/AdminPage.jsx';
import { JoinPage, WatchPage } from './pages/AccessPages.jsx'; import { JoinPage, WatchPage } from './pages/AccessPages.jsx';
@@ -16,6 +17,8 @@ export default function App() {
<Route path="/stream/:code" element={<StreamPage />} /> <Route path="/stream/:code" element={<StreamPage />} />
<Route path="/stream/match/:matchId" element={<StreamOverviewPage />} /> <Route path="/stream/match/:matchId" element={<StreamOverviewPage />} />
<Route path="/stream" element={<StreamOverviewPage />} /> <Route path="/stream" element={<StreamOverviewPage />} />
{/* Diashow der laufenden Matches für den Beamer, ein Match pro Folie */}
<Route path="/beamer" element={<BeamerPage />} />
<Route path="*" element={<MainLayout />} /> <Route path="*" element={<MainLayout />} />
</Routes> </Routes>
); );
@@ -32,8 +35,8 @@ function MainLayout() {
return ( return (
<div className="app"> <div className="app">
<header className="topbar"> <header className="topbar">
<Link to="/" className="brand" aria-label="MaxLAN e.V. CS2 Mapveto – zur Übersicht"> <Link to="/" className="brand" aria-label="Maxlan e.V. CS2 Mapveto – zur Übersicht">
<img src="/brand/maxlan-logo.webp" alt="MaxLAN e.V." className="brand-logo" width="743" height="174" /> <img src="/brand/maxlan-logo.webp" alt="Maxlan e.V." className="brand-logo" width="743" height="174" />
<span className="brand-app">CS2 Mapveto</span> <span className="brand-app">CS2 Mapveto</span>
</Link> </Link>
{config?.server.simulated && ( {config?.server.simulated && (
@@ -44,6 +47,7 @@ function MainLayout() {
<nav> <nav>
<Link to="/" className="nav-link">Übersicht</Link> <Link to="/" className="nav-link">Übersicht</Link>
<a href="/stream" target="_blank" rel="noreferrer" className="nav-link">Stream-Übersicht</a> <a href="/stream" target="_blank" rel="noreferrer" className="nav-link">Stream-Übersicht</a>
<a href="/beamer" target="_blank" rel="noreferrer" className="nav-link">Beamer</a>
<Link to="/admin" className="nav-link">Admin</Link> <Link to="/admin" className="nav-link">Admin</Link>
<Link to="/neu" className="btn btn-primary btn-sm">Match erstellen</Link> <Link to="/neu" className="btn btn-primary btn-sm">Match erstellen</Link>
</nav> </nav>
+79
View File
@@ -0,0 +1,79 @@
/* ---------- Beamer-Diashow (1920×1080, skaliert): ein Match pro Folie, groß und aus der Ferne lesbar ---------- */
.bm-root {
position: relative; width: 100%; height: 100%; overflow: hidden; cursor: pointer;
display: grid; grid-template-rows: 104px 1fr 56px; padding: 0 72px;
color: var(--text); font-family: var(--body);
background:
radial-gradient(900px 600px at 0% 40%, rgba(52, 74, 153, .3), transparent 70%),
radial-gradient(900px 600px at 100% 40%, rgba(167, 42, 28, .28), transparent 70%),
#000;
}
.bm-root > :not(.bm-art) { position: relative; z-index: 1; }
.bm-art { position: absolute; inset: 0; opacity: .32; }
.bm-art::after { background: linear-gradient(180deg, rgba(0, 0, 0, .55), rgba(0, 0, 0, .92) 70%); }
.bm-main { display: grid; min-height: 0; animation: bm-in .6s ease both; }
@keyframes bm-in { from { opacity: 0; transform: translateY(18px); } }
.bm-slide { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 26px; min-height: 0; padding: 20px 0; }
.bm-meta { display: flex; align-items: center; gap: 22px; font: 600 32px var(--display); color: var(--muted); }
.bm-meta .so-badge { font-size: 30px; padding: 6px 18px; }
.bm-hero { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 56px; width: 100%; }
.bm-team { margin: 0; font: 700 128px/1 var(--display); letter-spacing: -.01em; overflow-wrap: anywhere; }
.bm-team.a { color: var(--team-a); text-align: right; }
.bm-team.b { color: var(--team-b); }
.bm-series { display: flex; flex-direction: column; align-items: center; font: 700 130px/1 var(--display); font-variant-numeric: tabular-nums; }
.bm-series span { display: flex; align-items: center; }
.bm-series i { font-style: normal; color: var(--muted); padding: 0 14px; }
.bm-series small { font: 600 26px var(--display); color: var(--muted); text-transform: uppercase; letter-spacing: .12em; }
.bm-vs { font-size: 90px; }
.bm-map { display: flex; align-items: baseline; gap: 26px; }
.bm-map strong { font: 700 64px var(--display); }
.bm-map span { font: 600 38px var(--display); color: var(--muted); }
.bm-score { display: flex; align-items: center; gap: 34px; font: 700 200px/1 var(--display); font-variant-numeric: tabular-nums; }
.bm-score i { font-style: normal; color: var(--muted); }
.bm-score b.a { color: var(--team-a); }
.bm-score b.b { color: var(--team-b); }
.bm-score b.won { text-shadow: 0 0 40px currentColor; }
.bm-maps { list-style: none; margin: 0; padding: 0; display: flex; gap: 18px; justify-content: center; }
.bm-maps li {
position: relative; overflow: hidden; width: 250px; height: 104px; border-radius: 8px; padding: 12px 16px;
display: flex; align-items: flex-end; justify-content: space-between; gap: 10px; border: 2px solid var(--line-strong);
}
.bm-maps li .map-art::after { background: linear-gradient(180deg, rgba(0, 0, 0, .2), rgba(0, 0, 0, .85)); }
.bm-maps li > span:not(.map-art), .bm-maps li b { position: relative; z-index: 1; font: 700 28px var(--display); text-shadow: 0 2px 8px #000; }
.bm-maps li.is-pending { filter: grayscale(.8) brightness(.6); }
.bm-maps li.is-current { border-color: var(--brand-red); box-shadow: 0 0 0 3px var(--brand-red); }
.bm-note { font: 600 44px var(--display); color: var(--muted); margin: 0; }
.bm-turn { display: flex; flex-direction: column; align-items: center; gap: 6px; margin: 0; font: 600 52px var(--display); }
.bm-turn .a { color: var(--team-a); }
.bm-turn .b { color: var(--team-b); }
.bm-turn small { font-size: 28px; color: var(--muted); }
.bm-vmaps { width: 100%; height: 330px; }
.bm-vmaps .so-vmap-name { font-size: 34px; }
.bm-summary { display: flex; flex-direction: column; justify-content: center; gap: 40px; min-height: 0; }
.bm-idle { margin: 0; text-align: center; font: 700 80px var(--display); }
.bm-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; }
.bm-columns h3 { margin: 0 0 18px; font: 700 40px var(--display); color: var(--muted); text-transform: uppercase; letter-spacing: .1em; border-bottom: 3px solid var(--brand-red); padding-bottom: 10px; }
.bm-columns ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.bm-columns li { display: flex; align-items: baseline; gap: 18px; font: 700 44px var(--display); }
.bm-columns li .a { color: var(--team-a); }
.bm-columns li .b { color: var(--team-b); }
.bm-columns li i { font-style: normal; color: var(--muted); font-size: 32px; }
.bm-columns li b { font-variant-numeric: tabular-nums; }
.bm-columns li .won { text-decoration: underline; text-underline-offset: 8px; }
.bm-columns li small { margin-left: auto; font: 600 28px var(--display); color: var(--muted); }
.bm-columns .so-none { font-size: 32px; }
.bm-bottom { position: relative; display: flex; align-items: center; justify-content: center; }
.bm-dots { display: flex; gap: 12px; }
.bm-dots span { width: 14px; height: 14px; border-radius: 50%; background: var(--line-strong); }
.bm-dots span.on { background: var(--brand-red); }
.bm-progress { position: absolute; left: 0; bottom: 0; height: 6px; width: 100%; background: var(--brand-red); transform-origin: left; animation: bm-progress linear both; }
@keyframes bm-progress { from { transform: scaleX(0); } to { transform: scaleX(1); } }
+107
View File
@@ -0,0 +1,107 @@
import { useEffect, useRef, useState } from 'react';
import { api } from '../lib/api.js';
const time = (ms) => new Date(ms).toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' });
const SEEN_KEY = (matchId) => `cs2mv:chat-seen:${matchId}`;
function readSeen(matchId) {
try {
return JSON.parse(localStorage.getItem(SEEN_KEY(matchId))) ?? {};
} catch {
return {};
}
}
/** Chat im Match: Tabs für Match-Chat und Team-Chat über der Nachrichtenliste. */
export default function ChatBox({ chat, matchId, token, playerToken }) {
const [active, setActive] = useState(chat.channels[0].key);
const [text, setText] = useState('');
const [error, setError] = useState(null);
const [sending, setSending] = useState(false);
const [seen, setSeen] = useState(() => readSeen(matchId));
const listRef = useRef(null);
const channel = chat.channels.some((c) => c.key === active) ? active : chat.channels[0].key;
const messages = chat.messages[channel] ?? [];
const lastId = (key) => chat.messages[key]?.at(-1)?.id ?? 0;
// Aktiven Kanal als gelesen merken und ans Ende scrollen, wenn neue Nachrichten kommen
useEffect(() => {
const id = lastId(channel);
if (id && seen[channel] !== id) {
const next = { ...seen, [channel]: id };
setSeen(next);
try {
localStorage.setItem(SEEN_KEY(matchId), JSON.stringify(next));
} catch {
/* ignorieren */
}
}
const el = listRef.current;
if (el) el.scrollTop = el.scrollHeight;
}, [channel, messages.length]); // eslint-disable-line react-hooks/exhaustive-deps
const send = async (e) => {
e.preventDefault();
if (!text.trim() || sending) return;
setSending(true);
setError(null);
try {
await api(`/matches/${matchId}/chat`, { method: 'POST', body: { channel, text }, token, playerToken });
setText('');
} catch (err) {
setError(err.message);
} finally {
setSending(false);
}
};
return (
<section className="panel chat-box" aria-label="Chat">
<div className="chat-tabs" role="tablist">
{chat.channels.map((c) => {
const unread = c.key !== channel && lastId(c.key) > (seen[c.key] ?? 0);
return (
<button key={c.key} role="tab" aria-selected={c.key === channel}
className={`chat-tab chat-tab-${c.key.toLowerCase()} ${c.key === channel ? 'is-active' : ''}`}
onClick={() => setActive(c.key)}>
{c.label}
{unread && <span className="chat-unread" aria-label="neue Nachrichten" />}
</button>
);
})}
</div>
<ol className="chat-list" ref={listRef} aria-live="polite">
{messages.length === 0 && (
<li className="chat-empty muted small">
{channel === 'match' ? 'Noch keine Nachricht. Hier schreiben beide Teams und der Organisator.' : 'Noch keine Nachricht. Diesen Chat sieht nur dein Team.'}
</li>
)}
{messages.map((m) => (
<li key={m.id} className={`chat-msg ${m.mine ? 'is-mine' : ''}`}>
<span className="chat-meta">
<strong className={m.team ? `team-${m.team.toLowerCase()}` : 'chat-org'}>{m.author}</strong>
{m.organizer && m.team && <span className="chat-role">Organisator</span>}
<time className="muted">{time(m.at)}</time>
</span>
<span className="chat-text">{m.text}</span>
</li>
))}
</ol>
{chat.canWrite ? (
<form className="chat-form" onSubmit={send}>
<input
value={text}
onChange={(e) => setText(e.target.value)}
maxLength={chat.maxLength}
placeholder={channel === 'match' ? 'Nachricht an alle im Match' : 'Nachricht an dein Team'}
aria-label="Nachricht"
/>
<button className="btn btn-primary" disabled={!text.trim() || sending}>Senden</button>
</form>
) : (
<p className="small muted chat-closed">Das Match ist beendet, der Chat ist nur noch lesbar.</p>
)}
{error && <p className="field-error">{error}</p>}
</section>
);
}
+88
View File
@@ -0,0 +1,88 @@
import { useCallback, useEffect, useRef, useState } from 'react';
const MAX_LINES = 2000;
/**
* Live-Konsole eines Containers im Admin-Bereich. Liest `GET /api/admin/logs/...` als Stream
* (fetch statt EventSource, weil die Anmeldung im Authorization-Kopf mitgeht).
*/
export default function ConsoleDialog({ title, path, token, onClose, note }) {
const [lines, setLines] = useState([]);
const [status, setStatus] = useState('verbinde');
const [follow, setFollow] = useState(true);
const [filter, setFilter] = useState('');
const [run, setRun] = useState(0);
const boxRef = useRef(null);
useEffect(() => {
const ctl = new AbortController();
let rest = '';
setLines([]);
setStatus('verbinde');
(async () => {
try {
const res = await fetch(`/api${path}?tail=300`, { headers: { authorization: `Bearer ${token}` }, signal: ctl.signal });
if (!res.ok) {
const body = await res.json().catch(() => ({}));
throw new Error(body.error ?? `Fehler ${res.status}`);
}
setStatus('live');
const reader = res.body.getReader();
const decoder = new TextDecoder();
for (;;) {
const { value, done } = await reader.read();
if (done) break;
const parts = (rest + decoder.decode(value, { stream: true })).split('\n');
rest = parts.pop();
if (parts.length) setLines((cur) => [...cur, ...parts].slice(-MAX_LINES));
}
if (rest) setLines((cur) => [...cur, rest].slice(-MAX_LINES));
setStatus('beendet');
} catch (err) {
if (err.name !== 'AbortError') setStatus(`Fehler: ${err.message}`);
}
})();
return () => ctl.abort();
}, [path, token, run]);
// Mitlaufen: ans Ende scrollen, solange "Mitlaufen" an ist
useEffect(() => {
if (follow && boxRef.current) boxRef.current.scrollTop = boxRef.current.scrollHeight;
}, [lines, follow]);
const onKey = useCallback((e) => { if (e.key === 'Escape') onClose(); }, [onClose]);
useEffect(() => {
document.addEventListener('keydown', onKey);
return () => document.removeEventListener('keydown', onKey);
}, [onKey]);
const q = filter.trim().toLowerCase();
const shown = q ? lines.filter((l) => l.toLowerCase().includes(q)) : lines;
return (
<div className="console-backdrop" onClick={onClose}>
<section className="console-dialog" role="dialog" aria-modal="true" aria-label={`Konsole ${title}`} onClick={(e) => e.stopPropagation()}>
<header className="console-head">
<strong>Konsole: {title}</strong>
<span className={`console-status ${status === 'live' ? 'is-live' : ''}`}>{status === 'live' ? 'live' : status}</span>
<button className="btn btn-sm" onClick={onClose}>Schließen</button>
</header>
<div className="console-tools">
<input type="search" value={filter} onChange={(e) => setFilter(e.target.value)} placeholder="Zeilen filtern" aria-label="Zeilen filtern" />
<label className="admin-check"><input type="checkbox" checked={follow} onChange={(e) => setFollow(e.target.checked)} /> Mitlaufen</label>
<button className="btn btn-sm" onClick={() => setLines([])}>Leeren</button>
<button className="btn btn-sm" onClick={() => setRun((n) => n + 1)}>Neu verbinden</button>
<span className="small muted">{shown.length} Zeilen</span>
</div>
<pre className="console-out" ref={boxRef} onScroll={(e) => {
const el = e.currentTarget;
const atEnd = el.scrollHeight - el.scrollTop - el.clientHeight < 40;
if (atEnd !== follow) setFollow(atEnd);
}}>
{shown.length ? shown.join('\n') : status === 'verbinde' ? 'Verbinde …' : 'Noch keine Ausgabe.'}
</pre>
<p className="small muted console-note">{note ?? 'Passwörter sind ausgeblendet.'} Die Ansicht zeigt die letzten {MAX_LINES} Zeilen.</p>
</section>
</div>
);
}
+38 -26
View File
@@ -1,40 +1,52 @@
import CopyField from './CopyField.jsx'; import CopyField from './CopyField.jsx';
function regenerate(act, target, label) {
if (!window.confirm(`Neuen Code für ${label} erzeugen? Der alte Link funktioniert dann nicht mehr. Bereits beigetretene Spieler bleiben im Team.`)) return;
act('codes/regenerate', { target }, `Neuer Code für ${label}`);
}
/** Einladungslink eines Teams, steht für den Organisator unten in der Team-Karte. */
export function TeamInvite({ state, side, act, busy }) {
const { codes, links } = state.organizer;
const open = !['finished', 'cancelled'].includes(state.status);
const name = state.teams[side].name;
return (
<div className={`invite team-invite team-${side}`}>
<div className="invite-head">
<strong>Einladung</strong>
<span className="invite-code">{codes[side]}</span>
{open && <button className="link-btn" disabled={!!busy} onClick={() => regenerate(act, side, name)}>Neuer Code</button>}
</div>
<CopyField value={links[side]} />
<p className="small muted">Führt nur in {name}. Nur an dieses Team weitergeben.</p>
</div>
);
}
export default function OrganizerPanel({ state, act, busy, matchId, token }) { export default function OrganizerPanel({ state, act, busy, matchId, token }) {
const { codes, links } = state.organizer; const { codes, links } = state.organizer;
const open = !['finished', 'cancelled'].includes(state.status); const open = !['finished', 'cancelled'].includes(state.status);
const orgLink = `${window.location.origin}/m/${matchId}#org=${token}`; const orgLink = `${window.location.origin}/m/${matchId}#org=${token}`;
const label = 'Zuschauer (Stream, Kommentatoren)';
const regen = (target, label) =>
window.confirm(`Neuen Code für ${label} erzeugen? Der alte Link funktioniert dann nicht mehr. Bereits beigetretene Spieler bleiben im Team.`) &&
act('codes/regenerate', { target }, `Neuer Code für ${label}`);
return ( return (
<section className="panel organizer-panel"> <section className="panel organizer-panel">
<h2>Einladungen</h2> <h2>Einladungen</h2>
<p className="small muted">Jeder Link führt nur in das jeweilige Team. Gib ihn ausschließlich an dieses Team weiter.</p> <p className="small muted">Die Einladungslinks der Teams stehen unten in der jeweiligen Team-Karte.</p>
{[ <div className="invite spectator">
['A', state.teams.A.name, 'team-A'], <div className="invite-head">
['B', state.teams.B.name, 'team-B'], <strong>{label}</strong>
['spectator', 'Zuschauer (Stream, Kommentatoren)', 'spectator'], <span className="invite-code">{codes.spectator}</span>
].map(([key, label, cls]) => ( {open && <button className="link-btn" disabled={!!busy} onClick={() => regenerate(act, 'spectator', label)}>Neuer Code</button>}
<div key={key} className={`invite ${cls}`}>
<div className="invite-head">
<strong>{label}</strong>
<span className="invite-code">{codes[key]}</span>
{open && <button className="link-btn" disabled={!!busy} onClick={() => regen(key, label)}>Neuer Code</button>}
</div>
<CopyField value={links[key]} />
{key === 'spectator' && (
<div className="stream-link">
<CopyField label="Stream-Übersicht (als Browserquelle in OBS, 1920×1080)" value={links.stream} />
<a className="btn btn-sm" href={links.stream} target="_blank" rel="noreferrer">Stream-Ansicht öffnen</a>
<CopyField label="Match-Übersicht (nur dieses Match, ohne Zuschauercode)" value={links.overview} />
<a className="btn btn-sm" href={links.overview} target="_blank" rel="noreferrer">Match-Übersicht öffnen</a>
</div>
)}
</div> </div>
))} <CopyField value={links.spectator} />
<div className="stream-link">
<CopyField label="Stream-Übersicht (als Browserquelle in OBS, 1920×1080)" value={links.stream} />
<a className="btn btn-sm" href={links.stream} target="_blank" rel="noreferrer">Stream-Ansicht öffnen</a>
<CopyField label="Match-Übersicht (nur dieses Match, ohne Zuschauercode)" value={links.overview} />
<a className="btn btn-sm" href={links.overview} target="_blank" rel="noreferrer">Match-Übersicht öffnen</a>
</div>
</div>
<details className="org-link"> <details className="org-link">
<summary>Organisator-Zugang auf einem anderen Gerät öffnen</summary> <summary>Organisator-Zugang auf einem anderen Gerät öffnen</summary>
<p className="small muted">Dieser Link gibt volle Kontrolle über das Match. Nicht weitergeben.</p> <p className="small muted">Dieser Link gibt volle Kontrolle über das Match. Nicht weitergeben.</p>
+3 -2
View File
@@ -61,13 +61,14 @@ export default function ServerPanel({ state, isOrg, act, busy }) {
)} )}
{!server && <p className="muted small">Für dieses Match wurde noch kein Server angefordert.</p>} {!server && <p className="muted small">Für dieses Match wurde noch kein Server angefordert.</p>}
{server && ['starting', 'ready'].includes(server.status) && state.status !== 'server_setup' && ( {server?.knife && <p className="muted small">Vor dem Veto läuft hier die Messerrunde, die Verbindungsdaten stehen in der Lobby. Nach dem Veto wird derselbe Server für das Match eingerichtet.</p>}
{server && !server.knife && ['starting', 'ready'].includes(server.status) && state.status !== 'server_setup' && (
<p className="muted small"> <p className="muted small">
{sim ? 'Der Start wird während des Vetos simuliert.' : 'Der Server fährt während des Vetos hoch.'} Die Verbindungsdaten erscheinen nach dem Veto. {sim ? 'Der Start wird während des Vetos simuliert.' : 'Der Server fährt während des Vetos hoch.'} Die Verbindungsdaten erscheinen nach dem Veto.
</p> </p>
)} )}
{server?.connect && ( {server?.connect && !server.knife && (
<div className="connect"> <div className="connect">
<h3>{sim ? 'Spieler-Verbindung (Demo-Beispiel, nicht verbindbar)' : 'Verbindung für Spieler'}</h3> <h3>{sim ? 'Spieler-Verbindung (Demo-Beispiel, nicht verbindbar)' : 'Verbindung für Spieler'}</h3>
<CopyField label="In die CS2-Konsole einfügen" value={server.connect.command} secret /> <CopyField label="In die CS2-Konsole einfügen" value={server.connect.command} secret />
+2
View File
@@ -1,3 +1,4 @@
import { TeamInvite } from './OrganizerPanel.jsx';
export default function TeamCard({ team, side, state, viewer, isOrg, act, busy }) { export default function TeamCard({ team, side, state, viewer, isOrg, act, busy }) {
const isOwnTeam = viewer.team === side; const isOwnTeam = viewer.team === side;
const inLobby = state.status === 'lobby'; const inLobby = state.status === 'lobby';
@@ -59,6 +60,7 @@ export default function TeamCard({ team, side, state, viewer, isOrg, act, busy }
</div> </div>
)} )}
{inLobby && !readiness.enough && <p className="small muted">Es fehlen noch {team.teamSize - readiness.count} Spieler.</p>} {inLobby && !readiness.enough && <p className="small muted">Es fehlen noch {team.teamSize - readiness.count} Spieler.</p>}
{isOrg && state.organizer && <TeamInvite state={state} side={side} act={act} busy={busy} />}
</section> </section>
); );
} }
+500 -25
View File
@@ -3,10 +3,44 @@ import { Link } from 'react-router-dom';
import { api } from '../lib/api.js'; import { api } from '../lib/api.js';
import { FORMAT_LABEL, serverLabel } from '../lib/labels.js'; import { FORMAT_LABEL, serverLabel } from '../lib/labels.js';
import CopyField from '../components/CopyField.jsx'; import CopyField from '../components/CopyField.jsx';
import MapImage from '../components/MapImage.jsx';
import ConsoleDialog from '../components/ConsoleDialog.jsx';
const KEY = 'cs2mv:admin'; const KEY = 'cs2mv:admin';
const FILTER_KEY = 'cs2mv:admin:filter';
const REFRESH_MS = 3000; const REFRESH_MS = 3000;
const RUNNING = ['lobby', 'veto', 'server_setup', 'live'];
const CLOSED = ['finished', 'cancelled'];
const SERVER_ERRORS = ['start_failed', 'failed', 'config_failed'];
const hasError = (m) => SERVER_ERRORS.includes(m.server?.status);
/** Filter der Matchliste. "archive" lädt eine eigene Liste vom Server. */
const FILTERS = [
{ key: 'all', label: 'Alle', test: () => true },
{ key: 'running', label: 'Laufend', test: (m) => RUNNING.includes(m.status) },
{ key: 'errors', label: 'Fehler', test: hasError },
{ key: 'closed', label: 'Abgeschlossen', test: (m) => CLOSED.includes(m.status) },
{ key: 'archive', label: 'Archiv', test: () => true },
];
const readFilter = () => {
try {
const f = localStorage.getItem(FILTER_KEY);
return FILTERS.some((x) => x.key === f) ? f : 'all';
} catch {
return 'all';
}
};
/** Suche nach Teamnamen, Spielern und Match-ID, ohne Groß-/Kleinschreibung. */
function matchesSearch(m, query) {
const q = query.trim().toLowerCase();
if (!q) return true;
const hay = [m.id, m.teams.A.name, m.teams.B.name, ...['A', 'B'].flatMap((t) => m.teams[t].players.map((p) => p.nickname))];
return hay.some((x) => String(x ?? '').toLowerCase().includes(q));
}
const getToken = () => { const getToken = () => {
try { try {
return sessionStorage.getItem(KEY); return sessionStorage.getItem(KEY);
@@ -26,11 +60,23 @@ const storeToken = (t) => {
export default function AdminPage() { export default function AdminPage() {
const [token, setToken] = useState(getToken); const [token, setToken] = useState(getToken);
const [matches, setMatches] = useState(null); const [matches, setMatches] = useState(null);
const [hosts, setHosts] = useState([]);
const [error, setError] = useState(null); const [error, setError] = useState(null);
const [notice, setNotice] = useState(null); const [notice, setNotice] = useState(null);
const [busy, setBusy] = useState(null); const [busy, setBusy] = useState(null);
const [tab, setTab] = useState('matches'); const [tab, setTab] = useState('matches');
const [filter, setFilterState] = useState(readFilter);
const [query, setQuery] = useState('');
const [archivedCount, setArchivedCount] = useState(0);
const setFilter = (f) => {
setFilterState(f);
// Beim Wechsel zwischen Archiv und normaler Liste neu laden
if ((f === 'archive') !== (filter === 'archive')) setMatches(null);
try {
localStorage.setItem(FILTER_KEY, f);
} catch {
/* ignorieren */
}
};
const logout = useCallback(() => { const logout = useCallback(() => {
api('/admin/logout', { method: 'POST', token }).catch(() => {}); api('/admin/logout', { method: 'POST', token }).catch(() => {});
@@ -41,9 +87,9 @@ export default function AdminPage() {
const load = useCallback(async () => { const load = useCallback(async () => {
try { try {
const res = await api('/admin/matches', { token }); const res = await api(`/admin/matches${filter === 'archive' ? '?archived=1' : ''}`, { token });
setMatches(res.matches); setMatches(res.matches);
setHosts(res.hosts ?? []); setArchivedCount(res.archivedCount ?? 0);
setError(null); setError(null);
} catch (err) { } catch (err) {
if (err.status === 401) { if (err.status === 401) {
@@ -53,7 +99,7 @@ export default function AdminPage() {
setError(err.message); setError(err.message);
} }
} }
}, [token]); }, [token, filter]);
useEffect(() => { useEffect(() => {
if (!token) return undefined; if (!token) return undefined;
@@ -100,20 +146,35 @@ export default function AdminPage() {
<button className={`admin-tab ${tab === 'settings' ? 'is-active' : ''}`} onClick={() => setTab('settings')}>Einstellungen</button> <button className={`admin-tab ${tab === 'settings' ? 'is-active' : ''}`} onClick={() => setTab('settings')}>Einstellungen</button>
</nav> </nav>
{tab === 'settings' && token && <ServerSettingsPanel token={token} setNotice={setNotice} />} {tab === 'settings' && token && <SettingsLayout token={token} setNotice={setNotice} />}
{tab === 'settings' && token && <DockerHostsPanel token={token} setNotice={setNotice} />}
{tab === 'settings' && token && <NotificationSettings token={token} setNotice={setNotice} />}
{notice && <div className={`toast toast-${notice.tone}`} role="status">{notice.text}</div>} {notice && <div className={`toast toast-${notice.tone}`} role="status">{notice.text}</div>}
{error && <div className="alert alert-error">{error}</div>} {error && <div className="alert alert-error">{error}</div>}
{tab === 'matches' && <HostUsage hosts={hosts} />}
{tab === 'matches' && matches === null && !error && <p className="muted">Lade Matches …</p>} {tab === 'matches' && matches === null && !error && <p className="muted">Lade Matches …</p>}
{tab === 'matches' && matches && matches.length === 0 && <p className="muted">Noch keine Matches.</p>} {tab === 'matches' && (
<MatchToolbar
{tab === 'matches' && <div className="admin-list"> matches={filter === 'archive' ? [] : matches ?? []}
{matches?.map((m) => ( archivedCount={archivedCount}
<MatchAdminCard key={m.id} m={m} run={run} busy={busy} token={token} reload={load} setNotice={setNotice} /> filter={filter}
))} setFilter={setFilter}
</div>} query={query}
setQuery={setQuery}
/>
)}
{tab === 'matches' && matches && (() => {
const active = FILTERS.find((f) => f.key === filter);
const shown = matches.filter((m) => active.test(m) && matchesSearch(m, query));
if (matches.length === 0) {
return <p className="muted">{filter === 'archive' ? 'Das Archiv ist leer.' : 'Noch keine Matches.'}</p>;
}
if (shown.length === 0) return <p className="muted">Keine Matches für diesen Filter{query ? ` und „${query}“` : ''}.</p>;
return (
<div className="admin-list">
{shown.map((m) => (
<MatchAdminCard key={m.id} m={m} run={run} busy={busy} token={token} reload={load} setNotice={setNotice} />
))}
</div>
);
})()}
</div> </div>
); );
} }
@@ -267,6 +328,7 @@ function RollbackPanel({ matchId, token, reload, setNotice }) {
function MatchAdminCard({ m, run, busy, token, reload, setNotice }) { function MatchAdminCard({ m, run, busy, token, reload, setNotice }) {
const [open, setOpen] = useState(false); const [open, setOpen] = useState(false);
const [showConsole, setShowConsole] = useState(false);
const server = serverLabel(m.server); const server = serverLabel(m.server);
const closed = ['finished', 'cancelled'].includes(m.status); const closed = ['finished', 'cancelled'].includes(m.status);
const id = m.id; const id = m.id;
@@ -313,6 +375,10 @@ function MatchAdminCard({ m, run, busy, token, reload, setNotice }) {
)} )}
</div> </div>
)} )}
{hasError(m) && m.server.message && (
<p className="admin-error small" role="alert">{m.server.message}</p>
)}
{m.archivedAt && <span className="admin-badge is-archived">Archiviert {formatDateTime(m.archivedAt)}</span>}
{paused && <span className="admin-badge is-paused">Pausiert</span>} {paused && <span className="admin-badge is-paused">Pausiert</span>}
</div> </div>
<button className="link-btn" onClick={() => setOpen(!open)}>{open ? 'Weniger' : 'Details'}</button> <button className="link-btn" onClick={() => setOpen(!open)}>{open ? 'Weniger' : 'Details'}</button>
@@ -320,7 +386,10 @@ function MatchAdminCard({ m, run, busy, token, reload, setNotice }) {
<div className="admin-actions"> <div className="admin-actions">
<Link className="btn btn-sm" to={`/m/${id}`}>Ansehen</Link> <Link className="btn btn-sm" to={`/m/${id}`}>Ansehen</Link>
{m.status === 'lobby' && btn('Veto starten', { path: '/veto/start' }, 'btn-primary')} {m.status === 'lobby' && m.vetoStart !== 'knife' && btn('Veto starten', { path: '/veto/start' }, 'btn-primary')}
{m.status === 'lobby' && m.vetoStart === 'knife' && ['A', 'B'].map((t) => (
<span key={t}>{btn(`${m.teams[t].name} beginnt das Veto`, { path: '/veto/start', body: { firstTeam: t }, confirm: `Messerrunde vorbei: ${m.teams[t].name} beginnt das Veto?`, success: 'Veto gestartet' }, 'btn-primary')}</span>
))}
{(m.server?.status === 'configured') && btn('Aufwärmphase beenden', { path: '/server/warmup-end' })} {(m.server?.status === 'configured') && btn('Aufwärmphase beenden', { path: '/server/warmup-end' })}
{configured && !paused && btn('Pausieren', { path: '/server/pause', confirm: 'Match pausieren?' }, 'btn-warn')} {configured && !paused && btn('Pausieren', { path: '/server/pause', confirm: 'Match pausieren?' }, 'btn-warn')}
{configured && paused && btn('Fortsetzen', { path: '/server/resume' }, 'btn-primary')} {configured && paused && btn('Fortsetzen', { path: '/server/resume' }, 'btn-primary')}
@@ -328,11 +397,20 @@ function MatchAdminCard({ m, run, busy, token, reload, setNotice }) {
{m.server && ['start_failed', 'failed', 'stopped', 'config_failed', 'ready'].includes(m.server.status) && !closed && {m.server && ['start_failed', 'failed', 'stopped', 'config_failed', 'ready'].includes(m.server.status) && !closed &&
btn('Server neu starten / wiederholen', { path: '/server/retry' })} btn('Server neu starten / wiederholen', { path: '/server/retry' })}
{m.server && !['stopped'].includes(m.server.status) && btn('Server stoppen', { path: '/server/stop', confirm: 'Server stoppen?' })} {m.server && !['stopped'].includes(m.server.status) && btn('Server stoppen', { path: '/server/stop', confirm: 'Server stoppen?' })}
{m.server && m.server.status !== 'stopped' && (
<button className="btn btn-sm" onClick={() => setShowConsole(true)}>Konsole</button>
)}
{!closed && btn('Match abschließen', { path: '/finish', confirm: 'Match als abgeschlossen markieren?' })} {!closed && btn('Match abschließen', { path: '/finish', confirm: 'Match als abgeschlossen markieren?' })}
{!closed && btn('Match abbrechen', { path: '/cancel', confirm: 'Match abbrechen?' }, 'btn-ghost danger')} {!closed && btn('Match abbrechen', { path: '/cancel', confirm: 'Match abbrechen?' }, 'btn-ghost danger')}
{closed && !m.archivedAt && btn('Archivieren', { path: '/archive', success: 'Match archiviert' })}
{m.archivedAt && btn('Aus dem Archiv holen', { path: '/unarchive', success: 'Match ist wieder in der Liste' })}
{btn('Löschen', { method: 'DELETE', path: '', confirm: `Match ${m.teams.A.name} vs. ${m.teams.B.name} endgültig löschen?`, success: 'Match gelöscht' }, 'btn-ghost danger')} {btn('Löschen', { method: 'DELETE', path: '', confirm: `Match ${m.teams.A.name} vs. ${m.teams.B.name} endgültig löschen?`, success: 'Match gelöscht' }, 'btn-ghost danger')}
</div> </div>
{showConsole && (
<ConsoleDialog title={`${m.teams.A.name} vs. ${m.teams.B.name}`} path={`/admin/logs/match/${id}`} token={token} onClose={() => setShowConsole(false)} />
)}
{open && ( {open && (
<div className="admin-details"> <div className="admin-details">
<div className="admin-grid"> <div className="admin-grid">
@@ -406,11 +484,32 @@ function MatchAdminCard({ m, run, busy, token, reload, setNotice }) {
</section> </section>
); );
} }
/** Auslastung der Docker-Hosts, regelmäßig neu geladen (Einstellungen → Docker-Hosts). */
function HostUsageLive({ token }) {
const [hosts, setHosts] = useState([]);
useEffect(() => {
let alive = true;
const load = () => api('/admin/hosts', { token }).then((res) => alive && setHosts(res.hosts)).catch(() => {});
load();
const t = setInterval(load, REFRESH_MS);
return () => {
alive = false;
clearInterval(t);
};
}, [token]);
return <HostUsage hosts={hosts} token={token} />;
}
/** Auslastung der Docker-Hosts: wie viele Gameserver läuft auf welchem Host, mit Liste der Matches. */ /** Auslastung der Docker-Hosts: wie viele Gameserver läuft auf welchem Host, mit Liste der Matches. */
function HostUsage({ hosts }) { function HostUsage({ hosts, token }) {
const [logFor, setLogFor] = useState(null);
if (hosts.length === 0) return null; if (hosts.length === 0) return null;
return ( return (
<section className="host-usage"> <section className="host-usage">
{logFor && (
<ConsoleDialog title={`Docker-Host ${logFor}`} path={`/admin/host-log/${encodeURIComponent(logFor)}`} token={token}
note="Nur lesen: Ereignisse des Hosts der letzten 2 Stunden und alles Neue." onClose={() => setLogFor(null)} />
)}
<h2>Docker-Hosts</h2> <h2>Docker-Hosts</h2>
<div className="host-grid"> <div className="host-grid">
{hosts.map((h) => { {hosts.map((h) => {
@@ -421,6 +520,7 @@ function HostUsage({ hosts }) {
<strong>{h.name}</strong> <strong>{h.name}</strong>
<span className="muted small">{h.publicHost}</span> <span className="muted small">{h.publicHost}</span>
<span className="host-count">{h.used} / {h.total} belegt</span> <span className="host-count">{h.used} / {h.total} belegt</span>
{token && <button className="btn btn-sm host-log-btn" onClick={() => setLogFor(h.name)}>Live-Log</button>}
</div> </div>
<div className="host-bar" role="progressbar" aria-valuenow={percent} aria-valuemin={0} aria-valuemax={100}> <div className="host-bar" role="progressbar" aria-valuenow={percent} aria-valuemin={0} aria-valuemax={100}>
<span style={{ width: `${percent}%` }} /> <span style={{ width: `${percent}%` }} />
@@ -461,7 +561,7 @@ const shownDefault = (field) => {
}; };
/** Gameserver-Einstellungen: Vorgaben aus der .env, im Admin-Bereich änderbar. */ /** Gameserver-Einstellungen: Vorgaben aus der .env, im Admin-Bereich änderbar. */
function ServerSettingsPanel({ token, setNotice }) { function ServerSettingsPanel({ token, setNotice, groups = SETTING_GROUPS.map((g) => g.key), title = 'Gameserver' }) {
const [fields, setFields] = useState(null); const [fields, setFields] = useState(null);
const [values, setValues] = useState({}); const [values, setValues] = useState({});
const [busy, setBusy] = useState(false); const [busy, setBusy] = useState(false);
@@ -525,13 +625,13 @@ function ServerSettingsPanel({ token, setNotice }) {
return ( return (
<section className="admin-settings"> <section className="admin-settings">
<h2>Gameserver</h2> <h2>{title}</h2>
<p className="small muted"> <p className="small muted">
Markierte Werte (live) gehen beim Speichern sofort an alle laufenden Server. Die übrigen gelten für neue Server und Vetos. Markierte Werte (live) gehen beim Speichern sofort an alle laufenden Server. Die übrigen gelten für neue Server und Vetos.
</p> </p>
{SETTING_GROUPS.map((g) => ( {SETTING_GROUPS.filter((g) => groups.includes(g.key)).map((g) => (
<div key={g.key} className="setting-group"> <div key={g.key} className="setting-group">
<h3>{g.title}</h3> {groups.length > 1 && <h3>{g.title}</h3>}
<div className="setting-grid"> <div className="setting-grid">
{fields.filter((f) => f.group === g.key).map((f) => ( {fields.filter((f) => f.group === g.key).map((f) => (
<div key={f.key} className="setting-item"> <div key={f.key} className="setting-item">
@@ -585,16 +685,25 @@ function DockerHostsPanel({ token, setNotice }) {
// Während das Image lädt, alle 3 Sekunden den Stand holen (ohne die bearbeiteten Zeilen zu überschreiben) // Während das Image lädt, alle 3 Sekunden den Stand holen (ohne die bearbeiteten Zeilen zu überschreiben)
const pulling = !!data?.pull?.running; const pulling = !!data?.pull?.running;
const updating = !!data?.files?.running;
const [forceFiles, setForceFiles] = useState(false);
useEffect(() => { useEffect(() => {
if (!pulling) return undefined; if (!pulling && !updating) return undefined;
const timer = setInterval(() => { const timer = setInterval(() => {
load().then((res) => setData((d) => ({ ...d, pull: res.pull }))).catch(() => {}); load().then((res) => setData((d) => ({ ...d, pull: res.pull, files: res.files }))).catch(() => {});
}, 3000); }, 3000);
return () => clearInterval(timer); return () => clearInterval(timer);
}, [pulling, load]); }, [pulling, updating, load]);
if (!data) return null; if (!data) return null;
if (!data.editable) return null; if (!data.editable) {
return (
<section className="admin-settings">
<h2>Docker-Hosts</h2>
<p className="muted">Docker-Hosts und Image-Update gibt es nur mit dem Docker-Adapter (<code>SERVER_ADAPTER=docker</code>).</p>
</section>
);
}
const original = JSON.stringify(data.hosts.map((h) => ({ ...EMPTY_HOST, ...h, dockerHost: h.dockerHost ?? '' }))); const original = JSON.stringify(data.hosts.map((h) => ({ ...EMPTY_HOST, ...h, dockerHost: h.dockerHost ?? '' })));
const dirty = JSON.stringify(rows) !== original; const dirty = JSON.stringify(rows) !== original;
@@ -635,6 +744,14 @@ function DockerHostsPanel({ token, setNotice }) {
run(() => api('/admin/docker-hosts', { method: 'DELETE', token }), 'Hosts aus der .env aktiv'); run(() => api('/admin/docker-hosts', { method: 'DELETE', token }), 'Hosts aus der .env aktiv');
}; };
const updateFiles = () => {
const warn = forceFiles
? 'Spieldateien auf ALLEN Hosts aktualisieren, auch wo Server laufen? Laufende Server können dabei abstürzen.'
: 'Spieldateien auf allen Hosts ohne laufende Server aktualisieren?';
if (!window.confirm(warn)) return;
run(() => api('/admin/docker-hosts/update-files', { method: 'POST', body: { force: forceFiles }, token }));
};
const pull = () => { const pull = () => {
if (!window.confirm(`Image ${data.image} auf allen Hosts neu laden? Laufende Server laufen weiter.`)) return; if (!window.confirm(`Image ${data.image} auf allen Hosts neu laden? Laufende Server laufen weiter.`)) return;
run(() => api('/admin/docker-hosts/pull', { method: 'POST', token })); run(() => api('/admin/docker-hosts/pull', { method: 'POST', token }));
@@ -692,10 +809,368 @@ function DockerHostsPanel({ token, setNotice }) {
)} )}
</ul> </ul>
)} )}
<h3>Spieldateien aktualisieren</h3>
<p className="small muted">
Holt das neueste CS2-Update per SteamCMD in das Volume jedes Hosts. Das Image-Update oben reicht dafür nicht.
Hosts mit laufenden Servern werden ausgelassen, damit niemandem die Dateien unter dem laufenden Server ausgetauscht werden.
Bestehende Server nutzen die neuen Dateien erst nach einem Neustart.
</p>
<div className="admin-actions">
<button className="btn btn-sm btn-primary" disabled={busy || updating || dirty} onClick={updateFiles}>
{updating ? filesLabel(data.files) : 'Spieldateien aktualisieren'}
</button>
<label className="admin-check small">
<input type="checkbox" checked={forceFiles} onChange={(e) => setForceFiles(e.target.checked)} disabled={updating} />
auch Hosts mit laufenden Servern
</label>
</div>
{data.files?.results?.length > 0 && (
<ul className="pull-results">
{data.files.results.map((r) => (
<li key={r.name} className={`pull-${r.state === 'skipped' ? 'skipped' : r.state}`}>
<strong>{r.name}</strong>
<span>{r.state === 'running' ? 'läuft' : r.state === 'ok' ? 'fertig' : r.state === 'skipped' ? 'ausgelassen' : 'fehlgeschlagen'}</span>
{r.message && <code className="small">{r.message}</code>}
{r.state === 'running' && r.progress != null && (
<span className="files-bar" role="progressbar" aria-valuenow={Math.round(r.progress)} aria-valuemin={0} aria-valuemax={100}>
<i style={{ width: `${Math.min(100, r.progress)}%` }} />
</span>
)}
</li>
))}
{data.files.finishedAt && (
<li className="small muted">Zuletzt fertig: {new Date(data.files.finishedAt).toLocaleString('de-DE')}</li>
)}
</ul>
)}
</section> </section>
); );
} }
/** Knopftext während des Spieldateien-Updates: "Update läuft 43 %" (niedrigster Stand der laufenden Hosts) */
function filesLabel(files) {
const running = files?.results?.filter((r) => r.state === 'running') ?? [];
const known = running.filter((r) => r.progress != null).map((r) => r.progress);
return known.length ? `Update läuft ${Math.floor(Math.min(...known))} %` : 'Update läuft …';
}
/** Datum und Uhrzeit auf Deutsch, z. B. 29.10.2026, 12:54 Uhr */ /** Datum und Uhrzeit auf Deutsch, z. B. 29.10.2026, 12:54 Uhr */
function formatDateTime(ms) { function formatDateTime(ms) {
return `${new Date(ms).toLocaleString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' })} Uhr`; return `${new Date(ms).toLocaleString('de-DE', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit' })} Uhr`;
} }
/** Suche und Filter über der Matchliste, mit Anzahl pro Filter. */
function MatchToolbar({ matches, archivedCount, filter, setFilter, query, setQuery }) {
const count = (f) => (f.key === 'archive' ? archivedCount : matches.filter(f.test).length);
return (
<div className="admin-toolbar">
<input
type="search"
className="admin-search"
placeholder="Team, Spieler oder Match-ID suchen"
aria-label="Matches durchsuchen"
value={query}
onChange={(e) => setQuery(e.target.value)}
/>
<div className="admin-filters" role="group" aria-label="Matches filtern">
{FILTERS.map((f) => (
<button
key={f.key}
className={`admin-filter ${filter === f.key ? 'is-active' : ''} ${f.key === 'errors' && count(f) > 0 ? 'has-errors' : ''}`}
aria-pressed={filter === f.key}
onClick={() => setFilter(f.key)}
>
{f.label}
{(f.key !== 'archive' || archivedCount > 0) && <span className="admin-filter-count">{count(f)}</span>}
</button>
))}
</div>
</div>
);
}
const KNIFE_STATUS = {
starting: { text: 'startet', tone: 'pending' },
configuring: { text: 'wird eingerichtet', tone: 'pending' },
running: { text: 'bereit', tone: 'ok' },
config_failed: { text: 'Einrichtung fehlgeschlagen', tone: 'error' },
failed: { text: 'ausgefallen', tone: 'error' },
};
/** Messer-Server für die Seitenwahl: laufen dauerhaft, setzen sich nach jeder Messerrunde selbst zurück. */
function KnifePanel({ token, setNotice }) {
const [data, setData] = useState(null);
const [consoleFor, setConsoleFor] = useState(null);
const [mode, setMode] = useState('');
const [map, setMap] = useState('');
const [busy, setBusy] = useState(false);
const load = useCallback(async () => {
try {
const res = await api('/admin/knife', { token });
setData(res);
setMode((m) => m || res.modes[0]?.id || '');
setMap((m) => m || res.modes[0]?.defaultMap || '');
} catch {
/* Fehler zeigt die Matchliste schon an */
}
}, [token]);
useEffect(() => {
load();
const t = setInterval(load, REFRESH_MS);
return () => clearInterval(t);
}, [load]);
if (!data) return null;
const run = async (fn, success, question) => {
if (question && !window.confirm(question)) return;
setBusy(true);
try {
await fn();
if (success) setNotice({ tone: 'ok', text: success });
load();
} catch (err) {
setNotice({ tone: 'error', text: err.message });
} finally {
setBusy(false);
}
};
const post = (path, body) => api(`/admin/knife${path}`, { method: 'POST', body, token });
const full = data.servers.length >= data.maxServers;
const modeInfo = data.modes.find((x) => x.id === mode) ?? data.modes[0];
const chooseMode = (id) => {
setMode(id);
setMap(data.modes.find((x) => x.id === id)?.defaultMap ?? '');
};
return (
<section className="admin-settings knife-panel">
<h2>Messer-Server (Seitenwahl)</h2>
<p className="small muted">
Laufen dauerhaft und ohne Passwort, sichtbar im LAN-Reiter von Steam. Teams verbinden sich, spielen eine Messerrunde
und gehen wieder. Nach dem Spiel oder wenn der Server leer ist, setzt er sich selbst zurück.
</p>
{data.servers.length > 0 && (
<div className="knife-grid">
{data.servers.map((k) => {
const st = KNIFE_STATUS[k.status] ?? { text: k.status, tone: 'pending' };
const ready = k.status === 'running';
return (
<div key={k.id} className="knife-card">
<div className="knife-head">
<strong>{k.name}</strong>
{k.modeShort && <span className="admin-badge knife-mode">{k.modeShort}</span>}
<span className="muted small">{k.mapName}</span>
<span className={`tone-${st.tone} small knife-state`}>{st.text}</span>
</div>
{k.connect && <code className="knife-addr">{k.host}:{k.port}</code>}
<div className="small muted">
{k.playerCount != null ? `${k.playerCount} Spieler` : 'Spieler unbekannt'}
{k.message ? ` · ${k.message}` : ''}
</div>
<div className="admin-actions">
<button className="btn btn-sm" disabled={busy || !ready} onClick={() => run(() => post(`/${k.id}/round`), 'Messerrunde gestartet')}>Runde starten</button>
<button className="btn btn-sm" disabled={busy || !ready} onClick={() => run(() => post(`/${k.id}/reset`), 'Server zurückgesetzt')}>Zurücksetzen</button>
<button className="btn btn-sm" disabled={busy} onClick={() => run(() => post(`/${k.id}/restart`), 'Server wird neu gestartet', `${k.name} komplett neu starten?`)}>Neu starten</button>
<button className="btn btn-sm" onClick={() => setConsoleFor(k)}>Konsole</button>
<button className="btn btn-sm btn-ghost danger" disabled={busy} onClick={() => run(() => api(`/admin/knife/${k.id}`, { method: 'DELETE', token }), `${k.name} entfernt`, `${k.name} stoppen und entfernen?`)}>Entfernen</button>
</div>
</div>
);
})}
</div>
)}
{consoleFor && (
<ConsoleDialog title={consoleFor.name} path={`/admin/logs/knife/${consoleFor.id}`} token={token} onClose={() => setConsoleFor(null)} />
)}
<div className="admin-actions knife-new">
<select value={modeInfo?.id ?? ''} onChange={(e) => chooseMode(e.target.value)} aria-label="Modus für den neuen Messer-Server" disabled={busy || full}>
{data.modes.map((m) => <option key={m.id} value={m.id}>{m.label}</option>)}
</select>
<select value={map} onChange={(e) => setMap(e.target.value)} aria-label="Map für den neuen Messer-Server" disabled={busy || full}>
{modeInfo?.maps.map((m) => <option key={m.id} value={m.id}>{m.name}</option>)}
</select>
<button className="btn btn-sm btn-primary" disabled={busy || full} onClick={() => run(() => api('/admin/knife', { method: 'POST', body: { mode: modeInfo?.id, map }, token }), 'Messer-Server wird gestartet')}>
Messer-Server starten
</button>
<span className="small muted">{data.servers.length} von {data.maxServers}</span>
</div>
</section>
);
}
const STEP_LABEL = { ban: 'Ban', pick: 'Pick', side: 'Seite' };
/** Veto-Ablauf als kurze Schrittfolge; X = Team, das das Veto beginnt, Y = das andere Team. */
function FlowSteps({ flow }) {
return (
<ol className="flow-steps">
{flow.map((raw, i) => {
if (raw === 'decider') return <li key={i} className="flow-decider">Entscheidung</li>;
const [type, actor] = raw.split(':');
return <li key={i} className={`flow-${type}`}>{STEP_LABEL[type]} {actor === 'X' ? '1' : '2'}</li>;
})}
</ol>
);
}
/** Welche Maps gespielt werden, pro Modus. Gilt für neue Matches, laufende behalten ihre Maps. */
function MapPoolsPanel({ token, setNotice }) {
const [pools, setPools] = useState(null);
const [selection, setSelection] = useState({});
const [busy, setBusy] = useState(false);
const apply = (res) => {
setPools(res.pools);
setSelection(Object.fromEntries(res.pools.map((p) => [p.mode, p.maps.filter((m) => m.active).map((m) => m.id)])));
};
useEffect(() => {
api('/admin/map-pools', { token }).then(apply).catch((err) => setNotice({ tone: 'error', text: err.message }));
}, [token, setNotice]);
if (!pools) return null;
const toggle = (mode, id) => {
const cur = new Set(selection[mode]);
if (cur.has(id)) cur.delete(id);
else cur.add(id);
setSelection({ ...selection, [mode]: [...cur] });
};
const save = async (mode) => {
setBusy(true);
try {
apply(await api('/admin/map-pools', { method: 'PUT', body: { mode, maps: selection[mode] }, token }));
setNotice({ tone: 'ok', text: 'Maps gespeichert – gilt für neue Matches' });
} catch (err) {
setNotice({ tone: 'error', text: err.message });
} finally {
setBusy(false);
}
};
return (
<section className="admin-settings">
<h2>Map-Pools</h2>
<p className="small muted">
Welche Maps im Veto stehen. Der Veto-Ablauf passt sich der Anzahl an: Für jede weitere Map gibt es einen Ban mehr.
Laufende Matches behalten ihre Maps. „1“ ist das Team, das das Veto beginnt.
</p>
{pools.map((p) => {
const chosen = new Set(selection[p.mode]);
const saved = new Set(p.maps.filter((m) => m.active).map((m) => m.id));
const dirty = chosen.size !== saved.size || [...chosen].some((id) => !saved.has(id));
return (
<div key={p.mode} className="setting-group">
<h3>{p.label} <span className="muted small">{chosen.size} von {p.maps.length} Maps</span></h3>
<div className="pool-maps">
{p.maps.map((m) => (
<label key={m.id} className={`pool-map ${chosen.has(m.id) ? 'is-on' : ''}`}>
<input type="checkbox" checked={chosen.has(m.id)} onChange={() => toggle(p.mode, m.id)} />
<MapImage map={m} className="pool-map-art" />
<span className="pool-map-name">{m.name}</span>
</label>
))}
</div>
{!dirty && (
<div className="pool-flows">
{Object.entries(p.formats).map(([f, info]) => (
<div key={f} className="pool-flow">
<strong>{f.toUpperCase()}</strong>
{info.supported ? <FlowSteps flow={info.flow} /> : <span className="muted small">{info.reason}</span>}
</div>
))}
</div>
)}
<div className="admin-actions">
<button className="btn btn-sm btn-primary" disabled={busy || !dirty || chosen.size < 2} onClick={() => save(p.mode)}>Speichern</button>
{dirty && <button className="btn btn-sm" disabled={busy} onClick={() => setSelection({ ...selection, [p.mode]: [...saved] })}>Verwerfen</button>}
{chosen.size < 2 && <span className="small tone-error">Mindestens 2 Maps</span>}
{dirty && chosen.size >= 2 && <span className="small muted">Nach dem Speichern steht hier der neue Veto-Ablauf.</span>}
</div>
</div>
);
})}
</section>
);
}
const SETTINGS_KEY = 'cs2mv:admin:settings';
/** Menüpunkte der Einstellungen, in Gruppen für die Seitenleiste. */
const SETTINGS_MENU = [
{
title: 'Veto',
items: [{ key: 'maps', label: 'Map-Pools', hint: 'Maps im Veto' }],
},
{
title: 'Gameserver',
items: [
{ key: 'match', label: 'Match-Regeln', hint: 'Runden, Verlängerung, Befehle' },
{ key: 'tv', label: 'CSTV', hint: 'an/aus, Verzögerung' },
{ key: 'times', label: 'Zeiten', hint: 'Veto, Leerlauf, Start, Archiv' },
{ key: 'knife', label: 'Messer-Server', hint: 'Seitenwahl, 5v5 und 2v2' },
],
},
{
title: 'Server-Betrieb',
items: [{ key: 'hosts', label: 'Docker-Hosts', hint: 'Hosts und Image-Update' }],
},
{
title: 'Benachrichtigungen',
items: [{ key: 'discord', label: 'Discord', hint: 'Meldungen und Test' }],
},
];
const SETTINGS_KEYS = SETTINGS_MENU.flatMap((g) => g.items.map((i) => i.key));
const readSettingsSection = () => {
try {
const v = localStorage.getItem(SETTINGS_KEY);
return SETTINGS_KEYS.includes(v) ? v : SETTINGS_KEYS[0];
} catch {
return SETTINGS_KEYS[0];
}
};
/** Einstellungen mit Seitenleiste: links die Menüpunkte, rechts der gewählte Bereich. */
function SettingsLayout({ token, setNotice }) {
const [section, setSectionState] = useState(readSettingsSection);
const setSection = (key) => {
setSectionState(key);
try {
localStorage.setItem(SETTINGS_KEY, key);
} catch {
/* ignorieren */
}
};
const current = SETTINGS_MENU.flatMap((g) => g.items).find((i) => i.key === section);
return (
<div className="settings-layout">
<nav className="settings-nav" aria-label="Einstellungen">
{SETTINGS_MENU.map((g) => (
<div key={g.title} className="settings-nav-group">
<div className="settings-nav-title">{g.title}</div>
{g.items.map((i) => (
<button
key={i.key}
className={`settings-nav-item ${section === i.key ? 'is-active' : ''}`}
aria-current={section === i.key ? 'page' : undefined}
onClick={() => setSection(i.key)}
>
<span>{i.label}</span>
<small>{i.hint}</small>
</button>
))}
</div>
))}
</nav>
<div className="settings-content">
{section === 'maps' && <MapPoolsPanel token={token} setNotice={setNotice} />}
{['match', 'tv', 'times'].includes(section) && (
<ServerSettingsPanel key={section} token={token} setNotice={setNotice} groups={[section]} title={current.label} />
)}
{section === 'knife' && <KnifePanel token={token} setNotice={setNotice} />}
{section === 'hosts' && <HostUsageLive token={token} />}
{section === 'hosts' && <DockerHostsPanel token={token} setNotice={setNotice} />}
{section === 'discord' && <NotificationSettings token={token} setNotice={setNotice} />}
</div>
</div>
);
}
+254
View File
@@ -0,0 +1,254 @@
import { useCallback, useEffect, useState } from 'react';
import { FORMAT_LABEL } from '../lib/labels.js';
import MapImage from '../components/MapImage.jsx';
import SideIcon from '../components/SideIcon.jsx';
import { ScaledStage, useClock } from './StreamPage.jsx';
import { useStreamOverview } from './StreamOverviewPage.jsx';
import '../stream.css';
import '../stream-overview.css';
import '../beamer.css';
const DEFAULT_SECONDS = 15;
/**
* Diashow der laufenden Matches für den Beamer: /beamer
* Ein Match pro Folie, schaltet automatisch weiter. Am Ende eine Folie mit Lobbys und Ergebnissen.
* Optional ?sekunden=20 (5 bis 120) und ?key=<STREAM_KEY>.
* Tasten: ← → blättern, Leertaste anhalten, F Vollbild. Klick schaltet Vollbild um.
*/
export default function BeamerPage() {
const params = new URLSearchParams(window.location.search);
const key = params.get('key') ?? '';
const seconds = Math.max(5, Math.min(120, Number.parseInt(params.get('sekunden'), 10) || DEFAULT_SECONDS));
const { data, error } = useStreamOverview(key);
const now = useClock();
const [index, setIndex] = useState(0);
const [paused, setPaused] = useState(false);
useEffect(() => {
document.documentElement.classList.add('stream-mode');
return () => document.documentElement.classList.remove('stream-mode');
}, []);
const slides = buildSlides(data);
const count = slides.length;
const current = slides[count ? index % count : 0];
// Folie über die ID merken, damit sich bei neuen Daten nicht die angezeigte Folie verschiebt
const currentId = current?.id;
const go = useCallback((step) => setIndex((i) => (count ? (i + step + count) % count : 0)), [count]);
useEffect(() => {
if (paused || count <= 1) return undefined;
const t = setTimeout(() => go(1), seconds * 1000);
return () => clearTimeout(t);
}, [index, paused, count, seconds, go, currentId]);
useEffect(() => {
const onKey = (e) => {
if (e.key === 'ArrowRight') go(1);
else if (e.key === 'ArrowLeft') go(-1);
else if (e.key === ' ') { e.preventDefault(); setPaused((p) => !p); } else if (e.key === 'f' || e.key === 'F') toggleFullscreen();
};
window.addEventListener('keydown', onKey);
return () => window.removeEventListener('keydown', onKey);
}, [go]);
if (error) {
return (
<ScaledStage>
<div className="st-message">
<img src="/brand/maxlan-logo.webp" alt="Maxlan e.V." />
<h1>Diashow nicht verfügbar</h1>
<p>{error}</p>
</div>
</ScaledStage>
);
}
const live = (data?.active ?? []).filter((m) => m.status === 'live').length;
return (
<ScaledStage>
<div className="bm-root" onClick={toggleFullscreen}>
{current?.type === 'match' && <Backdrop m={current.match} />}
<header className="st-top bm-top">
<img className="st-logo" src="/brand/maxlan-logo.webp" alt="Maxlan e.V." />
<div className="so-title">
<strong>Counter-Strike 2</strong>
{live > 0 && <span className="so-count so-count-live">{live} live</span>}
{count > 1 && <span className="so-count">{(index % count) + 1} / {count}</span>}
{paused && <span className="so-count">angehalten</span>}
</div>
<div className="st-clock"><time>{now.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' })}</time></div>
</header>
<main className="bm-main" key={currentId ?? 'leer'}>
{!data && <div className="so-empty">Lade Matches …</div>}
{current?.type === 'match' && <MatchSlide m={current.match} />}
{current?.type === 'summary' && <SummarySlide data={data} />}
</main>
<footer className="bm-bottom">
{count > 1 && (
<div className="bm-dots">
{slides.map((s, i) => <span key={s.id} className={i === index % count ? 'on' : ''} />)}
</div>
)}
{count > 1 && !paused && <div className="bm-progress" key={`${currentId}-${index}`} style={{ animationDuration: `${seconds}s` }} />}
</footer>
</div>
</ScaledStage>
);
}
/** Ein Match pro Folie, danach eine Übersicht mit Lobbys und Ergebnissen (wenn es welche gibt). */
function buildSlides(data) {
if (!data) return [];
const slides = data.active.map((m) => ({ id: m.id, type: 'match', match: m }));
if (data.upcoming.length || data.results.length || slides.length === 0) slides.push({ id: 'summary', type: 'summary' });
return slides;
}
function toggleFullscreen() {
if (document.fullscreenElement) document.exitFullscreen?.().catch(() => {});
else document.documentElement.requestFullscreen?.().catch(() => {});
}
function currentMap(m) {
return m.series.find((s) => s.number === m.currentMapNumber);
}
function Backdrop({ m }) {
const map = currentMap(m);
if (m.status === 'veto' || !map) return null;
return <MapImage map={map} className="bm-art" />;
}
function MatchSlide({ m }) {
const map = currentMap(m);
const isBo1 = m.format === 'bo1';
const playing = m.status === 'live' && map?.live?.status === 'live' && map.status !== 'done';
const badge = m.status === 'veto' ? 'Map-Veto' : m.status === 'server_setup' ? 'Server startet' : playing ? 'Live' : map?.status === 'done' ? 'Map beendet' : 'Aufwärmphase';
return (
<section className={`bm-slide status-${m.status}`}>
<div className="bm-meta">
<span>{m.modeLabel}, {FORMAT_LABEL[m.format]}</span>
<span className={`so-badge ${playing ? 'badge-live' : ''}`}>{badge}</span>
</div>
<div className="bm-hero">
<h1 className="bm-team a">{m.teams.A}</h1>
<div className="bm-series">
{!isBo1 && m.status !== 'veto' ? (
<>
<span>{m.seriesScore.A}<i>:</i>{m.seriesScore.B}</span>
<small>Maps</small>
</>
) : <i className="bm-vs">vs</i>}
</div>
<h1 className="bm-team b">{m.teams.B}</h1>
</div>
{m.status === 'veto' && <VetoPart m={m} />}
{m.status === 'server_setup' && map && <p className="bm-note">Server wird eingerichtet: Map {map.number}, {map.name}</p>}
{m.status === 'live' && map && <LivePart m={m} map={map} />}
</section>
);
}
function LivePart({ m, map }) {
const sides = map.live?.sides;
const sideOf = (t) => (sides ? (sides.CT === t ? 'CT' : 'T') : null);
const finished = map.status === 'done';
const rounds = map.live?.roundsPlayed ?? 0;
return (
<>
<div className="bm-map">
<strong>{map.name}</strong>
<span>{finished ? 'Endstand' : map.live?.status === 'live' ? `Runde ${rounds + 1}` : 'Aufwärmphase'}</span>
</div>
<div className="bm-score">
{sideOf('A') && <SideIcon side={sideOf('A')} size={72} />}
<b className={`a ${map.winner === 'A' ? 'won' : ''}`}>{map.score.A}</b>
<i>:</i>
<b className={`b ${map.winner === 'B' ? 'won' : ''}`}>{map.score.B}</b>
{sideOf('B') && <SideIcon side={sideOf('B')} size={72} />}
</div>
{m.series.length > 1 && (
<ol className="bm-maps">
{m.series.map((s) => (
<li key={s.number} className={`is-${s.status} ${s.number === map.number ? 'is-current' : ''}`} style={{ '--map': s.color ?? '#556' }}>
<MapImage map={s} />
<span>{s.name}</span>
{(s.status === 'done' || s.number === map.number) && <b>{s.score.A}:{s.score.B}</b>}
</li>
))}
</ol>
)}
</>
);
}
function VetoPart({ m }) {
const { veto, teams } = m;
const c = veto.current;
const action = c && ({ ban: 'bannt eine Map', pick: 'wählt eine Map', side: 'wählt die Seite' })[c.type];
return (
<>
<p className="bm-turn">
{c ? <><strong className={c.team === 'A' ? 'a' : 'b'}>{teams[c.team]}</strong> {action}</> : 'Veto abgeschlossen'}
<small>Schritt {Math.min(veto.stepsDone + 1, veto.stepsTotal)} von {veto.stepsTotal}</small>
</p>
<div className="so-vmaps bm-vmaps" style={{ '--count': veto.maps.length }}>
{veto.maps.map((x) => (
<div key={x.id} className={`so-vmap status-${x.status} ${x.by ? `by-${x.by}` : ''}`} style={{ '--map': x.color ?? '#556' }}>
<MapImage map={x} />
<span className="so-vmap-name">{x.name}</span>
</div>
))}
</div>
</>
);
}
function SummarySlide({ data }) {
const score = (m) => (m.format === 'bo1' && m.series[0] ? m.series[0].score : m.seriesScore);
return (
<section className="bm-summary">
{data.active.length === 0 && <h2 className="bm-idle">Gerade läuft kein Match</h2>}
<div className="bm-columns">
<div>
<h3>Gleich</h3>
{data.upcoming.length ? (
<ul>
{data.upcoming.map((m) => (
<li key={m.id}>
<span className="a">{m.teams.A}</span><i>vs</i><span className="b">{m.teams.B}</span>
<small>{FORMAT_LABEL[m.format]}{m.ready.A && m.ready.B ? ', bereit' : ''}</small>
</li>
))}
</ul>
) : <p className="so-none">Keine offenen Lobbys</p>}
</div>
<div>
<h3>Ergebnisse</h3>
{data.results.length ? (
<ul>
{data.results.map((m) => {
const s = score(m);
return (
<li key={m.id}>
<span className={`a ${s.A > s.B ? 'won' : ''}`}>{m.teams.A}</span>
<b>{s.A}:{s.B}</b>
<span className={`b ${s.B > s.A ? 'won' : ''}`}>{m.teams.B}</span>
</li>
);
})}
</ul>
) : <p className="so-none">Noch keine Ergebnisse</p>}
</div>
</div>
</section>
);
}
+1
View File
@@ -89,6 +89,7 @@ export default function CreateMatch({ config }) {
<option value="coin">Münzwurf beim Veto-Start</option> <option value="coin">Münzwurf beim Veto-Start</option>
<option value="A">{form.teamA || 'Team A'}</option> <option value="A">{form.teamA || 'Team A'}</option>
<option value="B">{form.teamB || 'Team B'}</option> <option value="B">{form.teamB || 'Team B'}</option>
<option value="knife">Messerrunde: Organisator legt danach fest, wer beginnt</option>
</select> </select>
</label> </label>
+123 -1
View File
@@ -12,6 +12,8 @@ import SeriesList from '../components/SeriesList.jsx';
import EventLog from '../components/EventLog.jsx'; import EventLog from '../components/EventLog.jsx';
import MapImage from '../components/MapImage.jsx'; import MapImage from '../components/MapImage.jsx';
import SelfJoin from '../components/SelfJoin.jsx'; import SelfJoin from '../components/SelfJoin.jsx';
import ChatBox from '../components/ChatBox.jsx';
import CopyField from '../components/CopyField.jsx';
export default function MatchPage() { export default function MatchPage() {
const { id } = useParams(); const { id } = useParams();
@@ -137,6 +139,7 @@ export default function MatchPage() {
{viewer.role !== 'public' && ( {viewer.role !== 'public' && (
<div className="match-lower"> <div className="match-lower">
{state.chat && <ChatBox chat={state.chat} matchId={id} token={token} playerToken={playerToken} />}
<ServerPanel {...ctx} /> <ServerPanel {...ctx} />
{isOrg && <OrganizerPanel {...ctx} token={token} />} {isOrg && <OrganizerPanel {...ctx} token={token} />}
<EventLog events={state.events} /> <EventLog events={state.events} />
@@ -170,7 +173,21 @@ function Stage(ctx) {
{missing.map((t) => <li key={t.key}><strong className={`team-${t.key.toLowerCase()}`}>{t.name}:</strong> {readinessGap(t, state.requireFullTeams)}</li>)} {missing.map((t) => <li key={t.key}><strong className={`team-${t.key.toLowerCase()}`}>{t.name}:</strong> {readinessGap(t, state.requireFullTeams)}</li>)}
</ul> </ul>
)} )}
{isOrg ? ( {state.vetoStart === 'knife' && (state.server?.knife ? <OwnKnifeServer state={state} isOrg={isOrg} act={act} busy={busy} /> : <KnifeRound state={state} />)}
{isOrg && state.vetoStart === 'knife' ? (
<div className="knife-decide">
<p>Wer hat die Messerrunde gewonnen? Dieses Team beginnt das Veto.</p>
<div className="row">
{['A', 'B'].map((t) => (
<button key={t} className={`btn btn-lg knife-team-${t.toLowerCase()}`} disabled={!state.canStartVeto || !!busy}
onClick={() => act('veto/start', { firstTeam: t }, `Veto gestartet – ${state.teams[t].name} beginnt`)}>
{state.teams[t].name} beginnt
</button>
))}
</div>
{!state.canStartVeto && <p className="small muted">Die Knöpfe werden aktiv, sobald beide Teams bereit sind.</p>}
</div>
) : isOrg ? (
<> <>
<button className="btn btn-primary btn-lg" disabled={!state.canStartVeto || !!busy} <button className="btn btn-primary btn-lg" disabled={!state.canStartVeto || !!busy}
onClick={() => act('veto/start', null, 'Veto gestartet')}> onClick={() => act('veto/start', null, 'Veto gestartet')}>
@@ -178,6 +195,8 @@ function Stage(ctx) {
</button> </button>
{!state.canStartVeto && <p className="small muted">Der Knopf wird aktiv, sobald beide Teams bereit sind.</p>} {!state.canStartVeto && <p className="small muted">Der Knopf wird aktiv, sobald beide Teams bereit sind.</p>}
</> </>
) : state.vetoStart === 'knife' ? (
<p className="small muted">Nach der Messerrunde legt der Organisator fest, welches Team das Veto beginnt.</p>
) : ( ) : (
<p className="small muted"> <p className="small muted">
{missing.length === 0 {missing.length === 0
@@ -200,6 +219,109 @@ function Stage(ctx) {
} }
/** Sagt konkret, was einem Team noch fehlt, damit es als bereit gilt. */ /** Sagt konkret, was einem Team noch fehlt, damit es als bereit gilt. */
/**
* Seitenwahl per Messerrunde: freie Messer-Server vorschlagen, passende Teamgröße zuerst.
* Frei = niemand drauf (oder Spielerzahl unbekannt).
*/
/** Messerrunde auf dem eigenen Match-Server: derselbe Server wird nach dem Veto für das Match eingerichtet. */
function OwnKnifeServer({ state, isOrg, act, busy }) {
const { server } = state;
const { knife, connect } = server;
const live = knife.phase === 'live';
return (
<div className="knife-round">
<h3>Seitenwahl per Messerrunde</h3>
<p className="small">
Für euer Match läuft ein eigener Server. Beide Teams verbinden sich, spielen dort eine Runde nur mit Messer, danach legt der
Organisator fest, welches Team das Veto beginnt. Nach dem Veto geht es auf demselben Server weiter.
</p>
{knife.failed ? (
<>
<p className="small tone-error">{server.message}</p>
{isOrg ? (
<button className="btn btn-sm btn-primary" disabled={!!busy} onClick={() => act('server/retry', null, 'Messerrunde wird neu eingerichtet')}>
Messerrunde neu einrichten
</button>
) : <p className="small muted">Der Organisator kann die Messerrunde neu einrichten.</p>}
</>
) : !knife.ready ? (
<p className="small tone-pending">
<span className="status-dot tone-pending pulse" /> Der Server fährt hoch, die Verbindungsdaten erscheinen gleich hier.
{server.message && <span className="muted"> ({server.message})</span>}
</p>
) : (
<>
<p className={`small ${live ? 'tone-ok' : 'tone-ok'}`}>
<span className={`status-dot ${live ? 'tone-ok' : 'tone-ok'}`} />
{live ? ' Messerrunde läuft' : ' Aufwärmphase: verbinden und warten, bis der Organisator die Runde startet'}
{server.playerCount != null && <span className="muted"> · {server.playerCount} auf dem Server</span>}
</p>
{connect && (
<div className="knife-connect">
<CopyField label="In die CS2-Konsole einfügen" value={connect.command} secret />
<a className="btn btn-primary" href={connect.steamUrl}>In CS2 verbinden</a>
</div>
)}
{isOrg && (
<div className="row knife-actions">
{!live && <button className="btn btn-sm btn-primary" disabled={!!busy} onClick={() => act('server/knife-start', null, 'Messerrunde gestartet')}>Messerrunde starten</button>}
<button className="btn btn-sm" disabled={!!busy} onClick={() => act('server/knife-reset', null, 'Zurück in der Aufwärmphase')}>
{live ? 'Runde wiederholen (Aufwärmphase)' : 'Aufwärmphase neu starten'}
</button>
</div>
)}
</>
)}
</div>
);
}
function KnifeRound({ state }) {
const [servers, setServers] = useState(null);
useEffect(() => {
let alive = true;
const load = () => api('/knife-servers').then((res) => alive && setServers(res.servers)).catch(() => alive && setServers([]));
load();
const t = setInterval(load, 10_000);
return () => {
alive = false;
clearInterval(t);
};
}, []);
const free = (servers ?? []).filter((k) => !k.playerCount);
const matching = free.filter((k) => k.mode === state.mode);
const shown = matching.length ? matching : free;
return (
<div className="knife-round">
<h3>Seitenwahl per Messerrunde</h3>
<p className="small">
Beide Teams gehen zusammen auf einen freien Messer-Server und spielen eine Runde nur mit Messer. Danach legt der Organisator fest,
welches Team das Veto beginnt.
</p>
{servers === null ? (
<p className="small muted">Suche freie Messer-Server …</p>
) : shown.length === 0 ? (
<p className="small tone-pending">Gerade ist kein Messer-Server frei. Fragt die Turnierleitung, oder wartet, bis einer frei wird.</p>
) : (
<>
{!matching.length && <p className="small muted">Kein freier Server mit eurer Teamgröße, hier die anderen freien:</p>}
<ul className="knife-list">
{shown.map((k) => (
<li key={k.id}>
<strong>{k.name}</strong>
{k.modeShort && <span className="knife-mode">{k.modeShort}</span>}
<span className="muted small">{k.mapName}</span>
<code>{k.connect}</code>
<a className="btn btn-sm btn-primary" href={k.steamUrl}>Verbinden</a>
</li>
))}
</ul>
</>
)}
</div>
);
}
function readinessGap(team, requireFull) { function readinessGap(team, requireFull) {
const r = team.readiness; const r = team.readiness;
const gaps = []; const gaps = [];
+155 -40
View File
@@ -6,51 +6,144 @@ import { getAccess } from '../lib/session.js';
import { useOverview } from '../lib/useMatch.js'; import { useOverview } from '../lib/useMatch.js';
import MapImage from '../components/MapImage.jsx'; import MapImage from '../components/MapImage.jsx';
const GROUPS = [
{ key: 'open', title: 'Offen', empty: 'Keine offenen Lobbys. Erstelle ein Match, um zu starten.' },
{ key: 'running', title: 'Laufend', empty: 'Gerade läuft kein Match.' },
{ key: 'closed', title: 'Abgeschlossen', empty: 'Noch keine abgeschlossenen Matches.' },
];
export default function Overview() { export default function Overview() {
const { matches } = useOverview(); const { matches } = useOverview();
const mine = (matches ?? []).filter((m) => m.group !== 'closed' && getAccess(m.id));
const step = mine.length ? Math.max(...mine.map((m) => nextStep(m, getAccess(m.id)).step)) : 0;
const running = (matches ?? []).filter((m) => m.group === 'running');
const open = (matches ?? []).filter((m) => m.group === 'open');
const closed = (matches ?? []).filter((m) => m.group === 'closed');
return ( return (
<div className="overview"> <div className="overview home">
<section className="overview-head"> <section className={`home-hero ${mine.length ? 'has-mine' : ''}`}>
<div> <div className="home-intro">
<h1>Match-Lobbys</h1> <h1>Mit deinem Team ins Match</h1>
<p className="lead">Teams treten mit ihrem Einladungscode bei, die Captains führen das Map-Veto, der Server wird automatisch eingerichtet.</p> <p className="lead">
Den Teamlink postet der Organisator im Match-Chat auf maxlan.de oder in Discord. Öffne den Link deines Teams.
Hast du nur den Code, gib ihn hier ein.
</p>
<CodeTicket />
</div> </div>
<CodeEntry /> {mine.length > 0 && <MyMatches matches={mine} />}
</section> </section>
<Steps current={step} />
{matches === null ? ( {matches === null ? (
<p className="muted">Lade Matches …</p> <p className="muted">Lade Matches …</p>
) : ( ) : (
<div className="groups"> <>
{GROUPS.map((g) => { <section className="group home-live">
const list = matches.filter((m) => m.group === g.key); <h2>Laufend <span className="count">{running.length}</span></h2>
return ( {running.length === 0 ? (
<section key={g.key} className={`group group-${g.key}`}> <p className="muted small">Gerade läuft kein Match.</p>
<h2>{g.title} <span className="count">{list.length}</span></h2> ) : (
{list.length === 0 ? <p className="muted small">{g.empty}</p> : g.key === 'running' ? ( <div className="run-grid">
<div className="run-grid"> {running.map((m) => <RunningCard key={m.id} match={m} />)}
{list.map((m) => <RunningCard key={m.id} match={m} />)} </div>
</div> )}
) : ( </section>
<ul className="match-list"> <div className="home-lists">
{list.map((m) => <MatchRow key={m.id} match={m} />)} <section className="group">
</ul> <h2>Offene Lobbys <span className="count">{open.length}</span></h2>
)} {open.length === 0 ? (
</section> <p className="muted small">Keine offene Lobby. Sobald der Organisator ein Match erstellt, steht es hier.</p>
); ) : (
})} <ul className="match-list">{open.map((m) => <MatchRow key={m.id} match={m} />)}</ul>
</div> )}
</section>
<section className="group">
<h2>Ergebnisse <span className="count">{closed.length}</span></h2>
{closed.length === 0 ? (
<p className="muted small">Noch kein Match abgeschlossen.</p>
) : (
<ul className="match-list">{closed.slice(0, 12).map((m) => <MatchRow key={m.id} match={m} />)}</ul>
)}
</section>
</div>
</>
)} )}
</div> </div>
); );
} }
const STEPS = [
{ title: 'Teamlink öffnen', text: 'Link aus dem Match-Chat, Namen eingeben' },
{ title: 'Bereit klicken', text: 'In der Lobby auf „Ich bin bereit“' },
{ title: 'Map-Veto', text: 'Die Captains bannen und wählen' },
{ title: 'Auf den Server', text: 'Befehl kopieren oder im LAN-Reiter' },
];
/** Was als Nächstes zu tun ist, je nach Stand des Matches und Rolle. step = Schritt in STEPS (1–4). */
function nextStep(m, access) {
const organizer = access?.kind === 'organizer';
switch (m.status) {
case 'lobby':
return organizer
? { step: 2, text: 'Lobby offen: Veto starten, sobald beide Teams bereit sind', action: 'Zur Lobby' }
: { step: 2, text: 'Lobby offen: Klick auf „Ich bin bereit“', action: 'Zur Lobby' };
case 'veto':
return { step: 3, text: 'Das Map-Veto läuft', action: 'Zum Veto' };
case 'server_setup':
return { step: 4, text: 'Der Server wird eingerichtet, gleich geht es los', action: 'Zum Match' };
default:
return organizer
? { step: 4, text: 'Match läuft: Aufwärmphase beenden, wenn alle da sind', action: 'Zum Match' }
: { step: 4, text: 'Match läuft: Verbindung steht auf der Match-Seite', action: 'Zum Server' };
}
}
/** Matches, für die dieser Browser einen Zugang hat, mit dem nächsten Schritt. */
function MyMatches({ matches }) {
return (
<aside className="home-mine" aria-label="Deine Matches">
<h2>{matches.length === 1 ? 'Dein Match' : 'Deine Matches'}</h2>
<ul>
{matches.map((m) => {
const access = getAccess(m.id);
const next = nextStep(m, access);
return (
<li key={m.id}>
<Link to={`/m/${m.id}`} className="mine-card">
<span className="mine-teams">
<span className="team-a">{m.teamA}</span> <span className="vs">vs.</span> <span className="team-b">{m.teamB}</span>
</span>
<span className="mine-meta">
{m.modeLabel}, {FORMAT_LABEL[m.format]}
{access.kind === 'organizer' ? ', du bist Organisator' : access.kind === 'spectator' ? ', als Zuschauer' : ''}
</span>
<span className="mine-next">{next.text}</span>
<span className="btn btn-primary btn-sm mine-go">{next.action}</span>
</Link>
</li>
);
})}
</ul>
</aside>
);
}
/** Die vier Schritte vom Teamlink bis auf den Server. current = Schritt des eigenen Matches (0 = keins). */
function Steps({ current }) {
return (
<ol className="home-steps">
{STEPS.map((st, i) => {
const n = i + 1;
const state = current === 0 ? '' : n < current ? 'is-done' : n === current ? 'is-current' : '';
return (
<li key={st.title} className={state} aria-current={n === current ? 'step' : undefined}>
<span className="step-n">{n}</span>
<span className="step-title">{st.title}</span>
<span className="step-text">{st.text}</span>
</li>
);
})}
</ol>
);
}
function MatchRow({ match: m }) { function MatchRow({ match: m }) {
const access = getAccess(m.id); const access = getAccess(m.id);
const server = serverLabel(m.server); const server = serverLabel(m.server);
@@ -112,28 +205,50 @@ function RunningCard({ match: m }) {
); );
} }
function CodeEntry() { /** Code in die Form ABCD-EFGH bringen (Großbuchstaben, Bindestrich nach vier Zeichen). */
function formatCode(raw) {
const clean = raw.toUpperCase().replace(/[^A-Z0-9]/g, '').slice(0, 8);
return clean.length > 4 ? `${clean.slice(0, 4)}-${clean.slice(4)}` : clean;
}
/** Code-Eingabe im Stil einer Eintrittskarte. */
function CodeTicket() {
const [code, setCode] = useState(''); const [code, setCode] = useState('');
const [error, setError] = useState(null); const [error, setError] = useState(null);
const [busy, setBusy] = useState(false);
const navigate = useNavigate(); const navigate = useNavigate();
const complete = code.replace(/-/g, '').length === 8;
const submit = async (e) => { const submit = async (e) => {
e.preventDefault(); e.preventDefault();
setError(null); setError(null);
setBusy(true);
try { try {
const res = await api('/access', { method: 'POST', body: { code } }); const res = await api('/access', { method: 'POST', body: { code } });
navigate(res.access === 'spectator' ? `/watch/${code.trim()}` : `/join/${code.trim()}`); navigate(res.access === 'spectator' ? `/watch/${code}` : `/join/${code}`);
} catch (err) { } catch (err) {
setError(err.message); setError(err.message);
setBusy(false);
} }
}; };
return ( return (
<form className="code-entry" onSubmit={submit}> <form className="ticket" onSubmit={submit}>
<label htmlFor="code">Einladungs- oder Zuschauercode</label> <label className="ticket-stub" htmlFor="code">Code</label>
<div className="row"> <input
<input id="code" value={code} onChange={(e) => setCode(e.target.value)} placeholder="ABCD-EFGH" autoComplete="off" spellCheck="false" /> id="code"
<button className="btn" disabled={code.replace(/[^a-z0-9]/gi, '').length < 8}>Beitreten</button> className="ticket-code"
</div> value={code}
{error && <p className="field-error">{error}</p>} onChange={(e) => setCode(formatCode(e.target.value))}
placeholder="ABCD-EFGH"
autoComplete="off"
autoCapitalize="characters"
spellCheck="false"
inputMode="text"
aria-describedby={error ? 'code-error' : 'code-hint'}
/>
<button className="btn btn-primary ticket-go" disabled={!complete || busy}>{busy ? 'Prüfe …' : 'Beitreten'}</button>
{error
? <p id="code-error" className="field-error ticket-msg">{error}</p>
: <p id="code-hint" className="muted small ticket-msg">Teamcode oder Zuschauercode, acht Zeichen.</p>}
</form> </form>
); );
} }
+3 -3
View File
@@ -46,7 +46,7 @@ export default function StreamOverviewPage() {
return ( return (
<ScaledStage> <ScaledStage>
<div className="st-message"> <div className="st-message">
<img src="/brand/maxlan-logo.webp" alt="MaxLAN e.V." /> <img src="/brand/maxlan-logo.webp" alt="Maxlan e.V." />
<h1>Stream-Übersicht nicht verfügbar</h1> <h1>Stream-Übersicht nicht verfügbar</h1>
<p>{error}</p> <p>{error}</p>
</div> </div>
@@ -64,7 +64,7 @@ export default function StreamOverviewPage() {
<ScaledStage> <ScaledStage>
<div className="so-root"> <div className="so-root">
<header className="st-top"> <header className="st-top">
<img className="st-logo" src="/brand/maxlan-logo.webp" alt="MaxLAN e.V." /> <img className="st-logo" src="/brand/maxlan-logo.webp" alt="Maxlan e.V." />
<div className="so-title"> <div className="so-title">
<strong>Counter-Strike 2</strong> <strong>Counter-Strike 2</strong>
{liveCount > 0 && <span className="so-count so-count-live">{liveCount} live</span>} {liveCount > 0 && <span className="so-count so-count-live">{liveCount} live</span>}
@@ -141,7 +141,7 @@ function matchHref(id, key) {
return `/stream/match/${encodeURIComponent(id)}${key ? `?key=${encodeURIComponent(key)}` : ''}`; return `/stream/match/${encodeURIComponent(id)}${key ? `?key=${encodeURIComponent(key)}` : ''}`;
} }
function useStreamOverview(key) { export function useStreamOverview(key) {
const [data, setData] = useState(null); const [data, setData] = useState(null);
const [error, setError] = useState(null); const [error, setError] = useState(null);
useEffect(() => { useEffect(() => {
+2 -2
View File
@@ -67,7 +67,7 @@ export function ScaledStage({ children }) {
function StreamMessage({ title, text }) { function StreamMessage({ title, text }) {
return ( return (
<div className="st-message"> <div className="st-message">
<img src="/brand/maxlan-logo.webp" alt="MaxLAN e.V." /> <img src="/brand/maxlan-logo.webp" alt="Maxlan e.V." />
<h1>{title}</h1> <h1>{title}</h1>
{text && <p>{text}</p>} {text && <p>{text}</p>}
</div> </div>
@@ -99,7 +99,7 @@ function StreamContent({ matchId, code }) {
return ( return (
<div className={`st-root phase-${phase} ${phase !== 'lobby' && state.series.length > 0 ? 'has-maps' : 'no-maps'}`}> <div className={`st-root phase-${phase} ${phase !== 'lobby' && state.series.length > 0 ? 'has-maps' : 'no-maps'}`}>
<header className="st-top"> <header className="st-top">
<img className="st-logo" src="/brand/maxlan-logo.webp" alt="MaxLAN e.V." /> <img className="st-logo" src="/brand/maxlan-logo.webp" alt="Maxlan e.V." />
<div className="st-meta"> <div className="st-meta">
<span>Counter-Strike 2</span> <span>Counter-Strike 2</span>
<span>{state.modeLabel}</span> <span>{state.modeLabel}</span>
+191 -1
View File
@@ -1,6 +1,6 @@
/* ---------- Tokens ---------- */ /* ---------- Tokens ---------- */
:root { :root {
/* MaxLAN-Farben aus dem Logo: Blau #344A99, Rot #A72A1C auf Schwarz */ /* Maxlan-Farben aus dem Logo: Blau #344A99, Rot #A72A1C auf Schwarz */
--brand-blue: #344a99; --brand-blue: #344a99;
--brand-red: #a72a1c; --brand-red: #a72a1c;
@@ -589,3 +589,193 @@ input:focus, select:focus { border-color: var(--link); outline: none; }
.pull-running span { color: var(--pending); } .pull-running span { color: var(--pending); }
.pull-ok span { color: var(--ok, #22c55e); } .pull-ok span { color: var(--ok, #22c55e); }
.pull-failed span { color: var(--error); } .pull-failed span { color: var(--error); }
.admin-toolbar { display: flex; flex-wrap: wrap; gap: 10px 16px; align-items: center; margin: 0 0 14px; }
.admin-search { flex: 1 1 240px; min-width: 0; font: inherit; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 4px; padding: 7px 10px; }
.admin-filters { display: flex; flex-wrap: wrap; gap: 6px; }
.admin-filter { display: inline-flex; align-items: center; gap: 6px; font: inherit; font-size: .875rem; color: var(--muted); background: transparent; border: 1px solid var(--line); border-radius: 999px; padding: 4px 12px; cursor: pointer; }
.admin-filter:hover { color: var(--text); }
.admin-filter.is-active { color: var(--text); border-color: var(--primary); background: color-mix(in srgb, var(--primary) 16%, transparent); }
.admin-filter-count { font-variant-numeric: tabular-nums; font-size: .75rem; opacity: .8; }
.admin-filter.has-errors .admin-filter-count { color: var(--error); font-weight: 700; opacity: 1; }
.admin-error { margin: 8px 0 0; color: var(--error); }
.admin-badge.is-archived { background: transparent; color: var(--muted); border: 1px solid var(--line); }
.knife-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 12px; margin-bottom: 12px; }
.knife-card { border: 1px solid var(--line); border-radius: var(--radius); padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; }
.knife-head { display: flex; flex-wrap: wrap; gap: 4px 10px; align-items: baseline; }
.knife-state { margin-left: auto; }
.knife-addr { font: 500 .9rem ui-monospace, SFMono-Regular, Consolas, monospace; align-self: flex-start; padding: 1px 6px; border: 1px solid var(--line); border-radius: 4px; }
.knife-new select { font: inherit; color: var(--text); background: var(--surface); border: 1px solid var(--line); border-radius: 4px; padding: 5px 8px; }
.knife-new { align-items: center; }
.knife-public { margin-bottom: 24px; }
.knife-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; }
.knife-list li { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 14px; padding: 10px 14px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--surface); }
.knife-list code { font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: .85rem; }
.knife-list .btn { margin-left: auto; }
.knife-mode { display: inline-block; margin: 0; padding: 1px 8px; border-radius: 999px; font-size: .75rem; font-weight: 700; color: var(--primary); border: 1px solid var(--primary); background: transparent; }
.pool-maps { display: grid; grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); gap: 8px; margin-bottom: 10px; }
.pool-map { position: relative; display: flex; flex-direction: column; justify-content: flex-end; min-height: 78px; isolation: isolate; border: 1px solid var(--line); border-radius: var(--radius); overflow: hidden; cursor: pointer; opacity: .45; transition: opacity .15s ease, border-color .15s ease; }
.pool-map.is-on { opacity: 1; border-color: var(--primary); }
.pool-map input { position: absolute; top: 6px; left: 6px; z-index: 2; }
.pool-map-name { position: relative; z-index: 1; padding: 5px 8px; font-size: .9rem; font-weight: 700; text-shadow: 0 1px 6px rgba(0, 0, 0, .7); }
.pool-flows { display: flex; flex-direction: column; gap: 6px; margin-bottom: 10px; }
.pool-flow { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: baseline; }
.pool-flow strong { min-width: 36px; font-size: .85rem; }
.flow-steps { display: flex; flex-wrap: wrap; gap: 4px; list-style: none; margin: 0; padding: 0; }
.flow-steps li { font-size: .75rem; padding: 1px 7px; border-radius: 999px; border: 1px solid var(--line); color: var(--muted); }
.flow-steps .flow-ban { color: var(--error); border-color: color-mix(in srgb, var(--error) 50%, transparent); }
.flow-steps .flow-pick { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 50%, transparent); }
.flow-steps .flow-decider { color: var(--text); border-color: var(--primary); }
/* Admin-Einstellungen mit Seitenleiste */
.settings-layout { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 20px; align-items: start; }
.settings-nav { position: sticky; top: 16px; display: flex; flex-direction: column; gap: 14px; }
.settings-nav-title { font-size: .72rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--muted); margin: 0 0 4px 10px; }
.settings-nav-group { display: flex; flex-direction: column; gap: 2px; }
.settings-nav-item { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; width: 100%; text-align: left; font: inherit; color: var(--text); background: transparent; border: 1px solid transparent; border-left: 3px solid transparent; border-radius: 4px; padding: 7px 10px; cursor: pointer; }
.settings-nav-item small { font-size: .75rem; color: var(--muted); }
.settings-nav-item:hover { background: var(--surface); }
.settings-nav-item.is-active { background: var(--surface); border-color: var(--line); border-left-color: var(--primary); }
.settings-content > .admin-settings { margin-bottom: 0; }
@media (max-width: 760px) {
.settings-layout { grid-template-columns: minmax(0, 1fr); gap: 12px; }
.settings-nav { position: static; flex-direction: row; flex-wrap: wrap; gap: 6px; }
.settings-nav-group { flex-direction: row; flex-wrap: wrap; gap: 6px; }
.settings-nav-title { display: none; }
.settings-nav-item { width: auto; white-space: nowrap; border: 1px solid var(--line); border-radius: 999px; padding: 5px 12px; }
.settings-nav-item small { display: none; }
.settings-nav-item.is-active { border-color: var(--primary); }
}
/* ---------- Startseite: Spieler zuerst ---------- */
.home-hero { display: grid; grid-template-columns: minmax(0, 1fr); gap: 32px; align-items: start; margin: 8px 0 28px; }
.home-hero.has-mine { grid-template-columns: minmax(0, 1.25fr) minmax(280px, 1fr); }
.home-intro h1 { font: 700 clamp(2.6rem, 6vw, 4.4rem)/.95 var(--display); letter-spacing: -.01em; margin: 0 0 14px; max-width: 14ch; }
.home-intro .lead { max-width: 58ch; margin: 0 0 22px; }
/* Code-Eingabe als Eintrittskarte: Abriss links, Code groß in der Mitte */
.ticket {
--notch: 11px;
display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: 0;
max-width: 620px; background: var(--surface-2); border: 1px solid var(--line-strong);
clip-path: polygon(var(--chamfer) 0, 100% 0, 100% calc(100% - var(--chamfer)), calc(100% - var(--chamfer)) 100%, 0 100%, 0 var(--chamfer));
}
.ticket-stub {
align-self: stretch; display: flex; align-items: center; padding: 0 18px 0 22px;
font: 700 1.05rem var(--display); color: var(--muted); letter-spacing: .02em;
border-right: 2px dashed var(--line-strong); background: color-mix(in srgb, var(--brand-red) 14%, transparent);
}
.ticket-code {
min-width: 0; width: 100%; border: 0; background: transparent; color: var(--text); outline: none;
font: 700 clamp(1.9rem, 4.6vw, 2.75rem)/1 var(--display); letter-spacing: .14em; padding: 16px 18px;
}
.ticket-code::placeholder { color: color-mix(in srgb, var(--muted) 45%, transparent); }
.ticket:focus-within { border-color: var(--primary); box-shadow: inset 0 0 0 1px var(--primary); }
.ticket-go { margin: 0 14px 0 0; }
.ticket-msg { grid-column: 1 / -1; margin: 0; padding: 8px 22px 12px; border-top: 1px solid var(--line); }
/* Eigene Matches */
.home-mine h2 { font-size: 1.15rem; margin: 6px 0 10px; }
.home-mine ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 10px; }
.mine-card {
display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 4px 14px; align-items: center;
padding: 14px 16px; text-decoration: none; color: var(--text);
background: var(--surface); border: 1px solid var(--line); border-left: 3px solid var(--primary); border-radius: var(--radius);
}
.mine-card:hover { border-color: var(--line-strong); border-left-color: var(--primary-hover); }
.mine-card:focus-visible { outline: 2px solid var(--link); outline-offset: 2px; }
.mine-teams { font: 700 1.35rem/1.1 var(--display); grid-column: 1; }
.mine-meta { grid-column: 1; font-size: .85rem; color: var(--muted); }
.mine-next { grid-column: 1; font-weight: 600; margin-top: 4px; }
.mine-go { grid-column: 2; grid-row: 1 / span 3; }
/* Vier Schritte */
.home-steps { list-style: none; margin: 0 0 36px; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--line); }
.home-steps li { position: relative; display: grid; grid-template-columns: auto 1fr; align-content: start; column-gap: 12px; row-gap: 2px; padding: 14px 16px 4px 0; }
.step-n {
grid-row: 1; align-self: center; width: 34px; height: 34px; display: grid; place-items: center;
font: 700 1.2rem var(--display); color: var(--muted); border: 1px solid var(--line-strong); border-radius: 50%;
}
.step-title { font-weight: 700; align-self: center; }
.step-text { grid-column: 2; font-size: .85rem; color: var(--muted); }
.home-steps li.is-done .step-n { color: var(--ok); border-color: color-mix(in srgb, var(--ok) 60%, transparent); }
.home-steps li.is-current::before { content: ''; position: absolute; top: -2px; left: 0; right: 16px; height: 3px; background: var(--primary); }
.home-steps li.is-current .step-n { color: #fff; background: var(--primary); border-color: var(--primary); }
.home-live { margin-bottom: 36px; }
.home-lists { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.home-lists .match-row-meta { flex-wrap: wrap; }
@media (max-width: 900px) {
.home-hero.has-mine { grid-template-columns: minmax(0, 1fr); }
.home-hero.has-mine .home-mine { order: -1; }
.home-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.home-lists { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 520px) {
.ticket { grid-template-columns: minmax(0, 1fr) auto; }
.ticket-stub { grid-column: 1 / -1; border-right: 0; border-bottom: 2px dashed var(--line-strong); padding: 8px 18px; }
.ticket-code { letter-spacing: .08em; padding: 12px 14px; }
.home-steps { grid-template-columns: minmax(0, 1fr); }
.home-steps li { padding: 10px 0 10px 12px; }
.home-steps li.is-current::before { top: 8px; bottom: 8px; left: 0; right: auto; width: 3px; height: auto; }
.mine-card { grid-template-columns: minmax(0, 1fr); }
.mine-go { grid-column: 1; grid-row: auto; justify-self: start; margin-top: 6px; }
}
/* Seitenwahl per Messerrunde in der Lobby */
.knife-round { margin: 14px 0; padding: 14px 16px; border: 1px solid var(--line); border-left: 3px solid var(--brand-red); border-radius: var(--radius); background: var(--surface-2); text-align: left; }
.knife-round h3 { margin: 0 0 6px; font-size: 1.05rem; }
.knife-round .knife-list { margin-top: 10px; }
.knife-decide { margin: 6px 0 4px; }
.knife-decide .row { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }
.knife-team-a { border-color: var(--team-a); color: var(--team-a); }
.knife-team-b { border-color: var(--team-b); color: var(--team-b); }
/* Chat im Match */
.chat-box { display: flex; flex-direction: column; padding: 0; overflow: hidden; }
.chat-tabs { display: flex; border-bottom: 1px solid var(--line); }
.chat-tab { position: relative; flex: 1; font: 700 1rem var(--display); color: var(--muted); background: transparent; border: 0; border-bottom: 3px solid transparent; padding: 12px 14px 10px; cursor: pointer; }
.chat-tab:hover { color: var(--text); }
.chat-tab.is-active { color: var(--text); border-bottom-color: var(--primary); }
.chat-tab-a.is-active { border-bottom-color: var(--team-a); }
.chat-tab-b.is-active { border-bottom-color: var(--team-b); }
.chat-unread { display: inline-block; width: 8px; height: 8px; margin-left: 6px; border-radius: 50%; background: var(--brand-red); vertical-align: middle; }
.chat-list { list-style: none; margin: 0; padding: 10px 16px; height: 300px; overflow-y: auto; display: flex; flex-direction: column; gap: 8px; }
.chat-empty { margin: auto 0; text-align: center; }
.chat-msg { display: flex; flex-direction: column; gap: 1px; max-width: 92%; }
.chat-msg.is-mine { align-self: flex-end; text-align: right; }
.chat-meta { display: flex; gap: 6px; align-items: baseline; font-size: .8rem; }
.chat-msg.is-mine .chat-meta { justify-content: flex-end; }
.chat-org { color: var(--text); }
.chat-role { font-size: .7rem; padding: 0 6px; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--muted); }
.chat-text { display: inline-block; padding: 6px 10px; border-radius: 10px; background: var(--surface-2); overflow-wrap: anywhere; }
.chat-msg.is-mine .chat-text { background: color-mix(in srgb, var(--primary) 30%, var(--surface-2)); }
.chat-form { display: flex; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--line); }
.chat-form input { flex: 1; min-width: 0; }
.chat-closed { margin: 0; padding: 10px 16px; border-top: 1px solid var(--line); }
.chat-box .field-error { margin: 0 16px 10px; }
/* Live-Konsole der Container */
.console-backdrop { position: fixed; inset: 0; z-index: 50; display: grid; place-items: center; padding: 16px; background: rgba(var(--bg-rgb), .78); }
.console-dialog { display: flex; flex-direction: column; width: min(1100px, 100%); height: min(760px, 100%); background: var(--surface); border: 1px solid var(--line-strong); border-radius: var(--radius); overflow: hidden; }
.console-head { display: flex; align-items: center; gap: 12px; padding: 12px 16px; border-bottom: 1px solid var(--line); }
.console-head strong { font: 700 1.1rem var(--display); margin-right: auto; }
.console-status { font-size: .8rem; color: var(--muted); }
.console-status.is-live { color: var(--ok); }
.console-status.is-live::before { content: ''; display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--ok); vertical-align: middle; }
.console-tools { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 8px 16px; border-bottom: 1px solid var(--line); }
.console-tools input[type="search"] { flex: 1 1 200px; min-width: 0; }
.console-out { flex: 1; margin: 0; padding: 12px 16px; overflow: auto; background: #05060a; color: #cfd6e6; font: .8rem/1.45 ui-monospace, SFMono-Regular, Consolas, monospace; white-space: pre-wrap; overflow-wrap: anywhere; }
.console-note { margin: 0; padding: 6px 16px 10px; }
.host-log-btn { margin-left: 4px; }
@media (max-width: 600px) {
.console-backdrop { padding: 0; }
.console-dialog { height: 100%; border-radius: 0; }
}
.pull-skipped span { color: var(--muted); }
.files-bar { flex: 1 1 160px; height: 6px; border-radius: 3px; background: var(--line); overflow: hidden; }
.files-bar i { display: block; height: 100%; background: var(--primary); transition: width .4s ease; }
.knife-connect { display: flex; flex-wrap: wrap; align-items: end; gap: 8px 12px; margin-top: 10px; }
.knife-connect > :first-child { flex: 1 1 260px; }
.knife-actions { margin-top: 10px; gap: 8px; flex-wrap: wrap; }
.team-invite { margin-top: 12px; padding-right: 0; }
.team-invite .copy-row { flex-wrap: wrap; }
.team-invite .copy-row code { flex: 1 1 100%; font-size: .78rem; white-space: normal; word-break: break-all; overflow: visible; }
.team-invite p { margin: 6px 0 0; }
Binary file not shown.
Binary file not shown.
+137 -17
View File
@@ -1,5 +1,5 @@
{ {
"$comment": "Map-Pools und Veto-Abläufe. Schritte: ban:X, pick:X, side:X, decider. X = erstes Team (startet das Veto), Y = zweites Team. 'side' folgt immer auf einen Pick bzw. auf 'decider' und bezieht sich auf diese Map. Ungültige Abläufe werden beim Start gemeldet und das Format ist dann nicht auswählbar. Optional pro Map: image = Bild-URL oder Pfad (z. B. /maps/de_dust2.jpg aus client/public). Standardbilder: github.com/ghostcap-gaming/cs2-map-images (Bilder aus dem Spiel, Rechte bei Valve).", "$comment": "Map-Pools und Veto-Abläufe. Schritte: ban:X, pick:X, side:X, decider. X = erstes Team (startet das Veto), Y = zweites Team. 'side' folgt immer auf einen Pick bzw. auf 'decider' und bezieht sich auf diese Map. Welche Maps gespielt werden, wählt der Admin im Admin-Bereich (Einstellungen → Map-Pools); 'active': false = nur im Katalog. Die hier hinterlegten Abläufe gelten, wenn sie zur Anzahl der aktiven Maps passen, sonst erzeugt die Anwendung einen passenden Ablauf. Optional pro Map: image = Bild-URL oder Pfad (z. B. /maps/de_dust2.jpg aus client/public). Standardbilder: github.com/ghostcap-gaming/cs2-map-images (Bilder aus dem Spiel, Rechte bei Valve).",
"pools": { "pools": {
"competitive": { "competitive": {
"label": "Competitive 5 gegen 5", "label": "Competitive 5 gegen 5",
@@ -7,18 +7,104 @@
"gameType": 0, "gameType": 0,
"gameMode": 1, "gameMode": 1,
"maps": [ "maps": [
{ "id": "de_ancient", "name": "Ancient", "color": "#3f8f5a", "image": "/maps/de_ancient.webp" }, {
{ "id": "de_anubis", "name": "Anubis", "color": "#c79a3d", "image": "/maps/de_anubis.webp" }, "id": "de_ancient",
{ "id": "de_dust2", "name": "Dust II", "color": "#d3a45c", "image": "/maps/de_dust2.webp" }, "name": "Ancient",
{ "id": "de_inferno", "name": "Inferno", "color": "#c4573a", "image": "/maps/de_inferno.webp" }, "color": "#3f8f5a",
{ "id": "de_mirage", "name": "Mirage", "color": "#b98a4a", "image": "/maps/de_mirage.webp" }, "image": "/maps/de_ancient.webp"
{ "id": "de_nuke", "name": "Nuke", "color": "#4a8fbf", "image": "/maps/de_nuke.webp" }, },
{ "id": "de_train", "name": "Train", "color": "#7a7f8a", "image": "/maps/de_train.webp" } {
"id": "de_anubis",
"name": "Anubis",
"color": "#c79a3d",
"image": "/maps/de_anubis.webp"
},
{
"id": "de_cache",
"name": "Cache",
"color": "#6f8a4a",
"image": "/maps/de_cache.webp"
},
{
"id": "de_dust2",
"name": "Dust II",
"color": "#d3a45c",
"image": "/maps/de_dust2.webp"
},
{
"id": "de_inferno",
"name": "Inferno",
"color": "#c4573a",
"image": "/maps/de_inferno.webp"
},
{
"id": "de_mirage",
"name": "Mirage",
"color": "#b98a4a",
"image": "/maps/de_mirage.webp"
},
{
"id": "de_nuke",
"name": "Nuke",
"color": "#4a8fbf",
"image": "/maps/de_nuke.webp"
},
{
"id": "de_overpass",
"name": "Overpass",
"color": "#5f8f7a",
"image": "/maps/de_overpass.webp"
},
{
"id": "de_train",
"name": "Train",
"color": "#7a7f8a",
"image": "/maps/de_train.webp"
},
{
"id": "de_vertigo",
"name": "Vertigo",
"color": "#8a74b8",
"image": "/maps/de_vertigo.webp"
}
], ],
"flows": { "flows": {
"bo1": ["ban:X", "ban:Y", "ban:X", "ban:Y", "ban:X", "ban:Y", "decider", "side:X"], "bo1": [
"bo3": ["ban:X", "ban:Y", "pick:X", "side:Y", "pick:Y", "side:X", "ban:X", "ban:Y", "decider", "side:X"], "ban:X",
"bo5": ["ban:X", "ban:Y", "pick:X", "side:Y", "pick:Y", "side:X", "pick:X", "side:Y", "pick:Y", "side:X", "decider", "side:Y"] "ban:Y",
"ban:X",
"ban:Y",
"ban:X",
"ban:Y",
"decider",
"side:X"
],
"bo3": [
"ban:X",
"ban:Y",
"pick:X",
"side:Y",
"pick:Y",
"side:X",
"ban:X",
"ban:Y",
"decider",
"side:X"
],
"bo5": [
"ban:X",
"ban:Y",
"pick:X",
"side:Y",
"pick:Y",
"side:X",
"pick:X",
"side:Y",
"pick:Y",
"side:X",
"decider",
"side:Y"
]
} }
}, },
"wingman": { "wingman": {
@@ -27,14 +113,48 @@
"gameType": 0, "gameType": 0,
"gameMode": 2, "gameMode": 2,
"maps": [ "maps": [
{ "id": "de_inferno", "name": "Inferno", "color": "#c4573a", "image": "/maps/de_inferno.webp" }, {
{ "id": "de_nuke", "name": "Nuke", "color": "#4a8fbf", "image": "/maps/de_nuke.webp" }, "id": "de_inferno",
{ "id": "de_overpass", "name": "Overpass", "color": "#5f8f7a", "image": "/maps/de_overpass.webp" }, "name": "Inferno",
{ "id": "de_vertigo", "name": "Vertigo", "color": "#8a74b8", "image": "/maps/de_vertigo.webp" } "color": "#c4573a",
"image": "/maps/de_inferno.webp"
},
{
"id": "de_nuke",
"name": "Nuke",
"color": "#4a8fbf",
"image": "/maps/de_nuke.webp"
},
{
"id": "de_overpass",
"name": "Overpass",
"color": "#5f8f7a",
"image": "/maps/de_overpass.webp"
},
{
"id": "de_vertigo",
"name": "Vertigo",
"color": "#8a74b8",
"image": "/maps/de_vertigo.webp"
}
], ],
"flows": { "flows": {
"bo1": ["ban:X", "ban:Y", "ban:X", "decider", "side:Y"], "bo1": [
"bo3": ["ban:X", "pick:Y", "side:X", "pick:X", "side:Y", "decider", "side:X"] "ban:X",
"ban:Y",
"ban:X",
"decider",
"side:Y"
],
"bo3": [
"ban:X",
"pick:Y",
"side:X",
"pick:X",
"side:Y",
"decider",
"side:X"
]
} }
} }
} }
+165 -5
View File
@@ -1,5 +1,6 @@
import express from 'express'; import express from 'express';
import { formatPortList } from './config.js'; import { formatPortList } from './config.js';
import { formatDockerEvent } from './servers/dockerAdapter.js';
import { HttpError } from './matchService.js'; import { HttpError } from './matchService.js';
import { createRateLimiter, randomToken, safeEqual } from './security.js'; import { createRateLimiter, randomToken, safeEqual } from './security.js';
@@ -15,7 +16,7 @@ function bearer(req) {
* (nur im Speicher, verfällt nach 12 Stunden oder beim Neustart). Admin-Aktionen nutzen die bestehenden * (nur im Speicher, verfällt nach 12 Stunden oder beim Neustart). Admin-Aktionen nutzen die bestehenden
* Organisator-Funktionen mit einem Admin-Zugang, die Berechtigungen bleiben also an einer Stelle. * Organisator-Funktionen mit einem Admin-Zugang, die Berechtigungen bleiben also an einer Stelle.
*/ */
export function createAdminRouter({ service, manager, config, settings }) { export function createAdminRouter({ service, manager, config, settings, knife, pools }) {
const router = express.Router(); const router = express.Router();
const sessions = new Map(); // Token -> Ablaufzeit (ms) const sessions = new Map(); // Token -> Ablaufzeit (ms)
const loginLimit = createRateLimiter({ windowMs: 60_000, max: 5 }); const loginLimit = createRateLimiter({ windowMs: 60_000, max: 5 });
@@ -65,6 +66,8 @@ export function createAdminRouter({ service, manager, config, settings }) {
} }
const token = randomToken(); const token = randomToken();
const expiresAt = Date.now() + SESSION_HOURS * 3_600_000; const expiresAt = Date.now() + SESSION_HOURS * 3_600_000;
// Abgelaufene Anmeldungen entfernen, damit die Liste nicht wächst
for (const [t, until] of sessions) if (until < Date.now()) sessions.delete(t);
sessions.set(token, expiresAt); sessions.set(token, expiresAt);
return res.json({ token, expiresAt }); return res.json({ token, expiresAt });
}); });
@@ -103,6 +106,7 @@ export function createAdminRouter({ service, manager, config, settings }) {
editable: !!manager.adapter.setHosts, editable: !!manager.adapter.setHosts,
image: config.docker.image, image: config.docker.image,
pull: manager.adapter.pullStatus?.() ?? null, pull: manager.adapter.pullStatus?.() ?? null,
files: manager.adapter.filesStatus?.() ?? null,
}); });
router.get('/docker-hosts', requireAdmin, wrap(() => hostView())); router.get('/docker-hosts', requireAdmin, wrap(() => hostView()));
router.put('/docker-hosts', requireAdmin, wrap((req) => { router.put('/docker-hosts', requireAdmin, wrap((req) => {
@@ -118,6 +122,35 @@ export function createAdminRouter({ service, manager, config, settings }) {
return hostView(); return hostView();
})); }));
// Image auf allen Hosts neu laden. Läuft im Hintergrund, Stand über GET /docker-hosts. // Image auf allen Hosts neu laden. Läuft im Hintergrund, Stand über GET /docker-hosts.
// Spieldateien auf allen Hosts per SteamCMD aktualisieren. Hosts mit laufenden Servern werden ausgelassen,
// außer mit { force: true }. Läuft im Hintergrund, Stand über GET /docker-hosts.
router.post('/docker-hosts/update-files', requireAdmin, wrap((req) => {
if (!manager.adapter.updateGameFiles) throw new HttpError(409, 'Nur mit dem Docker-Adapter möglich', 'unsupported');
if (manager.adapter.filesStatus().running) throw new HttpError(409, 'Die Spieldateien werden bereits aktualisiert', 'busy');
const skip = new Map();
if (!req.body?.force) {
const byAddress = new Map(manager.adapter.hosts.map((h) => [h.publicHost, h.name]));
const busy = new Map();
for (const s of manager.activeServers()) {
const name = s.hostName ?? byAddress.get(s.host);
if (name) busy.set(name, (busy.get(name) ?? 0) + 1);
}
for (const k of knife.rows()) {
if (!k.handle) continue;
let name = byAddress.get(k.host);
try {
name = JSON.parse(k.handle).hostName ?? name;
} catch {
// kaputter Handle: Adresse reicht
}
if (name) busy.set(name, (busy.get(name) ?? 0) + 1);
}
for (const [name, n] of busy) skip.set(name, `ausgelassen: ${n} laufende${n === 1 ? 'r' : ''} Server`);
}
manager.adapter.updateGameFiles({ skip }).catch(() => {});
return hostView();
}));
router.post('/docker-hosts/pull', requireAdmin, wrap(() => { router.post('/docker-hosts/pull', requireAdmin, wrap(() => {
if (!manager.adapter.pullImage) throw new HttpError(409, 'Nur mit dem Docker-Adapter möglich', 'unsupported'); if (!manager.adapter.pullImage) throw new HttpError(409, 'Nur mit dem Docker-Adapter möglich', 'unsupported');
if (manager.adapter.pullStatus().running) throw new HttpError(409, 'Das Image wird bereits aktualisiert', 'busy'); if (manager.adapter.pullStatus().running) throw new HttpError(409, 'Das Image wird bereits aktualisiert', 'busy');
@@ -125,6 +158,33 @@ export function createAdminRouter({ service, manager, config, settings }) {
return hostView(); return hostView();
})); }));
// Map-Pools: welche Maps gespielt werden. Der Veto-Ablauf passt sich der Anzahl an.
const poolView = () => ({
pools: Object.values(pools).map((p) => ({
mode: p.mode,
label: p.label,
maps: p.allMaps.map((m) => ({ ...m, active: p.maps.some((a) => a.id === m.id) })),
formats: p.formats,
})),
});
router.get('/map-pools', requireAdmin, wrap(() => poolView()));
router.put('/map-pools', requireAdmin, wrap((req) => {
settings.saveMapSelection(pools, req.body?.mode, req.body?.maps);
return poolView();
}));
// Messer-Server für die Seitenwahl
router.get('/knife', requireAdmin, wrap(() => ({
servers: knife.list(),
modes: knife.modes(),
maxServers: config.knife.maxServers,
})));
router.post('/knife', requireAdmin, wrap((req) => knife.create({ map: req.body?.map, mode: req.body?.mode })));
router.post('/knife/:id/reset', requireAdmin, wrap((req) => knife.reset(req.params.id)));
router.post('/knife/:id/round', requireAdmin, wrap((req) => knife.startRound(req.params.id)));
router.post('/knife/:id/restart', requireAdmin, wrap((req) => knife.restart(req.params.id)));
router.delete('/knife/:id', requireAdmin, wrap((req) => knife.remove(req.params.id)));
router.get('/notifications', requireAdmin, wrap(() => service.notificationSettings())); router.get('/notifications', requireAdmin, wrap(() => service.notificationSettings()));
router.put('/notifications', requireAdmin, wrap((req) => service.setNotificationEvents(req.body?.events))); router.put('/notifications', requireAdmin, wrap((req) => service.setNotificationEvents(req.body?.events)));
router.post('/notifications/test', requireAdmin, wrap(async () => { router.post('/notifications/test', requireAdmin, wrap(async () => {
@@ -137,9 +197,107 @@ export function createAdminRouter({ service, manager, config, settings }) {
})); }));
// Alle Matches mit allen Details (Codes, Verbindungsdaten, Spieler, Veto, Serie, Ereignisse) // Alle Matches mit allen Details (Codes, Verbindungsdaten, Spieler, Veto, Serie, Ereignisse)
router.get('/matches', requireAdmin, wrap(async () => { // Konsolenausgabe eines Containers live (Match-Server oder Messer-Server). Passwörter werden ausgeblendet.
const ids = service.db.prepare('SELECT id FROM matches ORDER BY created_at DESC LIMIT 100').all(); let openStreams = 0;
return { matches: ids.map(({ id }) => service.snapshot(id, adminViewer(id))), hosts: await manager.hostUsage() }; router.get('/logs/:kind/:id', requireAdmin, (req, res, next) => {
try {
const { kind, id } = req.params;
const row = kind === 'match' ? manager.row(id) : kind === 'knife' ? knife.row(id) : null;
if (!row) throw new HttpError(404, 'Server nicht gefunden', 'not_found');
if (!row.handle) throw new HttpError(409, 'Für diesen Server gibt es noch keinen Container', 'no_container');
if (!manager.adapter.streamLogs) throw new HttpError(501, 'Dieser Adapter hat keine Konsolenausgabe', 'unsupported');
if (openStreams >= 8) throw new HttpError(429, 'Zu viele offene Konsolen, erst eine schließen', 'rate_limited');
const tail = Math.max(0, Math.min(2000, Number.parseInt(req.query.tail, 10) || 200));
const secrets = [row.rcon_password, row.server_password, row.tv_password].filter((s) => s && s.length >= 4);
const mask = (text) => secrets.reduce((t, s) => t.split(s).join('••••'), text);
const proc = manager.adapter.streamLogs(JSON.parse(row.handle), { tail });
openStreams += 1;
res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8', 'Cache-Control': 'no-cache', 'X-Accel-Buffering': 'no' });
// Zeilenweise ausgeben, damit ein Passwort nie an einer Paketgrenze zerrissen und so doch sichtbar wird
const pipe = (stream) => {
let rest = '';
stream.setEncoding?.('utf8');
stream.on('data', (chunk) => {
const lines = (rest + chunk).split('\n');
rest = lines.pop();
if (lines.length) res.write(mask(lines.join('\n')) + '\n');
});
stream.on('end', () => { if (rest) res.write(mask(rest) + '\n'); });
};
pipe(proc.stdout);
pipe(proc.stderr);
let done = false;
const finish = (note) => {
if (done) return;
done = true;
openStreams -= 1;
if (note && !res.writableEnded) res.end(`\n[${note}]\n`);
};
proc.on('close', () => finish('Ausgabe beendet'));
proc.on?.('error', (err) => finish(`Fehler: ${err.message}`));
req.on('close', () => {
proc.kill();
finish(null);
});
} catch (err) {
next(err);
}
});
// Live-Log eines Docker-Hosts: seine Ereignisse (Container gestartet, beendet, entfernt, Images geladen …). Nur lesen.
router.get('/host-log/:name', requireAdmin, (req, res, next) => {
try {
if (!manager.adapter.streamEvents) throw new HttpError(501, 'Nur mit dem Docker-Adapter möglich', 'unsupported');
if (openStreams >= 8) throw new HttpError(429, 'Zu viele offene Konsolen, erst eine schließen', 'rate_limited');
const since = Math.max(0, Math.min(24 * 60, Number.parseInt(req.query.since, 10) || 120));
const proc = manager.adapter.streamEvents(req.params.name, { sinceMinutes: since });
if (!proc) throw new HttpError(404, 'Docker-Host nicht gefunden', 'not_found');
openStreams += 1;
res.writeHead(200, { 'Content-Type': 'text/plain; charset=utf-8', 'Cache-Control': 'no-cache', 'X-Accel-Buffering': 'no' });
res.write(`Ereignisse von ${req.params.name} seit ${since} Minuten, neue erscheinen live.\n`);
let rest = '';
proc.stdout.setEncoding('utf8');
proc.stdout.on('data', (chunk) => {
const lines = (rest + chunk).split('\n');
rest = lines.pop();
const out = lines.map(formatDockerEvent).filter(Boolean);
if (out.length) res.write(out.join('\n') + '\n');
});
proc.stderr.setEncoding('utf8');
proc.stderr.on('data', (chunk) => res.write(`[docker] ${chunk}`));
let done = false;
const finish = (note) => {
if (done) return;
done = true;
openStreams -= 1;
if (note && !res.writableEnded) res.end(`\n[${note}]\n`);
};
proc.on('close', () => finish('Ausgabe beendet'));
proc.on('error', (err) => finish(`Fehler: ${err.message}`));
req.on('close', () => {
proc.kill();
finish(null);
});
} catch (err) {
next(err);
}
});
// Auslastung und Speicher der Docker-Hosts mit den Servern darauf
router.get('/hosts', requireAdmin, wrap(async () => ({ hosts: await manager.hostUsage() })));
// ?archived=1 liefert das Archiv, sonst alle nicht archivierten Matches
router.get('/matches', requireAdmin, wrap(async (req) => {
const archived = req.query.archived === '1';
const ids = service.db.prepare(archived
? 'SELECT id FROM matches WHERE archived_at IS NOT NULL ORDER BY archived_at DESC LIMIT 300'
: 'SELECT id FROM matches WHERE archived_at IS NULL ORDER BY created_at DESC LIMIT 150').all();
const archivedCount = service.db.prepare('SELECT COUNT(*) AS n FROM matches WHERE archived_at IS NOT NULL').get().n;
return {
matches: ids.map(({ id }) => service.snapshot(id, adminViewer(id))),
archivedCount,
};
})); }));
const action = (path, fn) => router.post(`/matches/:id/${path}`, requireAdmin, wrap((req) => { const action = (path, fn) => router.post(`/matches/:id/${path}`, requireAdmin, wrap((req) => {
@@ -152,10 +310,12 @@ export function createAdminRouter({ service, manager, config, settings }) {
action('server/stop', (v) => manager.stopByOrganizer(v)); action('server/stop', (v) => manager.stopByOrganizer(v));
action('server/retry', (v) => manager.retry(v)); action('server/retry', (v) => manager.retry(v));
action('server/warmup-end', (v) => manager.endWarmup(v)); action('server/warmup-end', (v) => manager.endWarmup(v));
action('archive', (v) => service.setArchived(v.matchId, true));
action('unarchive', (v) => service.setArchived(v.matchId, false));
action('server/pause', (v) => manager.setPaused(v, true)); action('server/pause', (v) => manager.setPaused(v, true));
action('server/resume', (v) => manager.setPaused(v, false)); action('server/resume', (v) => manager.setPaused(v, false));
action('series/next', (v) => manager.loadNextMap(v)); action('series/next', (v) => manager.loadNextMap(v));
action('veto/start', (v) => service.startVeto(v)); action('veto/start', (v, b) => service.startVeto(v, { firstTeam: b.firstTeam }));
action('veto/action', (v, b) => service.vetoAction( action('veto/action', (v, b) => service.vetoAction(
adminViewer(v.matchId, { team: b.team, isCaptain: true, role: 'captain' }), adminViewer(v.matchId, { team: b.team, isCaptain: true, role: 'captain' }),
{ stepIndex: b.stepIndex, map: b.map, side: b.side }, { stepIndex: b.stepIndex, map: b.map, side: b.side },
+9 -2
View File
@@ -11,6 +11,7 @@ import { MatchService } from './matchService.js';
import { attachRealtime } from './realtime.js'; import { attachRealtime } from './realtime.js';
import { createServerAdapter } from './servers/adapter.js'; import { createServerAdapter } from './servers/adapter.js';
import { ServerManager } from './servers/serverManager.js'; import { ServerManager } from './servers/serverManager.js';
import { KnifeServers } from './servers/knifeServers.js';
import { ServerSettings } from './serverSettings.js'; import { ServerSettings } from './serverSettings.js';
/** Baut die komplette Anwendung zusammen (auch für Tests nutzbar). */ /** Baut die komplette Anwendung zusammen (auch für Tests nutzbar). */
@@ -20,15 +21,19 @@ export function createApp(config, { adapter: adapterOverride, logger = console }
const settings = new ServerSettings({ db, config }); const settings = new ServerSettings({ db, config });
settings.load(); settings.load();
const pools = loadMapPools(config.mapPoolFile); const pools = loadMapPools(config.mapPoolFile);
// Im Admin-Bereich gewählte Maps (Einstellungen → Map-Pools)
settings.applyMapSelection(pools);
const notifier = createDiscordNotifier(config.discordWebhookUrl, { logger }); const notifier = createDiscordNotifier(config.discordWebhookUrl, { logger });
const service = new MatchService({ db, pools, config, notifier }); const service = new MatchService({ db, pools, config, notifier });
let manager; let manager;
const adapter = adapterOverride ?? createServerAdapter(config, { const adapter = adapterOverride ?? createServerAdapter(config, {
getUsedPorts: (host) => (host ? manager.usedPortsOn(host) : manager.usedPorts()), getUsedPorts: (host) => (host ? manager.usedPortsOn(host) : manager.usedPorts()),
getStarting: (host, exclude) => manager.startingOn(host, exclude),
}); });
manager = new ServerManager({ db, service, adapter, config, logger }); manager = new ServerManager({ db, service, adapter, config, logger });
manager.init(); manager.init();
const knife = new KnifeServers({ db, adapter, config, pools, logger });
service.startVetoTimer(); service.startVetoTimer();
const app = express(); const app = express();
@@ -39,7 +44,7 @@ export function createApp(config, { adapter: adapterOverride, logger = console }
res.set('Referrer-Policy', 'no-referrer'); res.set('Referrer-Policy', 'no-referrer');
next(); next();
}); });
app.use('/api', createApiRouter({ service, manager, config, pools, adapter, settings })); app.use('/api', createApiRouter({ service, manager, config, pools, adapter, settings, knife }));
// Gebautes Frontend ausliefern (npm run build), SPA-Fallback auf index.html. // Gebautes Frontend ausliefern (npm run build), SPA-Fallback auf index.html.
const dist = path.join(REPO_ROOT, 'client', 'dist'); const dist = path.join(REPO_ROOT, 'client', 'dist');
@@ -52,15 +57,17 @@ export function createApp(config, { adapter: adapterOverride, logger = console }
const io = attachRealtime(server, { service, config }); const io = attachRealtime(server, { service, config });
return { return {
app, server, io, db, service, manager, adapter, app, server, io, db, service, manager, adapter, knife,
async start() { async start() {
await manager.resume(); await manager.resume();
manager.startLoops(); manager.startLoops();
knife.startLoop();
await new Promise((resolve) => server.listen(config.port, resolve)); await new Promise((resolve) => server.listen(config.port, resolve));
return server.address().port; return server.address().port;
}, },
async close() { async close() {
manager.stopLoops(); manager.stopLoops();
knife.stopLoop();
service.stopVetoTimer(); service.stopVetoTimer();
// Laufende Server-Aktionen (Start, Konfiguration) kurz abwarten, bevor die Datenbank schließt // Laufende Server-Aktionen (Start, Konfiguration) kurz abwarten, bevor die Datenbank schließt
await manager.idle(5000); await manager.idle(5000);
+12 -1
View File
@@ -105,10 +105,21 @@ export function loadConfig(overrides = {}) {
serverAdapter: str('SERVER_ADAPTER', 'demo'), serverAdapter: str('SERVER_ADAPTER', 'demo'),
idleTimeoutMinutes: int('SERVER_IDLE_TIMEOUT_MINUTES', 30), idleTimeoutMinutes: int('SERVER_IDLE_TIMEOUT_MINUTES', 30),
maxLifetimeHours: int('SERVER_MAX_LIFETIME_HOURS', 8), maxLifetimeHours: int('SERVER_MAX_LIFETIME_HOURS', 8),
// Offene Lobbys (Veto nie gestartet) werden nach so vielen Stunden gelöscht. 0 = nie
lobbyMaxHours: int('LOBBY_MAX_HOURS', 3),
statusPollSeconds: int('SERVER_STATUS_POLL_SECONDS', 5), statusPollSeconds: int('SERVER_STATUS_POLL_SECONDS', 5),
reaperIntervalSeconds: int('SERVER_REAPER_INTERVAL_SECONDS', 60), reaperIntervalSeconds: int('SERVER_REAPER_INTERVAL_SECONDS', 60),
// Frist pro Veto-Schritt in Sekunden, danach führt das Backend den Schritt automatisch aus. 0 = keine Frist // Frist pro Veto-Schritt in Sekunden, danach führt das Backend den Schritt automatisch aus. 0 = keine Frist
vetoStepSeconds: int('VETO_STEP_SECONDS', 30), vetoStepSeconds: int('VETO_STEP_SECONDS', 30),
// Messer-Server für die Seitenwahl (im Admin-Bereich startbar)
knife: {
map: str('KNIFE_MAP', 'de_mirage'),
// Zeit zum Verbinden, bevor die Messerrunde beginnt
warmupSeconds: int('KNIFE_WARMUP_SECONDS', 90),
maxServers: int('KNIFE_MAX_SERVERS', 4),
},
// Abgeschlossene oder abgebrochene Matches nach so vielen Tagen automatisch archivieren. 0 = nie
archiveAfterDays: int('ARCHIVE_AFTER_DAYS', 3),
match: { match: {
tvDelaySeconds: int('CS2_TV_DELAY', 90), tvDelaySeconds: int('CS2_TV_DELAY', 90),
@@ -146,7 +157,7 @@ export function loadConfig(overrides = {}) {
// Abstand des CSTV-Ports zum Spielport, z. B. Spiel 27015 -> CSTV 27115 // Abstand des CSTV-Ports zum Spielport, z. B. Spiel 27015 -> CSTV 27115
tvPortOffset: int('CS2_TV_PORT_OFFSET', 100), tvPortOffset: int('CS2_TV_PORT_OFFSET', 100),
// Anfang des Servernamens im Serverbrowser, danach folgen die Teamnamen // Anfang des Servernamens im Serverbrowser, danach folgen die Teamnamen
serverNamePrefix: str('CS2_SERVERNAME_PREFIX', 'MaxLAN'), serverNamePrefix: str('CS2_SERVERNAME_PREFIX', 'Maxlan'),
// Optional: mehrere Docker-Hosts als JSON-Liste, z. B. // Optional: mehrere Docker-Hosts als JSON-Liste, z. B.
// [{"name":"host1","dockerHost":"ssh://cs2@192.168.178.111","publicHost":"192.168.178.111","portStart":27100,"portEnd":27139}] // [{"name":"host1","dockerHost":"ssh://cs2@192.168.178.111","publicHost":"192.168.178.111","portStart":27100,"portEnd":27139}]
hosts: parseDockerHosts(str('CS2_DOCKER_HOSTS')), hosts: parseDockerHosts(str('CS2_DOCKER_HOSTS')),
+41
View File
@@ -97,6 +97,41 @@ CREATE TABLE IF NOT EXISTS events (
created_at INTEGER NOT NULL created_at INTEGER NOT NULL
); );
CREATE INDEX IF NOT EXISTS events_match ON events(match_id, id); CREATE INDEX IF NOT EXISTS events_match ON events(match_id, id);
-- Messer-Server für die Seitenwahl: laufen dauerhaft, gehören keinem Match
CREATE TABLE IF NOT EXISTS knife_servers (
id TEXT PRIMARY KEY,
number INTEGER NOT NULL,
name TEXT NOT NULL,
mode TEXT NOT NULL DEFAULT 'competitive',
map TEXT NOT NULL,
status TEXT NOT NULL,
message TEXT,
handle TEXT,
host TEXT,
port INTEGER,
tv_port INTEGER,
rcon_password TEXT NOT NULL,
player_count INTEGER,
restarts INTEGER NOT NULL DEFAULT 0,
started_at INTEGER,
created_at INTEGER NOT NULL,
updated_at INTEGER NOT NULL
);
-- Chat im Match: channel = 'match' (beide Teams + Organisator) oder 'A' / 'B' (nur das eigene Team)
CREATE TABLE IF NOT EXISTS chat_messages (
id INTEGER PRIMARY KEY AUTOINCREMENT,
match_id TEXT NOT NULL REFERENCES matches(id) ON DELETE CASCADE,
channel TEXT NOT NULL,
player_id TEXT,
author TEXT NOT NULL,
team TEXT,
organizer INTEGER NOT NULL DEFAULT 0,
text TEXT NOT NULL,
created_at INTEGER NOT NULL
);
CREATE INDEX IF NOT EXISTS chat_by_match ON chat_messages (match_id, channel, id);
CREATE TABLE IF NOT EXISTS settings ( CREATE TABLE IF NOT EXISTS settings (
key TEXT PRIMARY KEY, key TEXT PRIMARY KEY,
value TEXT NOT NULL value TEXT NOT NULL
@@ -130,4 +165,10 @@ function migrate(db) {
} }
const serverColumns = columns('servers'); const serverColumns = columns('servers');
if (!serverColumns.has('paused')) db.exec('ALTER TABLE servers ADD COLUMN paused INTEGER NOT NULL DEFAULT 0'); if (!serverColumns.has('paused')) db.exec('ALTER TABLE servers ADD COLUMN paused INTEGER NOT NULL DEFAULT 0');
// Seitenwahl per Messerrunde auf dem Match-Server: wann sie eingerichtet wurde und was gerade läuft
if (!serverColumns.has('knife_at')) db.exec('ALTER TABLE servers ADD COLUMN knife_at INTEGER');
if (!serverColumns.has('knife_phase')) db.exec('ALTER TABLE servers ADD COLUMN knife_phase TEXT');
// Abgeschlossene Matches lassen sich archivieren; sie verschwinden dann aus der normalen Admin-Liste
if (!columns('matches').has('archived_at')) db.exec('ALTER TABLE matches ADD COLUMN archived_at INTEGER');
if (!columns('knife_servers').has('mode')) db.exec("ALTER TABLE knife_servers ADD COLUMN mode TEXT NOT NULL DEFAULT 'competitive'");
} }
+13 -7
View File
@@ -14,7 +14,7 @@ function accessTokens(req) {
return [bearer(req), req.get('x-player-token')?.trim() || null]; return [bearer(req), req.get('x-player-token')?.trim() || null];
} }
export function createApiRouter({ service, manager, config, pools, adapter, settings }) { export function createApiRouter({ service, manager, config, pools, adapter, settings, knife }) {
const router = express.Router(); const router = express.Router();
// Live-Logs vom CS2-Server (logaddress_add_http). Vor dem JSON-Parser, weil CS2 Klartext sendet. // Live-Logs vom CS2-Server (logaddress_add_http). Vor dem JSON-Parser, weil CS2 Klartext sendet.
@@ -32,7 +32,7 @@ export function createApiRouter({ service, manager, config, pools, adapter, sett
}); });
router.use(express.json({ limit: '32kb' })); router.use(express.json({ limit: '32kb' }));
router.use('/admin', createAdminRouter({ service, manager, config, settings })); router.use('/admin', createAdminRouter({ service, manager, config, settings, knife, pools }));
const limiters = { const limiters = {
create: createRateLimiter({ windowMs: 60_000, max: 10 }), create: createRateLimiter({ windowMs: 60_000, max: 10 }),
@@ -71,12 +71,15 @@ export function createApiRouter({ service, manager, config, pools, adapter, sett
router.get('/matches', wrap(() => ({ matches: service.listMatches() }))); router.get('/matches', wrap(() => ({ matches: service.listMatches() })));
// Messer-Server für die Seitenwahl: offen, ohne Passwort, deshalb für alle sichtbar
router.get('/knife-servers', wrap(() => ({ servers: knife.list().filter((k) => k.status === 'running') })));
// Stream-Übersicht aller Matches; mit STREAM_KEY nur mit passendem ?key= // Stream-Übersicht aller Matches; mit STREAM_KEY nur mit passendem ?key=
router.get('/stream/overview', wrap((req) => { router.get('/stream/overview', wrap((req) => {
if (config.streamKey && !safeEqual(String(req.query.key ?? ''), config.streamKey)) { // Globaler STREAM_KEY: alle Matches; Match-Schlüssel (vom Organisator): nur dieses Match
throw new HttpError(403, 'Für die Stream-Übersicht wird der Stream-Schlüssel benötigt', 'forbidden'); const access = service.streamAccess(typeof req.query.key === 'string' ? req.query.key : '');
} if (!access) throw new HttpError(403, 'Für die Stream-Übersicht wird der Stream-Schlüssel benötigt', 'forbidden');
return service.streamOverview(); return service.streamOverview({ matchId: access.matchId });
})); }));
router.post('/matches', limit('create'), wrap((req) => { router.post('/matches', limit('create'), wrap((req) => {
@@ -110,15 +113,18 @@ export function createApiRouter({ service, manager, config, pools, adapter, sett
const action = (path, handler) => router.post(`/matches/:id/${path}`, limit('action'), wrap((req) => handler(viewerFor(req), req.body ?? {}))); const action = (path, handler) => router.post(`/matches/:id/${path}`, limit('action'), wrap((req) => handler(viewerFor(req), req.body ?? {})));
action('ready', (v, b) => service.setReady(v, Boolean(b.ready))); action('ready', (v, b) => service.setReady(v, Boolean(b.ready)));
action('chat', (v, b) => service.postChat(v, { channel: b.channel, text: b.text }));
action('leave', (v) => service.leave(v)); action('leave', (v) => service.leave(v));
action('kick', (v, b) => service.kick(v, b.playerId)); action('kick', (v, b) => service.kick(v, b.playerId));
action('captain', (v, b) => service.setCaptain(v, b.playerId)); action('captain', (v, b) => service.setCaptain(v, b.playerId));
action('codes/regenerate', (v, b) => service.regenerateCode(v, b.target)); action('codes/regenerate', (v, b) => service.regenerateCode(v, b.target));
action('veto/start', (v) => service.startVeto(v)); action('veto/start', (v, b) => service.startVeto(v, { firstTeam: b.firstTeam }));
action('veto/action', (v, b) => service.vetoAction(v, b)); action('veto/action', (v, b) => service.vetoAction(v, b));
action('server/retry', (v) => manager.retry(v)); action('server/retry', (v) => manager.retry(v));
action('server/stop', (v) => manager.stopByOrganizer(v)); action('server/stop', (v) => manager.stopByOrganizer(v));
action('server/warmup-end', (v) => manager.endWarmup(v)); action('server/warmup-end', (v) => manager.endWarmup(v));
action('server/knife-start', (v) => manager.knifeAction(v, 'start'));
action('server/knife-reset', (v) => manager.knifeAction(v, 'reset'));
action('series/next', (v) => manager.loadNextMap(v)); action('series/next', (v) => manager.loadNextMap(v));
action('finish', (v) => service.close(v, 'finished')); action('finish', (v) => service.close(v, 'finished'));
action('cancel', (v) => service.close(v, 'cancelled')); action('cancel', (v) => service.close(v, 'cancelled'));
+18 -7
View File
@@ -9,16 +9,26 @@
// Game Over: competitive mg_active de_mirage score 13:9 after 35 min // Game Over: competitive mg_active de_mirage score 13:9 after 35 min
// Game Over: scrimcomp2v2 de_inferno score 1:3 after 3 min (Wingman: leere Map-Gruppe, zwei Leerzeichen) // Game Over: scrimcomp2v2 de_inferno score 1:3 after 3 min (Wingman: leere Map-Gruppe, zwei Leerzeichen)
// Alle Muster gelten für die ganze Zeile nach dem Zeitstempel. Spielerzeilen (z. B. Chat:
// "Name<2><[U:1:1]><CT>" say "Game Over: …") beginnen mit einem Anführungszeichen und passen nie.
const RE = { const RE = {
matchStart: /World triggered "Match_Start" on "([^"]+)"/, matchStart: /^World triggered "Match_Start" on "([^"]+)"$/,
warmupStart: /World triggered "Warmup_Start"/, warmupStart: /^World triggered "Warmup_Start"$/,
worldRoundEnd: /World triggered "Round_End"/, worldRoundEnd: /^World triggered "Round_End"$/,
teamPlaying: /Team playing "(CT|TERRORIST)": (.+?)\s*$/, teamPlaying: /^(?:MatchStatus: )?Team playing "(CT|TERRORIST)": (.+?)\s*$/,
roundEnd: /Team "(CT|TERRORIST)" triggered "SFUI_Notice_(\w+)" \(CT "(\d+)"\) \(T "(\d+)"\)/, roundEnd: /^Team "(CT|TERRORIST)" triggered "SFUI_Notice_(\w+)" \(CT "(\d+)"\) \(T "(\d+)"\)$/,
// Das Wort direkt vor "score" ist die Map – Modus und Map-Gruppe davor sind beliebig bzw. leer. // Das Wort direkt vor "score" ist die Map – Modus und Map-Gruppe davor sind beliebig bzw. leer.
gameOver: /Game Over:.*?(\S+)\s+score\s+(\d+):(\d+)/, gameOver: /^Game Over: [\w ]*?(\S+)\s+score\s+(\d+):(\d+) after \d+ min$/,
}; };
// Zeitstempel am Zeilenanfang: "10/25/2026 - 18:07:52.396 - " (HTTP-Log) oder "L 10/25/2026 - 18:07:52: " (Datei)
const PREFIX = /^(?:L\s+)?\d{2}\/\d{2}\/\d{4}\s+-\s+\d{2}:\d{2}:\d{2}(?:\.\d+)?\s*[-:]\s*/;
/** Zeile ohne Zeitstempel, so wie sie die Muster oben erwarten. */
export function logPayload(line) {
return String(line).trim().replace(PREFIX, '');
}
// Gründe für ein Rundenende aus den SFUI-Hinweisen // Gründe für ein Rundenende aus den SFUI-Hinweisen
const REASONS = { const REASONS = {
Target_Bombed: 'bomb', Target_Bombed: 'bomb',
@@ -85,7 +95,8 @@ export function applyLogLines(state, lines, ctx) {
Object.assign(s, { status, score: { A: 0, B: 0 }, rounds: [], winner: null, pendingRound: null }); Object.assign(s, { status, score: { A: 0, B: 0 }, rounds: [], winner: null, pendingRound: null });
}; };
for (const line of lines) { for (const raw of lines) {
const line = logPayload(raw);
let m; let m;
if ((m = RE.matchStart.exec(line))) { if ((m = RE.matchStart.exec(line))) {
// Echter Matchbeginn (nach Aufwärmphase oder mp_restartgame): Zählung beginnt neu. // Echter Matchbeginn (nach Aufwärmphase oder mp_restartgame): Zählung beginnt neu.
+40 -16
View File
@@ -1,5 +1,5 @@
import fs from 'node:fs'; import fs from 'node:fs';
import { BEST_OF, validateFlow } from './veto.js'; import { BEST_OF, generateFlow, validateFlow } from './veto.js';
/** /**
* Lädt die Map-Pools und markiert jede Kombination aus Modus und Format als unterstützt oder nicht. * Lädt die Map-Pools und markiert jede Kombination aus Modus und Format als unterstützt oder nicht.
@@ -22,32 +22,56 @@ export function buildMapPools(raw) {
} }
ids.add(map.id); ids.add(map.id);
} }
const formats = {}; // "active": false = Map ist im Katalog, wird aber erst nach Auswahl im Admin-Bereich gespielt
for (const format of Object.keys(BEST_OF)) { const active = pool.maps.filter((m) => m.active !== false).map((m) => m.id);
const flow = pool.flows?.[format];
if (!flow) {
formats[format] = { supported: false, reason: 'Kein Veto-Ablauf für dieses Format hinterlegt' };
continue;
}
const errors = validateFlow(flow, pool.maps.length, format);
formats[format] = errors.length
? { supported: false, reason: errors.join('; ') }
: { supported: true, flow };
if (errors.length) console.warn(`[map-pools] ${mode}/${format} deaktiviert: ${errors.join('; ')}`);
}
pools[mode] = { pools[mode] = {
mode, mode,
label: pool.label ?? mode, label: pool.label ?? mode,
teamSize: pool.teamSize, teamSize: pool.teamSize,
gameType: pool.gameType, gameType: pool.gameType,
gameMode: pool.gameMode, gameMode: pool.gameMode,
maps: pool.maps, allMaps: pool.maps.map(({ active: _ignored, ...m }) => m),
formats, flows: pool.flows ?? {},
maps: [],
formats: {},
}; };
setActiveMaps(pools[mode], active, { warn: true });
} }
return pools; return pools;
} }
/**
* Veto-Abläufe für die aktiven Maps: Ein in der Konfiguration hinterlegter Ablauf gilt, wenn er zur Map-Anzahl passt,
* sonst erzeugt die Anwendung einen passenden Ablauf.
*/
export function formatsFor(pool, mapCount, { warn = false } = {}) {
const formats = {};
for (const format of Object.keys(BEST_OF)) {
const configured = pool.flows?.[format];
if (configured && validateFlow(configured, mapCount, format).length === 0) {
formats[format] = { supported: true, flow: configured, generated: false };
continue;
}
const flow = generateFlow(mapCount, format);
if (!flow) {
formats[format] = { supported: false, reason: `${format.toUpperCase()} braucht mindestens ${Math.max(BEST_OF[format], 2)} Maps` };
continue;
}
const errors = validateFlow(flow, mapCount, format);
formats[format] = errors.length ? { supported: false, reason: errors.join('; ') } : { supported: true, flow, generated: true };
if (errors.length && warn) console.warn(`[map-pools] ${pool.mode}/${format} deaktiviert: ${errors.join('; ')}`);
}
return formats;
}
/** Aktive Maps eines Pools setzen (Reihenfolge wie im Katalog) und die Formate neu berechnen. */
export function setActiveMaps(pool, ids, options) {
const wanted = new Set(ids);
pool.maps = pool.allMaps.filter((m) => wanted.has(m.id));
pool.formats = formatsFor(pool, pool.maps.length, options);
return pool;
}
export function publicPools(pools) { export function publicPools(pools) {
return Object.values(pools).map((p) => ({ return Object.values(pools).map((p) => ({
mode: p.mode, mode: p.mode,
+165 -16
View File
@@ -1,5 +1,6 @@
import { EventEmitter } from 'node:events'; import { EventEmitter } from 'node:events';
import { BEST_OF, computeVetoState, resolveAction, VetoError } from './veto.js'; import { BEST_OF, computeVetoState, resolveAction, VetoError } from './veto.js';
import crypto from 'node:crypto';
import { formatCode, hashToken, normalizeCode, randomCode, randomId, randomToken, safeEqual } from './security.js'; import { formatCode, hashToken, normalizeCode, randomCode, randomId, randomToken, safeEqual } from './security.js';
import { applyLogLines, initialLiveState, seriesScore, splitLogBody } from './liveScore.js'; import { applyLogLines, initialLiveState, seriesScore, splitLogBody } from './liveScore.js';
import { trimLiveState } from './rounds.js'; import { trimLiveState } from './rounds.js';
@@ -41,9 +42,13 @@ function cleanSteamId(value) {
return raw; return raw;
} }
const CHAT_MAX_LENGTH = 300;
const CHAT_HISTORY = 200;
export class MatchService extends EventEmitter { export class MatchService extends EventEmitter {
constructor({ db, pools, config, notifier = { enabled: false, send: async () => {} } }) { constructor({ db, pools, config, notifier = { enabled: false, send: async () => {} } }) {
super(); super();
this.chatRate = new Map();
this.db = db; this.db = db;
this.pools = pools; this.pools = pools;
this.config = config; this.config = config;
@@ -150,7 +155,8 @@ export class MatchService extends EventEmitter {
if (!formatInfo?.supported) { if (!formatInfo?.supported) {
throw new HttpError(400, `${String(format).toUpperCase()} wird für ${pool.label} nicht unterstützt`, 'unsupported_format'); throw new HttpError(400, `${String(format).toUpperCase()} wird für ${pool.label} nicht unterstützt`, 'unsupported_format');
} }
if (!['coin', 'A', 'B'].includes(vetoStart)) throw new HttpError(400, 'Ungültige Veto-Startregel', 'invalid_input'); // knife = Seitenwahl per Messerrunde: der Organisator legt nach der Runde fest, wer das Veto beginnt
if (!['coin', 'A', 'B', 'knife'].includes(vetoStart)) throw new HttpError(400, 'Ungültige Veto-Startregel', 'invalid_input');
const nameA = cleanName(teamA, 'Name von Team A'); const nameA = cleanName(teamA, 'Name von Team A');
const nameB = cleanName(teamB, 'Name von Team B'); const nameB = cleanName(teamB, 'Name von Team B');
if (nameA.toLowerCase() === nameB.toLowerCase()) { if (nameA.toLowerCase() === nameB.toLowerCase()) {
@@ -326,7 +332,11 @@ export class MatchService extends EventEmitter {
// ---------- Veto ---------- // ---------- Veto ----------
startVeto(viewer) { /**
* Veto starten. Bei Seitenwahl per Messerrunde (veto_start = knife) gibt der Organisator mit
* `firstTeam` an, welches Team das Veto beginnt.
*/
startVeto(viewer, { firstTeam: chosen } = {}) {
this.require(viewer, 'organizer'); this.require(viewer, 'organizer');
this.db.transaction(() => { this.db.transaction(() => {
const match = this.getMatch(viewer.matchId); const match = this.getMatch(viewer.matchId);
@@ -335,11 +345,16 @@ export class MatchService extends EventEmitter {
if (!readiness.A.ready || !readiness.B.ready) { if (!readiness.A.ready || !readiness.B.ready) {
throw new HttpError(409, 'Beide Teams müssen vollständig und bereit sein', 'teams_not_ready'); throw new HttpError(409, 'Beide Teams müssen vollständig und bereit sein', 'teams_not_ready');
} }
const firstTeam = match.first_team ?? (Math.random() < 0.5 ? 'A' : 'B'); const knife = match.veto_start === 'knife';
if (knife && !['A', 'B'].includes(chosen)) {
throw new HttpError(400, 'Nach der Messerrunde festlegen, welches Team das Veto beginnt', 'first_team_required');
}
const firstTeam = knife ? chosen : match.first_team ?? (Math.random() < 0.5 ? 'A' : 'B');
this.db this.db
.prepare("UPDATE matches SET status = 'veto', first_team = ?, veto_started_at = ?, updated_at = ? WHERE id = ?") .prepare("UPDATE matches SET status = 'veto', first_team = ?, veto_started_at = ?, updated_at = ? WHERE id = ?")
.run(firstTeam, this.now(), this.now(), match.id); .run(firstTeam, this.now(), this.now(), match.id);
const how = match.veto_start === 'coin' ? 'per Münzwurf ausgelost' : 'vom Organisator festgelegt'; const how = knife ? 'nach der Messerrunde vom Organisator festgelegt'
: match.veto_start === 'coin' ? 'per Münzwurf ausgelost' : 'vom Organisator festgelegt';
this.log(match.id, 'veto', `Veto gestartet – ${this.teamName(match, firstTeam)} beginnt (${how})`); this.log(match.id, 'veto', `Veto gestartet – ${this.teamName(match, firstTeam)} beginnt (${how})`);
this.notify('veto_start', match.id, { this.notify('veto_start', match.id, {
title: '🎮 Veto gestartet', title: '🎮 Veto gestartet',
@@ -541,6 +556,9 @@ export class MatchService extends EventEmitter {
if (!server || !safeEqual(String(key ?? ''), server.config_key)) { if (!server || !safeEqual(String(key ?? ''), server.config_key)) {
throw new HttpError(403, 'Unbekannter Log-Schlüssel', 'forbidden'); throw new HttpError(403, 'Unbekannter Log-Schlüssel', 'forbidden');
} }
// Erst zählen, wenn die Map eingerichtet ist. Während des Einrichtens kommen noch Zeilen vom vorigen
// Spiel auf dem Server (z. B. dem Ende der Messerrunde), die nicht zur neuen Map gehören.
if (server.status !== 'configured') return;
this.applyLiveLog(matchId, splitLogBody(body)); this.applyLiveLog(matchId, splitLogBody(body));
} }
@@ -625,6 +643,102 @@ export class MatchService extends EventEmitter {
.run(matchId, match.current_map_number); .run(matchId, match.current_map_number);
} }
// ---------- Chat ----------
/**
* Chat-Kanäle, die dieser Zugang sieht: der Match-Chat für Spieler beider Teams und den Organisator,
* dazu der Team-Chat des eigenen Teams. Zuschauer und Gäste sehen keinen Chat.
*/
chatChannels(match, viewer) {
const channels = [];
if (viewer.isOrganizer || viewer.playerId) channels.push({ key: 'match', label: 'Match-Chat' });
if (viewer.playerId && (viewer.team === 'A' || viewer.team === 'B')) {
channels.push({ key: viewer.team, label: `Team ${this.teamName(match, viewer.team)}` });
}
return channels;
}
chatView(match, viewer) {
const channels = this.chatChannels(match, viewer);
if (!channels.length) return null;
const stmt = this.db.prepare(`
SELECT * FROM (SELECT * FROM chat_messages WHERE match_id = ? AND channel = ? ORDER BY id DESC LIMIT ${CHAT_HISTORY})
ORDER BY id
`);
const messages = {};
for (const c of channels) {
messages[c.key] = stmt.all(match.id, c.key).map((m) => ({
id: m.id,
author: m.author,
team: m.team,
organizer: !!m.organizer,
text: m.text,
at: m.created_at,
mine: viewer.playerId ? m.player_id === viewer.playerId : !!m.organizer && !m.player_id,
}));
}
return { channels, messages, canWrite: !CLOSED_STATUSES.includes(match.status), maxLength: CHAT_MAX_LENGTH };
}
/** Nachricht in einen Kanal schreiben. Nach Matchende ist der Chat nur noch lesbar. */
postChat(viewer, { channel, text } = {}) {
const match = this.getMatch(viewer.matchId);
if (!this.chatChannels(match, viewer).some((c) => c.key === channel)) {
throw new HttpError(403, 'In diesem Chat darfst du nicht schreiben', 'forbidden');
}
if (CLOSED_STATUSES.includes(match.status)) throw new HttpError(409, 'Das Match ist beendet, der Chat ist nur noch lesbar', 'match_closed');
const clean = String(text ?? '').replace(/[\u0000-\u001f\u007f]/g, ' ').replace(/\s+/g, ' ').trim();
if (!clean) throw new HttpError(400, 'Die Nachricht ist leer', 'invalid_input');
if (clean.length > CHAT_MAX_LENGTH) throw new HttpError(400, `Höchstens ${CHAT_MAX_LENGTH} Zeichen`, 'invalid_input');
// Gegen Spam: höchstens 5 Nachrichten in 10 Sekunden pro Person
const who = `${match.id}:${viewer.playerId ?? 'org'}`;
const now = this.now();
const recent = (this.chatRate.get(who) ?? []).filter((t) => now - t < 10_000);
if (recent.length >= 5) throw new HttpError(429, 'Zu viele Nachrichten, kurz warten', 'rate_limited');
this.chatRate.set(who, [...recent, now]);
// Gelegentlich alte Einträge anderer Spieler entfernen
if (this.chatRate.size > 500) {
for (const [k, times] of this.chatRate) if (!times.some((t) => now - t < 10_000)) this.chatRate.delete(k);
}
const player = viewer.playerId ? this.db.prepare('SELECT nickname, team FROM players WHERE id = ?').get(viewer.playerId) : null;
this.db.prepare(`
INSERT INTO chat_messages (match_id, channel, player_id, author, team, organizer, text, created_at)
VALUES (?, ?, ?, ?, ?, ?, ?, ?)
`).run(match.id, channel, viewer.playerId ?? null, player?.nickname ?? 'Organisator', player?.team ?? null,
viewer.isOrganizer ? 1 : 0, clean, now);
this.changed(match.id);
}
/** Abgeschlossenes Match ins Archiv legen bzw. zurückholen. */
setArchived(matchId, archived) {
const match = this.getMatch(matchId);
if (archived && !CLOSED_STATUSES.includes(match.status)) {
throw new HttpError(409, 'Nur abgeschlossene oder abgebrochene Matches lassen sich archivieren', 'not_closed');
}
this.db.prepare('UPDATE matches SET archived_at = ? WHERE id = ?').run(archived ? this.now() : null, matchId);
this.log(matchId, 'status', archived ? 'Match archiviert (Admin)' : 'Match aus dem Archiv geholt (Admin)');
this.changed(matchId);
}
/** Abgeschlossene Matches nach `archiveAfterDays` Tagen automatisch archivieren. Liefert die Anzahl. */
archiveClosed(now = this.now()) {
const days = this.config.archiveAfterDays;
if (!days) return 0;
const cutoff = now - days * 86_400_000;
const ids = this.db.prepare(`
SELECT id FROM matches
WHERE archived_at IS NULL AND status IN ('finished', 'cancelled') AND COALESCE(finished_at, updated_at) < ?
`).all(cutoff).map((r) => r.id);
const stmt = this.db.prepare('UPDATE matches SET archived_at = ? WHERE id = ?');
for (const id of ids) {
stmt.run(now, id);
this.log(id, 'status', `Match automatisch archiviert (nach ${days} Tagen)`);
}
return ids.length;
}
close(viewer, status) { close(viewer, status) {
this.require(viewer, 'organizer'); this.require(viewer, 'organizer');
this.closeMatch(viewer.matchId, status); this.closeMatch(viewer.matchId, status);
@@ -714,8 +828,30 @@ export class MatchService extends EventEmitter {
* Lobbys und kürzlich beendete Matches knapp. Enthält nur, was Zuschauer sehen dürfen – * Lobbys und kürzlich beendete Matches knapp. Enthält nur, was Zuschauer sehen dürfen –
* keine Codes, keine Verbindungsdaten. * keine Codes, keine Verbindungsdaten.
*/ */
streamOverview({ resultsWithinMs = 3 * 3_600_000 } = {}) { /** Schlüssel für die Stream-Übersicht nur eines Matches, abgeleitet aus STREAM_KEY (ohne ihn preiszugeben). */
const rows = this.db.prepare('SELECT * FROM matches ORDER BY created_at DESC LIMIT 200').all(); matchStreamKey(matchId) {
const mac = crypto.createHmac('sha256', this.config.streamKey).update(`stream:${matchId}`).digest('base64url').slice(0, 22);
return `${matchId}.${mac}`;
}
/**
* Prüft einen Stream-Schlüssel: { matchId: null } = alle Matches, { matchId } = nur dieses Match, null = kein Zugang.
* Ohne STREAM_KEY ist die Übersicht offen.
*/
streamAccess(key) {
if (!this.config.streamKey) return { matchId: null };
const value = String(key ?? '');
if (safeEqual(value, this.config.streamKey)) return { matchId: null };
const dot = value.lastIndexOf('.');
const matchId = dot > 0 ? value.slice(0, dot) : '';
if (matchId && safeEqual(value, this.matchStreamKey(matchId))) return { matchId };
return null;
}
streamOverview({ resultsWithinMs = 3 * 3_600_000, matchId = null } = {}) {
const rows = matchId
? this.db.prepare('SELECT * FROM matches WHERE id = ?').all(matchId)
: this.db.prepare('SELECT * FROM matches ORDER BY created_at DESC LIMIT 200').all();
const now = this.now(); const now = this.now();
const active = []; const active = [];
const upcoming = []; const upcoming = [];
@@ -881,6 +1017,8 @@ export class MatchService extends EventEmitter {
status: match.status, status: match.status,
statusLabel: MATCH_STATUS[match.status], statusLabel: MATCH_STATUS[match.status],
createdAt: match.created_at, createdAt: match.created_at,
finishedAt: match.finished_at ?? null,
archivedAt: match.archived_at ?? null,
updatedAt: match.updated_at, updatedAt: match.updated_at,
vetoStart: match.veto_start, vetoStart: match.veto_start,
currentMapNumber: match.current_map_number, currentMapNumber: match.current_map_number,
@@ -917,6 +1055,7 @@ export class MatchService extends EventEmitter {
seriesScore: seriesScore(seriesRows), seriesScore: seriesScore(seriesRows),
maxRounds: match.mode === 'wingman' ? this.config.match.maxRoundsWingman : this.config.match.maxRoundsCompetitive, maxRounds: match.mode === 'wingman' ? this.config.match.maxRoundsWingman : this.config.match.maxRoundsCompetitive,
server: this.serverView(match, viewer), server: this.serverView(match, viewer),
chat: this.chatView(match, viewer),
events: publicView events: publicView
? [] ? []
: this.db : this.db
@@ -935,7 +1074,7 @@ export class MatchService extends EventEmitter {
// Vollbild-Übersicht für den Stream (OBS-Browserquelle), nutzt den Zuschauercode // Vollbild-Übersicht für den Stream (OBS-Browserquelle), nutzt den Zuschauercode
stream: `${base}/stream/${formatCode(match.code_spectator)}`, stream: `${base}/stream/${formatCode(match.code_spectator)}`,
// Stream-Übersicht nur für dieses Match, ohne Zuschauercode (Schlüssel nur wenn gesetzt) // Stream-Übersicht nur für dieses Match, ohne Zuschauercode (Schlüssel nur wenn gesetzt)
overview: `${base}/stream/match/${match.id}${this.config.streamKey ? `?key=${encodeURIComponent(this.config.streamKey)}` : ''}`, overview: `${base}/stream/match/${match.id}${this.config.streamKey ? `?key=${encodeURIComponent(this.matchStreamKey(match.id))}` : ''}`,
}, },
}; };
} }
@@ -956,25 +1095,25 @@ export class MatchService extends EventEmitter {
updatedAt: row.updated_at, updatedAt: row.updated_at,
idleTimeoutMinutes: this.config.idleTimeoutMinutes, idleTimeoutMinutes: this.config.idleTimeoutMinutes,
}; };
// Messerrunde auf dem Match-Server: Spieler bekommen die Verbindungsdaten schon in der Lobby
const knife = match.status === 'lobby' && row.knife_at && row.status === 'ready';
if (match.status === 'lobby' && match.veto_start === 'knife') {
// failed: alle automatischen Versuche fehlgeschlagen, der Organisator kann es von Hand wiederholen
const failed = !knife && row.status === 'ready' && String(row.message ?? '').startsWith('Messerrunde konnte nicht');
view.knife = { ready: !!knife, phase: knife ? row.knife_phase : null, failed };
}
if (viewer.isOrganizer) { if (viewer.isOrganizer) {
// Zeitpunkt der letzten Anforderung (neuer Start oder "Server neu starten / wiederholen") // Zeitpunkt der letzten Anforderung (neuer Start oder "Server neu starten / wiederholen")
view.requestedAt = row.started_at ?? null; view.requestedAt = row.started_at ?? null;
if (row.host) view.address = { host: row.host, port: row.port, tvPort: row.tv_port }; if (row.host) view.address = { host: row.host, port: row.port, tvPort: row.tv_port };
} }
const configured = row.status === 'configured'; const configured = row.status === 'configured';
if (knife && viewer.role !== 'public' && (viewer.isOrganizer || viewer.playerId)) view.connect = this.connectInfo(row);
if (!configured || viewer.role === 'public') return view; if (!configured || viewer.role === 'public') return view;
const isTeam = viewer.isOrganizer || !!viewer.playerId; const isTeam = viewer.isOrganizer || !!viewer.playerId;
const isSpectatorView = viewer.isOrganizer || viewer.isSpectator; const isSpectatorView = viewer.isOrganizer || viewer.isSpectator;
if (isTeam) { if (isTeam) view.connect = this.connectInfo(row);
view.connect = {
host: row.host,
port: row.port,
password: row.server_password,
command: `password ${row.server_password}; connect ${row.host}:${row.port}`,
steamUrl: `steam://connect/${row.host}:${row.port}/${row.server_password}`,
};
}
if (isSpectatorView && this.config.match.tvEnabled) { if (isSpectatorView && this.config.match.tvEnabled) {
view.gotv = { view.gotv = {
host: row.host, host: row.host,
@@ -986,4 +1125,14 @@ export class MatchService extends EventEmitter {
} }
return view; return view;
} }
connectInfo(row) {
return {
host: row.host,
port: row.port,
password: row.server_password,
command: `password ${row.server_password}; connect ${row.host}:${row.port}`,
steamUrl: `steam://connect/${row.host}:${row.port}/${row.server_password}`,
};
}
} }
+47 -11
View File
@@ -1,5 +1,8 @@
import { Server } from 'socket.io'; import { Server } from 'socket.io';
import { safeEqual } from './security.js'; // Abfragen pro Verbindung: kurzer Schwall erlaubt, danach 2 pro Sekunde
const SOCKET_BURST = 20;
const SOCKET_REFILL = 2;
const SOCKET_REFILL_MS = 1000;
/** /**
* Echtzeit-Kanal. Clients senden nie Aktionen über den Socket – alle Änderungen laufen über die * Echtzeit-Kanal. Clients senden nie Aktionen über den Socket – alle Änderungen laufen über die
@@ -54,7 +57,13 @@ export function attachRealtime(httpServer, { service, config }) {
let streamTimer = null; let streamTimer = null;
const broadcastStream = () => { const broadcastStream = () => {
clearTimeout(streamTimer); clearTimeout(streamTimer);
streamTimer = setTimeout(() => io.to('stream-overview').emit('stream:overview', service.streamOverview()), 200); streamTimer = setTimeout(async () => {
io.to('stream-overview').emit('stream:overview', service.streamOverview());
// Zugänge mit Match-Schlüssel bekommen nur ihr Match
for (const s of await io.in('stream-match').fetchSockets()) {
s.emit('stream:overview', service.streamOverview({ matchId: s.data.streamMatch }));
}
}, 200);
}; };
service.on('changed', (matchId) => { service.on('changed', (matchId) => {
@@ -64,25 +73,47 @@ export function attachRealtime(httpServer, { service, config }) {
}); });
io.on('connection', (socket) => { io.on('connection', (socket) => {
socket.on('overview:subscribe', () => { // Jede Nachricht kommt ungeprüft vom Client: Fehler im Handler dürfen nie das Backend beenden,
// und Abfragen sind pro Verbindung begrenzt (jede baut einen vollständigen Zustand).
let budget = SOCKET_BURST;
const refill = setInterval(() => { budget = Math.min(SOCKET_BURST, budget + SOCKET_REFILL); }, SOCKET_REFILL_MS);
const on = (event, handler) => socket.on(event, (payload) => {
if (budget <= 0) {
socket.emit('rate_limited', { error: 'Zu viele Anfragen – bitte kurz warten' });
return;
}
budget -= 1;
try {
handler(payload && typeof payload === 'object' && !Array.isArray(payload) ? payload : {});
} catch (err) {
console.error(`[socket] ${event}: ${err.message}`);
}
});
on('overview:subscribe', () => {
socket.join('overview'); socket.join('overview');
socket.emit('overview', { matches: service.listMatches() }); socket.emit('overview', { matches: service.listMatches() });
}); });
socket.on('stream:subscribe', ({ key } = {}) => { on('stream:subscribe', ({ key }) => {
if (config.streamKey && !safeEqual(String(key ?? ''), config.streamKey)) { const access = service.streamAccess(typeof key === 'string' ? key : '');
if (!access) {
socket.emit('stream:error', { error: 'Für die Stream-Übersicht wird der Stream-Schlüssel benötigt' }); socket.emit('stream:error', { error: 'Für die Stream-Übersicht wird der Stream-Schlüssel benötigt' });
return; return;
} }
socket.join('stream-overview'); socket.leave('stream-overview');
socket.emit('stream:overview', service.streamOverview()); socket.leave('stream-match');
// Mit einem Match-Schlüssel gibt es nur die Daten dieses einen Matches
socket.data.streamMatch = access.matchId ?? null;
socket.join(access.matchId ? 'stream-match' : 'stream-overview');
socket.emit('stream:overview', service.streamOverview({ matchId: access.matchId }));
}); });
socket.on('match:subscribe', ({ matchId, token, playerToken } = {}) => { on('match:subscribe', ({ matchId, token, playerToken }) => {
if (typeof matchId !== 'string') return; if (typeof matchId !== 'string' || matchId.length > 64) return;
for (const room of socket.rooms) if (room.startsWith('match:')) leave(room.slice(6)); for (const room of socket.rooms) if (room.startsWith('match:')) leave(room.slice(6));
const str = (v) => (typeof v === 'string' ? v : null); const str = (v) => (typeof v === 'string' ? v : null);
socket.data = { matchId, token: str(token), playerToken: str(playerToken) }; socket.data = { ...socket.data, matchId, token: str(token), playerToken: str(playerToken) };
try { try {
service.getMatch(matchId); service.getMatch(matchId);
} catch (err) { } catch (err) {
@@ -107,7 +138,12 @@ export function attachRealtime(httpServer, { service, config }) {
}; };
socket.on('disconnect', () => { socket.on('disconnect', () => {
if (socket.data?.matchId) leave(socket.data.matchId); clearInterval(refill);
try {
if (socket.data?.matchId) leave(socket.data.matchId);
} catch (err) {
console.error(`[socket] disconnect: ${err.message}`);
}
}); });
}); });
+28 -6
View File
@@ -47,20 +47,42 @@ export function safeEqual(a, b) {
return ba.length === bb.length && crypto.timingSafeEqual(ba, bb); return ba.length === bb.length && crypto.timingSafeEqual(ba, bb);
} }
/**
* Fehlermeldung ohne Zugangsdaten. Node schreibt bei einem fehlgeschlagenen Prozess die ganze Befehlszeile
* in die Meldung ("Command failed: docker run -e CS2_RCONPW=…"). Die Zeile fällt weg, übrig bleibt die
* Ausgabe des Programms; Werte von Variablen wie *_PW, *PASSWORD*, *TOKEN* werden zusätzlich geschwärzt,
* ebenso alle in `secrets` genannten Werte.
*/
export function safeErrorMessage(err, secrets = []) {
const stderr = String(err?.stderr ?? '').trim();
let text = stderr || String(err?.message ?? err ?? 'Unbekannter Fehler');
text = text.replace(/^Command failed:.*$/gm, '').trim() || 'Befehl fehlgeschlagen';
text = text.replace(/\b([A-Z0-9_]*(?:PW|PASS|PASSWORD|TOKEN|SECRET|KEY)[A-Z0-9_]*)=("[^"]*"|\S+)/gi, '$1=***');
for (const s of secrets) if (s && String(s).length >= 4) text = text.split(String(s)).join('***');
return text.slice(0, 500);
}
/** Einfacher In-Memory-Ratenbegrenzer (Fenster pro Schlüssel). */ /** Einfacher In-Memory-Ratenbegrenzer (Fenster pro Schlüssel). */
export function createRateLimiter({ windowMs, max }) { export function createRateLimiter({ windowMs, max, maxKeys = 10_000 }) {
const hits = new Map(); const hits = new Map();
return function check(key) { let lastSweep = Date.now();
function check(key) {
const now = Date.now(); const now = Date.now();
// Abgelaufene Fenster regelmäßig entfernen, unabhängig davon, ob der Schlüssel neu ist
if (now - lastSweep > windowMs) {
for (const [k, v] of hits) if (now - v.start > windowMs) hits.delete(k);
lastSweep = now;
}
const entry = hits.get(key); const entry = hits.get(key);
if (!entry || now - entry.start > windowMs) { if (!entry || now - entry.start > windowMs) {
// Obergrenze für den Speicher: ältesten Eintrag verdrängen (Map hält die Einfügereihenfolge)
if (!entry && hits.size >= maxKeys) hits.delete(hits.keys().next().value);
hits.set(key, { start: now, count: 1 }); hits.set(key, { start: now, count: 1 });
return true; return true;
} }
entry.count += 1; entry.count += 1;
if (hits.size > 10_000) {
for (const [k, v] of hits) if (now - v.start > windowMs) hits.delete(k);
}
return entry.count <= max; return entry.count <= max;
}; }
check.size = () => hits.size;
return check;
} }
+31
View File
@@ -3,9 +3,11 @@
import { HttpError } from './matchService.js'; import { HttpError } from './matchService.js';
import { parseDockerHosts } from './config.js'; import { parseDockerHosts } from './config.js';
import { setActiveMaps } from './mapPools.js';
const SETTINGS_KEY = 'server_settings'; const SETTINGS_KEY = 'server_settings';
const HOSTS_KEY = 'docker_hosts'; const HOSTS_KEY = 'docker_hosts';
const MAPS_KEY = 'map_selection';
/** /**
* Änderbare Felder. `get`/`set` greifen auf das gemeinsame config-Objekt zu, das Match-Service, * Änderbare Felder. `get`/`set` greifen auf das gemeinsame config-Objekt zu, das Match-Service,
@@ -30,6 +32,8 @@ export const SERVER_SETTING_FIELDS = [
get: (c) => c.idleTimeoutMinutes, set: (c, v) => { c.idleTimeoutMinutes = v; } }, get: (c) => c.idleTimeoutMinutes, set: (c, v) => { c.idleTimeoutMinutes = v; } },
{ key: 'maxLifetimeHours', group: 'times', label: 'Maximale Laufzeit eines Servers in Stunden', type: 'int', min: 1, max: 72, live: false, { key: 'maxLifetimeHours', group: 'times', label: 'Maximale Laufzeit eines Servers in Stunden', type: 'int', min: 1, max: 72, live: false,
get: (c) => c.maxLifetimeHours, set: (c, v) => { c.maxLifetimeHours = v; } }, get: (c) => c.maxLifetimeHours, set: (c, v) => { c.maxLifetimeHours = v; } },
{ key: 'archiveAfterDays', group: 'times', label: 'Abgeschlossene Matches archivieren nach Tagen (0 = nie)', type: 'int', min: 0, max: 365, live: false,
get: (c) => c.archiveAfterDays, set: (c, v) => { c.archiveAfterDays = v; } },
{ key: 'startTimeoutMinutes', group: 'times', label: 'Startzeit eines Servers in Minuten (inkl. Download)', type: 'int', min: 5, max: 240, live: false, { key: 'startTimeoutMinutes', group: 'times', label: 'Startzeit eines Servers in Minuten (inkl. Download)', type: 'int', min: 5, max: 240, live: false,
get: (c) => c.docker.startTimeoutMinutes, set: (c, v) => { c.docker.startTimeoutMinutes = v; } }, get: (c) => c.docker.startTimeoutMinutes, set: (c, v) => { c.docker.startTimeoutMinutes = v; } },
]; ];
@@ -190,4 +194,31 @@ export class ServerSettings {
hostsOverridden() { hostsOverridden() {
return this.readJson(HOSTS_KEY) != null; return this.readJson(HOSTS_KEY) != null;
} }
/** Beim Start: im Admin-Bereich gewählte Maps auf die Pools legen. Unbekannte Maps werden ignoriert. */
applyMapSelection(pools) {
const saved = this.readJson(MAPS_KEY) ?? {};
for (const [mode, ids] of Object.entries(saved)) {
const pool = pools[mode];
if (!pool || !Array.isArray(ids)) continue;
const known = ids.filter((id) => pool.allMaps.some((m) => m.id === id));
if (known.length >= 2) setActiveMaps(pool, known);
}
}
/** Aktive Maps eines Modus setzen und speichern. Gilt für neue Matches, laufende behalten ihre Maps. */
saveMapSelection(pools, mode, ids) {
const pool = pools[mode];
if (!pool) throw new HttpError(400, `Unbekannter Modus: ${mode}`, 'invalid');
if (!Array.isArray(ids)) throw new HttpError(400, 'Map-Liste erwartet', 'invalid');
const unique = [...new Set(ids.map(String))];
const unknown = unique.filter((id) => !pool.allMaps.some((m) => m.id === id));
if (unknown.length) throw new HttpError(400, `Unbekannte Map: ${unknown.join(', ')}`, 'invalid');
if (unique.length < 2) throw new HttpError(400, 'Mindestens 2 Maps auswählen', 'invalid');
setActiveMaps(pool, unique);
const saved = this.readJson(MAPS_KEY) ?? {};
saved[mode] = pool.maps.map((m) => m.id);
this.writeJson(MAPS_KEY, saved);
return pool;
}
} }
+2
View File
@@ -59,6 +59,8 @@ export function buildMapCommands({ match, pool, seriesMap, secrets, settings, lo
`mp_maxrounds ${isWingman ? settings.maxRoundsWingman : settings.maxRoundsCompetitive}`, `mp_maxrounds ${isWingman ? settings.maxRoundsWingman : settings.maxRoundsCompetitive}`,
`mp_overtime_enable ${settings.overtime ? 1 : 0}`, `mp_overtime_enable ${settings.overtime ? 1 : 0}`,
'mp_match_can_clinch 1', 'mp_match_can_clinch 1',
// Keine Map-Abstimmung nach Spielende: die nächste Map legt das Veto fest
'mp_endmatch_votenextmap 0',
'mp_autoteambalance 0', 'mp_autoteambalance 0',
'mp_limitteams 0', 'mp_limitteams 0',
// Aufwärmphase läuft, bis der Organisator das Match startet (mp_warmup_end) // Aufwärmphase läuft, bis der Organisator das Match startet (mp_warmup_end)
+15
View File
@@ -2,6 +2,7 @@
// Er simuliert nur Startdauer und Konfiguration, damit der Ablauf ohne Hosting getestet werden kann. // Er simuliert nur Startdauer und Konfiguration, damit der Ablauf ohne Hosting getestet werden kann.
// Das Flag simulated=true sorgt dafür, dass das Frontend den Server ausdrücklich als Simulation kennzeichnet. // Das Flag simulated=true sorgt dafür, dass das Frontend den Server ausdrücklich als Simulation kennzeichnet.
import { PassThrough } from 'node:stream';
import { backupPrefix, parseBackupFiles } from '../rounds.js'; import { backupPrefix, parseBackupFiles } from '../rounds.js';
const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms)); const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
@@ -51,6 +52,20 @@ export class DemoServerAdapter {
async loadRoundBackup() {} async loadRoundBackup() {}
/** Simulierte Konsolenausgabe, damit die Konsolen-Ansicht ohne echten Server testbar ist. */
streamLogs(handle, { intervalMs = 1000 } = {}) {
const stdout = new PassThrough();
const stderr = new PassThrough();
let n = 0;
stdout.write('Demo-Adapter: kein echter Container, die Ausgabe ist simuliert\n');
const timer = setInterval(() => {
n += 1;
stdout.write(`[Demo] Server läuft (${handle.map ?? 'de_demo'}), Zeile ${n}\n`);
}, intervalMs);
const proc = { stdout, stderr, kill() { clearInterval(timer); stdout.end(); stderr.end(); proc.onExit?.(0); }, on(evt, fn) { if (evt === 'close') proc.onExit = fn; return proc; } };
return proc;
}
async sendCommands(handle, commands) { async sendCommands(handle, commands) {
return commands.map(() => '(Demo – nicht ausgeführt)'); return commands.map(() => '(Demo – nicht ausgeführt)');
} }
+219 -16
View File
@@ -1,8 +1,9 @@
import { execFile } from 'node:child_process'; import { execFile, spawn } from 'node:child_process';
import { promisify } from 'node:util'; import { promisify } from 'node:util';
import { configureViaRcon, listRoundBackups, loadRoundBackup, rconStatus } from './rconConfigure.js'; import { configureViaRcon, listRoundBackups, loadRoundBackup, rconStatus } from './rconConfigure.js';
import { runRcon } from './rcon.js'; import { runRcon } from './rcon.js';
import { sanitizeConsoleText } from './cs2Config.js'; import { sanitizeConsoleText } from './cs2Config.js';
import { safeErrorMessage } from '../security.js';
const exec = promisify(execFile); const exec = promisify(execFile);
@@ -33,6 +34,74 @@ export function countSlots(host, used) {
} }
} }
// Ereignisse des Docker-Hosts, auf Deutsch. exec_* (Healthchecks fremder Container) und Mount-Rauschen fallen weg,
// weil sie nichts aussagen und Befehlszeilen mit Zugangsdaten enthalten können.
const EVENT_LABELS = {
container: {
create: 'angelegt', start: 'gestartet', restart: 'neu gestartet', stop: 'gestoppt', kill: 'abgebrochen',
die: 'beendet', destroy: 'entfernt', pause: 'angehalten', unpause: 'fortgesetzt', oom: 'kein Speicher mehr',
'health_status: healthy': 'gesund', 'health_status: unhealthy': 'ungesund',
},
image: { pull: 'geladen', delete: 'gelöscht', untag: 'Markierung entfernt', tag: 'markiert' },
volume: { create: 'angelegt', destroy: 'gelöscht' },
};
const EVENT_TYPES = { container: 'Container', image: 'Image', volume: 'Volume' };
/** Eine JSON-Zeile von `docker events` lesbar machen. null = Ereignis wird nicht angezeigt. */
export function formatDockerEvent(line) {
let e;
try {
e = JSON.parse(line);
} catch {
return null;
}
const label = EVENT_LABELS[e.Type]?.[e.Action];
if (!label) return null;
const attrs = e.Actor?.Attributes ?? {};
const time = new Date((e.time ?? 0) * 1000).toLocaleString('de-DE', { day: '2-digit', month: '2-digit', hour: '2-digit', minute: '2-digit', second: '2-digit' });
const name = attrs.name ?? e.Actor?.ID?.slice(0, 12) ?? '';
const app = attrs['cs2-mapveto'] === '1' ? ' [Mapveto]' : '';
const extra = e.Action === 'die' && attrs.exitCode != null ? ` (Exit-Code ${attrs.exitCode})`
: e.Action === 'kill' && attrs.signal ? ` (Signal ${attrs.signal})`
: e.Type === 'container' && attrs.image ? ` (${attrs.image})` : '';
return `${time} ${EVENT_TYPES[e.Type]} ${name}${app} ${label}${extra}`;
}
/**
* Skript für den Update-Container: dasselbe SteamCMD-Update wie beim Serverstart des Images (entry.sh),
* nur ohne danach den Server zu starten. Vorher und nachher wird die Build-Nummer ausgegeben.
*/
export const GAMEFILES_UPDATE_SCRIPT = [
'f=/home/steam/cs2-dedicated/steamapps/appmanifest_730.acf',
'b() { grep -m1 \'"buildid"\' "$f" 2>/dev/null | tr -dc 0-9; }',
'echo "BUILD_BEFORE=$(b)"',
'bash /home/steam/steamcmd/steamcmd.sh +force_install_dir /home/steam/cs2-dedicated +@bClientTryRequestManifestWithoutCode 1'
+ ' +login anonymous +app_update 730 -beta public +quit',
'rc=$?',
'echo "BUILD_AFTER=$(b)"',
// StateFlags 4 = vollständig installiert; SteamCMD meldet auch bei Abbruch oft Exit-Code 0
'echo "STATE_AFTER=$(grep -m1 \'"StateFlags"\' "$f" 2>/dev/null | tr -dc 0-9)"',
'exit $rc',
].join('; ');
/** Fortschritt und Build-Nummern aus der Ausgabe des Update-Containers lesen. */
export function parseUpdateOutput(text, into = {}) {
for (const line of String(text).split(/\r?\n/)) {
const before = /^BUILD_BEFORE=(\d*)/.exec(line);
const after = /^BUILD_AFTER=(\d*)/.exec(line);
const state = /^STATE_AFTER=(\d*)/.exec(line);
const error = /(Error!.*|ERROR!.*)/.exec(line);
const progress = /progress:\s*([\d.]+)/.exec(line);
if (before) into.buildBefore = before[1] || null;
else if (after) into.buildAfter = after[1] || null;
else if (state) into.stateAfter = state[1] || null;
else if (error) into.error = error[1].trim().slice(0, 200);
else if (progress) into.progress = Number(progress[1]);
if (line.trim()) into.lastLine = line.trim().slice(0, 200);
}
return into;
}
/** Fehler von "docker run", wenn ein Port auf dem Host schon von etwas anderem belegt ist. */ /** Fehler von "docker run", wenn ein Port auf dem Host schon von etwas anderem belegt ist. */
const PORT_BUSY = /port is already allocated|address already in use/i; const PORT_BUSY = /port is already allocated|address already in use/i;
const DISK_CACHE_MS = 60_000; const DISK_CACHE_MS = 60_000;
@@ -73,14 +142,24 @@ export class DockerServerAdapter {
this.runDocker = runDocker; // nur für Tests this.runDocker = runDocker; // nur für Tests
this.lanMode = !options.gslt; this.lanMode = !options.gslt;
this.startQueue = Promise.resolve(); this.startQueue = Promise.resolve();
// Starts, die gerade warten oder deren Container noch SteamCMD laufen lässt
this.pendingStarts = 0;
if (!options.host) throw new Error('SERVER_ADAPTER=docker benötigt CS2_PUBLIC_HOST'); if (!options.host) throw new Error('SERVER_ADAPTER=docker benötigt CS2_PUBLIC_HOST');
} }
async docker(args, timeout = 60_000) { async docker(args, timeout = 60_000) {
if (this.runDocker) return this.runDocker(args, this.options.name); if (this.runDocker) return this.runDocker(args, this.options.name);
const env = this.options.dockerHost ? { ...process.env, DOCKER_HOST: this.options.dockerHost } : process.env; const env = this.options.dockerHost ? { ...process.env, DOCKER_HOST: this.options.dockerHost } : process.env;
const { stdout } = await exec(this.options.bin, args, { timeout, maxBuffer: 4 * 1024 * 1024, env }); try {
return stdout.trim(); const { stdout } = await exec(this.options.bin, args, { timeout, maxBuffer: 4 * 1024 * 1024, env });
return stdout.trim();
} catch (err) {
// Die Befehlszeile enthält bei "docker run" die Passwörter: nie weiterreichen
const clean = new Error(safeErrorMessage(err));
clean.stderr = safeErrorMessage({ message: err.stderr ?? '' });
clean.code = err.code;
throw clean;
}
} }
allocatePorts(blocked = new Set()) { allocatePorts(blocked = new Set()) {
@@ -90,7 +169,7 @@ export class DockerServerAdapter {
return plan; return plan;
} }
/** Servername im Steam-Serverbrowser, z. B. "MaxLAN | Team A vs. Team B". */ /** Servername im Steam-Serverbrowser, z. B. "Maxlan | Team A vs. Team B". */
serverName(matchId, teamNames) { serverName(matchId, teamNames) {
const prefix = this.options.serverNamePrefix ? sanitizeConsoleText(this.options.serverNamePrefix, 24) : ''; const prefix = this.options.serverNamePrefix ? sanitizeConsoleText(this.options.serverNamePrefix, 24) : '';
if (!teamNames) return `${prefix} ${matchId}`.trim(); if (!teamNames) return `${prefix} ${matchId}`.trim();
@@ -101,8 +180,13 @@ export class DockerServerAdapter {
async start(args) { async start(args) {
// In die Warteschlange: erst starten, wenn der vorige Container seinen Update-Check hinter sich hat. // In die Warteschlange: erst starten, wenn der vorige Container seinen Update-Check hinter sich hat.
const previous = this.startQueue; const previous = this.startQueue;
let release; let releaseQueue;
this.startQueue = new Promise((resolve) => { release = resolve; }); this.startQueue = new Promise((resolve) => { releaseQueue = resolve; });
this.pendingStarts += 1;
const release = () => {
this.pendingStarts -= 1;
releaseQueue();
};
await previous; await previous;
let result; let result;
try { try {
@@ -164,16 +248,16 @@ export class DockerServerAdapter {
} }
} }
async launch({ matchId, mode, secrets, teamNames }, blocked = new Set()) { async launch({ matchId, mode, secrets, teamNames, serverName }, blocked = new Set()) {
const { port, tvPort } = this.allocatePorts(blocked); const { port, tvPort } = this.allocatePorts(blocked);
const lan = (this.options.lanPorts ?? []).includes(port); const lan = (this.options.lanPorts ?? []).includes(port);
if (lan && blocked.size < 10 && !(await this.hostPortsFree([port, tvPort]))) { if (lan && blocked.size < 10 && !(await this.hostPortsFree([port, tvPort]))) {
return this.launch({ matchId, mode, secrets, teamNames }, new Set([...blocked, port, tvPort])); return this.launch({ matchId, mode, secrets, teamNames, serverName }, new Set([...blocked, port, tvPort]));
} }
const container = `cs2mv-${matchId.replace(/[^a-zA-Z0-9_-]/g, '')}`.toLowerCase(); const container = `cs2mv-${matchId.replace(/[^a-zA-Z0-9_-]/g, '')}`.toLowerCase();
const env = { const env = {
...(this.lanMode ? { CS2_LAN: '1' } : { SRCDS_TOKEN: this.options.gslt, CS2_LAN: '0' }), ...(this.lanMode ? { CS2_LAN: '1' } : { SRCDS_TOKEN: this.options.gslt, CS2_LAN: '0' }),
CS2_SERVERNAME: this.serverName(matchId, teamNames), CS2_SERVERNAME: serverName ? sanitizeConsoleText(serverName, 63) : this.serverName(matchId, teamNames),
CS2_PORT: String(port), CS2_PORT: String(port),
CS2_RCONPW: secrets.rconPassword, CS2_RCONPW: secrets.rconPassword,
CS2_PW: secrets.serverPassword, CS2_PW: secrets.serverPassword,
@@ -216,7 +300,7 @@ export class DockerServerAdapter {
// Port von einem fremden Dienst belegt (die App kennt nur ihre eigenen Server): mit anderen Ports erneut versuchen // Port von einem fremden Dienst belegt (die App kennt nur ihre eigenen Server): mit anderen Ports erneut versuchen
if (!PORT_BUSY.test(`${err.message} ${err.stderr ?? ''}`) || blocked.size >= 10) throw err; if (!PORT_BUSY.test(`${err.message} ${err.stderr ?? ''}`) || blocked.size >= 10) throw err;
await this.docker(['rm', '-f', container]).catch(() => {}); await this.docker(['rm', '-f', container]).catch(() => {});
return this.launch({ matchId, mode, secrets, teamNames }, new Set([...blocked, port, tvPort])); return this.launch({ matchId, mode, secrets, teamNames, serverName }, new Set([...blocked, port, tvPort]));
} }
return { return {
@@ -278,6 +362,18 @@ export class DockerServerAdapter {
return runRcon(this.target(handle), commands); return runRcon(this.target(handle), commands);
} }
/** Ereignisse des Docker-Hosts live (`docker events`), ab `sinceMinutes` in der Vergangenheit. Nur lesen. */
streamEvents({ sinceMinutes = 120 } = {}) {
const env = this.options.dockerHost ? { ...process.env, DOCKER_HOST: this.options.dockerHost } : process.env;
return spawn(this.options.bin, ['events', '--since', `${Math.max(0, sinceMinutes)}m`, '--format', '{{json .}}'], { env, windowsHide: true });
}
/** Konsolenausgabe des Containers live: `docker logs --follow`. Liefert den Kindprozess (stdout/stderr, kill). */
streamLogs(handle, { tail = 200 } = {}) {
const env = this.options.dockerHost ? { ...process.env, DOCKER_HOST: this.options.dockerHost } : process.env;
return spawn(this.options.bin, ['logs', '--follow', '--tail', String(tail), handle.container], { env, windowsHide: true });
}
async stop(handle) { async stop(handle) {
await this.docker(['rm', '-f', handle.container]).catch(() => {}); await this.docker(['rm', '-f', handle.container]).catch(() => {});
} }
@@ -288,15 +384,17 @@ export class DockerServerAdapter {
* immer an denselben Host. Ohne CS2_DOCKER_HOSTS gibt es genau einen Host: den bisherigen. * immer an denselben Host. Ohne CS2_DOCKER_HOSTS gibt es genau einen Host: den bisherigen.
*/ */
export class DockerHostPool { export class DockerHostPool {
constructor(options, { getUsedPorts, runDocker } = {}) { constructor(options, { getUsedPorts, getStarting, runDocker } = {}) {
this.name = 'docker'; this.name = 'docker';
this.simulated = false; this.simulated = false;
this.depsGetUsedPorts = getUsedPorts; this.depsGetUsedPorts = getUsedPorts;
this.depsGetStarting = getStarting;
this.runDocker = runDocker; this.runDocker = runDocker;
this.options = options; this.options = options;
this.diskCache = new Map(); this.diskCache = new Map();
this.diskInflight = new Map(); this.diskInflight = new Map();
this.pull = { running: false, startedAt: null, finishedAt: null, results: [] }; this.pull = { running: false, startedAt: null, finishedAt: null, results: [] };
this.files = { running: false, startedAt: null, finishedAt: null, results: [] };
this.setHosts(options.hosts); this.setHosts(options.hosts);
} }
@@ -385,6 +483,83 @@ export class DockerHostPool {
return this.pull; return this.pull;
} }
/**
* CS2-Spieldateien im Volume jedes Hosts per SteamCMD aktualisieren (eigener, kurzlebiger Container).
* Hosts in `skip` (z. B. mit laufenden Servern) werden ausgelassen, damit niemandem die Dateien unter
* einem laufenden Server ausgetauscht werden.
*/
async updateGameFiles({ skip = new Map() } = {}) {
if (this.files.running) throw new Error('Die Spieldateien werden bereits aktualisiert');
const hosts = this.hosts.map((h) => h.name);
this.files = {
running: true,
startedAt: Date.now(),
finishedAt: null,
results: hosts.map((name) => (skip.has(name)
? { name, state: 'skipped', message: skip.get(name) }
: { name, state: 'running', message: 'SteamCMD prüft auf Updates …', progress: null })),
};
await Promise.all(this.files.results.filter((r) => r.state === 'running').map((r) => this.runFileUpdate(r)));
this.files.running = false;
this.files.finishedAt = Date.now();
return this.files;
}
async runFileUpdate(result) {
const host = this.hosts.find((h) => h.name === result.name);
const args = [
'run', '--rm', '--name', `cs2mv-update-${host.name.replace(/[^a-zA-Z0-9_.-]/g, '')}`, '--label', 'cs2-mapveto-update=1',
'-v', `${host.volume}:/home/steam/cs2-dedicated`, '--entrypoint', 'bash', this.options.image, '-c', GAMEFILES_UPDATE_SCRIPT,
];
const info = {};
const finish = (exitOk, error) => {
const { buildBefore: from, buildAfter: to } = info;
// Nur "ok", wenn Steam die App als vollständig installiert meldet
const complete = info.stateAfter == null || info.stateAfter === '4';
const ok = exitOk && complete && !info.error;
if (!ok && exitOk && !error) {
error = info.error ?? `nicht vollständig installiert (StateFlags ${info.stateAfter}), bitte erneut starten`;
}
if (ok) {
Object.assign(result, {
state: 'ok',
progress: 100,
message: from && to && from === to ? `bereits aktuell (Build ${to})` : to ? `aktualisiert auf Build ${to}${from ? ` (vorher ${from})` : ''}` : 'aktualisiert',
});
} else {
Object.assign(result, { state: 'failed', message: String(error || info.lastLine || 'SteamCMD-Update fehlgeschlagen').slice(0, 200) });
}
};
if (this.runDocker) {
// Tests: Ausgabe kommt gesammelt zurück
try {
parseUpdateOutput(await this.runDocker(args, host.name), info);
finish(true);
} catch (err) {
finish(false, err.message);
}
return;
}
await new Promise((resolve) => {
const env = host.dockerHost ? { ...process.env, DOCKER_HOST: host.dockerHost } : process.env;
const proc = spawn(this.options.bin, args, { env, windowsHide: true });
const onData = (chunk) => {
parseUpdateOutput(chunk.toString('utf8'), info);
if (info.progress != null) Object.assign(result, { progress: info.progress, message: `Update läuft ${Math.floor(info.progress)} %` });
};
proc.stdout.on('data', onData);
proc.stderr.on('data', onData);
// Ein großes Update dauert, aber nicht ewig
const timer = setTimeout(() => proc.kill(), 90 * 60_000);
proc.on('error', (err) => { clearTimeout(timer); finish(false, err.message); resolve(); });
proc.on('close', (code) => { clearTimeout(timer); finish(code === 0, code === null ? 'abgebrochen (Zeitlimit)' : null); resolve(); });
});
}
filesStatus() {
return this.files;
}
/** /**
* Freier Speicher auf einem Host, per SSH: dort, wo das Gameserver-Volume liegt. Ergebnis wird eine Minute lang * Freier Speicher auf einem Host, per SSH: dort, wo das Gameserver-Volume liegt. Ergebnis wird eine Minute lang
* zwischengespeichert, weil die Admin-Seite alle paar Sekunden abfragt. Ohne ssh:// gibt es null. * zwischengespeichert, weil die Admin-Seite alle paar Sekunden abfragt. Ohne ssh:// gibt es null.
@@ -431,17 +606,36 @@ export class DockerHostPool {
return this.depsGetUsedPorts?.(publicHost) ?? new Set(); return this.depsGetUsedPorts?.(publicHost) ?? new Set();
} }
pickHost() { /** Hosts, auf denen gerade die Spieldateien aktualisiert werden: dort startet kein neuer Server. */
updatingHosts() {
return new Set(this.files.running ? this.files.results.filter((r) => r.state === 'running').map((r) => r.name) : []);
}
/**
* Wie viele Server auf einem Host gerade hochfahren: Starts in der Warteschlange dieses Prozesses, und
* (nach einem Neustart der App) Server, die laut Datenbank noch starten. Ein Container lädt beim Start
* per SteamCMD, nach einem großen CS2-Update dauert das lange; weitere Starts dort müssten so lange warten.
*/
startingOn(host, exclude) {
const queued = this.adapters.get(host.name)?.pendingStarts ?? 0;
const stored = this.depsGetStarting?.(host.publicHost, exclude) ?? 0;
return Math.max(queued, stored);
}
pickHost(exclude) {
const updating = this.updatingHosts();
const best = this.hosts const best = this.hosts
.map((h) => ({ host: h, free: this.freeSlots(h) })) .filter((h) => !updating.has(h.name))
.map((h) => ({ host: h, free: this.freeSlots(h), starting: this.startingOn(h, exclude) }))
.filter((x) => x.free > 0) .filter((x) => x.free > 0)
.sort((a, b) => b.free - a.free)[0]; // Zuerst Hosts, auf denen nichts hochfährt, dann die mit den meisten freien Plätzen
if (!best) throw new Error('Kein Docker-Host mit freien Ports'); .sort((a, b) => a.starting - b.starting || b.free - a.free)[0];
if (!best) throw new Error(updating.size ? 'Kein Docker-Host frei, auf den anderen werden gerade die Spieldateien aktualisiert' : 'Kein Docker-Host mit freien Ports');
return best.host; return best.host;
} }
async start(args) { async start(args) {
return this.adapters.get(this.pickHost().name).start(args); return this.adapters.get(this.pickHost(args?.matchId).name).start(args);
} }
adapterFor(handle) { adapterFor(handle) {
@@ -474,6 +668,15 @@ export class DockerHostPool {
return this.adapterFor(handle).sendCommands(handle, commands); return this.adapterFor(handle).sendCommands(handle, commands);
} }
streamLogs(handle, options) {
return this.adapterFor(handle).streamLogs(handle, options);
}
/** Ereignisse eines Hosts nach Namen; null, wenn es den Host nicht gibt. */
streamEvents(name, options) {
return this.adapters.get(name)?.streamEvents(options) ?? null;
}
async stop(handle) { async stop(handle) {
return this.adapterFor(handle).stop(handle); return this.adapterFor(handle).stop(handle);
} }
+354
View File
@@ -0,0 +1,354 @@
// Messer-Server für die Seitenwahl: Gameserver, die dauerhaft laufen und keinem Match gehören.
// Die Teams gehen drauf, spielen ihre Messerrunde und gehen wieder. Nach Spielende oder wenn der Server
// leer wird, setzt er sich von selbst zurück. Fällt ein Server aus, startet ihn die App neu.
import { HttpError } from '../matchService.js';
import { randomPassword, safeErrorMessage } from '../security.js';
const SLOW_POLL_MS = 10_000;
// Nach so vielen Ausfällen in Folge gibt die App auf, damit ein kaputter Host nicht endlos neu startet
const MAX_RESTARTS = 5;
/**
* Konsolenbefehle für eine Messerrunde: nur Messer, kein Geld, eine Runde, danach automatisch neues Spiel.
* `pool` bestimmt den Spielmodus (Competitive 5v5 oder Wingman 2v2), `warmupSeconds` die Zeit zum Verbinden.
*/
export function buildKnifeCommands({ map, pool = { gameType: 0, gameMode: 1 }, warmupSeconds = 90, password = '', endlessWarmup = false }) {
return {
map,
beforeMapChange: [
`game_type ${Number(pool.gameType)}`,
`game_mode ${Number(pool.gameMode)}`,
`sv_password "${password}"`,
// Auf dem Match-Server (mit Passwort) bleibt CSTV, wie es ist: das Match braucht es danach
...(password ? [] : ['tv_enable 0']),
`changelevel ${map}`,
],
afterMapChange: [
'bot_kick',
'bot_quota 0',
// Eine Runde entscheidet, danach startet das Spiel von selbst neu (für die nächsten Teams)
'mp_maxrounds 1',
'mp_match_can_clinch 1',
// Keine Map-Abstimmung nach Spielende: die nächste Map legt das Veto fest
'mp_endmatch_votenextmap 0',
'mp_match_end_restart 1',
'mp_match_restart_delay 10',
'mp_halftime 0',
'mp_overtime_enable 0',
// Nur Messer: keine Startwaffen, kein Geld, nichts zu kaufen
'mp_ct_default_primary ""',
'mp_t_default_primary ""',
'mp_ct_default_secondary ""',
'mp_t_default_secondary ""',
'mp_ct_default_grenades ""',
'mp_t_default_grenades ""',
'mp_give_player_c4 0',
'mp_startmoney 0',
'mp_maxmoney 0',
'mp_afterroundmoney 0',
'mp_buytime 0',
'mp_free_armor 1',
'mp_weapons_allow_map_placed 0',
'mp_death_drop_gun 0',
'mp_death_drop_grenade 0',
'mp_freezetime 3',
'mp_roundtime 2',
'mp_roundtime_defuse 2',
'mp_roundtime_hostage 2',
'mp_autoteambalance 0',
'mp_limitteams 0',
'mp_autokick 0',
// Aufwärmphase zum Verbinden, danach beginnt die Messerrunde. Endlos: bis der Organisator sie startet.
'mp_do_warmup_period 1',
`mp_warmuptime ${Math.max(10, Math.min(600, Number(warmupSeconds) || 90))}`,
`mp_warmup_pausetimer ${endlessWarmup ? 1 : 0}`,
'mp_warmup_start',
],
};
}
/**
* Setzt die Messer-Einstellungen auf CS2-Standard zurück, bevor auf demselben Server das Match eingerichtet wird.
* Was die Match-Konfiguration selbst setzt (Startgeld, Kaufzeit, Rundenzeit …), steht dort.
*/
export const KNIFE_UNDO_COMMANDS = [
'mp_ct_default_secondary weapon_hkp2000',
'mp_t_default_secondary weapon_glock',
'mp_ct_default_primary ""',
'mp_t_default_primary ""',
'mp_ct_default_grenades ""',
'mp_t_default_grenades ""',
'mp_give_player_c4 1',
'mp_maxmoney 16000',
'mp_afterroundmoney 0',
'mp_free_armor 0',
'mp_weapons_allow_map_placed 1',
'mp_death_drop_gun 1',
'mp_death_drop_grenade 2',
'mp_match_end_restart 0',
'mp_roundtime_defuse 1.92',
'mp_roundtime_hostage 1.92',
];
/** Befehle, mit denen ein laufender Messer-Server für die nächsten Teams zurückgesetzt wird. */
export const KNIFE_RESET_COMMANDS = ['mp_warmup_start'];
export class KnifeServers {
constructor({ db, adapter, config, pools = {}, logger = console }) {
this.db = db;
this.pools = pools;
this.adapter = adapter;
this.config = config;
this.logger = logger;
this.busy = new Set();
this.lastPoll = new Map();
this.timer = null;
}
rows() {
return this.db.prepare('SELECT * FROM knife_servers ORDER BY number').all();
}
row(id) {
return this.db.prepare('SELECT * FROM knife_servers WHERE id = ?').get(id);
}
update(id, fields) {
const keys = Object.keys(fields);
if (!keys.length) return;
this.db.prepare(`UPDATE knife_servers SET ${keys.map((k) => `${k} = @${k}`).join(', ')}, updated_at = @updated_at WHERE id = @id`)
.run({ ...fields, updated_at: Date.now(), id });
}
/** Ansicht für Admin und Startseite. Ohne RCON-Passwort und Handle. */
view(row) {
const pool = this.pools[row.mode];
const size = pool?.teamSize;
return {
id: row.id,
number: row.number,
name: row.name,
mode: row.mode,
modeLabel: pool?.label ?? row.mode,
modeShort: size ? `${size}v${size}` : null,
map: row.map,
mapName: pool?.maps.find((m) => m.id === row.map)?.name ?? row.map,
status: row.status,
message: row.message,
host: row.host,
port: row.port,
playerCount: row.player_count,
restarts: row.restarts,
startedAt: row.started_at,
connect: row.host && row.port ? `connect ${row.host}:${row.port}` : null,
steamUrl: row.host && row.port ? `steam://connect/${row.host}:${row.port}` : null,
};
}
list() {
return this.rows().map((r) => this.view(r));
}
/** Ports aller Messer-Server auf einem Host (für die Portvergabe zusammen mit den Match-Servern). */
usedPorts(host) {
const rows = host
? this.db.prepare('SELECT host, port, tv_port FROM knife_servers WHERE host = ? AND port IS NOT NULL').all(host)
: this.db.prepare('SELECT host, port, tv_port FROM knife_servers WHERE port IS NOT NULL').all();
return rows;
}
/** Modi für Messer-Server (5v5, 2v2) mit ihren Maps, aus den Map-Pools. */
modes() {
return Object.entries(this.pools).map(([id, pool]) => {
const maps = pool.maps.map((m) => ({ id: m.id, name: m.name }));
return {
id,
label: pool.label,
teamSize: pool.teamSize,
maps,
defaultMap: maps.some((m) => m.id === this.config.knife.map) ? this.config.knife.map : maps[0]?.id,
};
});
}
/** Neuen Messer-Server starten. Liefert die Ansicht des neuen Servers. */
async create({ map, mode = 'competitive' }) {
if (this.adapter.name === 'static') throw new HttpError(409, 'Mit festen Servern (static) gibt es keine Messer-Server', 'unsupported');
const info = this.modes().find((m) => m.id === mode);
if (!info) throw new HttpError(400, `Unbekannter Modus: ${mode}`, 'invalid');
const chosen = String(map || info.defaultMap);
if (!info.maps.some((m) => m.id === chosen)) throw new HttpError(400, `Map ${chosen} gibt es nicht für ${info.label}`, 'invalid');
const max = this.config.knife.maxServers;
const count = this.db.prepare('SELECT COUNT(*) AS n FROM knife_servers').get().n;
if (count >= max) throw new HttpError(409, `Höchstens ${max} Messer-Server`, 'limit');
const used = new Set(this.rows().map((r) => r.number));
let number = 1;
while (used.has(number)) number += 1;
const id = `knife${number}`;
const now = Date.now();
this.db.prepare(`
INSERT INTO knife_servers (id, number, name, mode, map, status, message, rcon_password, restarts, created_at, updated_at)
VALUES (?, ?, ?, ?, ?, 'starting', 'Server wird gestartet', ?, 0, ?, ?)
`).run(id, number, `Messer ${number}`, mode, chosen, randomPassword(24), now, now);
await this.launch(id);
return this.view(this.row(id));
}
async launch(id) {
const row = this.row(id);
this.busy.add(id);
try {
const prefix = this.config.docker?.serverNamePrefix;
const size = this.pools[row.mode]?.teamSize;
const result = await this.adapter.start({
matchId: id,
// Wingman: 6 Plätze, Competitive: 12 Plätze (wie bei den Match-Servern)
mode: row.mode,
secrets: { rconPassword: row.rcon_password, serverPassword: '', tvPassword: randomPassword(12) },
serverName: `${prefix ? `${prefix} | ` : ''}${row.name} ${size ? `${size}v${size} ` : ''}(Seitenwahl)`,
});
// Während des Starts entfernt: Container gleich wieder abbauen
if (!this.row(id)) {
await this.adapter.stop(result.handle).catch(() => {});
return;
}
this.update(id, {
status: 'starting',
message: 'Container läuft, Spielserver lädt',
handle: JSON.stringify(result.handle),
host: result.host,
port: result.port,
tv_port: result.tvPort,
player_count: null,
started_at: Date.now(),
});
} catch (err) {
const message = safeErrorMessage(err, [row.rcon_password]);
if (this.row(id)) this.update(id, { status: 'failed', message: `Start fehlgeschlagen: ${message}` });
throw new HttpError(502, `Messer-Server konnte nicht gestartet werden: ${message}`, 'start_failed');
} finally {
this.busy.delete(id);
}
}
async configure(id) {
const row = this.row(id);
this.busy.add(id);
this.update(id, { status: 'configuring', message: `Lade ${row.map}` });
try {
await this.adapter.configure(JSON.parse(row.handle), buildKnifeCommands({ map: row.map, pool: this.pools[row.mode], warmupSeconds: this.config.knife.warmupSeconds }));
this.update(id, { status: 'running', message: 'Bereit für die Messerrunde', restarts: 0 });
} catch (err) {
this.update(id, { status: 'config_failed', message: `Konfiguration fehlgeschlagen: ${err.message}` });
} finally {
this.busy.delete(id);
}
}
async poll() {
for (const row of this.rows()) {
if (this.busy.has(row.id) || !row.handle) continue;
const last = this.lastPoll.get(row.id) ?? 0;
if (row.status === 'running' && Date.now() - last < SLOW_POLL_MS) continue;
this.lastPoll.set(row.id, Date.now());
await this.pollOne(row).catch((err) => this.logger.warn?.(`[messer] ${row.name}: ${err.message}`));
}
}
async pollOne(row) {
let status;
try {
status = await this.adapter.status(JSON.parse(row.handle));
} catch (err) {
status = { state: row.status === 'starting' ? 'starting' : 'running', message: err.message };
}
if (status.state === 'failed' || status.state === 'stopped') {
await this.recover(row, status.message);
return;
}
if (status.state === 'running' && row.status === 'starting') {
await this.configure(row.id);
return;
}
if (row.status === 'config_failed' && status.state === 'running') {
// Konfiguration noch einmal versuchen, der Server läuft ja
await this.configure(row.id);
return;
}
if (row.status !== 'running' || status.playerCount === undefined) return;
const players = status.playerCount;
if (players !== row.player_count) this.update(row.id, { player_count: players });
// Alle sind gegangen: Server für die nächsten Teams zurücksetzen
if (row.player_count > 0 && players === 0) await this.reset(row.id, 'Server leer – für die nächsten Teams zurückgesetzt');
}
/** Ausgefallenen Server neu starten, damit immer Messer-Server laufen. */
async recover(row, reason) {
// Während des Spieldateien-Updates nicht neu starten (zählt auch nicht als Fehlversuch)
if (this.adapter.filesStatus?.().running) {
if (row.message !== 'Wartet auf das Spieldateien-Update') this.update(row.id, { status: 'starting', message: 'Wartet auf das Spieldateien-Update' });
return;
}
if (row.restarts >= MAX_RESTARTS) {
if (row.status !== 'failed') this.update(row.id, { status: 'failed', message: `Ausgefallen, ${MAX_RESTARTS} Neustarts ohne Erfolg: ${reason ?? ''}`.trim() });
return;
}
this.logger.warn?.(`[messer] ${row.name} ausgefallen (${reason}), starte neu`);
this.update(row.id, { restarts: row.restarts + 1, status: 'starting', message: `Neustart nach Ausfall (${row.restarts + 1}/${MAX_RESTARTS})` });
await this.adapter.stop(JSON.parse(row.handle)).catch(() => {});
await this.launch(row.id).catch(() => {});
}
async reset(id, message = 'Spiel zurückgesetzt (Admin)') {
const row = this.requireRow(id);
if (row.status !== 'running') throw new HttpError(409, 'Der Server ist noch nicht bereit', 'wrong_state');
try {
await this.adapter.sendCommands(JSON.parse(row.handle), KNIFE_RESET_COMMANDS);
} catch (err) {
throw new HttpError(502, `Befehl konnte nicht gesendet werden: ${err.message}`, 'server_error');
}
this.update(id, { message });
}
async startRound(id) {
const row = this.requireRow(id);
if (row.status !== 'running') throw new HttpError(409, 'Der Server ist noch nicht bereit', 'wrong_state');
try {
await this.adapter.sendCommands(JSON.parse(row.handle), ['mp_warmup_end']);
} catch (err) {
throw new HttpError(502, `Befehl konnte nicht gesendet werden: ${err.message}`, 'server_error');
}
this.update(id, { message: 'Messerrunde läuft (Admin gestartet)' });
}
/** Server komplett neu starten (neuer Container), z. B. wenn er hängt. */
async restart(id) {
const row = this.requireRow(id);
if (this.busy.has(id)) throw new HttpError(409, 'Für diesen Server läuft bereits eine Aktion', 'busy');
if (row.handle) await this.adapter.stop(JSON.parse(row.handle)).catch(() => {});
this.update(id, { restarts: 0, status: 'starting', message: 'Neustart durch Admin' });
await this.launch(id);
}
async remove(id) {
const row = this.requireRow(id);
if (row.handle) await this.adapter.stop(JSON.parse(row.handle)).catch(() => {});
this.db.prepare('DELETE FROM knife_servers WHERE id = ?').run(id);
}
requireRow(id) {
const row = this.row(id);
if (!row) throw new HttpError(404, 'Messer-Server nicht gefunden', 'not_found');
return row;
}
startLoop() {
this.timer = setInterval(() => this.poll().catch((e) => this.logger.error(e)), this.config.statusPollSeconds * 1000);
}
stopLoop() {
clearInterval(this.timer);
this.timer = null;
}
}
+16 -5
View File
@@ -75,9 +75,17 @@ export class RconClient {
onData(chunk) { onData(chunk) {
this.buffer = Buffer.concat([this.buffer, chunk]); this.buffer = Buffer.concat([this.buffer, chunk]);
const { packets, rest } = decodePackets(this.buffer); let decoded;
this.buffer = rest; try {
for (const packet of packets) for (const listener of this.listeners) listener(packet); decoded = decodePackets(this.buffer);
} catch (err) {
// Kaputtes Paket: Verbindung trennen, laufende Befehle scheitern über "close" – nie das Backend beenden
this.buffer = Buffer.alloc(0);
this.socket?.destroy(new RconError(err.message));
return;
}
this.buffer = decoded.rest;
for (const packet of decoded.packets) for (const listener of this.listeners) listener(packet);
} }
authenticate() { authenticate() {
@@ -105,15 +113,18 @@ export class RconClient {
const id = this.nextId++; const id = this.nextId++;
return new Promise((resolve, reject) => { return new Promise((resolve, reject) => {
let body = ''; let body = '';
let answered = false;
let quietTimer = null; let quietTimer = null;
const timer = setTimeout(() => finish(), this.timeoutMs); // Ohne jede Antwort ist der Befehl nicht bestätigt: als Fehler melden statt als Erfolg
const timer = setTimeout(() => finish(answered ? null : new RconError(`keine Antwort auf "${cmd.split(' ')[0]}"`)), this.timeoutMs);
const listener = (packet) => { const listener = (packet) => {
if (packet.id !== id) return; if (packet.id !== id) return;
answered = true;
body += packet.body; body += packet.body;
clearTimeout(quietTimer); clearTimeout(quietTimer);
quietTimer = setTimeout(finish, quietMs); quietTimer = setTimeout(finish, quietMs);
}; };
const onClose = () => finish(body ? null : new RconError('RCON-Verbindung wurde geschlossen')); const onClose = () => finish(answered ? null : new RconError('RCON-Verbindung wurde geschlossen'));
const finish = (err) => { const finish = (err) => {
clearTimeout(timer); clearTimeout(timer);
clearTimeout(quietTimer); clearTimeout(quietTimer);
+3 -2
View File
@@ -11,8 +11,9 @@ export async function configureViaRcon(target, plan, { loadTimeoutMs = 120_000,
try { try {
await runRcon(target, plan.beforeMapChange); await runRcon(target, plan.beforeMapChange);
} catch (err) { } catch (err) {
// Beim changelevel trennt der Server die RCON-Verbindung teilweise – das ist kein Fehler. // Beim changelevel trennt der Server die RCON-Verbindung teilweise oder antwortet erst nach dem Laden –
if (!/geschlossen/.test(err.message)) throw new Error(`Befehle konnten nicht gesendet werden: ${err.message}`); // beides ist kein Fehler, ob die Map lädt, prüft die Schleife unten.
if (!/geschlossen|keine Antwort auf "changelevel"/.test(err.message)) throw new Error(`Befehle konnten nicht gesendet werden: ${err.message}`);
} }
const deadline = Date.now() + loadTimeoutMs; const deadline = Date.now() + loadTimeoutMs;
+157 -16
View File
@@ -1,8 +1,9 @@
import { buildMapCommands, sanitizeConsoleText } from './cs2Config.js'; import { buildMapCommands, sanitizeConsoleText } from './cs2Config.js';
import { buildKnifeCommands, KNIFE_UNDO_COMMANDS } from './knifeServers.js';
import { DemoMatchSimulator } from './demoMatchSimulator.js'; import { DemoMatchSimulator } from './demoMatchSimulator.js';
import { backupPrefix, describeBackup, isValidBackupFile, pointsForMap } from '../rounds.js'; import { backupPrefix, describeBackup, isValidBackupFile, pointsForMap } from '../rounds.js';
import { HttpError, CLOSED_STATUSES } from '../matchService.js'; import { HttpError, CLOSED_STATUSES } from '../matchService.js';
import { randomPassword } from '../security.js'; import { randomPassword, safeErrorMessage } from '../security.js';
export const SERVER_STATUS = { export const SERVER_STATUS = {
starting: 'Server startet', starting: 'Server startet',
@@ -17,6 +18,9 @@ export const SERVER_STATUS = {
const ACTIVE = ['starting', 'ready', 'configuring', 'configured', 'config_failed', 'failed']; const ACTIVE = ['starting', 'ready', 'configuring', 'configured', 'config_failed', 'failed'];
const SLOW_POLL_MS = 30_000; const SLOW_POLL_MS = 30_000;
// Messerrunde: so oft wird das Einrichten versucht, bevor der Organisator selbst neu starten muss
const KNIFE_RETRIES = 3;
const KNIFE_RETRY_DELAY_MS = 10_000;
/** /**
* Steuert den Lebenszyklus der Match-Server. Kennt nur die Adapter-Schnittstelle * Steuert den Lebenszyklus der Match-Server. Kennt nur die Adapter-Schnittstelle
@@ -28,6 +32,9 @@ export class ServerManager {
this.busy = new Set(); this.busy = new Set();
this.simulator = new DemoMatchSimulator(); this.simulator = new DemoMatchSimulator();
this.autoAdvance = new Map(); this.autoAdvance = new Map();
// Fehlversuche beim Einrichten der Messerrunde je Match (für die automatische Wiederholung)
this.knifeAttempts = new Map();
this.knifeRetryDelayMs = KNIFE_RETRY_DELAY_MS;
this.lastPoll = new Map(); this.lastPoll = new Map();
this.timers = []; this.timers = [];
} }
@@ -125,12 +132,13 @@ export class ServerManager {
} }
/** Löscht ein Match samt Server-Datensatz. Ein laufender Server wird vorher freigegeben. */ /** Löscht ein Match samt Server-Datensatz. Ein laufender Server wird vorher freigegeben. */
async deleteMatch(matchId) { async deleteMatch(matchId, reason = 'Match vom Admin gelöscht') {
this.service.getMatch(matchId); this.service.getMatch(matchId);
clearTimeout(this.autoAdvance.get(matchId)); clearTimeout(this.autoAdvance.get(matchId));
this.autoAdvance.delete(matchId); this.autoAdvance.delete(matchId);
this.simulator.stop(matchId); this.simulator.stop(matchId);
await this.stop(matchId, 'Match vom Admin gelöscht'); this.knifeAttempts.delete(matchId);
await this.stop(matchId, reason);
this.db.prepare('DELETE FROM matches WHERE id = ?').run(matchId); this.db.prepare('DELETE FROM matches WHERE id = ?').run(matchId);
this.service.emit('changed', matchId); this.service.emit('changed', matchId);
} }
@@ -168,14 +176,20 @@ export class ServerManager {
FROM servers s JOIN matches m ON m.id = s.match_id FROM servers s JOIN matches m ON m.id = s.match_id
WHERE s.status != 'stopped' AND s.host IS NOT NULL WHERE s.status != 'stopped' AND s.host IS NOT NULL
`).all(); `).all();
const knives = this.db.prepare('SELECT id, name, status, host FROM knife_servers WHERE host IS NOT NULL').all();
const stats = this.adapter.hostStats(); const stats = this.adapter.hostStats();
const disks = await Promise.all(stats.map((h) => this.adapter.diskUsage?.(h.name) ?? null)); const disks = await Promise.all(stats.map((h) => this.adapter.diskUsage?.(h.name) ?? null));
return stats.map((h, i) => ({ return stats.map((h, i) => ({
...h, ...h,
disk: disks[i], disk: disks[i],
matches: rows matches: [
.filter((r) => r.host === h.publicHost) ...rows
.map((r) => ({ id: r.match_id, title: `${r.team_a_name} vs. ${r.team_b_name}`, status: r.status })), .filter((r) => r.host === h.publicHost)
.map((r) => ({ id: r.match_id, title: `${r.team_a_name} vs. ${r.team_b_name}`, status: r.status })),
...knives
.filter((k) => k.host === h.publicHost)
.map((k) => ({ id: k.id, title: `${k.name} (Seitenwahl)`, status: k.status })),
],
})); }));
} }
@@ -251,6 +265,14 @@ export class ServerManager {
return result; return result;
} }
/** Server (Matches und Messer-Server), die auf einem Host gerade hochfahren. `exclude`: der, der gerade startet. */
startingOn(host, exclude = null) {
return this.db.prepare(`
SELECT (SELECT COUNT(*) FROM servers WHERE host = @host AND status = 'starting' AND handle IS NOT NULL AND match_id IS NOT @exclude)
+ (SELECT COUNT(*) FROM knife_servers WHERE host = @host AND status = 'starting' AND handle IS NOT NULL AND id IS NOT @exclude) AS n
`).get({ host, exclude }).n;
}
/** Ports, die auf einem bestimmten Docker-Host belegt sind. */ /** Ports, die auf einem bestimmten Docker-Host belegt sind. */
usedPortsOn(host) { usedPortsOn(host) {
const used = new Set(); const used = new Set();
@@ -258,12 +280,20 @@ export class ServerManager {
used.add(r.port); used.add(r.port);
used.add(r.tv_port); used.add(r.tv_port);
} }
// Messer-Server belegen ihre Ports dauerhaft
for (const r of this.db.prepare('SELECT port, tv_port FROM knife_servers WHERE host = ? AND port IS NOT NULL').all(host)) {
used.add(r.port);
used.add(r.tv_port);
}
return used; return used;
} }
usedPorts() { usedPorts() {
const used = new Set(); const used = new Set();
for (const r of this.db.prepare(`SELECT host, port, tv_port FROM servers WHERE status != 'stopped' AND port IS NOT NULL`).all()) { for (const r of this.db.prepare(`
SELECT host, port, tv_port FROM servers WHERE status != 'stopped' AND port IS NOT NULL
UNION ALL SELECT host, port, tv_port FROM knife_servers WHERE port IS NOT NULL
`).all()) {
used.add(r.port); used.add(r.port);
used.add(r.tv_port); used.add(r.tv_port);
used.add(`${r.host}:${r.port}`); used.add(`${r.host}:${r.port}`);
@@ -291,7 +321,7 @@ export class ServerManager {
VALUES (@match_id, @adapter, @simulated, 'starting', @message, NULL, NULL, NULL, NULL, VALUES (@match_id, @adapter, @simulated, 'starting', @message, NULL, NULL, NULL, NULL,
@rcon, @server, @tv, @key, @attempts, @now, @now) @rcon, @server, @tv, @key, @attempts, @now, @now)
ON CONFLICT(match_id) DO UPDATE SET adapter = excluded.adapter, simulated = excluded.simulated, ON CONFLICT(match_id) DO UPDATE SET adapter = excluded.adapter, simulated = excluded.simulated,
status = 'starting', message = excluded.message, handle = NULL, host = NULL, port = NULL, tv_port = NULL, status = 'starting', message = excluded.message, handle = NULL, knife_at = NULL, knife_phase = NULL, host = NULL, port = NULL, tv_port = NULL,
rcon_password = excluded.rcon_password, server_password = excluded.server_password, rcon_password = excluded.rcon_password, server_password = excluded.server_password,
tv_password = excluded.tv_password, config_key = excluded.config_key, attempts = excluded.attempts, tv_password = excluded.tv_password, config_key = excluded.config_key, attempts = excluded.attempts,
started_at = excluded.started_at, ready_at = NULL, configured_at = NULL, stopped_at = NULL, started_at = excluded.started_at, ready_at = NULL, configured_at = NULL, stopped_at = NULL,
@@ -313,6 +343,7 @@ export class ServerManager {
this.service.log(matchId, 'server', this.adapter.simulated ? 'Demo-Server (Simulation) wird vorbereitet' : 'Server wird gestartet'); this.service.log(matchId, 'server', this.adapter.simulated ? 'Demo-Server (Simulation) wird vorbereitet' : 'Server wird gestartet');
const match = this.service.getMatch(matchId); const match = this.service.getMatch(matchId);
const attempt = (previous?.attempts ?? 0) + 1;
try { try {
const result = await this.adapter.start({ const result = await this.adapter.start({
matchId, matchId,
@@ -320,6 +351,14 @@ export class ServerManager {
secrets, secrets,
teamNames: { A: match.team_a_name, B: match.team_b_name }, teamNames: { A: match.team_a_name, B: match.team_b_name },
}); });
// Während des (oft langen) Starts gestoppt, neu angefordert oder gelöscht: den neuen Container
// gleich wieder abbauen, sonst liefe er ohne Überwachung weiter
const current = this.row(matchId);
if (!current || current.status !== 'starting' || current.attempts !== attempt) {
this.logger.warn?.(`[server] ${matchId}: Start kam nach dem Stopp an, Container wird wieder entfernt`);
await this.adapter.stop(result.handle, { resetPassword: randomPassword(16) }).catch(() => {});
return;
}
this.update(matchId, { this.update(matchId, {
handle: JSON.stringify(result.handle), handle: JSON.stringify(result.handle),
host: result.host, host: result.host,
@@ -328,8 +367,9 @@ export class ServerManager {
message: this.adapter.simulated ? 'Simulierter Start läuft' : 'Server fährt hoch', message: this.adapter.simulated ? 'Simulierter Start läuft' : 'Server fährt hoch',
}); });
} catch (err) { } catch (err) {
this.update(matchId, { status: 'start_failed', message: err.message }); const message = safeErrorMessage(err, Object.values(secrets));
this.service.log(matchId, 'server', `Serverstart fehlgeschlagen: ${err.message}`); if (this.row(matchId)?.status === 'starting') this.update(matchId, { status: 'start_failed', message });
if (this.row(matchId)) this.service.log(matchId, 'server', `Serverstart fehlgeschlagen: ${message}`);
} }
} finally { } finally {
this.busy.delete(matchId); this.busy.delete(matchId);
@@ -392,11 +432,78 @@ export class ServerManager {
maybeConfigure(matchId) { maybeConfigure(matchId) {
const match = this.service.getMatch(matchId); const match = this.service.getMatch(matchId);
const row = this.row(matchId); const row = this.row(matchId);
if (match.status === 'server_setup' && row?.status === 'ready') { // Seitenwahl per Messerrunde: derselbe Server dient vor dem Veto als Messer-Server
if (this.wantsKnife(match, row) && !row.knife_at) {
this.configureKnife(matchId).catch((err) => this.logger.error(err));
return;
}
// Auch im laufenden Match: nach einem Neustart des Servers die aktuelle Map samt Passwort wieder laden
if (['server_setup', 'live'].includes(match.status) && row?.status === 'ready') {
this.configure(matchId).catch((err) => this.logger.error(err)); this.configure(matchId).catch((err) => this.logger.error(err));
} }
} }
/** Match in der Lobby mit Messerrunde und hochgefahrenem Server. */
wantsKnife(match, row) {
return match?.status === 'lobby' && match.veto_start === 'knife' && row?.status === 'ready';
}
/** Messerrunde auf dem Match-Server einrichten: Aufwärmphase ohne Ende, Passwort des Matches. */
async configureKnife(matchId) {
if (this.busy.has(matchId)) throw new HttpError(409, 'Für diesen Server läuft bereits eine Aktion', 'busy');
this.busy.add(matchId);
try {
const row = this.row(matchId);
const match = this.service.getMatch(matchId);
const pool = this.service.poolFor(match);
const map = pool.maps.some((m) => m.id === this.config.knife?.map) ? this.config.knife.map : pool.maps[0].id;
this.update(matchId, { message: 'Messerrunde wird eingerichtet' });
try {
await this.adapter.configure(JSON.parse(row.handle), buildKnifeCommands({ map, pool, password: row.server_password, endlessWarmup: true }));
} catch (err) {
// Das erste Laden einer Map dauert nach einer frischen Installation oft länger: von selbst noch einmal versuchen
const attempt = (this.knifeAttempts.get(matchId) ?? 0) + 1;
this.knifeAttempts.set(matchId, attempt);
const again = attempt < KNIFE_RETRIES;
this.update(matchId, {
knife_at: null,
knife_phase: null,
message: again
? `Messerrunde wird erneut eingerichtet (Versuch ${attempt + 1} von ${KNIFE_RETRIES}): ${err.message}`
: `Messerrunde konnte nicht eingerichtet werden: ${err.message}`,
});
this.service.log(matchId, 'server', `Messerrunde nicht eingerichtet: ${err.message}`);
if (again) this.timers.push(setTimeout(() => this.maybeConfigure(matchId), this.knifeRetryDelayMs));
return;
}
this.knifeAttempts.delete(matchId);
this.update(matchId, { knife_at: Date.now(), knife_phase: 'warmup', message: 'Messerrunde: Aufwärmphase, bis der Organisator startet' });
this.service.log(matchId, 'server', 'Server für die Messerrunde bereit (Aufwärmphase)');
} finally {
this.busy.delete(matchId);
}
// Ist das Veto inzwischen durch, gleich das Match einrichten (der Aufruf dafür kam, während wir beschäftigt waren)
if (this.service.getMatch(matchId).status !== 'lobby') this.maybeConfigure(matchId);
}
/** Organisator: Messerrunde starten (Aufwärmphase beenden) oder wiederholen (zurück in die Aufwärmphase). */
async knifeAction(viewer, what) {
this.service.require(viewer, 'organizer');
const match = this.service.getMatch(viewer.matchId);
const row = this.row(viewer.matchId);
if (match.status !== 'lobby' || !row?.knife_at) throw new HttpError(409, 'Der Server ist noch nicht für die Messerrunde bereit', 'wrong_state');
const start = what === 'start';
try {
await this.adapter.sendCommands(JSON.parse(row.handle), start ? ['mp_warmup_pausetimer 0', 'mp_warmup_end'] : ['mp_warmup_pausetimer 1', 'mp_warmup_start']);
} catch (err) {
throw new HttpError(502, `Befehl konnte nicht gesendet werden: ${err.message}`, 'server_error');
}
this.update(viewer.matchId, start
? { knife_phase: 'live', message: 'Messerrunde läuft' }
: { knife_phase: 'warmup', message: 'Messerrunde: Aufwärmphase, bis der Organisator startet' });
this.service.log(viewer.matchId, 'server', start ? 'Messerrunde gestartet' : 'Messerrunde zurück in die Aufwärmphase');
}
async configure(matchId) { async configure(matchId) {
const row = this.row(matchId); const row = this.row(matchId);
if (!row?.handle) throw new HttpError(409, 'Es gibt noch keinen gestarteten Server', 'no_server'); if (!row?.handle) throw new HttpError(409, 'Es gibt noch keinen gestarteten Server', 'no_server');
@@ -429,16 +536,26 @@ export class ServerManager {
}); });
this.simulator.stop(matchId); this.simulator.stop(matchId);
this.service.resetLiveScore(matchId, seriesMap.number); this.service.resetLiveScore(matchId, seriesMap.number);
// Lief vorher die Messerrunde auf diesem Server, deren Einstellungen zurücknehmen
if (row.knife_at) {
// Eine noch laufende Messerrunde zuerst anhalten: sonst endet sie (mp_maxrounds 1) mitten im Einrichten,
// und ihr Ergebnis würde als Ende der ersten Map gezählt
plan.beforeMapChange = ['mp_warmup_pausetimer 1', 'mp_warmup_start', ...plan.beforeMapChange];
plan.afterMapChange = [...KNIFE_UNDO_COMMANDS, ...plan.afterMapChange];
}
try { try {
await this.adapter.configure(JSON.parse(row.handle), { map: seriesMap.map, ...plan }); await this.adapter.configure(JSON.parse(row.handle), { map: seriesMap.map, ...plan });
} catch (err) { } catch (err) {
this.update(matchId, { status: 'config_failed', message: err.message }); const message = safeErrorMessage(err, [row.rcon_password, row.server_password, row.tv_password]);
this.service.log(matchId, 'server', `Konfiguration fehlgeschlagen: ${err.message}`); this.update(matchId, { status: 'config_failed', message });
this.service.log(matchId, 'server', `Konfiguration fehlgeschlagen: ${message}`);
return; return;
} }
this.update(matchId, { this.update(matchId, {
status: 'configured', status: 'configured',
configured_at: Date.now(), configured_at: Date.now(),
knife_at: null,
knife_phase: null,
message: this.adapter.simulated message: this.adapter.simulated
? `Simuliert: ${mapName} wäre jetzt geladen – kein echter Server` ? `Simuliert: ${mapName} wäre jetzt geladen – kein echter Server`
: `${mapName} geladen – Aufwärmphase läuft`, : `${mapName} geladen – Aufwärmphase läuft`,
@@ -467,7 +584,13 @@ export class ServerManager {
await this.provision(matchId); await this.provision(matchId);
return; return;
} }
if (row.status === 'config_failed' || (row.status === 'ready' && match.status === 'server_setup')) { if (this.wantsKnife(match, row)) {
this.knifeAttempts.delete(matchId);
this.service.log(matchId, 'server', 'Organisator richtet die Messerrunde neu ein');
this.configureKnife(matchId).catch((err) => this.logger.error(err));
return;
}
if (row.status === 'config_failed' || (row.status === 'ready' && ['server_setup', 'live'].includes(match.status))) {
this.service.log(matchId, 'server', 'Organisator wiederholt die Konfiguration'); this.service.log(matchId, 'server', 'Organisator wiederholt die Konfiguration');
this.configure(matchId).catch((err) => this.logger.error(err)); this.configure(matchId).catch((err) => this.logger.error(err));
return; return;
@@ -576,7 +699,22 @@ export class ServerManager {
// ---------- Automatisches Herunterfahren ---------- // ---------- Automatisches Herunterfahren ----------
/** Lobbys, die länger als LOBBY_MAX_HOURS offen sind (Veto nie gestartet), samt Server löschen. */
async deleteStaleLobbies(now = Date.now()) {
const hours = this.config.lobbyMaxHours;
if (!hours) return 0;
const stale = this.db.prepare("SELECT id FROM matches WHERE status = 'lobby' AND created_at < ?").all(now - hours * 3_600_000);
for (const { id } of stale) {
if (this.busy.has(id)) continue;
this.logger.log?.(`[aufräumen] Lobby ${id} gelöscht (länger als ${hours} h offen)`);
await this.deleteMatch(id, `Lobby länger als ${hours} h offen`).catch((err) => this.logger.error(err));
}
return stale.length;
}
async reap(now = Date.now()) { async reap(now = Date.now()) {
this.service.archiveClosed(now);
await this.deleteStaleLobbies(now);
const timeoutMs = this.config.idleTimeoutMinutes * 60_000; const timeoutMs = this.config.idleTimeoutMinutes * 60_000;
const rows = this.db.prepare(`SELECT * FROM servers WHERE status IN (${ACTIVE.map(() => '?').join(',')})`).all(...ACTIVE); const rows = this.db.prepare(`SELECT * FROM servers WHERE status IN (${ACTIVE.map(() => '?').join(',')})`).all(...ACTIVE);
for (const row of rows) { for (const row of rows) {
@@ -591,11 +729,14 @@ export class ServerManager {
continue; continue;
} }
const webActive = this.service.presence(row.match_id).size > 0; const webActive = this.service.presence(row.match_id).size > 0;
let lastUse = match.last_activity_at; // Ein (neu) gestarteter Server zählt als Nutzung, sonst stoppt ein Neustart nach langer Pause sofort wieder
let lastUse = Math.max(match.last_activity_at, row.started_at ?? 0);
// Spieler auf dem Server während der Messerrunde: in Benutzung
if (row.knife_at && row.player_count > 0) continue;
if (row.status === 'configured' && row.player_count !== null) { if (row.status === 'configured' && row.player_count !== null) {
// Echter Server mit bekannter Spielerzahl: entscheidend ist, ob jemand auf dem Server ist. // Echter Server mit bekannter Spielerzahl: entscheidend ist, ob jemand auf dem Server ist.
if (row.player_count > 0) continue; if (row.player_count > 0) continue;
lastUse = Math.max(row.configured_at ?? 0, row.last_player_seen_at ?? 0); lastUse = Math.max(row.configured_at ?? 0, row.last_player_seen_at ?? 0, row.started_at ?? 0);
} else if (webActive) { } else if (webActive) {
continue; continue;
} }
+29
View File
@@ -54,6 +54,35 @@ export function validateFlow(flow, mapCount, format) {
return errors; return errors;
} }
/**
* Erzeugt einen Veto-Ablauf für eine beliebige Anzahl Maps. Bans und Picks wechseln sich zwischen den Teams ab:
* erst bis zu zwei Bans, dann die Picks (die Seite wählt jeweils das andere Team), dann die restlichen Bans.
* Die letzte Map ist die Entscheidungsmap, ihre Seite wählt das Team, das nicht zuletzt dran war.
* Liefert null, wenn es für das Format zu wenige Maps gibt.
*/
export function generateFlow(mapCount, format) {
const bestOf = BEST_OF[format];
if (!bestOf || mapCount < Math.max(bestOf, 2)) return null;
const picks = bestOf - 1;
const bans = mapCount - bestOf;
const before = Math.min(2, bans);
const steps = [];
let actor = 'X';
const next = () => {
const current = actor;
actor = actor === 'X' ? 'Y' : 'X';
return current;
};
for (let i = 0; i < before; i += 1) steps.push(`ban:${next()}`);
for (let i = 0; i < picks; i += 1) {
const picker = next();
steps.push(`pick:${picker}`, `side:${picker === 'X' ? 'Y' : 'X'}`);
}
for (let i = before; i < bans; i += 1) steps.push(`ban:${next()}`);
steps.push('decider', `side:${actor}`);
return steps;
}
function teamFor(actor, firstTeam) { function teamFor(actor, firstTeam) {
const second = firstTeam === 'A' ? 'B' : 'A'; const second = firstTeam === 'A' ? 'B' : 'A';
return actor === 'X' ? firstTeam : second; return actor === 'X' ? firstTeam : second;
+354
View File
@@ -477,3 +477,357 @@ test('Spieler verlassen die Lobby, Captain geht über', async () => {
await close(); await close();
} }
}); });
test('Neustart im laufenden Match: Map wird wieder geladen, Server läuft die volle Frist', async () => {
const { app, call, close } = await setup({ idleTimeoutMinutes: 30 });
try {
const { id, org, tokens } = await readyWingmanMatch(call, 'bo1');
await call('POST', `/matches/${id}/veto/start`, { token: org });
await playVeto(call, id, { A: tokens.a1, B: tokens.b1 });
await app.manager.poll();
await waitFor(() => app.service.getMatch(id).status === 'live', { label: 'live' });
// Lange nichts los, dann stoppt der Server
const hourAgo = Date.now() - 60 * 60_000;
app.db.prepare('UPDATE matches SET last_activity_at = ? WHERE id = ?').run(hourAgo, id);
await call('POST', `/matches/${id}/server/stop`, { token: org });
await waitFor(() => app.service.serverRow(id).status === 'stopped', { label: 'gestoppt' });
// Neustart durch den Organisator: Server fährt hoch und lädt die Map wieder (Match ist weiter "live")
const res = await call('POST', `/matches/${id}/server/retry`, { token: org });
assert.equal(res.status, 200, JSON.stringify(res.body));
await waitFor(async () => { await app.manager.poll(); return app.service.serverRow(id).status === 'configured'; }, { label: 'neu konfiguriert' });
assert.equal(app.service.getMatch(id).status, 'live');
// Die Abschaltung darf den frisch gestarteten Server nicht sofort wieder stoppen
await app.manager.reap();
assert.equal(app.service.serverRow(id).status, 'configured');
// Nach Ablauf der Frist ab dem Neustart dagegen schon
await app.manager.reap(Date.now() + 31 * 60_000);
assert.equal(app.service.serverRow(id).status, 'stopped');
} finally {
await close();
}
});
test('Archiv: nur abgeschlossene Matches, eigene Liste, automatisch nach Frist', async () => {
const { app, call, close } = await setup({ adminPassword: 'admin-geheim', archiveAfterDays: 3 });
try {
const token = (await call('POST', '/admin/login', { body: { password: 'admin-geheim' } })).body.token;
const mk = async (a, b) => (await call('POST', '/matches', { body: { teamA: a, teamB: b, mode: 'wingman', format: 'bo1' } })).body;
const open = await mk('Offen A', 'Offen B');
const done = await mk('Fertig A', 'Fertig B');
const old = await mk('Alt A', 'Alt B');
// Laufende Matches lassen sich nicht archivieren
assert.equal((await call('POST', `/admin/matches/${open.id}/archive`, { token })).status, 409);
await call('POST', `/admin/matches/${done.id}/finish`, { token });
assert.equal((await call('POST', `/admin/matches/${done.id}/archive`, { token })).status, 200);
let list = (await call('GET', '/admin/matches', { token })).body;
assert.ok(!list.matches.some((m) => m.id === done.id), 'archiviertes Match fehlt in der normalen Liste');
assert.equal(list.archivedCount, 1);
const archive = (await call('GET', '/admin/matches?archived=1', { token })).body;
assert.deepEqual(archive.matches.map((m) => m.id), [done.id]);
assert.ok(archive.matches[0].archivedAt > 0);
// Zurückholen
await call('POST', `/admin/matches/${done.id}/unarchive`, { token });
list = (await call('GET', '/admin/matches', { token })).body;
assert.ok(list.matches.some((m) => m.id === done.id));
// Automatisch: abgebrochenes Match, älter als 3 Tage
await call('POST', `/admin/matches/${old.id}/cancel`, { token });
assert.equal(app.service.archiveClosed(Date.now() + 2 * 86_400_000), 0, 'nach 2 Tagen noch nicht');
// Hier geht es nur ums Archiv: das Löschen alter Lobbys (eigener Test) bleibt aus
app.manager.config.lobbyMaxHours = 0;
await app.manager.reap(Date.now() + 4 * 86_400_000);
assert.ok(app.service.getMatch(old.id).archived_at > 0, 'nach 4 Tagen archiviert');
assert.ok(app.service.getMatch(done.id).archived_at > 0, 'zurückgeholtes Match wird nach Ablauf der Frist wieder archiviert');
assert.equal(app.service.getMatch(open.id).archived_at, null, 'offene Matches bleiben');
} finally {
await close();
}
});
test('Messer-Server: nur Admin startet, Startseite sieht laufende, Ports zählen bei der Vergabe mit', async () => {
const { app, call, close } = await setup({ adminPassword: 'admin-geheim' });
try {
assert.equal((await call('POST', '/admin/knife', { body: {} })).status, 401);
const token = (await call('POST', '/admin/login', { body: { password: 'admin-geheim' } })).body.token;
const info = (await call('GET', '/admin/knife', { token })).body;
assert.deepEqual(info.modes.map((m) => m.id).sort(), ['competitive', 'wingman']);
const created = await call('POST', '/admin/knife', { token, body: { mode: 'competitive', map: 'de_inferno' } });
assert.equal(created.status, 200, JSON.stringify(created.body));
// Noch nicht bereit: Startseite zeigt ihn nicht
assert.equal((await call('GET', '/knife-servers')).body.servers.length, 0);
await app.knife.poll();
await waitFor(() => app.knife.row(created.body.id).status === 'running', { label: 'Messer-Server bereit' });
const pub = (await call('GET', '/knife-servers')).body.servers;
assert.equal(pub.length, 1);
assert.equal(pub[0].map, 'de_inferno');
assert.ok(!JSON.stringify(pub).includes(app.knife.row(created.body.id).rcon_password));
// Ports des Messer-Servers sind für Matches belegt
const row = app.knife.row(created.body.id);
assert.ok(app.manager.usedPortsOn(row.host).has(row.port));
assert.equal((await call('DELETE', `/admin/knife/${created.body.id}`, { token })).status, 200);
assert.equal(app.knife.list().length, 0);
} finally {
await close();
}
});
test('Map-Pools im Admin: Auswahl gilt für neue Matches, Veto passt sich an, laufende Matches behalten ihre Maps', async () => {
const { app, call, close } = await setup({ adminPassword: 'admin-geheim' });
try {
const token = (await call('POST', '/admin/login', { body: { password: 'admin-geheim' } })).body.token;
const before = (await call('POST', '/matches', { body: { teamA: 'Vorher A', teamB: 'Vorher B', mode: 'competitive', format: 'bo3' } })).body;
const view = (await call('GET', '/admin/map-pools', { token })).body;
const comp = view.pools.find((p) => p.mode === 'competitive');
assert.ok(['de_overpass', 'de_vertigo', 'de_cache'].every((id) => comp.maps.some((m) => m.id === id && m.active)));
// Nur 5 Maps: BO5 geht noch, BO3 hat dann 2 Bans
const five = ['de_cache', 'de_dust2', 'de_inferno', 'de_mirage', 'de_nuke'];
const saved = await call('PUT', '/admin/map-pools', { token, body: { mode: 'competitive', maps: five } });
assert.equal(saved.status, 200, JSON.stringify(saved.body));
const pool = saved.body.pools.find((p) => p.mode === 'competitive');
assert.equal(pool.maps.filter((m) => m.active).length, 5);
assert.deepEqual(pool.formats.bo3.flow, ['ban:X', 'ban:Y', 'pick:X', 'side:Y', 'pick:Y', 'side:X', 'decider', 'side:X']);
// Neue Matches bekommen die neue Auswahl, das alte behält seine 10 Maps
const after = (await call('POST', '/matches', { body: { teamA: 'Nachher A', teamB: 'Nachher B', mode: 'competitive', format: 'bo3' } })).body;
assert.equal(JSON.parse(app.service.getMatch(after.id).maps).length, 5);
assert.equal(JSON.parse(app.service.getMatch(before.id).maps).length, 10);
// Öffentliche Konfiguration (Match erstellen) zeigt die neuen Formate
const cfg = (await call('GET', '/config')).body;
assert.equal(cfg.pools.find((p) => p.mode === 'competitive').maps.length, 5);
// Ungültig: zu wenige oder unbekannte Maps
assert.equal((await call('PUT', '/admin/map-pools', { token, body: { mode: 'competitive', maps: ['de_cache'] } })).status, 400);
assert.equal((await call('PUT', '/admin/map-pools', { token, body: { mode: 'competitive', maps: ['de_cache', 'de_foo'] } })).status, 400);
assert.equal((await call('PUT', '/admin/map-pools', { body: { mode: 'competitive', maps: five } })).status, 401);
} finally {
await close();
}
});
test('Seitenwahl per Messerrunde: Organisator legt fest, wer das Veto beginnt', async () => {
const { app, call, close } = await setup();
try {
const created = await call('POST', '/matches', { body: { teamA: 'Alpha', teamB: 'Bravo', mode: 'wingman', format: 'bo3', vetoStart: 'knife' } });
assert.equal(created.status, 200, JSON.stringify(created.body));
const { id, organizerToken: org } = created.body;
const snap = (await call('GET', `/matches/${id}`, { token: org })).body;
assert.equal(snap.vetoStart, 'knife');
const codes = snap.organizer.codes;
for (const [name, team] of [['a1', 'A'], ['a2', 'A'], ['b1', 'B'], ['b2', 'B']]) {
const r = await call('POST', `/matches/${id}/join`, { body: { code: codes[team], nickname: name } });
await call('POST', `/matches/${id}/ready`, { token: r.body.playerToken, body: { ready: true } });
}
// Ohne Angabe, wer beginnt, startet das Veto nicht
const missing = await call('POST', `/matches/${id}/veto/start`, { token: org });
assert.equal(missing.status, 400);
assert.equal(missing.body.code, 'first_team_required');
assert.equal((await call('POST', `/matches/${id}/veto/start`, { token: org, body: { firstTeam: 'X' } })).status, 400);
const ok = await call('POST', `/matches/${id}/veto/start`, { token: org, body: { firstTeam: 'B' } });
assert.equal(ok.status, 200, JSON.stringify(ok.body));
const after = (await call('GET', `/matches/${id}`, { token: org })).body;
assert.equal(after.status, 'veto');
assert.equal(after.veto.current.team, 'B', 'das gewählte Team beginnt');
assert.ok(app.service.db.prepare("SELECT message FROM events WHERE match_id = ? AND message LIKE '%Messerrunde%'").get(id));
} finally {
await close();
}
});
test('Ohne Messerrunde bleibt firstTeam wirkungslos', async () => {
const { call, close } = await setup();
try {
const { id, org, tokens } = await readyWingmanMatch(call, 'bo1');
await call('POST', `/matches/${id}/veto/start`, { token: org, body: { firstTeam: 'B' } });
const snap = (await call('GET', `/matches/${id}`, { token: tokens.a1 })).body;
assert.equal(snap.veto.current.team, 'A', 'feste Startregel A gilt');
} finally {
await close();
}
});
test('Chat: Match-Chat für beide Teams und Organisator, Team-Chat nur fürs eigene Team, Zuschauer sehen nichts', async () => {
const { call, close } = await setup();
try {
const { id, org, codes, tokens } = await readyWingmanMatch(call, 'bo1');
const spectator = codes.spectator;
const post = (token, channel, text) => call('POST', `/matches/${id}/chat`, { token, body: { channel, text } });
assert.equal((await post(tokens.a1, 'match', 'Hallo zusammen')).status, 200);
assert.equal((await post(tokens.a1, 'A', 'Wir bannen Nuke')).status, 200);
assert.equal((await post(org, 'match', 'Veto startet gleich')).status, 200);
// Fremder Team-Chat und Zuschauer: verboten
assert.equal((await post(tokens.b1, 'A', 'Spioniere')).status, 403);
assert.equal((await post(org, 'A', 'Organisator im Team-Chat')).status, 403);
assert.equal((await post(spectator, 'match', 'Zuschauer')).status, 403);
assert.equal((await post(tokens.a1, 'match', ' ')).status, 400);
assert.equal((await post(tokens.a1, 'match', 'x'.repeat(301))).status, 400);
const a = (await call('GET', `/matches/${id}`, { token: tokens.a2 })).body.chat;
assert.deepEqual(a.channels.map((c) => c.key), ['match', 'A']);
assert.deepEqual(a.messages.match.map((m) => m.text), ['Hallo zusammen', 'Veto startet gleich']);
assert.equal(a.messages.match[1].organizer, true);
assert.deepEqual(a.messages.A.map((m) => m.text), ['Wir bannen Nuke']);
const b = (await call('GET', `/matches/${id}`, { token: tokens.b1 })).body.chat;
assert.deepEqual(b.channels.map((c) => c.key), ['match', 'B']);
assert.ok(!JSON.stringify(b).includes('Wir bannen Nuke'), 'Team B sieht den Team-Chat von A nicht');
assert.deepEqual((await call('GET', `/matches/${id}`, { token: org })).body.chat.channels.map((c) => c.key), ['match']);
assert.equal((await call('GET', `/matches/${id}`, { token: spectator })).body.chat, null);
assert.equal((await call('GET', `/matches/${id}`)).body.chat, null);
// Spam-Schutz und nach Matchende nur lesbar
for (let i = 0; i < 5; i++) await post(tokens.b1, 'match', `Nachricht ${i}`);
assert.equal((await post(tokens.b1, 'match', 'eine zu viel')).status, 429);
await call('POST', `/matches/${id}/finish`, { token: org });
assert.equal((await post(tokens.a1, 'match', 'Nach dem Ende')).status, 409);
const closed = (await call('GET', `/matches/${id}`, { token: tokens.a1 })).body.chat;
assert.equal(closed.canWrite, false);
assert.equal(closed.messages.match.length, 7);
} finally {
await close();
}
});
test('Konsole: nur für Admins, Ausgabe kommt live, unbekannte Server 404', async () => {
const { app, call, close } = await setup({ adminPassword: 'admin-geheim' });
try {
const token = (await call('POST', '/admin/login', { body: { password: 'admin-geheim' } })).body.token;
const m = (await call('POST', '/matches', { body: { teamA: 'Alpha', teamB: 'Bravo', mode: 'wingman', format: 'bo1' } })).body;
await waitFor(() => app.service.serverRow(m.id)?.handle, { label: 'Server gestartet' });
const base = `http://127.0.0.1:${app.server.address().port}/api/admin/logs`;
assert.equal((await fetch(`${base}/match/${m.id}`)).status, 401);
assert.equal((await fetch(`${base}/match/gibtsnicht`, { headers: { authorization: `Bearer ${token}` } })).status, 404);
assert.equal((await fetch(`${base}/sonstwas/${m.id}`, { headers: { authorization: `Bearer ${token}` } })).status, 404);
const ctl = new AbortController();
const res = await fetch(`${base}/match/${m.id}`, { headers: { authorization: `Bearer ${token}` }, signal: ctl.signal });
assert.equal(res.status, 200);
const reader = res.body.getReader();
const { value } = await reader.read();
assert.match(new TextDecoder().decode(value), /Demo-Adapter/);
ctl.abort();
} finally {
await close();
}
});
test('Messerrunde auf dem eigenen Match-Server: Verbindungsdaten in der Lobby, danach derselbe Server fürs Match', async () => {
const { app, call, close } = await setup();
try {
const created = await call('POST', '/matches', { body: { teamA: 'Alpha', teamB: 'Bravo', mode: 'wingman', format: 'bo1', vetoStart: 'knife' } });
const { id, organizerToken: org } = created.body;
const codes = (await call('GET', `/matches/${id}`, { token: org })).body.organizer.codes;
const tokens = {};
for (const [name, team] of [['a1', 'A'], ['a2', 'A'], ['b1', 'B'], ['b2', 'B']]) {
tokens[name] = (await call('POST', `/matches/${id}/join`, { body: { code: codes[team], nickname: name } })).body.playerToken;
}
// Vor dem Start: Aktionen gehen noch nicht
assert.equal((await call('POST', `/matches/${id}/server/knife-start`, { token: org })).status, 409);
await app.manager.poll();
await waitFor(() => app.manager.row(id).knife_phase === 'warmup', { label: 'Messerrunde eingerichtet' });
const player = (await call('GET', `/matches/${id}`, { token: tokens.b1 })).body;
assert.deepEqual(player.server.knife, { ready: true, phase: 'warmup', failed: false });
assert.equal(player.server.connect.password, app.manager.row(id).server_password, 'Spieler bekommen das Passwort des Matches');
const pub = (await call('GET', `/matches/${id}`)).body;
assert.equal(pub.server?.connect, undefined, 'öffentlich keine Verbindungsdaten');
// Nur der Organisator startet die Runde
assert.equal((await call('POST', `/matches/${id}/server/knife-start`, { token: tokens.a1 })).status, 403);
assert.equal((await call('POST', `/matches/${id}/server/knife-start`, { token: org })).status, 200);
assert.equal(app.manager.row(id).knife_phase, 'live');
assert.equal((await call('POST', `/matches/${id}/server/knife-reset`, { token: org })).status, 200);
assert.equal(app.manager.row(id).knife_phase, 'warmup');
// Nach dem Veto wird derselbe Server fürs Match eingerichtet, die Messer-Einstellungen werden zurückgenommen
const handle = app.manager.row(id).handle;
const plans = [];
const configure = app.adapter.configure.bind(app.adapter);
app.adapter.configure = async (h, plan) => { plans.push(plan); return configure(h, plan); };
for (const t of Object.values(tokens)) await call('POST', `/matches/${id}/ready`, { token: t, body: { ready: true } });
assert.equal((await call('POST', `/matches/${id}/veto/start`, { token: org, body: { firstTeam: 'A' } })).status, 200);
const snap = (await call('GET', `/matches/${id}`, { token: org })).body;
const capA = snap.teams.A.players.find((p) => p.isCaptain)?.nickname ?? 'a1';
const capB = snap.teams.B.players.find((p) => p.isCaptain)?.nickname ?? 'b1';
await playVeto(call, id, { A: tokens[capA], B: tokens[capB] });
// Das Ende der Messerrunde kommt während des Einrichtens an: darf nicht als Ende von Map 1 zählen
await waitFor(() => app.manager.row(id).status === 'configuring', { label: 'Map 1 wird eingerichtet' });
const firstMap = app.service.seriesMaps(id)[0].map;
const knifeEnd = ['Team "CT" triggered "SFUI_Notice_Target_Saved" (CT "1") (T "0")', 'World triggered "Round_End"',
`Game Over: scrimcomp2v2 ${firstMap} score 1:0 after 2 min`].join('\n');
const key = app.manager.row(id).config_key;
assert.equal((await fetch(`http://127.0.0.1:${app.server.address().port}/api/logs/${id}/${key}`, { method: 'POST', body: knifeEnd })).status, 200);
await waitFor(() => app.manager.row(id).status === 'configured', { label: 'Match eingerichtet' });
const map1 = app.service.seriesMaps(id)[0];
assert.notEqual(map1.status, 'done', 'Messerrunde zählt nicht als Map-Ende');
assert.equal(map1.score_a, 0);
assert.equal(app.service.getMatch(id).current_map_number, 1);
assert.deepEqual(plans.at(-1).beforeMapChange.slice(0, 2), ['mp_warmup_pausetimer 1', 'mp_warmup_start'], 'laufende Messerrunde wird zuerst angehalten');
const row = app.manager.row(id);
assert.equal(row.handle, handle, 'derselbe Server');
assert.equal(row.knife_at, null);
assert.ok(plans.at(-1).afterMapChange.includes('mp_give_player_c4 1'));
assert.equal((await call('GET', `/matches/${id}`, { token: tokens.b1 })).body.server.knife, undefined);
} finally {
await close();
}
});
test('Messerrunde: Einrichten wird bei Fehlern von selbst wiederholt, danach kann der Organisator neu starten', async () => {
const { app, call, close } = await setup();
try {
app.manager.knifeRetryDelayMs = 0;
const configure = app.adapter.configure.bind(app.adapter);
let failures = 2;
app.adapter.configure = async (h, plan) => {
if (failures > 0) { failures -= 1; throw new Error('Map de_mirage wurde nicht rechtzeitig geladen'); }
return configure(h, plan);
};
const created = await call('POST', '/matches', { body: { teamA: 'Alpha', teamB: 'Bravo', mode: 'wingman', format: 'bo1', vetoStart: 'knife' } });
const { id, organizerToken: org } = created.body;
await app.manager.poll();
// Zwei Fehlschläge, der dritte Versuch klappt ohne Zutun
await waitFor(() => app.manager.row(id).knife_phase === 'warmup', { label: 'Messerrunde nach Wiederholung eingerichtet' });
// Scheitern alle Versuche, bekommt der Organisator den Knopf
failures = 99;
app.manager.update(id, { knife_at: null, knife_phase: null });
app.manager.knifeAttempts.delete(id);
app.manager.maybeConfigure(id);
await waitFor(async () => (await call('GET', `/matches/${id}`, { token: org })).body.server.knife.failed, { label: 'als fehlgeschlagen gemeldet' });
failures = 0;
assert.equal((await call('POST', `/matches/${id}/server/retry`, { token: org })).status, 200);
await waitFor(() => app.manager.row(id).knife_phase === 'warmup', { label: 'von Hand neu eingerichtet' });
} finally {
await close();
}
});
test('Offene Lobbys werden nach LOBBY_MAX_HOURS samt Server gelöscht, laufende Matches nicht', async () => {
const { app, call, close } = await setup();
try {
const make = async () => (await call('POST', '/matches', { body: { teamA: 'Alpha', teamB: 'Bravo', mode: 'wingman', format: 'bo1', vetoStart: 'A' } })).body.id;
const old = await make();
const fresh = await make();
const { id: running, org } = await readyWingmanMatch(call, 'bo1');
assert.equal((await call('POST', `/matches/${running}/veto/start`, { token: org })).status, 200);
const ago = (h) => Date.now() - h * 3_600_000;
app.service.db.prepare('UPDATE matches SET created_at = ? WHERE id IN (?, ?)').run(ago(4), old, running);
app.service.db.prepare('UPDATE matches SET created_at = ? WHERE id = ?').run(ago(2), fresh);
await app.manager.reap();
const left = app.service.db.prepare('SELECT id FROM matches').all().map((r) => r.id);
assert.ok(!left.includes(old), 'alte Lobby gelöscht');
assert.ok(left.includes(fresh), 'Lobby unter 3 h bleibt');
assert.ok(left.includes(running), 'Match im Veto bleibt');
assert.equal(app.service.db.prepare('SELECT COUNT(*) AS n FROM servers WHERE match_id = ?').get(old).n, 0, 'Server-Datensatz weg');
assert.equal((await call('GET', `/matches/${old}`)).status, 404);
} finally {
await close();
}
});
+19
View File
@@ -0,0 +1,19 @@
import { test } from 'node:test';
import assert from 'node:assert/strict';
import { formatDockerEvent } from '../src/servers/dockerAdapter.js';
const ev = (o) => JSON.stringify({ time: 1793549403, ...o });
test('Docker-Ereignisse werden lesbar, App-Container markiert', () => {
const start = formatDockerEvent(ev({ Type: 'container', Action: 'start', Actor: { ID: 'abc', Attributes: { name: 'cs2mv-knife1', image: 'joedwards32/cs2:latest', 'cs2-mapveto': '1' } } }));
assert.match(start, /Container cs2mv-knife1 \[Mapveto\] gestartet \(joedwards32\/cs2:latest\)$/);
const die = formatDockerEvent(ev({ Type: 'container', Action: 'die', Actor: { ID: 'abc', Attributes: { name: 'gitea', exitCode: '137' } } }));
assert.match(die, /Container gitea beendet \(Exit-Code 137\)$/);
assert.match(formatDockerEvent(ev({ Type: 'image', Action: 'pull', Actor: { ID: 'joedwards32/cs2:latest', Attributes: { name: 'joedwards32/cs2' } } })), /Image joedwards32\/cs2 geladen/);
});
test('Healthchecks, Mounts und kaputte Zeilen fallen weg', () => {
assert.equal(formatDockerEvent(ev({ Type: 'container', Action: 'exec_start: /bin/sh -c mysql --password=geheim', Actor: { Attributes: {} } })), null);
assert.equal(formatDockerEvent(ev({ Type: 'volume', Action: 'mount', Actor: { Attributes: {} } })), null);
assert.equal(formatDockerEvent('kein json'), null);
});
+26
View File
@@ -107,3 +107,29 @@ test('Alter Handle ohne passenden Host-Namen wird über die Adresse dem richtige
assert.equal(p.adapterFor({ hostName: 'default', rconHost: '10.0.0.2' }).options.name, 'b'); assert.equal(p.adapterFor({ hostName: 'default', rconHost: '10.0.0.2' }).options.name, 'b');
assert.throws(() => p.adapterFor({ hostName: 'weg', rconHost: '10.9.9.9' }), /nicht \(mehr\) konfiguriert/); assert.throws(() => p.adapterFor({ hostName: 'weg', rconHost: '10.9.9.9' }), /nicht \(mehr\) konfiguriert/);
}); });
test('Neue Server meiden Hosts, auf denen gerade ein Server hochfährt (SteamCMD)', async () => {
const starting = { '10.0.0.2': 1 };
const p = new DockerHostPool(options([hostA, hostB]), {
getUsedPorts: () => new Set(),
getStarting: (publicHost, exclude) => (exclude === 'self' ? 0 : starting[publicHost] ?? 0),
runDocker: fakeDocker().run,
});
// b hat mehr Plätze, aber dort lädt gerade ein Container: a gewinnt
assert.equal(p.pickHost().name, 'a');
// Der hochfahrende Server selbst zählt nicht gegen seinen eigenen Neustart
assert.equal(p.pickHost('self').name, 'b');
// Warteschlange im Prozess zählt genauso
starting['10.0.0.2'] = 0;
p.adapters.get('b').pendingStarts = 1;
assert.equal(p.pickHost().name, 'a');
// Starts zählen hoch und nach dem Update-Check wieder herunter
const a = p.adapters.get('a');
let done;
a.waitForUpdateCheck = () => new Promise((r) => { done = r; });
await a.start({ matchId: 'm1', mode: 'competitive', secrets });
assert.equal(a.pendingStarts, 1);
done();
await new Promise((r) => setImmediate(r));
assert.equal(a.pendingStarts, 0);
});
+65
View File
@@ -0,0 +1,65 @@
import { test } from 'node:test';
import assert from 'node:assert/strict';
import { DockerHostPool, GAMEFILES_UPDATE_SCRIPT, parseUpdateOutput } from '../src/servers/dockerAdapter.js';
const options = (runDocker) => new DockerHostPool({
bin: 'docker', image: 'joedwards32/cs2:latest', host: '10.0.0.9', rconHost: '10.0.0.9', portRangeStart: 27100, portRangeEnd: 27139,
volume: 'cs2-mapveto-gamefiles', startTimeoutMinutes: 1, lanPorts: [],
hosts: [{ name: 'a', publicHost: '10.0.0.1' }, { name: 'b', publicHost: '10.0.0.2', volume: 'andere-dateien' }],
}, { runDocker });
test('Ausgabe von SteamCMD: Fortschritt und Build-Nummern', () => {
const info = parseUpdateOutput('BUILD_BEFORE=100\n Update state (0x61) downloading, progress: 42.50 (1 / 2)\n');
assert.equal(info.buildBefore, '100');
assert.equal(info.progress, 42.5);
parseUpdateOutput('Success! App \'730\' fully installed.\nBUILD_AFTER=105\n', info);
assert.equal(info.buildAfter, '105');
assert.match(GAMEFILES_UPDATE_SCRIPT, /\+app_update 730 -beta public \+quit/);
});
test('Spieldateien-Update: eigener Container je Host, Hosts mit Servern ausgelassen', async () => {
const calls = [];
const pool = options(async (args, host) => {
calls.push({ args, host });
return 'BUILD_BEFORE=100\nBUILD_AFTER=105\n';
});
const res = await pool.updateGameFiles({ skip: new Map([['b', 'ausgelassen: 1 laufender Server']]) });
assert.equal(calls.length, 1);
assert.equal(calls[0].host, 'a');
const args = calls[0].args;
assert.deepEqual(args.slice(0, 2), ['run', '--rm']);
assert.ok(args.includes('cs2-mapveto-gamefiles:/home/steam/cs2-dedicated'));
assert.equal(args[args.indexOf('--entrypoint') + 1], 'bash');
assert.ok(!args.includes('cs2-mapveto=1'), 'Update-Container zählen nicht als Gameserver');
assert.deepEqual(res.results.map((r) => [r.name, r.state]), [['a', 'ok'], ['b', 'skipped']]);
assert.match(res.results[0].message, /Build 105 \(vorher 100\)/);
assert.equal(res.running, false);
});
test('Bereits aktuell und Fehler werden gemeldet', async () => {
const same = options(async () => 'BUILD_BEFORE=105\nBUILD_AFTER=105\n');
assert.match((await same.updateGameFiles()).results[0].message, /bereits aktuell \(Build 105\)/);
const broken = options(async () => { throw new Error('SteamCMD failed (rc 8)'); });
const r = (await broken.updateGameFiles()).results;
assert.deepEqual(r.map((x) => x.state), ['failed', 'failed']);
assert.match(r[0].message, /rc 8/);
});
test('Während des Updates startet auf dem Host kein neuer Server', () => {
const pool = options(async () => '');
pool.files = { running: true, results: [{ name: 'a', state: 'running' }, { name: 'b', state: 'ok' }] };
assert.equal(pool.pickHost().name, 'b');
pool.files.results[1].state = 'running';
assert.throws(() => pool.pickHost(), /Spieldateien/);
});
test('Unvollständige Installation oder SteamCMD-Fehler gelten als fehlgeschlagen, auch mit Exit-Code 0', async () => {
const partial = options(async () => 'BUILD_BEFORE=0\nBUILD_AFTER=0\nSTATE_AFTER=1026\n');
const [a] = (await partial.updateGameFiles()).results;
assert.equal(a.state, 'failed');
assert.match(a.message, /StateFlags 1026/);
const err = options(async () => "Error! App '730' state is 0x202 after update job.\nBUILD_BEFORE=1\nBUILD_AFTER=1\nSTATE_AFTER=4\n");
assert.match((await err.updateGameFiles()).results[0].message, /Error! App '730'/);
const fine = options(async () => 'BUILD_BEFORE=1\nBUILD_AFTER=2\nSTATE_AFTER=4\n');
assert.equal((await fine.updateGameFiles()).results[0].state, 'ok');
});
+224
View File
@@ -0,0 +1,224 @@
import { test } from 'node:test';
import assert from 'node:assert/strict';
import net from 'node:net';
import { io as connect } from 'socket.io-client';
import { loadConfig } from '../src/config.js';
import { createApp } from '../src/app.js';
import { DemoServerAdapter } from '../src/servers/demoAdapter.js';
import { applyLogLines, initialLiveState } from '../src/liveScore.js';
import { RconClient } from '../src/servers/rcon.js';
import { createRateLimiter, safeErrorMessage } from '../src/security.js';
// Absicherungen aus der Prüfung: jede Stelle mit dem Fehler, der vorher möglich war.
const quiet = { log() {}, warn() {}, error() {} };
async function start(overrides = {}, adapter) {
const config = loadConfig({
databaseFile: ':memory:', serverAdapter: 'demo', createMatchPassword: '',
demo: { startSeconds: 0, failFirstConfigure: false }, ...overrides,
});
const app = createApp(config, { logger: quiet, adapter });
await new Promise((resolve) => app.server.listen(0, '127.0.0.1', resolve));
const port = app.server.address().port;
const call = async (method, path, { token, body } = {}) => {
const res = await fetch(`http://127.0.0.1:${port}/api${path}`, {
method,
headers: { 'content-type': 'application/json', ...(token ? { authorization: `Bearer ${token}` } : {}) },
body: body ? JSON.stringify(body) : undefined,
});
return { status: res.status, body: await res.json() };
};
return { app, port, call, close: () => app.close() };
}
const newMatch = (call) => call('POST', '/matches', { body: { teamA: 'Alpha', teamB: 'Bravo', mode: 'wingman', format: 'bo1', vetoStart: 'A' } });
test('Kaputte Socket-Nachrichten beenden das Backend nicht', async () => {
const { port, call, close } = await start();
const socket = connect(`http://127.0.0.1:${port}`, { transports: ['websocket'], reconnection: false });
try {
await new Promise((resolve, reject) => { socket.on('connect', resolve); socket.on('connect_error', reject); });
for (const payload of [null, 5, 'x', [], { matchId: { $ne: 1 } }]) {
socket.emit('stream:subscribe', payload);
socket.emit('match:subscribe', payload);
socket.emit('overview:subscribe', payload);
}
await new Promise((r) => setTimeout(r, 200));
assert.equal((await call('GET', '/config')).status, 200, 'Backend antwortet noch');
} finally {
socket.close();
await close();
}
});
test('Zu viele Socket-Abfragen werden gebremst', async () => {
const { port, close } = await start();
const socket = connect(`http://127.0.0.1:${port}`, { transports: ['websocket'], reconnection: false });
try {
await new Promise((resolve) => socket.on('connect', resolve));
let limited = 0;
socket.on('rate_limited', () => { limited += 1; });
for (let i = 0; i < 60; i++) socket.emit('overview:subscribe');
await new Promise((r) => setTimeout(r, 300));
assert.ok(limited > 0, 'ab einer Grenze werden Abfragen abgewiesen');
} finally {
socket.close();
await close();
}
});
test('Fehlgeschlagener Serverstart veröffentlicht keine Passwörter', async () => {
class Failing extends DemoServerAdapter {
async start({ secrets }) {
const err = new Error(`Command failed: docker run -e CS2_RCONPW=${secrets.rconPassword} -e CS2_PW=${secrets.serverPassword} joedwards32/cs2`);
err.stderr = '';
throw err;
}
}
const { app, call, close } = await start({}, new Failing({ startSeconds: 0 }));
try {
const { id } = (await newMatch(call)).body;
await app.manager.idle();
const row = app.manager.row(id);
assert.equal(row.status, 'start_failed');
const pub = JSON.stringify((await call('GET', `/matches/${id}`)).body);
for (const secret of [row.rcon_password, row.server_password]) {
assert.ok(!pub.includes(secret), 'Passwort nicht in der öffentlichen Ansicht');
assert.ok(!row.message.includes(secret), 'Passwort nicht in der Meldung');
}
assert.ok(!JSON.stringify(app.service.db.prepare('SELECT message FROM events WHERE match_id = ?').all(id)).includes(row.rcon_password));
} finally {
await close();
}
});
test('safeErrorMessage schwärzt Befehlszeile, Variablen und bekannte Geheimnisse', () => {
const msg = safeErrorMessage({ message: 'Command failed: docker run -e CS2_RCONPW=abc123\nError: port is already allocated', stderr: '' });
assert.equal(msg, 'Error: port is already allocated');
assert.equal(safeErrorMessage({ stderr: 'bad TV_PW=geheim1 SRCDS_TOKEN=XYZ999' }), 'bad TV_PW=*** SRCDS_TOKEN=***');
assert.equal(safeErrorMessage(new Error('Server sagt Passwort1234 falsch'), ['Passwort1234']), 'Server sagt *** falsch');
});
test('Chat-Nachrichten können keine Map beenden oder starten', () => {
const state = initialLiveState({ map: 'de_mirage', ctTeam: 'A', warmupEnded: true });
const ts = '11/01/2026 - 20:00:00.000 - ';
const lines = [
`${ts}"Troll<3><[U:1:1]><CT>" say "World triggered "Match_Start" on "de_mirage""`,
`${ts}"Troll<3><[U:1:1]><CT>" say "Team "CT" triggered "SFUI_Notice_CTs_Win" (CT "1") (T "0")"`,
`${ts}"Troll<3><[U:1:1]><CT>" say "Game Over: competitive mg_active de_mirage score 13:0 after 3 min"`,
`${ts}"Game Over: x de_mirage score 13:0 after 3 min<4><[U:1:2]><T>" say "hi"`,
];
const { state: after, events } = applyLogLines(state, lines, { teamNames: { A: 'Alpha', B: 'Bravo' }, maxRounds: 24, overtimeRounds: 6 });
assert.deepEqual(events, []);
assert.notEqual(after.status, 'finished');
assert.deepEqual(after.score, { A: 0, B: 0 });
// Die echte Systemzeile wirkt weiterhin
const real = applyLogLines(after, [`${ts}Game Over: competitive mg_active de_mirage score 0:0 after 3 min`], { teamNames: { A: 'Alpha', B: 'Bravo' }, maxRounds: 24, overtimeRounds: 6 });
assert.equal(real.events[0]?.type, 'map_end');
});
test('Stopp oder Löschen während des Starts baut den verspäteten Container wieder ab', async () => {
let release;
const stopped = [];
class Slow extends DemoServerAdapter {
async start(args) {
await new Promise((r) => { release = r; });
return super.start(args);
}
async stop(handle) {
stopped.push(handle.matchId);
return super.stop(handle);
}
}
const { app, call, close } = await start({}, new Slow({ startSeconds: 0 }));
try {
const { id } = (await newMatch(call)).body;
await new Promise((r) => setTimeout(r, 50));
await app.manager.stop(id, 'Test');
release();
await app.manager.idle();
assert.deepEqual(stopped, [id], 'verspäteter Container wurde gestoppt');
assert.equal(app.manager.row(id).status, 'stopped');
assert.equal(app.manager.row(id).handle, null);
// Löschen während des Starts
const second = (await newMatch(call)).body.id;
await new Promise((r) => setTimeout(r, 50));
const deleting = app.manager.deleteMatch(second, 'Test');
await deleting;
release();
await app.manager.idle();
assert.ok(stopped.includes(second));
} finally {
await close();
}
});
/** Kleiner RCON-Server, der nach der Anmeldung tut, was der Test vorgibt. */
async function fakeRcon(onCommand) {
const server = net.createServer((socket) => {
socket.on('data', (buf) => {
const id = buf.readInt32LE(4);
const type = buf.readInt32LE(8);
if (type === 3) {
const ok = Buffer.alloc(14);
ok.writeInt32LE(10, 0); ok.writeInt32LE(id, 4); ok.writeInt32LE(2, 8);
socket.write(ok);
} else onCommand(socket, id);
});
});
await new Promise((r) => server.listen(0, '127.0.0.1', r));
return { port: server.address().port, close: () => server.close() };
}
test('RCON: kaputte Pakete trennen nur die Verbindung, fehlende Antworten sind ein Fehler', async () => {
const bad = await fakeRcon((socket) => {
const junk = Buffer.alloc(8);
junk.writeInt32LE(5, 0); // Paketgröße unter dem Minimum
socket.write(junk);
});
const silent = await fakeRcon(() => {});
try {
const a = await new RconClient({ host: '127.0.0.1', port: bad.port, password: 'x', timeoutMs: 1000 }).connect();
await assert.rejects(a.command('status'), /geschlossen|keine Antwort/);
a.close();
const b = await new RconClient({ host: '127.0.0.1', port: silent.port, password: 'x', timeoutMs: 300 }).connect();
await assert.rejects(b.command('mp_warmup_end'), /keine Antwort auf "mp_warmup_end"/);
b.close();
} finally {
bad.close();
silent.close();
}
});
test('Organisatoren bekommen nur einen Stream-Schlüssel für ihr Match, nicht den globalen', async () => {
const { call, close } = await start({ streamKey: 'GlobalerSchluessel42' });
try {
const one = (await newMatch(call)).body;
const two = (await newMatch(call)).body;
const view = (await call('GET', `/matches/${one.id}`, { token: one.organizerToken })).body;
const link = view.organizer.links.overview;
assert.ok(!link.includes('GlobalerSchluessel42'), 'globaler Schlüssel nicht im Link');
const key = new URL(link).searchParams.get('key');
const scoped = (await call('GET', `/stream/overview?key=${encodeURIComponent(key)}`)).body;
const ids = [...scoped.active, ...scoped.upcoming, ...scoped.results].map((m) => m.id);
assert.deepEqual(ids, [one.id], 'nur das eigene Match');
assert.ok(!ids.includes(two.id));
// Gefälschter Schlüssel für ein anderes Match geht nicht
assert.equal((await call('GET', `/stream/overview?key=${encodeURIComponent(`${two.id}.${key.split('.').pop()}`)}`)).status, 403);
// Der globale Schlüssel zeigt weiter alles
const all = (await call('GET', '/stream/overview?key=GlobalerSchluessel42')).body;
assert.equal(all.upcoming.length, 2);
} finally {
await close();
}
});
test('Rate-Limiter hält seinen Speicher begrenzt', () => {
const check = createRateLimiter({ windowMs: 60_000, max: 5, maxKeys: 100 });
for (let i = 0; i < 1000; i++) check(`ip-${i}`);
assert.ok(check.size() <= 100);
for (let i = 0; i < 5; i++) assert.equal(check('x'), true);
assert.equal(check('x'), false);
});
+125
View File
@@ -0,0 +1,125 @@
import { test } from 'node:test';
import assert from 'node:assert/strict';
import { loadConfig } from '../src/config.js';
import { openDatabase } from '../src/db.js';
import { buildKnifeCommands, KnifeServers } from '../src/servers/knifeServers.js';
const pools = {
competitive: { label: 'Competitive 5 gegen 5', gameType: 0, gameMode: 1, teamSize: 5, maps: [{ id: 'de_mirage', name: 'Mirage' }, { id: 'de_inferno', name: 'Inferno' }] },
wingman: { label: 'Wingman 2 gegen 2', gameType: 0, gameMode: 2, teamSize: 2, maps: [{ id: 'de_vertigo', name: 'Vertigo' }] },
};
const quiet = { log() {}, warn() {}, error() {} };
/** Adapter, dessen Zustand der Test steuert. */
function fakeAdapter() {
const a = {
name: 'docker',
starts: [],
configures: [],
commands: [],
stops: 0,
state: 'starting',
players: null,
async start(args) {
a.starts.push(args);
return { handle: { container: `cs2mv-${args.matchId}`, n: a.starts.length }, host: '10.0.0.5', port: 27015 + a.starts.length - 1, tvPort: 27115 };
},
async status() { return { state: a.state, playerCount: a.players }; },
async configure(handle, plan) { a.configures.push(plan); },
async sendCommands(handle, cmds) { a.commands.push(...cmds); },
async stop() { a.stops += 1; },
};
return a;
}
function setup() {
const config = loadConfig({ knife: { map: 'de_mirage', warmupSeconds: 60, maxServers: 2 }, docker: { serverNamePrefix: 'MaxLAN' } });
const adapter = fakeAdapter();
const knife = new KnifeServers({ db: openDatabase(':memory:'), adapter, config, pools, logger: quiet });
return { knife, adapter };
}
const poll = async (knife) => { knife.lastPoll.clear(); await knife.poll(); };
test('Messerrunde: nur Messer, eine Runde, danach automatisch neues Spiel', () => {
const plan = buildKnifeCommands({ map: 'de_inferno', warmupSeconds: 45 });
assert.equal(plan.beforeMapChange.at(-1), 'changelevel de_inferno');
assert.ok(plan.beforeMapChange.includes('sv_password ""'), 'offen, ohne Passwort');
for (const c of ['mp_maxrounds 1', 'mp_match_end_restart 1', 'mp_ct_default_secondary ""', 'mp_startmoney 0', 'mp_warmuptime 45']) {
assert.ok(plan.afterMapChange.includes(c), `${c} fehlt`);
}
});
test('Start, Konfiguration und Ansicht ohne Geheimnisse', async () => {
const { knife, adapter } = setup();
const created = await knife.create({});
assert.equal(created.name, 'Messer 1');
assert.equal(created.status, 'starting');
assert.equal(adapter.starts[0].serverName, 'MaxLAN | Messer 1 5v5 (Seitenwahl)');
assert.equal(adapter.starts[0].mode, 'competitive');
assert.equal(adapter.starts[0].secrets.serverPassword, '');
adapter.state = 'running';
await poll(knife);
assert.equal(knife.row('knife1').status, 'running');
assert.equal(adapter.configures[0].map, 'de_mirage');
const [view] = knife.list();
assert.equal(view.connect, 'connect 10.0.0.5:27015');
assert.ok(!JSON.stringify(view).includes(knife.row('knife1').rcon_password), 'kein RCON-Passwort in der Ansicht');
});
test('Wingman 2v2: eigener Spielmodus, Maps nur aus dem Wingman-Pool', async () => {
const { knife, adapter } = setup();
const k = await knife.create({ mode: 'wingman' });
assert.equal(k.modeShort, '2v2');
assert.equal(k.map, 'de_vertigo', 'Standard-Map gibt es im Wingman-Pool nicht, also die erste');
assert.equal(adapter.starts[0].mode, 'wingman');
assert.equal(adapter.starts[0].serverName, 'MaxLAN | Messer 1 2v2 (Seitenwahl)');
adapter.state = 'running';
await poll(knife);
assert.ok(adapter.configures[0].beforeMapChange.includes('game_mode 2'));
await assert.rejects(knife.create({ mode: 'wingman', map: 'de_mirage' }), /gibt es nicht für Wingman/);
await assert.rejects(knife.create({ mode: 'deathmatch' }), /Unbekannter Modus/);
});
test('Grenzen: nur Maps aus den Pools, höchstens maxServers', async () => {
const { knife } = setup();
await assert.rejects(knife.create({ map: 'de_unbekannt' }), /gibt es nicht/);
await knife.create({ map: 'de_inferno' });
await knife.create({});
await assert.rejects(knife.create({}), /Höchstens 2/);
// Freie Nummer wird wiederverwendet
await knife.remove('knife1');
assert.equal((await knife.create({})).name, 'Messer 1');
});
test('Teams gehen runter: Server setzt sich für die nächsten zurück', async () => {
const { knife, adapter } = setup();
await knife.create({});
adapter.state = 'running';
await poll(knife);
adapter.players = 4;
await poll(knife);
assert.equal(adapter.commands.length, 0);
adapter.players = 0;
await poll(knife);
assert.deepEqual(adapter.commands, ['mp_warmup_start']);
assert.match(knife.row('knife1').message, /zurückgesetzt/);
});
test('Ausfall: Server startet neu, nach zu vielen Ausfällen gibt die App auf', async () => {
const { knife, adapter } = setup();
await knife.create({});
adapter.state = 'failed';
await poll(knife);
assert.equal(adapter.starts.length, 2, 'nach Ausfall neu gestartet');
assert.equal(knife.row('knife1').restarts, 1);
for (let i = 0; i < 6; i++) await poll(knife);
assert.equal(adapter.starts.length, 6, 'höchstens 5 Neustarts');
assert.equal(knife.row('knife1').status, 'failed');
// Neustart durch den Admin setzt den Zähler zurück
adapter.state = 'starting';
await knife.restart('knife1');
assert.equal(knife.row('knife1').restarts, 0);
assert.equal(adapter.starts.length, 7);
});
+1
View File
@@ -78,6 +78,7 @@ test('Log-Weiterleitung wird vor dem Mapwechsel gesetzt, unsichere URLs nicht',
}; };
const ok = buildMapCommands({ ...base, logUrl: 'http://192.168.178.31:3000/api/logs/abc_D-1/KEY123' }).beforeMapChange; const ok = buildMapCommands({ ...base, logUrl: 'http://192.168.178.31:3000/api/logs/abc_D-1/KEY123' }).beforeMapChange;
assert.ok(ok.includes('logaddress_add_http "http://192.168.178.31:3000/api/logs/abc_D-1/KEY123"')); assert.ok(ok.includes('logaddress_add_http "http://192.168.178.31:3000/api/logs/abc_D-1/KEY123"'));
assert.ok(buildMapCommands({ ...base, logUrl: 'http://x/api/logs/a/b' }).afterMapChange.includes('mp_endmatch_votenextmap 0'), 'keine Map-Abstimmung nach dem Match');
assert.ok(ok.indexOf('log on') < ok.indexOf('changelevel de_nuke')); assert.ok(ok.indexOf('log on') < ok.indexOf('changelevel de_nuke'));
const bad = buildMapCommands({ ...base, logUrl: 'http://x"; quit' }).beforeMapChange; const bad = buildMapCommands({ ...base, logUrl: 'http://x"; quit' }).beforeMapChange;
assert.ok(!bad.some((c) => c.startsWith('logaddress'))); assert.ok(!bad.some((c) => c.startsWith('logaddress')));
+43 -6
View File
@@ -2,11 +2,14 @@ import { test } from 'node:test';
import assert from 'node:assert/strict'; import assert from 'node:assert/strict';
import path from 'node:path'; import path from 'node:path';
import { fileURLToPath } from 'node:url'; import { fileURLToPath } from 'node:url';
import { computeVetoState, resolveAction, validateFlow } from '../src/veto.js'; import { computeVetoState, generateFlow, resolveAction, validateFlow } from '../src/veto.js';
import { buildMapPools, loadMapPools } from '../src/mapPools.js'; import { buildMapPools, loadMapPools, setActiveMaps } from '../src/mapPools.js';
const here = path.dirname(fileURLToPath(import.meta.url)); const here = path.dirname(fileURLToPath(import.meta.url));
const pools = loadMapPools(path.join(here, '..', 'config', 'map-pools.json')); const pools = loadMapPools(path.join(here, '..', 'config', 'map-pools.json'));
// Die klassischen 7 Competitive-Maps: dafür gilt der fest hinterlegte Ablauf
const SEVEN = ['de_ancient', 'de_anubis', 'de_dust2', 'de_inferno', 'de_mirage', 'de_nuke', 'de_train'];
const competitive7 = () => setActiveMaps(structuredClone(pools.competitive), SEVEN);
test('alle ausgelieferten Abläufe sind gültig, Wingman-BO5 ist nicht unterstützt', () => { test('alle ausgelieferten Abläufe sind gültig, Wingman-BO5 ist nicht unterstützt', () => {
assert.equal(pools.competitive.formats.bo1.supported, true); assert.equal(pools.competitive.formats.bo1.supported, true);
@@ -37,8 +40,42 @@ test('ungültiger Ablauf in der Konfiguration deaktiviert nur dieses Format', ()
}, },
}); });
assert.equal(custom.mini.formats.bo1.supported, true); assert.equal(custom.mini.formats.bo1.supported, true);
assert.equal(custom.mini.formats.bo3.supported, false); assert.equal(custom.mini.formats.bo1.generated, false, 'passender fester Ablauf wird genommen');
assert.match(custom.mini.formats.bo5.reason, /Kein Veto-Ablauf/); // Ungültiger fester Ablauf: die Anwendung erzeugt einen passenden
assert.equal(custom.mini.formats.bo3.supported, true);
assert.equal(custom.mini.formats.bo3.generated, true);
assert.match(custom.mini.formats.bo5.reason, /mindestens 5 Maps/);
});
test('Erzeugte Abläufe sind für jede Map-Anzahl gültig', () => {
for (let n = 2; n <= 12; n += 1) {
for (const format of ['bo1', 'bo3', 'bo5']) {
const flow = generateFlow(n, format);
const need = { bo1: 2, bo3: 3, bo5: 5 }[format];
if (n < need) {
assert.equal(flow, null, `${format} mit ${n} Maps`);
continue;
}
assert.deepEqual(validateFlow(flow, n, format), [], `${format} mit ${n} Maps: ${flow.join(' ')}`);
}
}
// Bans und Picks wechseln sich ab, die Seite der Entscheidungsmap wählt das Team, das nicht zuletzt dran war
assert.deepEqual(generateFlow(5, 'bo3'), ['ban:X', 'ban:Y', 'pick:X', 'side:Y', 'pick:Y', 'side:X', 'decider', 'side:X']);
assert.deepEqual(generateFlow(3, 'bo1'), ['ban:X', 'ban:Y', 'decider', 'side:X']);
});
test('Aktive Maps wählen: Formate passen sich an, Reihenfolge bleibt wie im Katalog', () => {
const pool = structuredClone(pools.competitive);
setActiveMaps(pool, ['de_vertigo', 'de_cache', 'de_mirage', 'de_unbekannt']);
assert.deepEqual(pool.maps.map((m) => m.id), ['de_cache', 'de_mirage', 'de_vertigo']);
assert.equal(pool.formats.bo1.supported, true);
assert.equal(pool.formats.bo3.supported, true);
assert.equal(pool.formats.bo5.supported, false);
// 10 Maps (alle): kein fester Ablauf passt, es wird erzeugt
assert.equal(pools.competitive.maps.length, 10);
assert.equal(pools.competitive.formats.bo3.generated, true);
// 7 klassische Maps: fester Ablauf aus der Konfiguration
assert.equal(competitive7().formats.bo3.generated, false);
}); });
function play(pool, format, firstTeam, choices) { function play(pool, format, firstTeam, choices) {
@@ -52,7 +89,7 @@ function play(pool, format, firstTeam, choices) {
} }
test('BO3 Competitive: kompletter Ablauf mit Seitenwahl und Entscheidungsmap', () => { test('BO3 Competitive: kompletter Ablauf mit Seitenwahl und Entscheidungsmap', () => {
const state = play(pools.competitive, 'bo3', 'B', [ const state = play(competitive7(), 'bo3', 'B', [
{ map: 'de_train' }, // B bannt { map: 'de_train' }, // B bannt
{ map: 'de_nuke' }, // A bannt { map: 'de_nuke' }, // A bannt
{ map: 'de_mirage' }, // B pickt { map: 'de_mirage' }, // B pickt
@@ -82,7 +119,7 @@ test('BO1 Wingman: Entscheidungsmap wird automatisch übernommen', () => {
}); });
test('falsches Team, veraltete Schritte und vergebene Maps werden abgelehnt', () => { test('falsches Team, veraltete Schritte und vergebene Maps werden abgelehnt', () => {
const pool = pools.competitive; const pool = competitive7();
const ctx = { maps: pool.maps, flow: pool.formats.bo1.flow, firstTeam: 'A', actions: [] }; const ctx = { maps: pool.maps, flow: pool.formats.bo1.flow, firstTeam: 'A', actions: [] };
assert.throws(() => resolveAction(ctx, { team: 'B', stepIndex: 0, map: 'de_nuke' }), { code: 'not_your_turn' }); assert.throws(() => resolveAction(ctx, { team: 'B', stepIndex: 0, map: 'de_nuke' }), { code: 'not_your_turn' });
assert.throws(() => resolveAction(ctx, { team: 'A', stepIndex: 1, map: 'de_nuke' }), { code: 'stale_step' }); assert.throws(() => resolveAction(ctx, { team: 'A', stepIndex: 1, map: 'de_nuke' }), { code: 'stale_step' });