Compare commits

..
Author SHA1 Message Date
SPP UserandClaude Haiku 5.5 3e682d7fbc Admin: Pausieren und Fortsetzen des laufenden Matches
Neue Admin-Aktionen server/pause und server/resume senden
mp_pause_match bzw. mp_unpause_match an den CS2-Server. Nur bei
konfiguriertem Server verfügbar.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-26 00:48:25 +01:00
SPP UserandClaude Haiku 5.5 a6e7d7d287 Merge feature/organizer-stream-link in main
Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-26 00:24:41 +01:00
SPP UserandClaude Haiku 5.5 d7677f3afe Organisator: Link zur Übersicht des eigenen Matches
Der Organisator bekommt einen Link auf /stream/match/<id>, die
Stream-Übersicht nur für dieses Match. Der Zuschauercode bleibt
außen vor. Ist STREAM_KEY gesetzt, wird der Schlüssel angehängt.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-26 00:24:41 +01:00
SPP UserandClaude Haiku 5.5 0341921655 Merge feature/stream-match-link in main
Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-26 00:15:37 +01:00
SPP UserandClaude Haiku 5.5 fde3baafb5 Stream-Übersicht: Matches anklickbar, Einzelansicht pro Match
Karten und Listeneinträge der Stream-Übersicht führen zur Übersicht
des jeweiligen Matches (/stream/match/:matchId). Der Zuschauercode
bleibt geheim, daher wird nur die Match-ID verlinkt.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-26 00:15:37 +01:00
SPP UserandClaude Haiku 5.5 82239c8447 Merge feature/round-rollback in main
Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-25 23:44:59 +01:00
SPP UserandClaude Haiku 5.5 b9dafbc6ab Rollback: Rundensicherung per Startparameter aktivieren
CS2 legt Rundensicherungen nur mit -allow_round_backup_files an (sonst
Antwort 'Round backup files are disabled'). Der Docker-Adapter setzt den
Parameter über CS2_ADDITIONAL_ARGS. Am echten Server geprüft: Sicherungen
für Runde 0 bis 2 vorhanden, Zurückspielen auf Runde 1 funktioniert.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-25 23:44:40 +01:00
SPP UserandClaude Haiku 5.5 a4218c47d1 Rollback: Runden aus CS2-Sicherungen zurückspielen (nur Admin)
Beim Konfigurieren aktiviert CS2 Mapveto die Rundensicherung des Servers
(mp_backup_round_auto, Präfix mit Match-ID). Im Admin-Modus lassen sich
die Sicherungen der laufenden Map auflisten und zurückspielen. Der
Live-Stand wird auf die Runden bis zur Sicherung gekürzt. Organisatoren
haben keinen Zugang zu den Rollback-Routen.

Sicherheit: Dateinamen werden gegen Match-ID und Muster geprüft, damit
keine fremden Dateien oder Befehle in die RCON-Zeile gelangen.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-25 23:24:49 +01:00
SPP UserandClaude Haiku 5.5 22996cc4e4 Merge feature/admin-mode in main
Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-25 23:16:45 +01:00
SPP UserandClaude Haiku 5.5 330048acfc Admin-Modus: Verwaltung aller Matches unter /admin
Anmeldung mit ADMIN_PASSWORD (12 h, Sitzung nur im Speicher, Sperre nach
5 Fehlversuchen pro Minute). Alle Matches mit Codes, Servern, Spielern,
Veto und Verlauf. Aktionen: Veto starten bzw. Schritte für beide Teams,
Warmup beenden, nächste Map, Server stoppen/neu starten, abschließen,
abbrechen, Spieler entfernen, Codes erneuern, Match löschen.
Ohne ADMIN_PASSWORD ist der Admin-Modus komplett aus.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-25 23:16:44 +01:00
SPP UserandClaude Haiku 5.5 726974fe82 AMP und feste Host-Namen aus Doku und Tests entfernen
Der Docker-Host ist beliebig; Beispiele nutzen jetzt DOCKER-HOST-IP bzw.
den SSH-Alias docker-host statt eines Rechnernamens. Testfixture heißt
echte-logs-wingman.log.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-25 22:54:38 +01:00
SPP UserandClaude Haiku 5.5 413df03237 Stack unabhängig vom Host: deploy/compose.yml mit .env
CS2 Mapveto startet jetzt auf jedem Docker-Host (Linux) mit
'docker compose --env-file deploy/.env -f deploy/compose.yml up -d'.
Die Adresse kommt aus HOST_IP, nichts ist mehr fest eingetragen.
Anleitung für einen neuen Server: Image laden oder bauen, Spieldateien
kopieren oder neu laden, konfigurieren, starten.

Geprüft auf amp-cluster mit Demo-Adapter: Stack startet, Webseite
antwortet, Stack wieder entfernt, Spieldateien unverändert.

Co-Authored-By: Claude Haiku 5.5 <noreply@anthropic.com>
2026-10-25 22:46:51 +01:00
SPP UserandClaude Opus 5.5 d78f399612 CS2 Mapveto als ein Container (Dockerfile, compose.yml, Anleitung)
Ein Image mit Webseite, Backend, SQLite und Docker-Client; startet
Match-Container über /var/run/docker.sock auf demselben Host. Tests
laufen beim Bauen mit. Auf amp-cluster gebaut (301 MB) und geprüft.

Dazu: Testbefehl für Node 22 angepasst, beim Beenden werden ausstehende
Live-Updates verworfen und laufende Server-Aktionen abgewartet, damit nach
dem Schließen der Datenbank nichts mehr darauf zugreift.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 22:40:52 +01:00
SPP UserandClaude Opus 5.5 6ee2de5a46 Docker-Warteschlange: Update-Check per RCON statt nur per Logzeile erkennen
Die Zeile 'Starting CS2 Dedicated Server' rutscht nach dem Serverstart
schnell aus den letzten Logzeilen. Der nächste Match-Container wartete
dadurch bis zur Zeitgrenze (20 min). Jetzt gilt ein Container als fertig,
sobald er per RCON antwortet; die Logzeile bleibt als zweite Erkennung.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 22:16:57 +01:00
SPP UserandClaude Opus 5.5 7c74c6c4eb Docker-Adapter mit echtem Host getestet, zwei Fehler behoben
- CSTV belegt einen Spielerplatz: Container starten jetzt mit 6 bzw. 12
  Plätzen (Spieler + CSTV + Reserve), sonst kam der letzte Spieler nicht drauf
- 'Live-Daten empfangen' wird auch in der Aufwärmphase angezeigt, wenn
  der Server Logs liefert, die den Spielstand noch nicht ändern
- Anleitung: Serverliste, Plätze, Bots zum Testen

Getestet auf amp-cluster (Docker per SSH, LAN-Modus): Container-Start,
Veto, Konfiguration, Live-Runden, automatischer Mapwechsel, Entfernen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 22:09:43 +01:00
SPP UserandClaude Opus 5.5 59d6dc7177 Docker-Adapter: LAN-Modus ohne GSLT, Container starten nacheinander
Ohne CS2_GSLT starten Match-Container mit CS2_LAN=1. Neue Container
warten, bis der vorige seinen SteamCMD-Update-Check abgeschlossen hat,
damit nie zwei gleichzeitig das gemeinsame Volume aktualisieren.
Anleitung: Docker per SSH (DOCKER_HOST), eindeutige Passwort-Beispiele
mit Warnung vor Sonderzeichen (Startskript nutzt eval).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 21:54:30 +01:00
SPP UserandClaude Opus 5.5 8996294d7e Stream-Übersicht aller laufenden Vetos und Matches
/stream zeigt alle aktiven Matches als Karten (Veto mit Map-Board, Match
mit Live-Stand und Serie), dazu offene Lobbys und Ergebnisse. Raster passt
sich der Anzahl an, ab 7 Matches wird geblättert. Live per Socket, optional
mit STREAM_KEY geschützt, ohne Codes oder Verbindungsdaten.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 19:32:53 +01:00
SPP UserandClaude Opus 5.5 54bfe198d8 Aufwärmphase vor mp_warmup_end als beendet markieren
CS2 sendet Match_Start sofort nach mp_warmup_end, oft bevor die
RCON-Antwort da ist. Bei fehlgeschlagenem Befehl wird die Markierung
zurückgenommen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 19:23:53 +01:00
SPP UserandClaude Opus 5.5 43dc5b837a Live-Ergebnisse: Stream-Seite, Anzeige, automatischer Mapwechsel
- Stream-Übersicht unter /stream/<Zuschauercode> (1920x1080, Lobby, Veto, Spielstand)
- Live-Stand, Rundenverlauf und Serienstand auf Match-Seite und Übersicht
- Parser mit echten AMP-Logs geprüft: Game Over mit leerer Map-Gruppe,
  Match_Start vor der Aufwärmphase, veraltete Seitenzuordnung nach der Halbzeit
- Nach Map-Ende automatisch nächste Map bzw. Abschluss der entschiedenen Serie
- LOG_DEBUG zur Fehlersuche, README und .env.example ergänzt

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 19:20:10 +01:00
SPP UserandClaude Opus 5.5 5fade769e7 Live-Ergebnisse aus CS2-Serverlogs (Backend)
Server bekommt beim Konfigurieren logaddress_add_http mit geheimem
Match-Schlüssel. Ein Parser wertet Rundenende, Seitenzuordnung, Matchstart
und Spielende aus; Stand, Rundenverlauf und Sieger werden pro Map gespeichert
und live verteilt. Der Demo-Adapter simuliert nach der Aufwärmphase einen
Matchverlauf über dieselben Logzeilen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 18:54:23 +01:00
SPP UserandClaude Opus 5.5 5ea5638115 Anleitung: CS2-Server mit Portainer und dauerhaftem Volume
docs/portainer-cs2.md beschreibt Stack, einmaligen Download, Updates ohne
Neu-Download, Anbindung per Static- oder Docker-Adapter, mehrere Server
und Fehlersuche. Standard-Image auf joedwards32/cs2 umgestellt, da
cm2network/cs2 nicht mehr gepflegt wird.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 18:07:17 +01:00
SPP UserandClaude Opus 5.5 4152f9c0a6 Organisator kann im selben Browser selbst mitspielen
Ein Aufrufer darf Organisator- und Spieler-Zugang kombinieren
(Authorization + X-Player-Token). Berechtigungen prüfen jetzt einzelne
Merkmale statt einer Rangstufe. In der Lobby gibt es „Selbst mitspielen?“,
Teamlinks funktionieren auch im Organisator-Browser. Online-Status wird
direkt nach dem Beitritt aktualisiert.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 17:53:39 +01:00
SPP UserandClaude Opus 5.5 470b12f232 Größere Map-Kacheln und Ban/Pick-Leiste
Ab dem Veto bekommt das Map-Board die volle Breite (4 Spalten), die
Teamkarten rücken darunter. Die Schrittleiste zeigt pro Schritt das Team.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 17:45:41 +01:00
SPP UserandClaude Opus 5.5 8a0a1309a2 MaxLAN-Branding: Logo in der Kopfzeile, Farben aus dem Logo
Team A in Logo-Blau, Team B in Logo-Rot, schwarze Kopfzeile mit rotem
Abschluss; CT/T-Farben aus den Emblemen, Warnungen in Orange.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 17:42:38 +01:00
SPP UserandClaude Opus 5.5 9d63799c48 CT/T-Embleme ergänzt, kein Verbindungshinweis beim ersten Laden
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 17:34:03 +01:00
SPP UserandClaude Opus 5.5 54168ae763 Map-Bilder und Seitenwahl mit Emblemen
Map-Bilder aus ghostcap-gaming/cs2-map-images lokal als WebP gespeichert
(npm run images lädt und verkleinert sie). Bilder in Veto-Kacheln,
Pool-Vorschau, Serie und Seitenwahl; CT/T-Embleme aus client/public/sides
mit Ersatzsymbol, falls die Dateien fehlen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 17:23:55 +01:00
SPP UserandClaude Opus 5.5 3a790ce0b1 Ein bereiter Spieler pro Team reicht standardmäßig für den Veto-Start
REQUIRE_FULL_TEAMS ist jetzt standardmäßig false; vollständige Teams
lassen sich weiterhin per Umgebungsvariable erzwingen.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 17:11:46 +01:00
SPP UserandClaude Opus 5.5 3999c4b111 Lobby zeigt konkret, was einem Team zum Veto-Start fehlt
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 17:09:31 +01:00
SPP UserandClaude Opus 5.5 568ccf9b09 Frontend, README und Konfigurationsvorlage
React-Oberfläche mit Übersicht, Match-Erstellung, Beitritt über Team- und
Zuschauercodes, Teamkarten, visuellem Map-Veto, Serie und Serverpanel.
README beschreibt Einrichtung, Umgebungsvariablen, Rollen, Veto-Abläufe,
Serveradapter und CSTV-Zuschauerzugang.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 17:02:18 +01:00
SPP UserandClaude Opus 5.5 104aa1a67b Backend: Match-Lobbys, Map-Veto, Echtzeit und CS2-Serveradapter
Express + Socket.IO + SQLite. Veto-Engine mit konfigurierbaren Map-Pools
und validierten Abläufen, rollenbasierte Berechtigungen, Server-Lebenszyklus
mit Demo-, Docker- und Static-Pool-Adapter (RCON), automatisches Herunterfahren.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
2026-10-25 16:50:22 +01:00
44 changed files with 3259 additions and 46 deletions

No files matched your search

+11
View File
@@ -0,0 +1,11 @@
**/node_modules
client/dist
data
*.db
*.db-*
.env
.env.*
!.env.example
.git
.claude
npm-debug.log*
+11 -1
View File
@@ -39,7 +39,7 @@ DEMO_START_SECONDS=20
DEMO_FAIL_FIRST_CONFIGURE=false
# --- Docker-Adapter (SERVER_ADAPTER=docker) ---
# Pflicht: Game Server Login Token für App-ID 730, https://steamcommunity.com/dev/managegameservers
# Game Server Login Token für App-ID 730 (https://steamcommunity.com/dev/managegameservers); leer = LAN-Modus (sv_lan 1)
CS2_GSLT=
# Pflicht: Adresse, unter der Spieler den Docker-Host erreichen (IP oder DNS-Name)
CS2_PUBLIC_HOST=
@@ -58,3 +58,13 @@ DOCKER_BIN=docker
# --- Static-Pool-Adapter (SERVER_ADAPTER=static) ---
# host:port:rconPasswort[:tvPort], mehrere durch Komma getrennt
CS2_STATIC_SERVERS=
# --- Live-Ergebnisse ---
# Adresse, unter der der CS2-Server dieses Backend erreicht (Standard: PUBLIC_URL), z. B. http://192.168.178.31:3000
LOG_RECEIVER_URL=
# true: empfangene Logzeilen im Terminal ausgeben (Fehlersuche)
LOG_DEBUG=false
# Sekunden nach Map-Ende bis zur nächsten Map bzw. zum Abschluss der Serie; -1 = nur manuell
SERIES_AUTO_ADVANCE_SECONDS=30
# Schlüssel für die Stream-Übersicht aller Matches (/stream?key=...); leer = offen
STREAM_KEY=
+1
View File
@@ -9,3 +9,4 @@ data/
.env.local
npm-debug.log*
.claude/
dist/
+33
View File
@@ -0,0 +1,33 @@
# CS2 Mapveto als ein Container: Webseite, Backend, Datenbank (SQLite) und Docker-Client,
# mit dem die App pro Match eigene CS2-Server-Container auf demselben Docker-Host startet.
# ---------- Bauen ----------
FROM node:22-bookworm-slim AS build
WORKDIR /app
# Werkzeuge, falls better-sqlite3 kein fertiges Binärpaket findet
RUN apt-get update && apt-get install -y --no-install-recommends python3 make g++ \
&& rm -rf /var/lib/apt/lists/*
COPY package.json package-lock.json ./
COPY client/package.json client/
COPY server/package.json server/
RUN npm ci
COPY . .
RUN npm run build && npm test && npm prune --omit=dev
# ---------- Laufzeit ----------
FROM node:22-bookworm-slim
# Docker-Client (nur das Programm, kein Daemon): spricht über /var/run/docker.sock mit dem Host
COPY --from=docker:27-cli /usr/local/bin/docker /usr/local/bin/docker
WORKDIR /app
ENV NODE_ENV=production \
PORT=3000 \
DATABASE_FILE=/data/cs2-mapveto.db
COPY --from=build /app/package.json ./
COPY --from=build /app/node_modules ./node_modules
COPY --from=build /app/server ./server
COPY --from=build /app/client/dist ./client/dist
VOLUME /data
EXPOSE 3000
HEALTHCHECK --interval=30s --timeout=5s --start-period=20s \
CMD node -e "fetch('http://127.0.0.1:'+(process.env.PORT||3000)+'/api/config').then(r=>process.exit(r.ok?0:1)).catch(()=>process.exit(1))"
CMD ["node", "server/src/index.js"]
+62 -3
View File
@@ -14,6 +14,17 @@ Webanwendung zur Organisation von Counter-Strike-2-Matches: Match-Lobbys mit Tea
## Schnellstart
**Als Container (empfohlen für den Betrieb):** ein Container mit Webseite, Backend und Datenbank, der die
CS2-Server-Container auf demselben Docker-Host startet. Siehe [docs/container.md](docs/container.md):
```powershell
docker -H ssh://USER@DOCKER-HOST-IP build -t cs2-mapveto:latest .
```
…dann den Stack aus der Anleitung in Portainer anlegen.
**Zum Entwickeln:**
```bash
npm install
cp .env.example .env # optional, Standardwerte funktionieren für die Demo
@@ -269,7 +280,50 @@ Bekannte Werte: `game_type 0` + `game_mode 1` = Competitive, `game_mode 2` = Win
### Bekannte Grenzen von Vanilla-CS2
- Ohne Server-Plugin kann CS2 Spieler **nicht automatisch einem Team zuordnen**. Spieler wählen ihr Team im Spiel selbst. Teamnamen und Startseiten setzt die Anwendung. Für feste Teamzuordnung, Pausen und automatischen Mapwechsel eignen sich Plugins wie MatchZy oder Get5-Nachfolger. Sie lassen sich über einen eigenen Adapter anbinden; die SteamID64 der Spieler wird dafür bereits erfasst.
- Ergebnisse werden nicht ausgelesen. Der Organisator lädt die nächste Map manuell.
- Das Team eines Spielers ergibt sich aus der Seite, die er im Spiel wählt. Wechselt ein Spieler ins falsche Team, zählen seine Runden für das falsche Team.
### Live-Ergebnisse
Beim Konfigurieren setzt CS2 Mapveto auf dem Server `log on` und `logaddress_add_http "<LOG_RECEIVER_URL>/api/logs/<match>/<schlüssel>"`. Der CS2-Server schickt damit seine Logzeilen per HTTP an das Backend. Der Schlüssel ist pro Match und Serverstart zufällig, Zeilen mit falschem Schlüssel werden abgelehnt.
- **Was ausgewertet wird:**
- Matchstart nach der Aufwärmphase
- jedes Rundenende mit Sieger und Grund (Bombe, Entschärfung, Zeit, Ausschalten)
- die Seitenzuordnung der Teams
- das Spielende
- **Was angezeigt wird:**
- Live-Spielstand und Rundenverlauf pro Map
- Serienstand
- Ergebnisse in der Übersicht
- Stream-Seite
- **Nach dem Spielende:** Ist die Serie noch offen, lädt CS2 Mapveto nach `SERIES_AUTO_ADVANCE_SECONDS` (Standard 30) die nächste Map. Ist sie entschieden (z. B. 2:0 im Best of 3), wird das Match abgeschlossen und der Server freigegeben. Mit `-1` geht beides nur manuell.
- **Voraussetzung:** Der CS2-Server muss `LOG_RECEIVER_URL` erreichen, im LAN z. B. `http://192.168.178.31:3000`. Ob Daten ankommen, zeigt das Serverpanel des Organisators. Mit `LOG_DEBUG=true` gibt das Backend alle empfangenen Zeilen aus.
- **Geprüft:** mit echten Logzeilen eines CS2-Servers (Wingman), siehe `server/test/fixtures/echte-logs-wingman.log`.
Zwei Eigenheiten von CS2 berücksichtigt der Parser:
- CS2 sendet `Match_Start` schon beim Laden der Map. Gezählt wird erst, nachdem der Organisator „Aufwärmphase beenden“ geklickt hat.
- Direkt nach der Halbzeit nennt CS2 zu Rundenbeginn noch die alte Seitenzuordnung. Ausgewertet werden deshalb nur die Zeilen direkt nach einem Rundenende.
### Stream-Übersicht aller Matches
Unter `/stream` (in der Kopfzeile verlinkt) zeigt eine 1920×1080-Seite alle laufenden Vetos und Matches gleichzeitig, live aktualisiert:
- **Karten:** eine Karte pro Match.
- Im Veto: wer am Zug ist, Fortschritt, Map-Board.
- Im Match: aktuelle Map mit Live-Stand, CT/T-Seiten und Serienstand.
- **Raster:** passt sich der Anzahl an (1, 2, 4 oder 6 Karten). Bei mehr als 6 Matches blättert die Seite alle 12 Sekunden weiter.
- **Unten:** offene Lobbys und die Ergebnisse der letzten drei Stunden.
- **Datenschutz:** Codes und Verbindungsdaten erscheinen nicht.
- **Schlüssel:** Mit `STREAM_KEY` ist die Seite nur mit `/stream?key=<schlüssel>` erreichbar, sonst offen. `?bg=transparent` funktioniert ebenfalls.
### Stream-Übersicht eines Matches
Unter `/stream/<Zuschauercode>` gibt es eine Vollbild-Übersicht für den Stream. Den Link findet der Organisator bei den Einladungen.
- **Format:** 1920×1080, skaliert auf jede Fenstergröße. In OBS als Browserquelle mit 1920×1080 einbinden. Mit `?bg=transparent` ist der Hintergrund durchsichtig.
- **Ablauf:** Die Seite wechselt automatisch zwischen Lobby (Aufstellungen), Map-Veto (live) und Match (Spielstand, Rundenverlauf, Map-Leiste).
- **Laufband:** zeigt das letzte für Zuschauer relevante Ereignis, keine technischen Servermeldungen.
- **Datenschutz:** Verbindungsdaten und Passwörter erscheinen dort nie.
---
@@ -288,14 +342,19 @@ Alle Variablen mit Standardwerten stehen in [`.env.example`](.env.example). Die
| `SERVER_IDLE_TIMEOUT_MINUTES` | `30` | Frist bis zum automatischen Herunterfahren |
| `SERVER_MAX_LIFETIME_HOURS` | `8` | harte Obergrenze pro Server |
| `CS2_TV_DELAY` | `90` | CSTV-Verzögerung in Sekunden |
| `CS2_GSLT` | – | **Pflicht bei Docker:** Game Server Login Token |
| `CS2_GSLT` | leer | Docker: Game Server Login Token; leer = LAN-Modus (`sv_lan 1`) |
| `CS2_PUBLIC_HOST` | – | **Pflicht bei Docker:** öffentliche Adresse |
| `CS2_STATIC_SERVERS` | – | **Pflicht bei Static:** Serverliste |
| `DEMO_FAIL_FIRST_CONFIGURE` | `false` | Demo: Konfigurationsfehler simulieren |
| `DEMO_ROUND_SECONDS` | `4` | Demo: Sekunden pro simulierter Runde |
| `LOG_RECEIVER_URL` | `PUBLIC_URL` | Adresse, unter der der CS2-Server das Backend für Live-Logs erreicht |
| `LOG_DEBUG` | `false` | empfangene Logzeilen im Terminal ausgeben |
| `STREAM_KEY` | leer | Schlüssel für die Stream-Übersicht aller Matches (`/stream?key=…`); leer = offen |
| `SERIES_AUTO_ADVANCE_SECONDS` | `30` | Wartezeit nach Map-Ende bis zur nächsten Map bzw. zum Abschluss; `-1` = manuell |
Benötigte Zugangsdaten für den Echtbetrieb:
- **Docker:** GSLT, Zugriff auf den Docker-Daemon, öffentliche IP bzw. Portfreigaben
- **Docker:** Zugriff auf den Docker-Daemon (lokal oder per `DOCKER_HOST=ssh://…`), Portfreigaben, für Internet-Betrieb ein GSLT (im LAN nicht nötig)
- **Static:** RCON-Passwörter der Server
RCON-Passwörter für Docker-Container erzeugt das Backend selbst.
+18
View File
@@ -4,9 +4,24 @@ import { api } from './lib/api.js';
import Overview from './pages/Overview.jsx';
import CreateMatch from './pages/CreateMatch.jsx';
import MatchPage from './pages/MatchPage.jsx';
import StreamPage from './pages/StreamPage.jsx';
import StreamOverviewPage from './pages/StreamOverviewPage.jsx';
import AdminPage from './pages/AdminPage.jsx';
import { JoinPage, WatchPage } from './pages/AccessPages.jsx';
export default function App() {
return (
<Routes>
{/* Stream-Übersicht ohne Kopfzeile, als Vollbild bzw. OBS-Browserquelle */}
<Route path="/stream/:code" element={<StreamPage />} />
<Route path="/stream/match/:matchId" element={<StreamOverviewPage />} />
<Route path="/stream" element={<StreamOverviewPage />} />
<Route path="*" element={<MainLayout />} />
</Routes>
);
}
function MainLayout() {
const [config, setConfig] = useState(null);
const [configError, setConfigError] = useState(null);
@@ -28,6 +43,8 @@ export default function App() {
)}
<nav>
<Link to="/" className="nav-link">Übersicht</Link>
<a href="/stream" target="_blank" rel="noreferrer" className="nav-link">Stream-Übersicht</a>
<Link to="/admin" className="nav-link">Admin</Link>
<Link to="/neu" className="btn btn-primary btn-sm">Match erstellen</Link>
</nav>
</header>
@@ -36,6 +53,7 @@ export default function App() {
<Routes>
<Route path="/" element={<Overview />} />
<Route path="/neu" element={<CreateMatch config={config} />} />
<Route path="/admin" element={<AdminPage />} />
<Route path="/m/:id" element={<MatchPage />} />
<Route path="/join/:code" element={<JoinPage config={config} />} />
<Route path="/watch/:code" element={<WatchPage />} />
+8
View File
@@ -25,6 +25,14 @@ export default function OrganizerPanel({ state, act, busy, matchId, token }) {
{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>
))}
<details className="org-link">
+53
View File
@@ -0,0 +1,53 @@
// Rundenverlauf einer Map: ein Feld pro Runde in der Farbe des Siegerteams,
// mit Symbol für den Grund. Nach der Halbzeit (und jeder Verlängerungshälfte) ein Trenner.
export const REASON_LABEL = {
bomb: 'Bombe explodiert',
defuse: 'Bombe entschärft',
time: 'Zeit abgelaufen',
elimination: 'Alle ausgeschaltet',
surrender: 'Aufgegeben',
other: 'Runde gewonnen',
};
export function ReasonIcon({ reason, size = 12 }) {
const common = { width: size, height: size, viewBox: '0 0 16 16', 'aria-hidden': true, className: 'reason-icon' };
switch (reason) {
case 'bomb':
return (
<svg {...common}><circle cx="7" cy="9.5" r="5" fill="currentColor" /><path d="M10.5 5.5 13 3" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" /><circle cx="13.6" cy="2.4" r="1.4" fill="currentColor" /></svg>
);
case 'defuse':
return (
<svg {...common}><path d="M3 13 9.5 6.5M6.5 3.5 12.5 9.5" stroke="currentColor" strokeWidth="2" strokeLinecap="round" /><circle cx="11.5" cy="4.5" r="2.5" fill="none" stroke="currentColor" strokeWidth="1.8" /></svg>
);
case 'time':
return (
<svg {...common}><circle cx="8" cy="8" r="6" fill="none" stroke="currentColor" strokeWidth="1.8" /><path d="M8 4.5V8l2.5 1.8" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" /></svg>
);
case 'elimination':
return (
<svg {...common}><circle cx="8" cy="8" r="5.5" fill="none" stroke="currentColor" strokeWidth="1.6" /><path d="M8 1v4M8 11v4M1 8h4M11 8h4" stroke="currentColor" strokeWidth="1.6" /></svg>
);
default:
return <svg {...common}><circle cx="8" cy="8" r="3" fill="currentColor" /></svg>;
}
}
export default function RoundStrip({ rounds = [], maxRounds = 24, teams, size = 'md' }) {
const half = maxRounds / 2;
const total = Math.max(rounds.length, maxRounds);
const cells = [];
for (let i = 1; i <= total; i++) {
const r = rounds.find((x) => x.number === i);
const breakBefore = i > 1 && (i - 1 === half || (i - 1 > maxRounds && (i - 1 - maxRounds) % 3 === 0));
cells.push(
<li key={i}
className={`round ${r ? `won-${r.winner}` : 'open'} ${breakBefore ? 'break' : ''}`}
title={r ? `Runde ${i}: ${teams[r.winner].name} (${REASON_LABEL[r.reason] ?? ''})` : `Runde ${i}`}>
{r ? <ReasonIcon reason={r.reason} /> : null}
</li>,
);
}
return <ol className={`round-strip round-strip-${size}`} aria-label="Rundenverlauf">{cells}</ol>;
}
+22 -2
View File
@@ -1,5 +1,6 @@
import MapImage from './MapImage.jsx';
import SideIcon from './SideIcon.jsx';
import RoundStrip from './RoundStrip.jsx';
const STATUS = { pending: 'Ausstehend', next: 'Wird eingerichtet', live: 'Aktuell', done: 'Gespielt' };
@@ -13,11 +14,26 @@ export default function SeriesList({ state }) {
const map = state.maps.find((m) => m.id === s.map);
const ct = s.ctTeam ? teams[s.ctTeam].name : null;
const t = s.ctTeam ? teams[s.ctTeam === 'A' ? 'B' : 'A'].name : null;
const isLive = s.live?.status === 'live' && s.status !== 'done';
const hasScore = s.live && (s.live.rounds.length > 0 || s.status === 'done');
return (
<li key={s.number} className={`series-item is-${s.status}`} style={{ '--map': map?.color ?? '#556' }}>
<li key={s.number} className={`series-item is-${s.status} ${isLive ? 'is-playing' : ''}`} style={{ '--map': map?.color ?? '#556' }}>
<MapImage map={map} className="series-art" />
<span className="series-no">Map {s.number}</span>
<strong className="series-map">{s.mapName}</strong>
<span className="series-status">
{isLive ? <span className="live-badge">Live</span> : STATUS[s.status]}
</span>
{hasScore && (
<span className="series-score" aria-label={`${teams.A.name} ${s.score.A} zu ${s.score.B} ${teams.B.name}`}>
<span className={`team-a ${s.winner === 'A' ? 'is-winner' : ''}`}>{s.score.A}</span>
<span className="colon">:</span>
<span className={`team-b ${s.winner === 'B' ? 'is-winner' : ''}`}>{s.score.B}</span>
{s.status === 'done' && (
<small>{s.winner ? `${teams[s.winner].name} gewinnt` : 'Unentschieden'}</small>
)}
</span>
)}
<span className="series-origin">
{s.pickedBy ? `Pick von ${teams[s.pickedBy].name}` : 'Entscheidungsmap'}
</span>
@@ -29,7 +45,11 @@ export default function SeriesList({ state }) {
</>
) : 'Seiten im Spiel festlegen'}
</span>
<span className="series-status">{STATUS[s.status]}</span>
{hasScore && (
<div className="series-rounds">
<RoundStrip rounds={s.live.rounds} maxRounds={state.maxRounds} teams={teams} size="sm" />
</div>
)}
</li>
);
})}
+28
View File
@@ -10,6 +10,32 @@ const RETRY = {
};
const ACTIVE = ['starting', 'ready', 'configuring', 'configured', 'config_failed', 'failed'];
/** Zeigt dem Organisator, ob Live-Daten vom Server ankommen und ob die Map vorbei ist. */
function LiveDataStatus({ state, hasNext }) {
const current = state.series.find((s) => s.number === state.currentMapNumber);
if (!current) return null;
const updatedAt = current.live?.updatedAt;
if (current.status === 'done') {
const auto = state.autoAdvanceSeconds >= 0;
return (
<div className="alert alert-ok">
Map {current.number} ist beendet.{' '}
{auto
? (hasNext ? `Die nächste Map wird nach ${state.autoAdvanceSeconds} s automatisch geladen, sofern die Serie nicht entschieden ist.` : 'Das Match wird automatisch abgeschlossen.')
: (hasNext ? 'Lade jetzt die nächste Map.' : 'Das war die letzte Map – schließ das Match ab.')}
</div>
);
}
return (
<p className="small live-data">
<span className={`status-dot ${updatedAt ? 'tone-ok' : 'tone-muted'}`} />
{updatedAt
? `Live-Daten vom Server empfangen, zuletzt um ${new Date(updatedAt).toLocaleTimeString('de-DE')}.`
: 'Noch keine Live-Daten. Sie kommen, sobald die Aufwärmphase endet und der Server diese Webseite erreicht (LOG_RECEIVER_URL).'}
</p>
);
}
export default function ServerPanel({ state, isOrg, act, busy }) {
const { server } = state;
const label = serverLabel(server);
@@ -63,6 +89,8 @@ export default function ServerPanel({ state, isOrg, act, busy }) {
<p className="small muted">CSTV ist auf diesem Server deaktiviert.</p>
)}
{isOrg && server?.status === 'configured' && <LiveDataStatus state={state} hasNext={hasNext} />}
{isOrg && server && !closed && (
<div className="org-controls">
{canRetry && (
+303
View File
@@ -0,0 +1,303 @@
import { useCallback, useEffect, useState } from 'react';
import { Link } from 'react-router-dom';
import { api } from '../lib/api.js';
import { FORMAT_LABEL, serverLabel } from '../lib/labels.js';
import CopyField from '../components/CopyField.jsx';
const KEY = 'cs2mv:admin';
const REFRESH_MS = 3000;
const getToken = () => {
try {
return sessionStorage.getItem(KEY);
} catch {
return null;
}
};
const storeToken = (t) => {
try {
if (t) sessionStorage.setItem(KEY, t);
else sessionStorage.removeItem(KEY);
} catch {
/* ignorieren */
}
};
export default function AdminPage() {
const [token, setToken] = useState(getToken);
const [matches, setMatches] = useState(null);
const [error, setError] = useState(null);
const [notice, setNotice] = useState(null);
const [busy, setBusy] = useState(null);
const logout = useCallback(() => {
api('/admin/logout', { method: 'POST', token }).catch(() => {});
storeToken(null);
setToken(null);
setMatches(null);
}, [token]);
const load = useCallback(async () => {
try {
const res = await api('/admin/matches', { token });
setMatches(res.matches);
setError(null);
} catch (err) {
if (err.status === 401) {
storeToken(null);
setToken(null);
} else {
setError(err.message);
}
}
}, [token]);
useEffect(() => {
if (!token) return undefined;
load();
const t = setInterval(load, REFRESH_MS);
return () => clearInterval(t);
}, [token, load]);
useEffect(() => {
if (!notice) return undefined;
const t = setTimeout(() => setNotice(null), 5000);
return () => clearTimeout(t);
}, [notice]);
if (!token) return <AdminLogin onLogin={(t) => { storeToken(t); setToken(t); }} />;
/** Aktion ausführen; destruktive Aktionen müssen bestätigt werden. */
const run = async ({ method = 'POST', path, body, confirm: question, success }) => {
if (question && !window.confirm(question)) return;
setBusy(path);
try {
await api(`/admin${path}`, { method, body, token });
setNotice({ tone: 'ok', text: success ?? 'Erledigt' });
load();
} catch (err) {
setNotice({ tone: 'error', text: err.message });
} finally {
setBusy(null);
}
};
return (
<div className="admin">
<header className="admin-head">
<div>
<h1>Admin</h1>
<p className="muted small">Alle Matches, Server und Teams. Aktualisiert sich alle 3 Sekunden.</p>
</div>
<button className="btn btn-sm" onClick={logout}>Abmelden</button>
</header>
{notice && <div className={`toast toast-${notice.tone}`} role="status">{notice.text}</div>}
{error && <div className="alert alert-error">{error}</div>}
{matches === null && !error && <p className="muted">Lade Matches …</p>}
{matches && matches.length === 0 && <p className="muted">Noch keine Matches.</p>}
<div className="admin-list">
{matches?.map((m) => (
<MatchAdminCard key={m.id} m={m} run={run} busy={busy} token={token} reload={load} setNotice={setNotice} />
))}
</div>
</div>
);
}
function AdminLogin({ onLogin }) {
const [password, setPassword] = useState('');
const [error, setError] = useState(null);
const [busy, setBusy] = useState(false);
const submit = async (e) => {
e.preventDefault();
setBusy(true);
setError(null);
try {
const res = await api('/admin/login', { method: 'POST', body: { password } });
onLogin(res.token);
} catch (err) {
setError(err.message);
setBusy(false);
}
};
return (
<form className="create admin-login" onSubmit={submit}>
<h1>Admin-Anmeldung</h1>
<p className="lead">Das Passwort ist in der Konfiguration unter <code>ADMIN_PASSWORD</code> hinterlegt.</p>
<label className="field">
<span>Passwort</span>
<input type="password" value={password} onChange={(e) => setPassword(e.target.value)} autoFocus autoComplete="current-password" required />
</label>
{error && <div className="alert alert-error">{error}</div>}
<button className="btn btn-primary btn-lg" disabled={busy}>{busy ? 'Melde an …' : 'Anmelden'}</button>
<p className="small muted"><Link to="/">Zur Übersicht</Link></p>
</form>
);
}
/** Rollback: nur auf der Admin-Seite. Lädt die Sicherungen der aktuellen Map und spielt eine davon zurück. */
function RollbackPanel({ matchId, token, reload, setNotice }) {
const [points, setPoints] = useState(null);
const [file, setFile] = useState('');
const [loading, setLoading] = useState(false);
const load = async () => {
setLoading(true);
try {
const res = await api(`/admin/matches/${matchId}/rollback-points`, { token });
setPoints(res.points);
setFile(res.points[0]?.file ?? '');
} catch (err) {
setNotice({ tone: 'error', text: err.message });
} finally {
setLoading(false);
}
};
const rollback = async () => {
const p = points.find((x) => x.file === file);
if (!p || !window.confirm(`Match auf den Stand nach Runde ${p.round} zurückspielen? Spätere Runden dieser Map gehen verloren.`)) return;
try {
await api(`/admin/matches/${matchId}/rollback`, { method: 'POST', body: { file }, token });
setNotice({ tone: 'ok', text: `Zurückgespielt auf Runde ${p.round}` });
setPoints(null);
reload();
} catch (err) {
setNotice({ tone: 'error', text: err.message });
}
};
return (
<div className="rollback">
<h3>Runde zurückspielen <span className="admin-badge">nur Admin</span></h3>
{!points && <button className="btn btn-sm" onClick={load} disabled={loading}>{loading ? 'Lade …' : 'Sicherungen laden'}</button>}
{points && points.length === 0 && <p className="small muted">Keine Sicherungen für diese Map gefunden.</p>}
{points && points.length > 0 && (
<div className="row">
<select value={file} onChange={(e) => setFile(e.target.value)}>
{points.map((p) => <option key={p.file} value={p.file}>Nach Runde {p.round}</option>)}
</select>
<button className="btn btn-sm btn-danger" onClick={rollback}>Zurückspielen</button>
</div>
)}
</div>
);
}
function MatchAdminCard({ m, run, busy, token, reload, setNotice }) {
const [open, setOpen] = useState(false);
const server = serverLabel(m.server);
const closed = ['finished', 'cancelled'].includes(m.status);
const id = m.id;
const btn = (label, cfg, cls = '') => (
<button className={`btn btn-sm ${cls}`} disabled={!!busy} onClick={() => run({ ...cfg, path: `/matches/${id}${cfg.path}` })}>
{label}
</button>
);
const hasNext = m.series.some((s) => s.number === m.currentMapNumber + 1);
return (
<section className={`panel admin-card status-${m.status}`}>
<div className="admin-card-head">
<div>
<strong className="team-a">{m.teams.A.name}</strong>
<span className="vs"> vs. </span>
<strong className="team-b">{m.teams.B.name}</strong>
<div className="small muted">
{m.modeLabel}, {FORMAT_LABEL[m.format]} · {m.statusLabel} · <span className={`tone-${server.tone}`}>{server.text}</span>
{m.format !== 'bo1' && <> · Serie {m.seriesScore.A}:{m.seriesScore.B}</>}
</div>
</div>
<button className="link-btn" onClick={() => setOpen(!open)}>{open ? 'Weniger' : 'Details'}</button>
</div>
<div className="admin-actions">
<Link className="btn btn-sm" to={`/m/${id}`}>Ansehen</Link>
{m.status === 'lobby' && btn('Veto starten', { path: '/veto/start' }, 'btn-primary')}
{(m.server?.status === 'configured') && btn('Aufwärmphase beenden', { path: '/server/warmup-end' })}
{(m.server?.status === 'configured') && btn('Pausieren', { path: '/server/pause', confirm: 'Match pausieren?' })}
{(m.server?.status === 'configured') && btn('Fortsetzen', { path: '/server/resume' })}
{(m.server?.status === 'configured') && hasNext && btn('Nächste Map', { path: '/series/next' })}
{m.server && ['start_failed', 'failed', 'stopped', 'config_failed', 'ready'].includes(m.server.status) && !closed &&
btn('Server neu starten / wiederholen', { path: '/server/retry' })}
{m.server && !['stopped'].includes(m.server.status) && btn('Server stoppen', { path: '/server/stop', confirm: 'Server stoppen?' })}
{!closed && btn('Match abschließen', { path: '/finish', confirm: 'Match als abgeschlossen markieren?' })}
{!closed && btn('Match abbrechen', { path: '/cancel', confirm: 'Match abbrechen?' }, '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>
{open && (
<div className="admin-details">
<div className="admin-grid">
<div>
<h3>Einladungen</h3>
<div className="small muted">Team A</div>
<CopyField value={m.organizer.links.A} />
<div className="small muted">Team B</div>
<CopyField value={m.organizer.links.B} />
<div className="small muted">Zuschauer</div>
<CopyField value={m.organizer.links.spectator} />
<div className="small muted">Stream-Ansicht</div>
<CopyField value={m.organizer.links.stream} />
<div className="row">
{['A', 'B', 'spectator'].map((t) => (
<button key={t} className="link-btn" disabled={!!busy}
onClick={() => run({ path: `/matches/${id}/codes/regenerate`, body: { target: t }, confirm: 'Neuer Code? Der alte Link wird ungültig.', success: 'Neuer Code erzeugt' })}>
Code {t === 'spectator' ? 'Zuschauer' : t} erneuern
</button>
))}
</div>
</div>
<div>
<h3>Server</h3>
{m.server?.connect && <CopyField label="Spieler-Verbindung" value={m.server.connect.command} />}
{m.server?.gotv && <CopyField label="CSTV" value={m.server.gotv.command} />}
<p className="small muted">{m.server?.message ?? 'kein Server'}</p>
<p className="small muted">Versuche: {m.server?.attempts ?? 0} · Spieler auf dem Server: {m.server?.playerCount ?? '–'}</p>
</div>
</div>
<h3>Spieler</h3>
<div className="admin-players">
{['A', 'B'].map((t) => (
<div key={t}>
<div className="small muted">{m.teams[t].name} ({m.teams[t].readiness.count}/{m.teams[t].teamSize})</div>
<ul>
{m.teams[t].players.map((p) => (
<li key={p.id}>
{p.nickname} {p.isCaptain && <em>Captain</em>} {p.ready && <span className="tone-ok">bereit</span>}
{!closed && (
<button className="link-btn danger" disabled={!!busy}
onClick={() => run({ path: `/matches/${id}/kick`, body: { playerId: p.id }, confirm: `${p.nickname} entfernen?`, success: `${p.nickname} entfernt` })}>
Entfernen
</button>
)}
</li>
))}
{m.teams[t].players.length === 0 && <li className="muted">niemand</li>}
</ul>
</div>
))}
</div>
{m.status === 'live' && m.server?.status === 'configured' && (
<RollbackPanel matchId={id} token={token} reload={reload} setNotice={setNotice} />
)}
{m.veto && !m.veto.done && m.veto.current && (
<p className="small">Veto: {m.teams[m.veto.current.team].name} ist am Zug ({m.veto.current.type}).</p>
)}
<h3>Verlauf</h3>
<ol className="admin-log">
{m.events.slice(0, 15).map((e, i) => (
<li key={i}><time>{new Date(e.at).toLocaleTimeString('de-DE')}</time> {e.message}</li>
))}
</ol>
</div>
)}
</section>
);
}
+7 -1
View File
@@ -106,7 +106,13 @@ export default function MatchPage() {
<div className="versus">
<h1>
<span className="team-a">{state.teams.A.name}</span>
<span className="vs">vs.</span>
{state.series.length > 1 ? (
<span className="series-total" title="Serienstand (gewonnene Maps)">
{state.seriesScore.A}<span className="colon">:</span>{state.seriesScore.B}
</span>
) : (
<span className="vs">vs.</span>
)}
<span className="team-b">{state.teams.B.name}</span>
</h1>
</div>
+10 -1
View File
@@ -54,10 +54,19 @@ function MatchRow({ match: m }) {
<Link to={`/m/${m.id}`} className="match-row">
<div className="match-row-teams">
<span className="team-a">{m.teamA}</span>
<span className="vs">vs.</span>
{m.seriesScore && m.format !== 'bo1' ? (
<span className="row-score" title="Serienstand">{m.seriesScore.A}:{m.seriesScore.B}</span>
) : (
<span className="vs">vs.</span>
)}
<span className="team-b">{m.teamB}</span>
</div>
<div className="match-row-meta">
{m.currentMap && (
<span className={m.currentMap.finished ? '' : 'row-live'}>
{m.currentMap.finished ? '' : <span className="live-badge">Live</span>} {m.currentMap.name} {m.currentMap.score.A}:{m.currentMap.score.B}
</span>
)}
<span>{m.modeLabel}</span>
<span>{FORMAT_LABEL[m.format]}</span>
{m.group === 'open' && <span>{m.players.A + m.players.B}/{m.players.teamSize * 2} Spieler</span>}
+258
View File
@@ -0,0 +1,258 @@
import { useEffect, useState } from 'react';
import { useParams } from 'react-router-dom';
import { api } from '../lib/api.js';
import { FORMAT_LABEL } from '../lib/labels.js';
import { getSocket } from '../lib/useMatch.js';
import MapImage from '../components/MapImage.jsx';
import SideIcon from '../components/SideIcon.jsx';
import { ScaledStage, useClock } from './StreamPage.jsx';
import '../stream.css';
import '../stream-overview.css';
const PER_PAGE = 6;
const PAGE_SECONDS = 12;
/**
* Stream-Übersicht aller laufenden Vetos und Matches: /stream
* Mit STREAM_KEY: /stream?key=<schlüssel>. Optional ?bg=transparent.
* Ein einzelnes Match: /stream/match/<matchId>, daraus führen die Karten der Übersicht.
*/
export default function StreamOverviewPage() {
const params = new URLSearchParams(window.location.search);
const key = params.get('key') ?? '';
const transparent = params.get('bg') === 'transparent';
const { matchId } = useParams();
const { data, error } = useStreamOverview(key);
const now = useClock();
const [page, setPage] = useState(0);
useEffect(() => {
document.documentElement.classList.toggle('stream-transparent', transparent);
document.documentElement.classList.add('stream-mode');
return () => document.documentElement.classList.remove('stream-mode', 'stream-transparent');
}, [transparent]);
const activeMatches = (data?.active ?? []).filter((m) => !matchId || m.id === matchId);
// Mehr Matches als auf eine Seite passen: automatisch weiterblättern
const pages = Math.max(1, Math.ceil(activeMatches.length / PER_PAGE));
useEffect(() => {
if (pages <= 1) { setPage(0); return undefined; }
const t = setInterval(() => setPage((p) => (p + 1) % pages), PAGE_SECONDS * 1000);
return () => clearInterval(t);
}, [pages]);
if (error) {
return (
<ScaledStage>
<div className="st-message">
<img src="/brand/maxlan-logo.webp" alt="MaxLAN e.V." />
<h1>Stream-Übersicht nicht verfügbar</h1>
<p>{error}</p>
</div>
</ScaledStage>
);
}
const active = activeMatches;
const shown = active.slice(page * PER_PAGE, page * PER_PAGE + PER_PAGE);
const liveCount = active.filter((m) => m.status === 'live').length;
const vetoCount = active.filter((m) => m.status === 'veto').length;
const density = shown.length <= 1 ? 1 : shown.length <= 4 ? 2 : 3;
return (
<ScaledStage>
<div className="so-root">
<header className="st-top">
<img className="st-logo" src="/brand/maxlan-logo.webp" alt="MaxLAN e.V." />
<div className="so-title">
<strong>Counter-Strike 2</strong>
{liveCount > 0 && <span className="so-count so-count-live">{liveCount} live</span>}
{vetoCount > 0 && <span className="so-count">{vetoCount} im Veto</span>}
{pages > 1 && <span className="so-count">Seite {page + 1} / {pages}</span>}
</div>
<div className="st-clock"><time>{now.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' })}</time></div>
</header>
<main className={`so-grid density-${density} count-${shown.length}`}>
{!data && <div className="so-empty">Lade Matches …</div>}
{data && shown.length === 0 && (
<div className="so-empty">
{matchId ? (
<>
<h2>Dieses Match läuft gerade nicht</h2>
<p>Es erscheint hier, sobald das Veto oder das Match beginnt.</p>
</>
) : (
<>
<h2>Gerade läuft kein Match</h2>
<p>{data.upcoming.length ? 'Die nächsten Lobbys stehen unten.' : 'Sobald ein Veto beginnt, erscheint es hier.'}</p>
</>
)}
</div>
)}
{shown.map((m) => (
<a key={m.id} className="so-link" href={matchHref(m.id, key)}>
<MatchCard m={m} />
</a>
))}
</main>
<footer className="so-bottom">
<section className="so-strip">
<h3>Gleich</h3>
{data?.upcoming.length ? (
<ul>
{data.upcoming.map((m) => (
<li key={m.id}>
<a className="so-link" href={matchHref(m.id, key)}>
<span className="a">{m.teams.A}</span> <span className="vs">vs</span> <span className="b">{m.teams.B}</span>
<small>{FORMAT_LABEL[m.format]}{m.ready.A && m.ready.B ? ', bereit' : ''}</small>
</a>
</li>
))}
</ul>
) : <p className="so-none">Keine offenen Lobbys</p>}
</section>
<section className="so-strip">
<h3>Ergebnisse</h3>
{data?.results.length ? (
<ul>
{data.results.map((m) => (
<li key={m.id}>
<a className="so-link" href={matchHref(m.id, key)}>
<span className={`a ${winner(m) === 'A' ? 'won' : ''}`}>{m.teams.A}</span>
<b>{resultScore(m)}</b>
<span className={`b ${winner(m) === 'B' ? 'won' : ''}`}>{m.teams.B}</span>
</a>
</li>
))}
</ul>
) : <p className="so-none">Noch keine Ergebnisse</p>}
</section>
</footer>
</div>
</ScaledStage>
);
}
/** Link zur Stream-Übersicht eines einzelnen Matches. Der Zuschauercode bleibt geheim, daher nur die Match-ID. */
function matchHref(id, key) {
return `/stream/match/${encodeURIComponent(id)}${key ? `?key=${encodeURIComponent(key)}` : ''}`;
}
function useStreamOverview(key) {
const [data, setData] = useState(null);
const [error, setError] = useState(null);
useEffect(() => {
const socket = getSocket();
const subscribe = () => socket.emit('stream:subscribe', { key });
const onData = (d) => { setData(d); setError(null); };
const onError = (e) => setError(e.error);
socket.on('stream:overview', onData);
socket.on('stream:error', onError);
socket.on('connect', subscribe);
if (socket.connected) subscribe();
api(`/stream/overview?key=${encodeURIComponent(key)}`).then(onData).catch((e) => setError(e.message));
return () => {
socket.off('stream:overview', onData);
socket.off('stream:error', onError);
socket.off('connect', subscribe);
};
}, [key]);
return { data, error };
}
/** Bei BO1 zählt der Map-Stand, sonst der Serienstand. */
function resultScore(m) {
if (m.format === 'bo1' && m.series[0]) return `${m.series[0].score.A}:${m.series[0].score.B}`;
return `${m.seriesScore.A}:${m.seriesScore.B}`;
}
function winner(m) {
const [a, b] = resultScore(m).split(':').map(Number);
return a === b ? null : a > b ? 'A' : 'B';
}
function MatchCard({ m }) {
const current = m.series.find((s) => s.number === m.currentMapNumber);
const isBo1 = m.format === 'bo1';
const playing = m.status === 'live' && current?.live?.status === 'live' && current.status !== 'done';
const badge = m.status === 'veto' ? 'Veto' : m.status === 'server_setup' ? 'Server' : playing ? 'Live' : current?.status === 'done' ? 'Map beendet' : 'Aufwärmen';
return (
<article className={`so-card status-${m.status} ${playing ? 'is-playing' : ''}`} style={{ '--map': current?.color ?? '#556' }}>
{m.status !== 'veto' && current && <MapImage map={current} className="so-card-art" />}
<div className="so-card-head">
<span>{m.modeLabel}, {FORMAT_LABEL[m.format]}</span>
<span className={`so-badge badge-${badge === 'Live' ? 'live' : 'other'}`}>{badge}</span>
</div>
<div className="so-teams">
<span className="so-team a">{m.teams.A}</span>
<span className="so-series">
{!isBo1 && m.status !== 'veto' ? <>{m.seriesScore.A}<i>:</i>{m.seriesScore.B}</> : <i className="so-vs">vs</i>}
</span>
<span className="so-team b">{m.teams.B}</span>
</div>
{m.status === 'veto' && <VetoBody m={m} />}
{m.status === 'server_setup' && current && (
<div className="so-setup">Server wird eingerichtet: Map {current.number}, {current.name}</div>
)}
{m.status === 'live' && current && <LiveBody m={m} current={current} />}
</article>
);
}
function VetoBody({ m }) {
const { veto, teams } = m;
const c = veto.current;
const action = c && ({ ban: 'bannt', pick: 'wählt', side: 'wählt die Seite' })[c.type];
return (
<div className="so-veto">
<div className="so-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>
</div>
<div className="so-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>
</div>
);
}
function LiveBody({ m, current }) {
const sides = current.live?.sides;
const sideOf = (t) => (sides ? (sides.CT === t ? 'CT' : 'T') : null);
const finished = current.status === 'done';
const rounds = current.live?.roundsPlayed ?? 0;
return (
<div className="so-live">
<div className="so-map">
<strong>{current.name}</strong>
<span>{finished ? 'Endstand' : current.live?.status === 'live' ? `Runde ${rounds + 1}` : 'Aufwärmphase'}</span>
</div>
<div className="so-score">
{sideOf('A') && <SideIcon side={sideOf('A')} size={44} />}
<b className={`a ${current.winner === 'A' ? 'won' : ''}`}>{current.score.A}</b>
<i>:</i>
<b className={`b ${current.winner === 'B' ? 'won' : ''}`}>{current.score.B}</b>
{sideOf('B') && <SideIcon side={sideOf('B')} size={44} />}
</div>
{m.series.length > 1 && (
<ol className="so-maps">
{m.series.map((s) => (
<li key={s.number} className={`is-${s.status} ${s.number === current.number ? 'is-current' : ''}`}>
<span>{s.name}</span>
{(s.status === 'done' || s.number === current.number) && <b>{s.score.A}:{s.score.B}</b>}
</li>
))}
</ol>
)}
</div>
);
}
+278
View File
@@ -0,0 +1,278 @@
import { useEffect, useLayoutEffect, useRef, useState } from 'react';
import { useParams } from 'react-router-dom';
import { api } from '../lib/api.js';
import { FORMAT_LABEL } from '../lib/labels.js';
import { useMatch } from '../lib/useMatch.js';
import MapImage from '../components/MapImage.jsx';
import SideIcon from '../components/SideIcon.jsx';
import RoundStrip from '../components/RoundStrip.jsx';
import '../stream.css';
const STAGE_W = 1920;
const STAGE_H = 1080;
/**
* Vollbild-Übersicht für den Stream: /stream/<Zuschauercode>
* Optional ?bg=transparent für eine transparente OBS-Browserquelle.
*/
export default function StreamPage() {
const { code } = useParams();
const [matchId, setMatchId] = useState(null);
const [error, setError] = useState(null);
const transparent = new URLSearchParams(window.location.search).get('bg') === 'transparent';
useEffect(() => {
api('/access', { method: 'POST', body: { code } })
.then((info) => {
if (info.access !== 'spectator') throw new Error('Für die Stream-Ansicht wird der Zuschauercode benötigt.');
setMatchId(info.matchId);
})
.catch((e) => setError(e.message));
}, [code]);
useEffect(() => {
document.documentElement.classList.toggle('stream-transparent', transparent);
document.documentElement.classList.add('stream-mode');
return () => document.documentElement.classList.remove('stream-mode', 'stream-transparent');
}, [transparent]);
return (
<ScaledStage>
{error ? <StreamMessage title="Stream-Ansicht nicht verfügbar" text={error} />
: matchId ? <StreamContent matchId={matchId} code={code} />
: <StreamMessage title="Verbinde …" />}
</ScaledStage>
);
}
/** Feste 1920×1080-Bühne, auf die Fenstergröße skaliert. */
export function ScaledStage({ children }) {
const ref = useRef(null);
const [scale, setScale] = useState(1);
useLayoutEffect(() => {
const fit = () => setScale(Math.min(window.innerWidth / STAGE_W, window.innerHeight / STAGE_H));
fit();
window.addEventListener('resize', fit);
return () => window.removeEventListener('resize', fit);
}, []);
return (
<div className="stream-viewport">
<div ref={ref} className="stream-stage" style={{ width: STAGE_W, height: STAGE_H, transform: `translate(-50%, -50%) scale(${scale})` }}>
{children}
</div>
</div>
);
}
function StreamMessage({ title, text }) {
return (
<div className="st-message">
<img src="/brand/maxlan-logo.webp" alt="MaxLAN e.V." />
<h1>{title}</h1>
{text && <p>{text}</p>}
</div>
);
}
export function useClock() {
const [now, setNow] = useState(() => new Date());
useEffect(() => {
const t = setInterval(() => setNow(new Date()), 1000);
return () => clearInterval(t);
}, []);
return now;
}
function StreamContent({ matchId, code }) {
const { state, connected } = useMatch(matchId, code);
const now = useClock();
if (!state) return <StreamMessage title="Lade Match …" />;
const { teams } = state;
const current = state.series.find((s) => s.number === state.currentMapNumber);
const playing = current?.live?.status === 'live' && current.status !== 'done';
const phase = state.status === 'lobby' ? 'lobby' : state.status === 'veto' ? 'veto' : 'match';
const showSeries = state.series.length > 1;
// Im Laufband nur, was Zuschauer interessiert – keine technischen Servermeldungen
const tickerEvent = state.events.find((e) => ['veto', 'score', 'series', 'join', 'captain', 'status'].includes(e.type));
return (
<div className={`st-root phase-${phase} ${phase !== 'lobby' && state.series.length > 0 ? 'has-maps' : 'no-maps'}`}>
<header className="st-top">
<img className="st-logo" src="/brand/maxlan-logo.webp" alt="MaxLAN e.V." />
<div className="st-meta">
<span>Counter-Strike 2</span>
<span>{state.modeLabel}</span>
<span>{FORMAT_LABEL[state.format]}</span>
</div>
<div className="st-clock">
{playing && <span className="st-live">Live</span>}
{!connected && connected !== null && <span className="st-offline">Verbindung …</span>}
<time>{now.toLocaleTimeString('de-DE', { hour: '2-digit', minute: '2-digit' })}</time>
</div>
</header>
<section className="st-hero">
<div className="st-team st-team-a">
<h1>{teams.A.name}</h1>
</div>
<div className="st-center">
<span className="st-slash" aria-hidden="true" />
{showSeries && phase === 'match' ? (
<div className="st-series" aria-label="Serienstand">
<span className="a">{state.seriesScore.A}</span>
<span className="sep">–</span>
<span className="b">{state.seriesScore.B}</span>
<small>Maps</small>
</div>
) : (
<div className="st-vs">vs</div>
)}
</div>
<div className="st-team st-team-b">
<h1>{teams.B.name}</h1>
</div>
</section>
<section className="st-main">
{phase === 'lobby' && <LobbyScene state={state} />}
{phase === 'veto' && <VetoScene state={state} />}
{phase === 'match' && <MatchScene state={state} current={current} />}
</section>
{phase !== 'lobby' && state.series.length > 0 && (
<section className="st-maps">
{state.series.map((s) => <SeriesCard key={s.number} s={s} state={state} />)}
</section>
)}
<footer className="st-ticker">
<span className="st-ticker-label">{phaseLabel(state)}</span>
<span className="st-ticker-text" key={tickerEvent?.at}>{tickerEvent?.message ?? 'Warten auf die Teams'}</span>
</footer>
</div>
);
}
function phaseLabel(state) {
if (state.status === 'lobby') return 'Lobby';
if (state.status === 'veto') return 'Map-Veto';
if (state.status === 'finished') return 'Endstand';
if (state.status === 'cancelled') return 'Abgebrochen';
return 'Match';
}
function LobbyScene({ state }) {
return (
<div className="st-lobby">
{['A', 'B'].map((key) => {
const team = state.teams[key];
return (
<div key={key} className={`st-roster st-roster-${key}`}>
<h2>{team.readiness.ready ? 'Bereit' : `${team.readiness.count} / ${team.teamSize} Spieler`}</h2>
<ul>
{team.players.map((p) => (
<li key={p.id} className={p.ready ? 'is-ready' : ''}>
<span>{p.nickname}</span>
{p.isCaptain && <em>Captain</em>}
</li>
))}
</ul>
</div>
);
})}
<div className="st-lobby-note">Das Map-Veto beginnt gleich</div>
</div>
);
}
function VetoScene({ state }) {
const { veto, teams } = state;
const current = veto?.current;
const mapsById = Object.fromEntries(state.maps.map((m) => [m.id, m]));
const action = current && ({ ban: 'bannt', pick: 'wählt', side: 'wählt die Startseite auf' })[current.type];
return (
<div className="st-veto">
{current && (
<div className={`st-turn st-turn-${current.team}`}>
<strong>{teams[current.team].name}</strong> {action}
{current.type === 'side' ? ` ${mapsById[current.map]?.name}` : ' eine Map'}
</div>
)}
<div className="st-veto-grid" style={{ '--count': veto.maps.length }}>
{veto.maps.map((m) => (
<div key={m.id} className={`st-vmap status-${m.status} ${m.by ? `by-${m.by}` : ''} ${current?.map === m.id ? 'is-side' : ''}`}>
<MapImage map={mapsById[m.id]} />
<span className="st-vmap-name">{mapsById[m.id]?.name}</span>
<span className="st-vmap-status">
{m.status === 'banned' && `Bann ${teams[m.by].name}`}
{m.status === 'picked' && `Pick ${teams[m.by].name}`}
{m.status === 'decider' && 'Decider'}
</span>
</div>
))}
</div>
</div>
);
}
function MatchScene({ state, current }) {
const { teams } = state;
if (!current) return <div className="st-waiting">Server wird vorbereitet</div>;
const map = state.maps.find((m) => m.id === current.map);
const live = current.live;
const sides = live?.sides ?? (current.ctTeam ? { CT: current.ctTeam, T: current.ctTeam === 'A' ? 'B' : 'A' } : null);
const sideOf = (team) => (sides ? (sides.CT === team ? 'CT' : 'T') : null);
const finished = current.status === 'done';
const waiting = !live || live.status === 'warmup';
return (
<div className="st-board" style={{ '--map': map?.color ?? '#556' }}>
<MapImage map={map} className="st-board-art" />
<div className="st-board-head">
<span>Map {current.number}{state.series.length > 1 ? ` von ${state.series.length}` : ''}</span>
<strong>{current.mapName}</strong>
<span className="st-board-state">{finished ? 'Endstand' : waiting ? 'Aufwärmphase' : `Runde ${(live?.rounds.length ?? 0) + 1}`}</span>
</div>
<div className="st-score">
<div className={`st-score-team a ${current.winner === 'A' ? 'won' : ''}`}>
{sideOf('A') && <SideIcon side={sideOf('A')} size={64} />}
<span className="num">{current.score.A}</span>
</div>
<span className="st-score-colon">:</span>
<div className={`st-score-team b ${current.winner === 'B' ? 'won' : ''}`}>
<span className="num">{current.score.B}</span>
{sideOf('B') && <SideIcon side={sideOf('B')} size={64} />}
</div>
</div>
{finished && current.winner && <div className="st-winner">{teams[current.winner].name} gewinnt {current.mapName}</div>}
<div className="st-rounds">
<RoundStrip rounds={live?.rounds ?? []} maxRounds={state.maxRounds} teams={teams} size="lg" />
</div>
</div>
);
}
function SeriesCard({ s, state }) {
const map = state.maps.find((m) => m.id === s.map);
const isCurrent = s.number === state.currentMapNumber && state.status === 'live';
const playing = isCurrent && s.live?.status === 'live' && s.status !== 'done';
return (
<div className={`st-mapcard is-${s.status} ${playing ? 'is-playing' : ''}`} style={{ '--map': map?.color ?? '#556' }}>
<MapImage map={map} />
<span className="st-mapcard-no">Map {s.number}</span>
<strong>{s.mapName}</strong>
<span className="st-mapcard-foot">
{s.status === 'done' || playing ? (
<span className="st-mapcard-score">
<b className={s.winner === 'A' ? 'won a' : 'a'}>{s.score.A}</b>
<i>:</i>
<b className={s.winner === 'B' ? 'won b' : 'b'}>{s.score.B}</b>
</span>
) : (
<span className="st-mapcard-origin">{s.pickedBy ? `Pick ${state.teams[s.pickedBy].name}` : 'Decider'}</span>
)}
</span>
</div>
);
}
+122
View File
@@ -0,0 +1,122 @@
/* ---------- Stream-Übersicht aller Matches (1920×1080) ---------- */
.so-root {
width: 100%; height: 100%; overflow: hidden;
display: grid; grid-template-rows: 104px 1fr 190px; padding: 0 56px;
color: var(--text); font-family: var(--body);
background:
radial-gradient(900px 600px at 0% 20%, rgba(52, 74, 153, .25), transparent 70%),
radial-gradient(900px 600px at 100% 20%, rgba(167, 42, 28, .22), transparent 70%),
#000;
}
.stream-transparent .so-root { background: transparent; }
.so-title { display: flex; align-items: center; gap: 18px; font: 600 30px var(--display); }
.so-count { padding: 4px 14px; border-radius: 4px; background: var(--surface-2); color: var(--muted); font-size: 24px; }
.so-count-live { background: var(--brand-red); color: #fff; }
/* Raster je nach Anzahl */
.so-grid { display: grid; gap: 24px; padding: 24px 0; min-height: 0; }
.so-grid.count-1 { grid-template-columns: 1fr; }
.so-grid.count-2 { grid-template-columns: 1fr 1fr; }
.so-grid.count-3, .so-grid.count-4 { grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; }
.so-grid.count-5, .so-grid.count-6 { grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr 1fr; }
.so-empty { grid-column: 1 / -1; display: grid; place-content: center; text-align: center; color: var(--muted); }
.so-empty h2 { font: 700 64px var(--display); color: var(--text); margin-bottom: 12px; }
.so-empty p { font-size: 28px; }
/* Karte */
.so-card {
position: relative; overflow: hidden; min-height: 0; border-radius: 10px;
display: grid; grid-template-rows: auto auto 1fr; gap: 10px; padding: 22px 28px;
background: rgba(17, 20, 30, .82); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .06);
}
.so-card.is-playing { box-shadow: inset 0 0 0 3px var(--brand-red), 0 0 40px rgba(167, 42, 28, .35); }
.so-card-art { opacity: .3; }
.so-card-art::after { background: linear-gradient(180deg, rgba(0, 0, 0, .4), rgba(0, 0, 0, .9)); }
.so-card > :not(.so-card-art) { position: relative; z-index: 1; }
.so-card-head { display: flex; justify-content: space-between; align-items: center; font: 600 22px var(--display); color: var(--muted); }
.so-badge { padding: 3px 12px; border-radius: 4px; background: var(--surface-2); color: var(--text); font-size: 20px; }
.so-badge.badge-live { background: var(--brand-red); color: #fff; }
.so-teams { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; }
.so-team { font: 700 52px/1 var(--display); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.so-team.a { color: var(--team-a); text-align: right; }
.so-team.b { color: var(--team-b); }
.so-series { font: 700 56px var(--display); font-variant-numeric: tabular-nums; }
.so-series i { font-style: normal; color: var(--muted); margin: 0 .15em; }
.so-series .so-vs { font-size: 32px; color: var(--muted); margin: 0; }
/* Veto */
.so-veto { display: grid; grid-template-rows: auto 1fr; gap: 14px; min-height: 0; }
.so-turn { display: flex; align-items: baseline; justify-content: center; gap: 14px; font: 600 32px var(--display); }
.so-turn .a { color: var(--team-a); }
.so-turn .b { color: var(--team-b); }
.so-turn small { font: 500 20px var(--body); color: var(--muted); }
.so-vmaps { display: grid; grid-template-columns: repeat(var(--count), minmax(0, 1fr)); gap: 10px; min-height: 0; }
.so-vmap { --by: var(--line-strong); position: relative; overflow: hidden; border-radius: 6px; display: flex; align-items: flex-end; padding: 10px; min-height: 0; }
.so-vmap.by-A { --by: var(--team-a); }
.so-vmap.by-B { --by: var(--team-b); }
.so-vmap-name { position: relative; z-index: 2; font: 700 24px/1 var(--display); text-shadow: 0 2px 8px #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.so-vmap .map-art::after { background: linear-gradient(180deg, transparent 40%, rgba(0, 0, 0, .85)); }
.so-vmap.status-banned { filter: grayscale(.95) brightness(.45); }
.so-vmap.status-banned::after {
content: ''; position: absolute; inset: 0; z-index: 3;
background: linear-gradient(to top right, transparent calc(50% - 3px), var(--by) calc(50% - 3px), var(--by) calc(50% + 3px), transparent calc(50% + 3px));
}
.so-vmap.status-picked::before, .so-vmap.status-decider::before { content: ''; position: absolute; inset: 0; z-index: 3; border-radius: 6px; box-shadow: inset 0 0 0 4px var(--by); }
.so-vmap.status-decider { --by: #fff; }
/* Live */
.so-live { display: grid; grid-template-rows: auto 1fr auto; justify-items: center; align-items: center; min-height: 0; }
.so-map { display: flex; align-items: baseline; gap: 16px; }
.so-map strong { font: 700 40px var(--display); }
.so-map span { font: 600 24px var(--display); color: var(--pending); }
.so-score { display: flex; align-items: center; gap: 22px; }
.so-score b { font: 700 140px/0.9 var(--display); font-variant-numeric: tabular-nums; }
.so-score b.a { color: var(--team-a); }
.so-score b.b { color: var(--team-b); }
.so-score b.won { text-shadow: 0 0 30px currentColor; }
.so-score i { font: 700 70px var(--display); font-style: normal; color: var(--muted); }
.so-maps { list-style: none; display: flex; gap: 10px; padding: 0; margin: 0; }
.so-maps li { display: flex; gap: 10px; align-items: baseline; padding: 6px 14px; border-radius: 4px; background: rgba(0, 0, 0, .55); font: 600 22px var(--display); color: var(--muted); }
.so-maps li.is-current { color: var(--text); box-shadow: inset 0 -3px 0 var(--brand-red); }
.so-maps li b { color: var(--text); font-variant-numeric: tabular-nums; }
.so-setup { align-self: center; justify-self: center; font: 600 32px var(--display); color: var(--muted); }
/* Dichte: weniger Matches = größere Schrift */
.density-1 .so-team { font-size: 96px; }
.density-1 .so-series { font-size: 110px; }
.density-1 .so-score b { font-size: 260px; }
.density-1 .so-map strong { font-size: 60px; }
.density-1 .so-vmap-name { font-size: 40px; }
.density-1 .so-turn { font-size: 44px; }
.density-3 .so-team { font-size: 38px; }
.density-3 .so-series { font-size: 42px; }
.density-3 .so-score b { font-size: 96px; }
.density-3 .so-score .side-icon { width: 32px; height: 32px; }
.density-3 .so-map strong { font-size: 30px; }
.density-3 .so-vmap-name { font-size: 18px; }
.density-3 .so-turn { font-size: 26px; }
.density-3 .so-maps li { font-size: 18px; padding: 4px 10px; }
/* Unten: Lobbys und Ergebnisse */
.so-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; padding-bottom: 28px; min-height: 0; }
.so-strip { background: rgba(17, 20, 30, .82); border-radius: 10px; padding: 16px 24px; overflow: hidden; border-top: 4px solid var(--line-strong); }
.so-strip:last-child { border-top-color: var(--brand-red); }
.so-strip h3 { font: 700 26px var(--display); color: var(--muted); margin: 0 0 10px; }
.so-strip ul { list-style: none; padding: 0; margin: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 28px; }
.so-strip li { display: flex; align-items: baseline; gap: 10px; font: 600 26px var(--display); white-space: nowrap; overflow: hidden; }
.so-strip li .a { color: var(--team-a); }
.so-strip li .b { color: var(--team-b); }
.so-strip li .vs { color: var(--muted); font-size: 20px; }
.so-strip li small { font: 500 18px var(--body); color: var(--muted); }
.so-strip li b { font-variant-numeric: tabular-nums; }
.so-strip li .won { text-decoration: underline; text-underline-offset: 5px; }
.so-none { color: var(--muted); font-size: 22px; margin: 0; }
/* Klickbare Karten und Listeneinträge führen zur Übersicht des jeweiligen Matches */
.so-link { display: block; color: inherit; text-decoration: none; }
.so-strip li .so-link { display: flex; align-items: baseline; gap: 10px; color: inherit; text-decoration: none; }
.so-link:hover { filter: brightness(1.15); }
.so-link:focus-visible { outline: 3px solid var(--brand-red); outline-offset: 4px; }
+167
View File
@@ -0,0 +1,167 @@
/* ---------- Stream-Übersicht (1920×1080, skaliert) ---------- */
html.stream-mode, html.stream-mode body { background: #000; overflow: hidden; height: 100%; }
html.stream-mode.stream-transparent, html.stream-mode.stream-transparent body { background: transparent; }
.stream-viewport { position: fixed; inset: 0; overflow: hidden; }
.stream-stage { position: absolute; left: 50%; top: 50%; transform-origin: center center; }
.st-root {
position: relative; width: 100%; height: 100%; overflow: hidden;
display: grid; grid-template-rows: 104px 260px 1fr 190px 60px;
padding: 0 72px; color: var(--text); font-family: var(--body);
background:
radial-gradient(900px 600px at 0% 30%, rgba(52, 74, 153, .28), transparent 70%),
radial-gradient(900px 600px at 100% 30%, rgba(167, 42, 28, .26), transparent 70%),
#000;
}
.stream-transparent .st-root { background: transparent; }
/* Ohne Map-Leiste (Lobby, Veto) bekommt die Hauptfläche den Platz */
.st-root.no-maps { grid-template-rows: 104px 260px 1fr 60px; }
.phase-veto .st-veto-grid { align-items: stretch; }
.phase-veto .st-vmap { min-height: 420px; }
/* Kopfzeile */
.st-top { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; border-bottom: 3px solid var(--brand-red); }
.st-logo { height: 58px; width: auto; }
.st-meta { display: flex; gap: 28px; font: 600 26px var(--display); color: var(--muted); }
.st-meta span + span { padding-left: 28px; border-left: 2px solid var(--line-strong); }
.st-clock { justify-self: end; display: flex; align-items: center; gap: 22px; font: 600 30px var(--display); font-variant-numeric: tabular-nums; }
.st-live {
display: inline-flex; align-items: center; gap: 10px; padding: 4px 16px 4px 12px; border-radius: 4px;
background: var(--brand-red); color: #fff; font: 700 24px var(--display);
}
.st-live::before { content: ''; width: 12px; height: 12px; border-radius: 50%; background: #fff; animation: st-blink 1.4s ease-in-out infinite; }
.st-offline { color: var(--pending); font-size: 22px; }
@keyframes st-blink { 50% { opacity: .25; } }
/* Teams und Serienstand */
.st-hero { display: grid; grid-template-columns: 1fr 380px 1fr; align-items: center; }
.st-team h1 {
margin: 0; font: 700 108px/0.95 var(--display); letter-spacing: -.01em;
display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere;
}
.st-team-a { text-align: right; }
.st-team-a h1 { color: var(--team-a); }
.st-team-b h1 { color: var(--team-b); }
.st-center { position: relative; display: grid; place-items: center; height: 100%; }
/* Das rote X aus dem Logo als diagonaler Schnitt */
.st-slash {
position: absolute; width: 34px; height: 230px; background: var(--brand-red); transform: rotate(18deg);
border-radius: 6px; box-shadow: 0 0 60px rgba(167, 42, 28, .55); opacity: .9;
}
.st-series { position: relative; display: grid; grid-template-columns: 1fr 60px 1fr; align-items: center; gap: 0 34px; text-shadow: 0 4px 24px #000; }
.st-series span { font: 700 150px/1 var(--display); font-variant-numeric: tabular-nums; }
.st-series .a { text-align: right; color: var(--team-a); }
.st-series .b { color: var(--team-b); }
/* Der rote Schrägstrich übernimmt die Trennung zwischen den Ziffern */
.st-series .sep { visibility: hidden; }
.st-series small { grid-column: 1 / -1; text-align: center; font: 600 24px var(--display); color: var(--muted); margin-top: -6px; }
.st-vs { position: relative; font: 700 84px var(--display); color: #fff; text-shadow: 0 4px 30px #000; }
.st-main { min-height: 0; padding: 18px 0 24px; }
/* Lobby */
.st-lobby { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr auto; gap: 24px 80px; height: 100%; }
.st-roster { padding: 30px 40px; background: rgba(17, 20, 30, .82); border-top: 6px solid var(--team-a); border-radius: 8px; }
.st-roster-B { border-top-color: var(--team-b); }
.st-roster h2 { font: 600 36px var(--display); color: var(--muted); margin-bottom: 18px; }
.st-roster ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.st-roster li { display: flex; align-items: baseline; gap: 16px; font: 600 44px var(--display); color: var(--muted); }
.st-roster li.is-ready { color: var(--text); }
.st-roster li.is-ready::after { content: 'bereit'; font: 500 24px var(--body); color: var(--ok); }
.st-roster em { font: 500 22px var(--body); font-style: normal; color: var(--pending); }
.st-lobby-note { grid-column: 1 / -1; text-align: center; font: 600 34px var(--display); color: var(--muted); }
/* Veto */
.st-veto { display: grid; grid-template-rows: auto 1fr; gap: 26px; height: 100%; }
.st-turn {
justify-self: center; padding: 14px 40px; font: 600 40px var(--display); border-radius: 6px;
background: rgba(17, 20, 30, .85); border-left: 8px solid var(--team-a);
}
.st-turn-B { border-left-color: var(--team-b); }
.st-turn strong { color: var(--team-a); }
.st-turn-B strong { color: var(--team-b); }
.st-veto-grid { display: grid; grid-template-columns: repeat(var(--count), minmax(0, 1fr)); gap: 18px; align-items: stretch; }
.st-vmap { --by: var(--line-strong); position: relative; overflow: hidden; border-radius: 6px; display: flex; flex-direction: column; justify-content: flex-end; padding: 18px; min-height: 0; }
.st-vmap.by-A { --by: var(--team-a); }
.st-vmap.by-B { --by: var(--team-b); }
.st-vmap .map-art::after { background: linear-gradient(180deg, transparent 35%, rgba(0, 0, 0, .9)); }
.st-vmap-name, .st-vmap-status { position: relative; z-index: 2; }
.st-vmap-name { font: 700 46px/1 var(--display); text-shadow: 0 2px 12px #000; }
.st-vmap-status { font: 600 24px var(--display); color: var(--by); margin-top: 6px; min-height: 30px; }
.st-vmap.status-banned { filter: grayscale(.95) brightness(.5); }
.st-vmap.status-banned::after {
content: ''; position: absolute; inset: 0; z-index: 3;
background: linear-gradient(to top right, transparent calc(50% - 5px), var(--by) calc(50% - 5px), var(--by) calc(50% + 5px), transparent calc(50% + 5px));
}
.st-vmap.status-picked::before, .st-vmap.status-decider::before, .st-vmap.is-side::before {
content: ''; position: absolute; inset: 0; z-index: 3; border-radius: 6px; box-shadow: inset 0 0 0 6px var(--by);
}
.st-vmap.status-decider { --by: #fff; }
.st-vmap.is-side::before { animation: st-side 1.6s ease-in-out infinite; }
@keyframes st-side { 50% { box-shadow: inset 0 0 0 6px var(--pending); } }
/* Spielstand der aktuellen Map */
.st-board {
position: relative; overflow: hidden; height: 100%; border-radius: 10px;
display: grid; grid-template-rows: auto 1fr auto auto; justify-items: center; padding: 26px 48px 30px;
background: rgba(17, 20, 30, .7); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .06);
}
.st-board-art { opacity: .38; }
.st-board-art::after { background: linear-gradient(180deg, rgba(0, 0, 0, .35), rgba(0, 0, 0, .85)); }
.st-board > :not(.st-board-art) { position: relative; z-index: 1; }
.st-board-head { display: flex; align-items: baseline; gap: 26px; font: 600 30px var(--display); color: var(--muted); }
.st-board-head strong { font: 700 56px var(--display); color: var(--text); }
.st-board-state { color: var(--pending); }
.st-score { display: flex; align-items: center; gap: 40px; }
.st-score-team { display: flex; align-items: center; gap: 28px; }
.st-score .num { font: 700 230px/0.9 var(--display); font-variant-numeric: tabular-nums; min-width: 2ch; }
.st-score-team.a .num { color: var(--team-a); text-align: right; }
.st-score-team.b .num { color: var(--team-b); }
.st-score-team.won .num { text-shadow: 0 0 40px currentColor; }
.st-score-colon { font: 700 120px var(--display); color: var(--muted); }
.st-score .side-icon { filter: drop-shadow(0 4px 16px #000); }
.st-winner { font: 700 40px var(--display); color: var(--ok); margin-bottom: 8px; }
.st-rounds { width: 100%; display: flex; justify-content: center; }
.st-waiting { display: grid; place-items: center; height: 100%; font: 600 48px var(--display); color: var(--muted); }
/* Map-Leiste */
.st-maps { display: flex; gap: 18px; padding-bottom: 16px; }
.st-mapcard {
position: relative; flex: 1 1 0; min-width: 0; overflow: hidden; border-radius: 8px;
display: grid; align-content: end; padding: 14px 20px; border-bottom: 6px solid var(--map);
}
.st-mapcard .map-art::after { background: linear-gradient(180deg, rgba(0, 0, 0, .1), rgba(0, 0, 0, .9)); }
.st-mapcard > :not(.map-art) { position: relative; z-index: 1; }
.st-mapcard-no { font: 600 22px var(--display); color: var(--muted); }
.st-mapcard strong { font: 700 40px/1.05 var(--display); }
.st-mapcard-foot { font: 600 26px var(--display); color: var(--muted); min-height: 36px; }
.st-mapcard-score { display: inline-flex; gap: 10px; align-items: baseline; font-size: 38px; }
.st-mapcard-score b { font-weight: 700; color: var(--muted); }
.st-mapcard-score b.won.a { color: var(--team-a); }
.st-mapcard-score b.won.b { color: var(--team-b); }
.st-mapcard.is-playing .st-mapcard-score b.a { color: var(--team-a); }
.st-mapcard.is-playing .st-mapcard-score b.b { color: var(--team-b); }
.st-mapcard.is-pending, .st-mapcard.is-next { opacity: .65; }
.st-mapcard.is-playing { box-shadow: 0 0 0 4px var(--brand-red), 0 0 40px rgba(167, 42, 28, .5); }
/* Laufband */
.st-ticker { display: flex; align-items: stretch; margin: 0 -72px; background: #05060a; border-top: 2px solid var(--line); }
.st-ticker-label { display: flex; align-items: center; padding: 0 30px 0 72px; background: var(--brand-red); color: #fff; font: 700 26px var(--display); }
.st-ticker-text { display: flex; align-items: center; padding: 0 30px; font: 500 26px var(--body); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; animation: st-in .5s ease-out; }
@keyframes st-in { from { opacity: 0; transform: translateY(8px); } }
.st-message { display: grid; place-items: center; align-content: center; gap: 24px; height: 100%; text-align: center; background: #000; }
.st-message img { height: 90px; }
.st-message h1 { font: 700 64px var(--display); margin: 0; }
.st-message p { font-size: 28px; color: var(--muted); }
/* Große Rundenleiste */
.round-strip-lg { gap: 6px; }
.round-strip-lg .round { width: 50px; height: 50px; border-radius: 5px; }
.round-strip-lg .round.break { margin-left: 22px; }
.round-strip-lg .reason-icon { width: 24px; height: 24px; }
@media (prefers-reduced-motion: reduce) {
.st-live::before, .st-vmap.is-side::before, .st-ticker-text { animation: none; }
}
+69
View File
@@ -443,3 +443,72 @@ input:focus, select:focus { border-color: var(--link); outline: none; }
@media (prefers-reduced-motion: reduce) {
*, *::before, *::after { animation: none !important; transition: none !important; }
}
/* ---------- Live-Ergebnisse ---------- */
.live-badge {
display: inline-flex; align-items: center; gap: 6px; padding: 1px 8px 1px 6px; border-radius: 3px;
background: var(--brand-red); color: #fff; font: 700 .8125rem var(--display); vertical-align: middle;
}
.live-badge::before { content: ''; width: 7px; height: 7px; border-radius: 50%; background: #fff; animation: pulse 1.4s ease-in-out infinite; }
.series-total { font-variant-numeric: tabular-nums; color: var(--text); }
.series-total .colon, .series-score .colon { color: var(--muted); margin: 0 .12em; }
.row-score { font: 700 1.375rem var(--display); color: var(--text); font-variant-numeric: tabular-nums; }
.row-live { color: var(--text); }
.series-score {
grid-column: 3; grid-row: 2 / 4; align-self: center; justify-self: end; text-align: right;
font: 700 2.25rem/1 var(--display); font-variant-numeric: tabular-nums; text-shadow: 0 2px 10px rgba(0, 0, 0, .8);
}
.series-score small { display: block; font: 500 .8125rem var(--body); color: var(--muted); margin-top: 4px; }
.series-score .is-winner { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; }
.series-rounds { grid-column: 1 / -1; margin-top: 10px; overflow-x: auto; }
.series-item.is-playing { box-shadow: inset 0 0 0 2px var(--brand-red); }
.round-strip { list-style: none; display: flex; gap: 3px; padding: 0; margin: 0; }
.round {
display: grid; place-items: center; flex: none; width: 22px; height: 22px; border-radius: 3px;
background: var(--surface-2); color: #fff; box-shadow: inset 0 0 0 1px var(--line);
}
.round.won-A { background: var(--team-a); box-shadow: none; }
.round.won-B { background: var(--team-b); box-shadow: none; }
.round.break { margin-left: 10px; }
.round-strip-sm .round { width: 18px; height: 18px; }
.round-strip-sm .reason-icon { width: 10px; height: 10px; }
.round-strip-sm .round.break { margin-left: 8px; }
.alert-ok { border-color: var(--ok); background: color-mix(in srgb, var(--ok) 9%, var(--surface)); }
.live-data { display: flex; align-items: center; gap: 8px; color: var(--muted); }
.stream-link { margin-top: 10px; display: grid; gap: 8px; justify-items: start; }
.stream-link .copy-field { width: 100%; }
@media (max-width: 640px) {
.series-score { grid-column: 2; grid-row: 2; font-size: 1.75rem; }
}
/* ---------- Admin ---------- */
.admin-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; margin-bottom: 20px; }
.admin-list { display: grid; gap: 14px; }
.admin-card { border-left: 4px solid var(--line-strong); }
.admin-card.status-live { border-left-color: var(--brand-red); }
.admin-card.status-veto { border-left-color: var(--pending); }
.admin-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; }
.admin-card-head strong { font: 700 1.5rem var(--display); }
.admin-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; align-items: center; }
.admin-details { margin-top: 16px; border-top: 1px solid var(--line); padding-top: 14px; display: grid; gap: 10px; }
.admin-details h3 { margin-top: 6px; }
.admin-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 20px; }
.admin-players { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.admin-players ul { list-style: none; padding: 0; margin: 4px 0 0; }
.admin-players li { display: flex; gap: 10px; align-items: baseline; padding: 4px 0; border-bottom: 1px solid var(--line); }
.admin-players em { font-style: normal; color: var(--pending); font-size: .8125rem; }
.admin-log { list-style: none; padding: 0; margin: 0; max-height: 260px; overflow-y: auto; font-size: .875rem; }
.admin-log li { padding: 4px 0; border-bottom: 1px solid var(--line); }
.admin-log time { color: var(--muted); margin-right: 8px; }
.admin-login { margin-top: 40px; }
.danger { color: var(--error); }
@media (max-width: 640px) { .admin-players { grid-template-columns: 1fr; } }
/* ---------- Rollback (nur Admin) ---------- */
.rollback { border: 1px dashed var(--brand-red); border-radius: var(--radius); padding: 12px 14px; }
.rollback h3 { margin: 0 0 8px; display: flex; align-items: center; gap: 10px; }
.rollback select { min-width: 200px; }
.admin-badge { font: 600 .75rem var(--body); color: #fff; background: var(--brand-red); padding: 2px 8px; border-radius: 3px; }
+31
View File
@@ -0,0 +1,31 @@
# Vorlage für deploy/.env – kopieren und anpassen:
# cp deploy/.env.example deploy/.env
# --- Pflicht ---
# IP oder Name des Docker-Hosts im LAN. Spieler verbinden sich dorthin.
HOST_IP=192.168.178.111
# --- Webseite ---
# Port der Webseite auf dem Host
WEB_PORT=3000
# Image: lokal gebaut oder mit "docker load" geladen (siehe docs/container.md)
CS2_MAPVETO_IMAGE=cs2-mapveto:latest
# --- Serververwaltung ---
# docker = pro Match ein CS2-Container (Standard)
# demo = nur Simulation, startet keine echten Server (zum Ausprobieren)
SERVER_ADAPTER=docker
# Game Server Login Token (App-ID 730). Leer = LAN-Modus (sv_lan 1).
CS2_GSLT=
CS2_DOCKER_IMAGE=joedwards32/cs2:latest
# Zwei Ports pro Match (Spiel TCP+UDP, CSTV UDP) – auf dem Host freigeben
CS2_PORT_RANGE_START=27100
CS2_PORT_RANGE_END=27139
SERVER_IDLE_TIMEOUT_MINUTES=30
# --- Matches und Stream ---
# Wenn gesetzt, braucht man dieses Passwort zum Anlegen von Matches
CREATE_MATCH_PASSWORD=
# Wenn gesetzt, braucht man /stream?key=… für die Stream-Übersicht
STREAM_KEY=
SERIES_AUTO_ADVANCE_SECONDS=30
+46
View File
@@ -0,0 +1,46 @@
# CS2 Mapveto – Start auf einem beliebigen Docker-Host (Linux, z. B. Portainer-Server, NAS, eigener Rechner).
#
# Voraussetzungen:
# 1. deploy/.env anlegen (Vorlage: deploy/.env.example), mindestens HOST_IP setzen
# 2. Image cs2-mapveto:latest auf dem Host (gebaut oder mit "docker load" geladen)
# 3. Volume cs2-mapveto-gamefiles mit den CS2-Spieldateien (siehe docs/container.md)
#
# Start: docker compose --env-file deploy/.env -f deploy/compose.yml up -d
# Stoppen: docker compose --env-file deploy/.env -f deploy/compose.yml down
name: cs2-mapveto
services:
cs2-mapveto:
image: ${CS2_MAPVETO_IMAGE:-cs2-mapveto:latest}
container_name: cs2-mapveto
restart: unless-stopped
ports:
- "${WEB_PORT:-3000}:3000"
environment:
PORT: "3000"
# Adresse des Docker-Hosts im LAN: Einladungslinks, Spieler-Verbindungen, Live-Logs
PUBLIC_URL: "http://${HOST_IP:?HOST_IP in deploy/.env eintragen}:${WEB_PORT:-3000}"
LOG_RECEIVER_URL: "http://${HOST_IP}:${WEB_PORT:-3000}"
DATABASE_FILE: /data/cs2-mapveto.db
SERVER_ADAPTER: ${SERVER_ADAPTER:-docker}
CS2_PUBLIC_HOST: ${HOST_IP}
CS2_RCON_HOST: ${HOST_IP}
CS2_GSLT: ${CS2_GSLT:-}
CS2_DOCKER_VOLUME: cs2-mapveto-gamefiles
CS2_DOCKER_IMAGE: ${CS2_DOCKER_IMAGE:-joedwards32/cs2:latest}
CS2_PORT_RANGE_START: ${CS2_PORT_RANGE_START:-27100}
CS2_PORT_RANGE_END: ${CS2_PORT_RANGE_END:-27139}
CREATE_MATCH_PASSWORD: ${CREATE_MATCH_PASSWORD:-}
STREAM_KEY: ${STREAM_KEY:-}
SERIES_AUTO_ADVANCE_SECONDS: ${SERIES_AUTO_ADVANCE_SECONDS:-30}
SERVER_IDLE_TIMEOUT_MINUTES: ${SERVER_IDLE_TIMEOUT_MINUTES:-30}
volumes:
# Datenbank (Matches, Ergebnisse) überdauert Updates
- cs2-mapveto-data:/data
# Zugriff auf Docker, um Match-Container zu starten und zu entfernen
- /var/run/docker.sock:/var/run/docker.sock
volumes:
cs2-mapveto-data:
name: cs2-mapveto-data
+172
View File
@@ -0,0 +1,172 @@
# CS2 Mapveto als Container betreiben
CS2 Mapveto läuft als **ein** Container: Webseite, Backend, Datenbank (SQLite) und ein Docker-Client.
Er steht auf demselben Docker-Host wie die CS2-Server und startet pro Match über `/var/run/docker.sock`
einen eigenen CS2-Container. Der Host kann jeder Linux-Rechner mit Docker sein.
```
Docker-Host (beliebig, Linux, Adresse z. B. 192.168.178.111)
├── cs2-mapveto ← diese Anwendung, Port 3000
├── cs2mv-<match> ← CS2-Server pro Match (startet/entfernt CS2 Mapveto)
├── Volume cs2-mapveto-gamefiles CS2-Spieldateien (~73 GB)
└── Volume cs2-mapveto-data Datenbank der Anwendung
```
> **Nur eine Instanz pro Docker-Host.** Läuft CS2 Mapveto zusätzlich anderswo mit demselben Host, streiten
> sich beide um Ports und Containernamen. Die andere Instanz vorher beenden.
---
## Was du brauchst
| | |
|---|---|
| Docker + Compose | `docker compose version` muss funktionieren |
| Speicher | ~80 GB frei für Spieldateien, Images und Updates |
| CPU / RAM | pro gleichzeitigem Match etwa 1–2 Kerne und 2–3 GB RAM |
| Netz | Ports TCP/UDP 27100–27139 (Spiel, RCON) und UDP 27101… (CSTV) sowie TCP 3000 im LAN freigeben |
| Dateien | das Image `cs2-mapveto` (siehe Schritt 1) und die CS2-Spieldateien (Schritt 2) |
---
## Schritt 1: Image auf den neuen Host bringen
Du hast zwei Wege.
### Weg A: Image-Datei kopieren (ohne Build, schnell)
Auf dem Rechner, auf dem das Image gebaut wurde, liegt die Datei `dist/cs2-mapveto-image.tar` (294 MB). Sie
auf den neuen Host kopieren und laden:
```bash
scp cs2-mapveto-image.tar USER@NEUERHOST:/tmp/
ssh USER@NEUERHOST "docker load -i /tmp/cs2-mapveto-image.tar && rm /tmp/cs2-mapveto-image.tar"
```
Prüfen mit `docker image ls cs2-mapveto`.
### Weg B: aus dem Repository bauen
Auf dem neuen Host ist Git nötig. Das Repository liegt auf dem Gitea (`http://192.168.178.45:3002/marcel/Cs2-Mapveto.git`):
```bash
git clone http://192.168.178.45:3002/marcel/Cs2-Mapveto.git
cd Cs2-Mapveto
docker build -t cs2-mapveto:latest .
```
Beim Bauen laufen alle Tests mit. Schlägt einer fehl, bricht der Build ab.
---
## Schritt 2: CS2-Spieldateien auf den neuen Host bringen
Das Volume `cs2-mapveto-gamefiles` muss vor dem ersten Match vorhanden und befüllt sein. Sonst lädt jeder Match-Start
die ~60 GB neu. Zwei Wege:
**a) Vom bisherigen Host kopieren** (im LAN, kein Internet nötig, dauert je nach Netz Stunden):
```bash
ssh ALTERHOST "docker run --rm -v cs2-mapveto-gamefiles:/from alpine tar -C /from -cf - ." \
| ssh NEUERHOST "docker volume create cs2-mapveto-gamefiles >/dev/null && docker run --rm -i -v cs2-mapveto-gamefiles:/to alpine tar -C /to -xf -"
```
**b) Neu laden** (braucht Internet, ~60 GB). Der Container lädt die Dateien und stoppt danach von selbst:
```bash
docker volume create cs2-mapveto-gamefiles
docker run -d --name cs2-updater -e STEAMAPPVALIDATE=0 -e CS2_RCONPW=updater1 -v cs2-mapveto-gamefiles:/home/steam/cs2-dedicated/ joedwards32/cs2:latest
docker logs -f cs2-updater # warten auf "Success! App '730' fully installed"
docker rm -f cs2-updater
```
Danach liegen unter `docker system df -v` rund 73 GB im Volume.
Das CS2-Image selbst (`joedwards32/cs2:latest`, ~3,7 GB) holt Docker beim ersten Match automatisch aus dem
Docker Hub. Ohne Internet muss es vorher ebenfalls geladen werden (`docker save`/`docker load` wie bei Schritt 1).
---
## Schritt 3: Konfiguration
Im Ordner `deploy/` die Vorlage kopieren und anpassen:
```bash
cp deploy/.env.example deploy/.env
```
Das Wichtigste:
| Variable | Bedeutung |
|---|---|
| `HOST_IP` | **Pflicht.** IP des neuen Hosts im LAN. Spieler verbinden sich dorthin, Einladungslinks zeigen darauf |
| `WEB_PORT` | Port der Webseite (Standard 3000) |
| `SERVER_ADAPTER` | `docker` für echte Server, `demo` nur zum Ausprobieren ohne CS2 |
| `CS2_GSLT` | leer = LAN-Modus (`sv_lan 1`), kein Token nötig |
| `CS2_PORT_RANGE_START` / `_END` | Ports für Match-Server, zwei pro Match |
| `CREATE_MATCH_PASSWORD` | Passwort zum Anlegen von Matches (empfohlen) |
| `STREAM_KEY` | Schlüssel für `/stream?key=…` (optional) |
Passwörter nur aus Buchstaben und Ziffern wählen.
---
## Schritt 4: Starten
```bash
docker compose --env-file deploy/.env -f deploy/compose.yml up -d
```
Prüfen:
```bash
docker compose --env-file deploy/.env -f deploy/compose.yml ps # Status "healthy" nach ~20 s
curl http://HOST_IP:3000/api/config # JSON mit "adapter": "docker"
```
Danach ist die Webseite unter `http://HOST_IP:3000` erreichbar, die Stream-Übersicht unter `/stream`.
Stoppen und neu starten:
```bash
docker compose --env-file deploy/.env -f deploy/compose.yml down
docker compose --env-file deploy/.env -f deploy/compose.yml up -d
```
Die Datenbank (Volume `cs2-mapveto-data`) bleibt dabei erhalten.
### Mit Portainer statt Kommandozeile
Portainer → Stacks → **Add stack** → Web editor: den Inhalt von `deploy/compose.yml` einfügen. Die Variablen aus
`deploy/.env` als *Environment variables* eintragen (mindestens `HOST_IP`). Danach **Deploy the stack**.
---
## Aktualisieren
1. Neues Image holen (Weg A oder B aus Schritt 1).
2. `docker compose … up -d` erneut ausführen. Compose ersetzt den Container, die Datenbank bleibt.
---
## Sicherheit
Der Container hat über `/var/run/docker.sock` volle Kontrolle über Docker auf dem Host. Das ist nötig, um
Match-Container zu starten, entspricht aber Root-Rechten auf dem Host. Deshalb:
- Port 3000 nur im LAN anbieten, nicht ins Internet weiterleiten.
- `CREATE_MATCH_PASSWORD` setzen, wenn nicht jeder im LAN Matches anlegen soll.
- `deploy/.env` enthält Passwörter. Nicht ins Repository einchecken (ist in `.gitignore`).
---
## Fehlersuche
| Symptom | Ursache / Lösung |
|---|---|
| `HOST_IP in deploy/.env eintragen` beim Start | `deploy/.env` fehlt oder `HOST_IP` ist leer |
| „Server wird angefordert“ bleibt stehen | Log des Containers prüfen: `docker logs cs2-mapveto` |
| `permission denied … docker.sock` im Log | Rootless-Docker oder anderer Socket-Pfad. Dann den Pfad im `volumes:`-Eintrag anpassen |
| Match-Server startet, Spieler finden ihn nicht | Ports 27100–27139 im Host-Netz freigeben; `HOST_IP` muss die LAN-Adresse des Hosts sein |
| Keine Live-Ergebnisse | `HOST_IP` falsch oder Port 3000 vom Match-Server aus nicht erreichbar |
| Ein Match-Start dauert sehr lange | Spieldateien fehlen im Volume und werden neu geladen (Schritt 2) |
+51 -12
View File
@@ -83,12 +83,16 @@ volumes:
5. Darunter bei **Environment variables** auf *+ Add an environment variable* klicken und anlegen:
| Name | Wert |
|---|---|
| `SRCDS_TOKEN` | dein GSLT |
| `CS2_RCONPW` | langes, zufälliges Passwort (nur Buchstaben und Ziffern) |
| `CS2_PW` | beliebiges Serverpasswort |
| `TV_PW` | Passwort für CSTV |
| Name | Beispielwert | Bedeutung |
|---|---|---|
| `SRCDS_TOKEN` | `A1B2C3D4E5F6…` | dein GSLT; leer lassen für LAN-Modus |
| `CS2_RCONPW` | `Kx7fQ2mPz9Lw4tNb` | RCON-Passwort, lang und zufällig |
| `CS2_PW` | `Lan2026` | Serverpasswort |
| `TV_PW` | `Cstv2026` | Passwort für CSTV |
> **Nur Buchstaben und Ziffern verwenden.** Das Startskript des Images setzt die Werte ungeschützt in einen
> Shell-Befehl ein. Leerzeichen, Klammern, Kommas, Anführungszeichen oder `$` führen dazu, dass der Server
> nicht startet (`syntax error near unexpected token`) und Docker ihn endlos neu startet.
So stehen die Zugangsdaten nicht im Stack-Text selbst.
@@ -208,19 +212,54 @@ CS2_STATIC_SERVERS=192.168.178.50:27015:PASSWORT:27020,192.168.178.50:27025:PASS
Statt dauerhaft laufender Server kann CS2 Mapveto pro Match einen eigenen Container starten und danach wieder entfernen (`SERVER_ADAPTER=docker`). Damit auch dabei nichts neu geladen wird, nutzt der Adapter das Volume **`cs2-mapveto-gamefiles`**. Das ist genau das Volume, das der Stack oben angelegt und befüllt hat.
### 1. Docker-Zugriff von CS2 Mapveto auf den Docker-Host
Läuft CS2 Mapveto auf einem anderen Rechner als Docker (z. B. Windows-PC → Docker-Host im LAN), steuert es Docker per SSH:
1. Auf dem Docker-Host den Benutzer in die Docker-Gruppe aufnehmen (einmalig, danach neu anmelden):
```bash
sudo usermod -aG docker server
```
2. Auf dem Rechner mit CS2 Mapveto einen SSH-Eintrag anlegen (Windows: `C:\Users\<Name>\.ssh\config`) und die Anmeldung per Schlüssel einrichten. `DOCKER-HOST-IP` und `USER` durch deine Werte ersetzen:
```
Host docker-host
HostName DOCKER-HOST-IP
User USER
```
3. Testen, **auf dem Rechner mit CS2 Mapveto**, nicht auf dem Docker-Host:
```powershell
docker -H ssh://docker-host ps
```
### 2. `.env` von CS2 Mapveto
```env
SERVER_ADAPTER=docker
CS2_GSLT=dein_gslt
CS2_PUBLIC_HOST=192.168.178.50
DOCKER_HOST=ssh://docker-host
# leer = LAN-Modus (sv_lan 1), sonst ein Game Server Login Token
CS2_GSLT=
# Adresse, unter der Spieler den Docker-Host erreichen
CS2_PUBLIC_HOST=192.168.178.111
# Adresse, unter der CS2 Mapveto RCON erreicht – bei getrennten Rechnern ebenfalls der Docker-Host
CS2_RCON_HOST=192.168.178.111
CS2_DOCKER_VOLUME=cs2-mapveto-gamefiles
CS2_DOCKER_IMAGE=joedwards32/cs2:latest
# zwei Ports pro Match (Spiel TCP+UDP, CSTV UDP), in der Firewall freigeben
CS2_PORT_RANGE_START=27100
CS2_PORT_RANGE_END=27139
# Container müssen CS2 Mapveto für die Live-Ergebnisse erreichen
LOG_RECEIVER_URL=http://192.168.178.31:3000
```
Wichtig dabei:
- **Den Stack-Server vorher stoppen**, damit nicht zwei Container gleichzeitig dasselbe Volume aktualisieren. Der Stack dient dann nur zum einmaligen Befüllen und für Updates.
- Für gleichzeitige Matches gilt dasselbe Problem: Alle Match-Container teilen sich das Volume und prüfen beim Start auf Updates. Das ist unkritisch, solange kein Valve-Update ansteht. Kurz nach einem CS2-Patch nur **ein** Match auf einmal starten.
- Das Backend braucht Zugriff auf den Docker-Daemon (es läuft auf demselben Host bzw. hat `/var/run/docker.sock`).
- **Den Stack-Server stoppen**, sobald die Spieldateien geladen sind. Der Stack dient nur zum einmaligen Befüllen und für Updates. Das Volume bleibt beim Stoppen und Löschen des Stacks erhalten.
- **Starts laufen nacheinander:** Jeder Match-Container prüft beim Start per SteamCMD auf Updates. Damit nie zwei Container gleichzeitig das Volume aktualisieren, startet CS2 Mapveto den nächsten erst, wenn der vorige seinen Update-Check abgeschlossen hat. Nach einem CS2-Patch dauert der erste Start dadurch länger, die übrigen warten kurz.
- **Ein GSLT gilt nur für einen laufenden Server.** Ohne Token (LAN-Modus) gibt es diese Grenze nicht.
- **Hardware:** Ein CS2-Server braucht etwa 1–2 CPU-Kerne und 2–3 GB RAM. 6 Kerne und 16 GB reichen für etwa 2–3 gleichzeitige Matches.
- **Plätze:** CSTV belegt selbst einen Spielerplatz. Der Adapter startet Container deshalb mit 6 (Wingman) bzw. 12 (5 gegen 5) Plätzen: alle Spieler, CSTV und eine Reserve. Bei festen Servern (Stack) `maxplayers` genauso hoch setzen, sonst kommt der letzte Spieler nicht drauf.
- **Serverliste:** Match-Container tauchen im LAN-Tab von CS2 nicht auf. Der Client sucht dort nur auf den Ports 27015–27020, und Broadcasts erreichen Docker-Container kaum. Spieler verbinden sich über den Befehl bzw. den Knopf „In CS2 verbinden“ auf der Match-Seite. Jedes Match hat ohnehin ein eigenes Passwort.
- **Bots zum Testen:** Ohne menschliche Spieler entfernt CS2 Bots zum Matchstart wieder (`bot_join_after_player 1`). Für Tests `CS2_EXTRA_COMMANDS=bot_join_after_player 0;bot_quota 4;bot_quota_mode fill` setzen.
Für eine LAN-Party mit festen Servern ist der **Static-Adapter mit Stack aus Schritt 1** die einfachere und robustere Wahl.
@@ -228,7 +267,7 @@ Für eine LAN-Party mit festen Servern ist der **Static-Adapter mit Stack aus Sc
## LAN-Betrieb ohne GSLT
Für reine LAN-Veranstaltungen kann `CS2_LAN=1` gesetzt werden (`sv_lan 1`). Der Server ist dann nur im lokalen Netz erreichbar und braucht kein Token. Spieler müssen im selben Netz sein. Für Zuschauer über das Internet oder externe Teams ist ein GSLT nötig.
Für reine LAN-Veranstaltungen kann `CS2_LAN=1` gesetzt werden (`sv_lan 1`). Beim Docker-Adapter genügt es, `CS2_GSLT` leer zu lassen. Der Server ist dann nur im lokalen Netz erreichbar und braucht kein Token. Spieler müssen im selben Netz sein. Für Zuschauer über das Internet oder externe Teams ist ein GSLT nötig.
---
+1 -1
View File
@@ -7,7 +7,7 @@
"scripts": {
"dev": "node --watch src/index.js",
"start": "node src/index.js",
"test": "node --test test/"
"test": "node --test"
},
"dependencies": {
"better-sqlite3": "^11.10.0",
+120
View File
@@ -0,0 +1,120 @@
import express from 'express';
import { HttpError } from './matchService.js';
import { createRateLimiter, randomToken, safeEqual } from './security.js';
const SESSION_HOURS = 12;
function bearer(req) {
const header = req.get('authorization') ?? '';
return header.startsWith('Bearer ') ? header.slice(7).trim() : null;
}
/**
* Admin-Modus unter /api/admin. Anmeldung mit ADMIN_PASSWORD, danach ein zufälliger Sitzungs-Token
* (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.
*/
export function createAdminRouter({ service, manager, config }) {
const router = express.Router();
const sessions = new Map(); // Token -> Ablaufzeit (ms)
const loginLimit = createRateLimiter({ windowMs: 60_000, max: 5 });
const wrap = (fn) => async (req, res, next) => {
try {
const result = await fn(req, res);
res.json(result ?? { ok: true });
} catch (err) {
next(err);
}
};
const requireEnabled = (req, res, next) => {
if (config.adminPassword) return next();
return next(new HttpError(404, 'Admin-Modus ist nicht eingerichtet (ADMIN_PASSWORD fehlt)', 'admin_disabled'));
};
const requireAdmin = (req, res, next) => {
const token = bearer(req);
const expires = token && sessions.get(token);
if (expires && expires > Date.now()) return next();
if (token) sessions.delete(token);
return next(new HttpError(401, 'Admin-Anmeldung erforderlich', 'unauthorized'));
};
// Admin-Zugang für eine Match-Aktion: wie ein Organisator, bei Bedarf als Captain eines Teams
const adminViewer = (matchId, extra = {}) => ({
matchId,
role: 'organizer',
isOrganizer: true,
isCaptain: false,
isSpectator: false,
playerId: null,
team: null,
...extra,
});
router.use(requireEnabled);
router.post('/login', (req, res, next) => {
if (!loginLimit(`admin:${req.ip}`)) {
return next(new HttpError(429, 'Zu viele Anmeldeversuche – bitte eine Minute warten', 'rate_limited'));
}
if (!safeEqual(String(req.body?.password ?? ''), config.adminPassword)) {
return next(new HttpError(401, 'Falsches Passwort', 'unauthorized'));
}
const token = randomToken();
const expiresAt = Date.now() + SESSION_HOURS * 3_600_000;
sessions.set(token, expiresAt);
return res.json({ token, expiresAt });
});
router.post('/logout', (req, res) => {
const token = bearer(req);
if (token) sessions.delete(token);
res.json({ ok: true });
});
router.get('/session', requireAdmin, (req, res) => res.json({ ok: true }));
// Alle Matches mit allen Details (Codes, Verbindungsdaten, Spieler, Veto, Serie, Ereignisse)
router.get('/matches', requireAdmin, wrap(() => {
const ids = service.db.prepare('SELECT id FROM matches ORDER BY created_at DESC LIMIT 100').all();
return { matches: ids.map(({ id }) => service.snapshot(id, adminViewer(id))) };
}));
const action = (path, fn) => router.post(`/matches/:id/${path}`, requireAdmin, wrap((req) => {
service.getMatch(req.params.id);
return fn(adminViewer(req.params.id), req.body ?? {}, req);
}));
action('finish', (v) => service.close(v, 'finished'));
action('cancel', (v) => service.close(v, 'cancelled'));
action('server/stop', (v) => manager.stopByOrganizer(v));
action('server/retry', (v) => manager.retry(v));
action('server/warmup-end', (v) => manager.endWarmup(v));
action('server/pause', (v) => manager.setPaused(v, true));
action('server/resume', (v) => manager.setPaused(v, false));
action('series/next', (v) => manager.loadNextMap(v));
action('veto/start', (v) => service.startVeto(v));
action('veto/action', (v, b) => service.vetoAction(
adminViewer(v.matchId, { team: b.team, isCaptain: true, role: 'captain' }),
{ stepIndex: b.stepIndex, map: b.map, side: b.side },
));
action('kick', (v, b) => service.kick(v, b.playerId));
action('codes/regenerate', (v, b) => service.regenerateCode(v, b.target));
// Rollback: nur für Admins. Diese Routen gibt es für Organisatoren nicht.
router.get('/matches/:id/rollback-points', requireAdmin, wrap(async (req) => {
service.getMatch(req.params.id);
return { points: await manager.rollbackPoints(adminViewer(req.params.id)) };
}));
action('rollback', (v, b) => manager.rollback(v, b.file));
// Match endgültig löschen (Server wird vorher freigegeben)
router.delete('/matches/:id', requireAdmin, wrap(async (req) => {
await manager.deleteMatch(req.params.id);
return { ok: true };
}));
return router;
}
+3
View File
@@ -52,6 +52,9 @@ export function createApp(config, { adapter: adapterOverride, logger = console }
},
async close() {
manager.stopLoops();
// Laufende Server-Aktionen (Start, Konfiguration) kurz abwarten, bevor die Datenbank schließt
await manager.idle(5000);
io.disposeRealtime();
io.close();
await new Promise((resolve) => server.close(() => resolve()));
db.close();
+11
View File
@@ -31,9 +31,18 @@ export function loadConfig(overrides = {}) {
const config = {
port: int('PORT', 3000),
publicUrl: str('PUBLIC_URL', 'http://localhost:5173').replace(/\/$/, ''),
// Adresse, unter der der CS2-Server dieses Backend für Live-Logs erreicht (Standard: PUBLIC_URL)
logReceiverUrl: str('LOG_RECEIVER_URL', str('PUBLIC_URL', 'http://localhost:3000')).replace(/\/$/, ''),
logDebug: bool('LOG_DEBUG', false),
// Sekunden nach Map-Ende bis zur nächsten Map bzw. zum Abschluss der Serie; -1 = nur manuell
autoAdvanceSeconds: int('SERIES_AUTO_ADVANCE_SECONDS', 30),
databaseFile: path.resolve(REPO_ROOT, str('DATABASE_FILE', 'data/cs2-mapveto.db')),
mapPoolFile: path.resolve(REPO_ROOT, str('MAP_POOL_FILE', 'server/config/map-pools.json')),
createMatchPassword: str('CREATE_MATCH_PASSWORD'),
// Optionaler Schlüssel für die Stream-Übersicht aller Matches (/stream?key=…); leer = offen
streamKey: str('STREAM_KEY'),
// Passwort für den Admin-Modus (/admin). Leer = Admin-Modus ist aus.
adminPassword: str('ADMIN_PASSWORD'),
requireFullTeams: bool('REQUIRE_FULL_TEAMS', false),
trustProxy: bool('TRUST_PROXY', false),
@@ -58,6 +67,8 @@ export function loadConfig(overrides = {}) {
demo: {
startSeconds: int('DEMO_START_SECONDS', 20),
failFirstConfigure: bool('DEMO_FAIL_FIRST_CONFIGURE', false),
// Sekunden pro simulierter Runde nach "Aufwärmphase beenden"
roundSeconds: int('DEMO_ROUND_SECONDS', 4),
},
docker: {
+18
View File
@@ -105,5 +105,23 @@ export function openDatabase(file) {
db.pragma('journal_mode = WAL');
db.pragma('foreign_keys = ON');
db.exec(SCHEMA);
migrate(db);
return db;
}
/** Ergänzt Spalten, die in älteren Datenbanken noch fehlen. */
function migrate(db) {
const columns = (table) => new Set(db.prepare(`PRAGMA table_info(${table})`).all().map((c) => c.name));
const seriesColumns = columns('series_maps');
const add = [
['score_a', 'INTEGER NOT NULL DEFAULT 0'],
['score_b', 'INTEGER NOT NULL DEFAULT 0'],
['winner', 'TEXT'],
// Live-Zustand aus den Serverlogs (JSON, siehe liveScore.js)
['live', 'TEXT'],
['live_updated_at', 'INTEGER'],
];
for (const [name, type] of add) {
if (!seriesColumns.has(name)) db.exec(`ALTER TABLE series_maps ADD COLUMN ${name} ${type}`);
}
}
+25
View File
@@ -2,6 +2,7 @@ import express from 'express';
import { HttpError } from './matchService.js';
import { publicPools } from './mapPools.js';
import { createRateLimiter, safeEqual } from './security.js';
import { createAdminRouter } from './adminRoutes.js';
function bearer(req) {
const header = req.get('authorization') ?? '';
@@ -15,7 +16,23 @@ function accessTokens(req) {
export function createApiRouter({ service, manager, config, pools, adapter }) {
const router = express.Router();
// Live-Logs vom CS2-Server (logaddress_add_http). Vor dem JSON-Parser, weil CS2 Klartext sendet.
// Der Schlüssel in der URL ist pro Server und Match zufällig und nur im Backend bekannt.
router.post('/logs/:id/:key', express.text({ type: () => true, limit: '2mb' }), (req, res) => {
try {
const body = typeof req.body === 'string' ? req.body : '';
// LOG_DEBUG=true: empfangene Zeilen ausgeben, z. B. um das Logformat eines Servers zu prüfen
if (config.logDebug) console.log(`[logs ${req.params.id}] ${body.trim().replace(/\n/g, `\n[logs ${req.params.id}] `)}`);
service.ingestLogs(req.params.id, req.params.key, body);
res.status(200).end();
} catch (err) {
res.status(err.status ?? 500).end();
}
});
router.use(express.json({ limit: '32kb' }));
router.use('/admin', createAdminRouter({ service, manager, config }));
const limiters = {
create: createRateLimiter({ windowMs: 60_000, max: 10 }),
@@ -54,6 +71,14 @@ export function createApiRouter({ service, manager, config, pools, adapter }) {
router.get('/matches', wrap(() => ({ matches: service.listMatches() })));
// Stream-Übersicht aller Matches; mit STREAM_KEY nur mit passendem ?key=
router.get('/stream/overview', wrap((req) => {
if (config.streamKey && !safeEqual(String(req.query.key ?? ''), config.streamKey)) {
throw new HttpError(403, 'Für die Stream-Übersicht wird der Stream-Schlüssel benötigt', 'forbidden');
}
return service.streamOverview();
}));
router.post('/matches', limit('create'), wrap((req) => {
const { teamA, teamB, mode, format, vetoStart, password } = req.body ?? {};
if (config.createMatchPassword && !safeEqual(password ?? '', config.createMatchPassword)) {
+162
View File
@@ -0,0 +1,162 @@
// Reine Auswertung von CS2-Serverlogs (logaddress_add_http) zu Live-Spielständen.
// Kein Datenbank- oder Netzwerkzugriff, damit sich die Logik mit Beispielzeilen testen lässt.
//
// Ausgewertete Zeilen (Präfix mit Datum/Uhrzeit wird ignoriert):
// World triggered "Match_Start" on "de_mirage"
// MatchStatus: Team playing "CT": MaxLAN Blau
// Team "TERRORIST" triggered "SFUI_Notice_Terrorists_Win" (CT "3") (T "5")
// World triggered "Warmup_Start"
// 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)
const RE = {
matchStart: /World triggered "Match_Start" on "([^"]+)"/,
warmupStart: /World triggered "Warmup_Start"/,
worldRoundEnd: /World triggered "Round_End"/,
teamPlaying: /Team playing "(CT|TERRORIST)": (.+?)\s*$/,
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.
gameOver: /Game Over:.*?(\S+)\s+score\s+(\d+):(\d+)/,
};
// Gründe für ein Rundenende aus den SFUI-Hinweisen
const REASONS = {
Target_Bombed: 'bomb',
Bomb_Defused: 'defuse',
Target_Saved: 'time',
CTs_Win: 'elimination',
Terrorists_Win: 'elimination',
Terrorists_Surrender: 'surrender',
CTs_Surrender: 'surrender',
};
const other = (team) => (team === 'A' ? 'B' : 'A');
const normalizeName = (name) => String(name ?? '').trim().toLowerCase();
/**
* Neuer Live-Zustand einer Map. ctTeam = Team, das laut Veto auf CT startet.
* warmupEnded: erst danach zählt ein Match_Start (CS2 sendet ihn auch beim Laden der Map, vor der Aufwärmphase).
*/
export function initialLiveState({ map, ctTeam, warmupEnded = false }) {
const startCt = ctTeam ?? 'A';
return {
map,
status: 'warmup',
warmupEnded,
startCt,
sides: { CT: startCt, T: other(startCt) },
sidesFromLog: false,
score: { A: 0, B: 0 },
rounds: [],
winner: null,
pendingRound: null,
};
}
/**
* Wendet Logzeilen auf den Zustand an.
* @param {object} state Zustand aus initialLiveState bzw. vorherigem Aufruf
* @param {string[]} lines Logzeilen
* @param {object} ctx { teamNames: {A, B}, maxRounds, overtimeRounds }
* @returns {{ state, events }} events: [{ type: 'match_start'|'round'|'map_end', ... }]
*/
export function applyLogLines(state, lines, ctx) {
const s = structuredClone(state);
const events = [];
const names = { A: normalizeName(ctx.teamNames.A), B: normalizeName(ctx.teamNames.B) };
// Ein Rundenende wird erst abgeschlossen, wenn die Seitenzuordnung der gerade gespielten Runde feststeht:
// CS2 schickt sie direkt nach dem Rundenende ("MatchStatus: Team playing ..."). Die Zeilen zu Beginn der
// nächsten Runde sind nach der Halbzeit noch veraltet und werden deshalb ignoriert.
const finalize = () => {
const p = s.pendingRound;
if (!p) return;
s.pendingRound = null;
if (p.number <= s.rounds.length) return; // doppelt gesendete Zeile
const winner = s.sides[p.side];
s.rounds.push({ number: p.number, winner, side: p.side, reason: p.reason });
// Stand aus den Seitenwerten übernehmen – korrigiert sich bei verlorenen Zeilen selbst.
s.score = { [s.sides.CT]: p.sideScore.CT, [s.sides.T]: p.sideScore.T };
events.push({ type: 'round', number: p.number, winner, score: { ...s.score } });
switchSidesByRules(s, p.number, ctx);
};
const reset = (status) => {
Object.assign(s, { status, score: { A: 0, B: 0 }, rounds: [], winner: null, pendingRound: null });
};
for (const line of lines) {
let m;
if ((m = RE.matchStart.exec(line))) {
// Echter Matchbeginn (nach Aufwärmphase oder mp_restartgame): Zählung beginnt neu.
// Nach Spielende startet CS2 von selbst neu – das Ergebnis bleibt dann stehen.
if (m[1] !== s.map || s.status === 'finished') continue;
reset(s.warmupEnded ? 'live' : 'warmup');
// Seitenzuordnung aus dem Log hat Vorrang vor der Annahme aus dem Veto.
if (!s.sidesFromLog) s.sides = { CT: s.startCt, T: other(s.startCt) };
if (s.warmupEnded) events.push({ type: 'match_start', map: s.map });
} else if (RE.warmupStart.test(line)) {
// Neue Aufwärmphase (Mapstart oder Neustart): bisherige Zählung verwerfen, Ergebnis einer beendeten Map bleibt.
if (s.status !== 'finished') reset('warmup');
} else if ((m = RE.teamPlaying.exec(line))) {
// Nur vor der ersten Runde und direkt nach einem Rundenende verlässlich.
if (!s.pendingRound && s.rounds.length > 0) continue;
const side = m[1] === 'CT' ? 'CT' : 'T';
const name = normalizeName(m[2]);
const team = name === names.A ? 'A' : name === names.B ? 'B' : null;
if (team) {
s.sides[side] = team;
s.sides[side === 'CT' ? 'T' : 'CT'] = other(team);
s.sidesFromLog = true;
}
} else if ((m = RE.roundEnd.exec(line))) {
if (s.status === 'finished') continue;
finalize();
if (s.status === 'warmup') s.status = 'live';
const sideScore = { CT: Number(m[3]), T: Number(m[4]) };
s.pendingRound = {
number: sideScore.CT + sideScore.T,
side: m[1] === 'CT' ? 'CT' : 'T',
reason: REASONS[m[2]] ?? 'other',
sideScore,
};
} else if (RE.worldRoundEnd.test(line)) {
finalize();
} else if ((m = RE.gameOver.exec(line))) {
if (m[1] !== s.map || s.status === 'finished') continue;
finalize();
s.status = 'finished';
s.winner = s.score.A === s.score.B ? null : s.score.A > s.score.B ? 'A' : 'B';
events.push({ type: 'map_end', winner: s.winner, score: { ...s.score } });
}
}
// Ende des Pakets: offenes Rundenende mit der bekannten Zuordnung abschließen, damit die Anzeige nicht hängt.
finalize();
return { state: s, events };
}
/**
* Seitenwechsel nach Regelwerk, damit die Anzeige auch während einer Runde stimmt:
* Halbzeit nach maxRounds/2, in der Verlängerung nach jeder halben Verlängerung.
* Die Zeilen nach dem nächsten Rundenende korrigieren die Zuordnung, falls ein Server anders wechselt.
*/
function switchSidesByRules(s, roundsPlayed, { maxRounds, overtimeRounds = 6 }) {
const half = maxRounds / 2;
const otHalf = overtimeRounds / 2;
const regulationSwitch = roundsPlayed === half;
const overtimeSwitch = roundsPlayed > maxRounds && (roundsPlayed - maxRounds) % otHalf === 0
&& ((roundsPlayed - maxRounds) / otHalf) % 2 === 1;
if (regulationSwitch || overtimeSwitch) s.sides = { CT: s.sides.T, T: s.sides.CT };
}
/** Teilt einen HTTP-Body in Logzeilen. */
export function splitLogBody(body) {
return String(body ?? '').split(/\r?\n/).map((l) => l.trim()).filter(Boolean);
}
/** Serienstand aus den Ergebnissen der einzelnen Maps. */
export function seriesScore(maps) {
const score = { A: 0, B: 0 };
for (const m of maps) if (m.winner) score[m.winner] += 1;
return score;
}
+217 -13
View File
@@ -1,6 +1,9 @@
import { EventEmitter } from 'node:events';
import { BEST_OF, computeVetoState, resolveAction, VetoError } from './veto.js';
import { formatCode, hashToken, normalizeCode, randomCode, randomId, randomToken, safeEqual } from './security.js';
import { applyLogLines, initialLiveState, seriesScore, splitLogBody } from './liveScore.js';
import { trimLiveState } from './rounds.js';
import { sanitizeConsoleText } from './servers/cs2Config.js';
export class HttpError extends Error {
constructor(status, message, code = 'error') {
@@ -414,9 +417,14 @@ export class MatchService extends EventEmitter {
advanceSeries(viewer) {
this.require(viewer, 'organizer');
return this.advanceSeriesFor(viewer.matchId);
}
/** Nächste Map der Serie vormerken (Organisator oder automatisch nach Map-Ende). */
advanceSeriesFor(matchId) {
let nextNumber;
this.db.transaction(() => {
const match = this.getMatch(viewer.matchId);
const match = this.getMatch(matchId);
if (match.status !== 'live') throw new HttpError(409, 'Die nächste Map kann erst geladen werden, wenn das Match läuft', 'wrong_phase');
const maps = this.seriesMaps(match.id);
nextNumber = match.current_map_number + 1;
@@ -428,10 +436,106 @@ export class MatchService extends EventEmitter {
.run(nextNumber, this.now(), match.id);
this.log(match.id, 'series', `Map ${nextNumber} der Serie wird geladen`);
})();
this.changed(viewer.matchId);
this.changed(matchId);
return nextNumber;
}
// ---------- Live-Ergebnisse ----------
/** Startet die Zählung einer Map neu (beim Laden der Map auf dem Server). */
resetLiveScore(matchId, number) {
this.db
.prepare('UPDATE series_maps SET score_a = 0, score_b = 0, winner = NULL, live = NULL, live_updated_at = NULL WHERE match_id = ? AND number = ?')
.run(matchId, number);
}
/** Stand auf den Zeitpunkt nach einer Runde zurückstellen (nach Rollback). */
rewindLiveScore(matchId, roundNumber, file) {
const match = this.getMatch(matchId);
const row = this.seriesMaps(matchId).find((m) => m.number === match.current_map_number);
if (!row) return;
const live = row.live ? trimLiveState(JSON.parse(row.live), roundNumber) : null;
const score = live ? live.score : { A: 0, B: 0 };
this.db
.prepare("UPDATE series_maps SET score_a = ?, score_b = ?, winner = NULL, status = 'live', live = ?, live_updated_at = ? WHERE match_id = ? AND number = ?")
.run(score.A, score.B, live ? JSON.stringify(live) : null, this.now(), matchId, row.number);
this.log(matchId, 'rollback', `Map ${row.number} zurückgespielt auf Runde ${roundNumber} (${file})`);
this.changed(matchId);
}
/** Organisator hat die Aufwärmphase beendet: ab dem nächsten Match_Start wird gezählt. */
markWarmupEnded(matchId, ended = true) {
const match = this.getMatch(matchId);
const row = this.seriesMaps(matchId).find((m) => m.number === match.current_map_number);
if (!row) return;
const state = row.live ? JSON.parse(row.live) : initialLiveState({ map: row.map, ctTeam: row.ct_team });
state.warmupEnded = ended;
this.db
.prepare('UPDATE series_maps SET live = ? WHERE match_id = ? AND number = ?')
.run(JSON.stringify(state), matchId, row.number);
}
/** Logzeilen vom CS2-Server (logaddress_add_http). Der Schlüssel in der URL identifiziert den Server. */
ingestLogs(matchId, key, body) {
const server = this.serverRow(matchId);
if (!server || !safeEqual(String(key ?? ''), server.config_key)) {
throw new HttpError(403, 'Unbekannter Log-Schlüssel', 'forbidden');
}
this.applyLiveLog(matchId, splitLogBody(body));
}
applyLiveLog(matchId, lines) {
if (!lines.length) return;
let ended = null;
this.db.transaction(() => {
const match = this.getMatch(matchId);
if (CLOSED_STATUSES.includes(match.status)) return;
const row = this.seriesMaps(matchId).find((m) => m.number === match.current_map_number);
if (!row) return;
const before = row.live ? JSON.parse(row.live) : initialLiveState({ map: row.map, ctTeam: row.ct_team });
const { state, events } = applyLogLines(before, lines, {
teamNames: { A: sanitizeConsoleText(match.team_a_name), B: sanitizeConsoleText(match.team_b_name) },
maxRounds: match.mode === 'wingman' ? this.config.match.maxRoundsWingman : this.config.match.maxRoundsCompetitive,
overtimeRounds: 6,
});
if (!events.length && JSON.stringify(before) === JSON.stringify(state)) {
// Nichts Relevantes dabei, aber der Server liefert: Empfang trotzdem vermerken (Anzeige "Live-Daten empfangen")
this.db.prepare('UPDATE series_maps SET live_updated_at = ? WHERE match_id = ? AND number = ?').run(this.now(), matchId, row.number);
return;
}
const finished = events.find((e) => e.type === 'map_end');
this.db
.prepare(
`UPDATE series_maps SET score_a = ?, score_b = ?, winner = ?, live = ?, live_updated_at = ?
${finished ? ", status = 'done'" : ''} WHERE match_id = ? AND number = ?`,
)
.run(state.score.A, state.score.B, state.winner, JSON.stringify(state), this.now(), matchId, row.number);
if (events.some((e) => e.type === 'match_start')) this.log(matchId, 'score', `Map ${row.number} (${this.mapName(match, row.map)}) live – Zählung beginnt`);
if (finished) {
ended = { row, state, match };
const winner = state.winner ? this.teamName(match, state.winner) : 'Unentschieden';
this.log(matchId, 'score',
`Map ${row.number} (${this.mapName(match, row.map)}) beendet: ${match.team_a_name} ${state.score.A}:${state.score.B} ${match.team_b_name} – Sieger: ${winner}`);
}
})();
if (ended) {
const maps = this.seriesMaps(matchId);
const score = seriesScore(maps);
const needed = Math.floor(BEST_OF[ended.match.format] / 2) + 1;
const decided = score.A >= needed ? 'A' : score.B >= needed ? 'B' : null;
if (decided) this.log(matchId, 'score', `Serie entschieden: ${this.teamName(ended.match, decided)} gewinnt ${score[decided]}:${score[decided === 'A' ? 'B' : 'A']}`);
const hasNext = maps.some((m) => m.number === ended.row.number + 1);
this.changed(matchId);
this.emit('mapEnded', { matchId, number: ended.row.number, decided, hasNext });
return;
}
this.changed(matchId);
}
mapName(match, mapId) {
return JSON.parse(match.maps).find((m) => m.id === mapId)?.name ?? mapId;
}
markCurrentMapLive(matchId) {
const match = this.getMatch(matchId);
this.db
@@ -441,12 +545,16 @@ export class MatchService extends EventEmitter {
close(viewer, status) {
this.require(viewer, 'organizer');
const match = this.getMatch(viewer.matchId);
this.closeMatch(viewer.matchId, status);
}
closeMatch(matchId, status, message) {
const match = this.getMatch(matchId);
if (CLOSED_STATUSES.includes(match.status)) throw new HttpError(409, 'Das Match ist bereits beendet', 'match_closed');
if (status === 'finished') {
this.db.prepare("UPDATE series_maps SET status = 'done' WHERE match_id = ? AND status IN ('live','next')").run(match.id);
}
this.log(match.id, 'status', status === 'finished' ? 'Match abgeschlossen' : 'Match abgebrochen');
this.log(match.id, 'status', message ?? (status === 'finished' ? 'Match abgeschlossen' : 'Match abgebrochen'));
this.setStatus(match.id, status);
this.emit('closed', match.id);
}
@@ -472,6 +580,76 @@ export class MatchService extends EventEmitter {
this.emit('changed', matchId);
}
/**
* Übersicht aller aktiven Matches für die Stream-Seite: laufende Vetos und Matches mit Details,
* Lobbys und kürzlich beendete Matches knapp. Enthält nur, was Zuschauer sehen dürfen –
* keine Codes, keine Verbindungsdaten.
*/
streamOverview({ resultsWithinMs = 3 * 3_600_000 } = {}) {
const rows = this.db.prepare('SELECT * FROM matches ORDER BY created_at DESC LIMIT 200').all();
const now = this.now();
const active = [];
const upcoming = [];
const results = [];
for (const m of rows) {
const pool = this.pools[m.mode];
const maps = JSON.parse(m.maps);
const mapInfo = (id) => {
const map = maps.find((x) => x.id === id);
return { id, name: map?.name ?? id, image: map?.image ?? null, color: map?.color ?? null };
};
const base = {
id: m.id,
teams: { A: m.team_a_name, B: m.team_b_name },
mode: m.mode,
modeLabel: pool?.label ?? m.mode,
format: m.format,
status: m.status,
statusLabel: MATCH_STATUS[m.status],
};
if (m.status === 'lobby') {
const readiness = this.teamReadiness(m);
upcoming.push({ ...base, ready: { A: readiness.A.ready, B: readiness.B.ready } });
continue;
}
const seriesRows = this.seriesMaps(m.id);
const series = seriesRows.map((s) => {
const live = s.live ? JSON.parse(s.live) : null;
return {
number: s.number,
...mapInfo(s.map),
pickedBy: s.picked_by,
status: s.status,
score: { A: s.score_a, B: s.score_b },
winner: s.winner,
live: live && { status: live.status, sides: live.sides, roundsPlayed: live.rounds.length },
};
});
const item = { ...base, seriesScore: seriesScore(seriesRows), currentMapNumber: m.current_map_number, series };
if (CLOSED_STATUSES.includes(m.status)) {
if (m.status === 'finished' && now - (m.finished_at ?? 0) < resultsWithinMs) results.push(item);
continue;
}
if (m.status === 'veto') {
const veto = this.vetoState(m);
item.veto = {
current: veto.current,
maps: veto.maps.map((x) => ({ ...mapInfo(x.id), status: x.status, by: x.by })),
stepsDone: veto.steps.filter((x) => x.done).length,
stepsTotal: veto.steps.length,
};
}
active.push(item);
}
// Laufende Matches zuerst, dann Vetos, dann Serverstart – jeweils älteste zuerst
const order = { live: 0, veto: 1, server_setup: 2 };
active.sort((a, b) => (order[a.status] - order[b.status]) || a.id.localeCompare(b.id));
return { active, upcoming: upcoming.slice(0, 8), results: results.slice(0, 8), updatedAt: now };
}
listMatches() {
const rows = this.db.prepare('SELECT * FROM matches ORDER BY created_at DESC LIMIT 200').all();
const counts = this.db.prepare('SELECT team, COUNT(*) AS n FROM players WHERE match_id = ? AND active = 1 GROUP BY team');
@@ -479,7 +657,13 @@ export class MatchService extends EventEmitter {
const byTeam = Object.fromEntries(counts.all(m.id).map((r) => [r.team, r.n]));
const server = this.serverRow(m.id);
const pool = this.pools[m.mode];
const maps = this.seriesMaps(m.id);
const current = maps.find((s) => s.number === m.current_map_number);
return {
seriesScore: maps.length ? seriesScore(maps) : null,
currentMap: current && (current.status === 'live' || current.status === 'done')
? { number: current.number, name: this.mapName(m, current.map), score: { A: current.score_a, B: current.score_b }, finished: current.status === 'done' }
: null,
id: m.id,
teamA: m.team_a_name,
teamB: m.team_b_name,
@@ -528,15 +712,28 @@ export class MatchService extends EventEmitter {
const veto = this.vetoState(match);
const actions = this.vetoActions(matchId);
const series = this.seriesMaps(matchId).map((s) => ({
number: s.number,
map: s.map,
mapName: mapNames[s.map] ?? s.map,
pickedBy: s.picked_by,
sideChosenBy: s.side_chosen_by,
ctTeam: s.ct_team,
status: s.status,
}));
const seriesRows = this.seriesMaps(matchId);
const series = seriesRows.map((s) => {
const live = s.live ? JSON.parse(s.live) : null;
return {
number: s.number,
map: s.map,
mapName: mapNames[s.map] ?? s.map,
pickedBy: s.picked_by,
sideChosenBy: s.side_chosen_by,
ctTeam: s.ct_team,
status: s.status,
score: { A: s.score_a, B: s.score_b },
winner: s.winner,
// Auch ohne Spielstand (Aufwärmphase) mitschicken, sobald der Server Logs liefert
live: (live || s.live_updated_at) && {
status: live?.status ?? 'warmup',
sides: live?.sides ?? null,
rounds: live?.rounds ?? [],
updatedAt: s.live_updated_at,
},
};
});
const snapshot = {
id: match.id,
@@ -557,6 +754,7 @@ export class MatchService extends EventEmitter {
},
canStartVeto: match.status === 'lobby' && readiness.A.ready && readiness.B.ready,
requireFullTeams: this.config.requireFullTeams,
autoAdvanceSeconds: this.config.autoAdvanceSeconds,
maps: pool.maps,
veto: publicView
? null
@@ -578,6 +776,8 @@ export class MatchService extends EventEmitter {
})),
},
series,
seriesScore: seriesScore(seriesRows),
maxRounds: match.mode === 'wingman' ? this.config.match.maxRoundsWingman : this.config.match.maxRoundsCompetitive,
server: this.serverView(match, viewer),
events: publicView
? []
@@ -594,6 +794,10 @@ export class MatchService extends EventEmitter {
A: `${base}/join/${formatCode(match.code_a)}`,
B: `${base}/join/${formatCode(match.code_b)}`,
spectator: `${base}/watch/${formatCode(match.code_spectator)}`,
// Vollbild-Übersicht für den Stream (OBS-Browserquelle), nutzt den Zuschauercode
stream: `${base}/stream/${formatCode(match.code_spectator)}`,
// 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)}` : ''}`,
},
};
}
+26
View File
@@ -1,4 +1,5 @@
import { Server } from 'socket.io';
import { safeEqual } from './security.js';
/**
* Echtzeit-Kanal. Clients senden nie Aktionen über den Socket – alle Änderungen laufen über die
@@ -50,9 +51,16 @@ export function attachRealtime(httpServer, { service, config }) {
}, 50));
};
let streamTimer = null;
const broadcastStream = () => {
clearTimeout(streamTimer);
streamTimer = setTimeout(() => io.to('stream-overview').emit('stream:overview', service.streamOverview()), 200);
};
service.on('changed', (matchId) => {
broadcastMatch(matchId);
broadcastOverview();
broadcastStream();
});
io.on('connection', (socket) => {
@@ -61,6 +69,15 @@ export function attachRealtime(httpServer, { service, config }) {
socket.emit('overview', { matches: service.listMatches() });
});
socket.on('stream:subscribe', ({ key } = {}) => {
if (config.streamKey && !safeEqual(String(key ?? ''), config.streamKey)) {
socket.emit('stream:error', { error: 'Für die Stream-Übersicht wird der Stream-Schlüssel benötigt' });
return;
}
socket.join('stream-overview');
socket.emit('stream:overview', service.streamOverview());
});
socket.on('match:subscribe', ({ matchId, token, playerToken } = {}) => {
if (typeof matchId !== 'string') return;
for (const room of socket.rooms) if (room.startsWith('match:')) leave(room.slice(6));
@@ -94,5 +111,14 @@ export function attachRealtime(httpServer, { service, config }) {
});
});
// Beim Herunterfahren: ausstehende Sammel-Updates verwerfen, damit nichts mehr auf die Datenbank zugreift
io.disposeRealtime = () => {
clearTimeout(overviewTimer);
clearTimeout(streamTimer);
for (const t of pending.values()) clearTimeout(t);
pending.clear();
service.removeAllListeners('changed');
};
return io;
}
+62
View File
@@ -0,0 +1,62 @@
// Rundensicherung und Zurückspielen (Rollback).
//
// CS2 speichert nach jeder Runde eine Sicherungsdatei des Spielzustands auf dem Server (mp_backup_round_auto).
// Diese Datei lässt sich später wieder laden (mp_backup_restore_load_file). Dieses Modul kennt die Namen,
// wertet die Liste aus und kürzt den gespeicherten Live-Stand passend zur Rückkehr.
// Präfix und Muster wie bei TMT2: der Präfix enthält die Match-ID, das Muster Map, Runde und Stand.
export const backupPrefix = (matchId) => `round_backup_${matchId}`;
export const BACKUP_PATTERN = '%prefix%_%date%_%time%_%map%_round%round%_score_%score1%_%score2%.txt';
// Endung: _<map>_round<N>_score_<a>_<b>.txt – die Map beginnt mit zwei Kleinbuchstaben und Unterstrich (de_, cs_, ar_ …)
const ROUND_RE = /_([a-z]{2}_[a-z0-9_]+?)_round(\d+)_score_(\d+)_(\d+)\.txt$/;
/** Ist der Dateiname eine Sicherung genau dieses Matches? Schützt vor Pfaden wie "../" und fremden Dateien. */
export function isValidBackupFile(file, matchId) {
if (typeof file !== 'string' || file.length > 200) return false;
if (!file.startsWith(backupPrefix(matchId))) return false;
return /^[A-Za-z0-9_.-]+\.txt$/.test(file) && !file.includes('..') && ROUND_RE.test(file);
}
/** Findet alle Sicherungsdateien dieses Matches in einer RCON-Antwort (Format der Antwort ist nicht festgelegt). */
export function parseBackupFiles(text, matchId) {
const prefix = backupPrefix(matchId);
const found = new Set();
const re = new RegExp(`${prefix}_[A-Za-z0-9_.-]+\\.txt`, 'g');
for (const m of String(text ?? '').matchAll(re)) found.add(m[0]);
return [...found].filter((f) => isValidBackupFile(f, matchId)).map((file) => describeBackup(file, matchId));
}
/**
* Zerlegt einen Dateinamen in Map, Rundennummer und Stand. Mit matchId wird vorher der Präfix entfernt,
* damit Teile der Match-ID nicht mit einem Map-Namen verwechselt werden.
*/
export function describeBackup(file, matchId = null) {
const rest = matchId && file.startsWith(backupPrefix(matchId)) ? file.slice(backupPrefix(matchId).length) : file;
const m = ROUND_RE.exec(rest);
if (!m) return { file, map: null, round: null, score: null };
return { file, map: m[1], round: Number(m[2]), score: { s1: Number(m[3]), s2: Number(m[4]) } };
}
/** Nur die Sicherungen der gerade gespielten Map, neueste Runde zuerst. */
export function pointsForMap(points, map) {
return points.filter((p) => p.map === map).sort((a, b) => b.round - a.round);
}
/**
* Kürzt den Live-Stand auf die Runden bis einschließlich roundNumber und rechnet den Stand neu.
* Danach zählt die Anzeige weiter, sobald CS2 wieder Rundenmeldungen schickt.
*/
export function trimLiveState(state, roundNumber) {
const rounds = (state.rounds ?? []).filter((r) => r.number <= roundNumber);
const score = { A: 0, B: 0 };
for (const r of rounds) if (r.winner) score[r.winner] += 1;
return {
...state,
status: 'live',
rounds,
score,
winner: null,
pendingRound: null,
};
}
+14 -1
View File
@@ -1,6 +1,8 @@
// Erzeugt die Konsolenbefehle, mit denen ein laufender CS2-Server für eine Map der Serie konfiguriert wird.
// Alle Werte werden so bereinigt, dass sie keine weiteren Befehle einschleusen können.
import { BACKUP_PATTERN } from '../rounds.js';
export function sanitizeConsoleText(value, maxLength = 32) {
return String(value ?? '')
.replace(/["';\\\r\n\t]/g, '')
@@ -23,7 +25,7 @@ export function sanitizeConsoleText(value, maxLength = 32) {
* @param {object} p.secrets { serverPassword, tvPassword }
* @param {object} p.settings config.match
*/
export function buildMapCommands({ match, pool, seriesMap, secrets, settings }) {
export function buildMapCommands({ match, pool, seriesMap, secrets, settings, logUrl, backupPrefix }) {
const isWingman = pool.mode === 'wingman';
const ctTeam = seriesMap.ctTeam ?? 'A';
const tTeam = ctTeam === 'A' ? 'B' : 'A';
@@ -36,6 +38,17 @@ export function buildMapCommands({ match, pool, seriesMap, secrets, settings })
`tv_enable ${settings.tvEnabled ? 1 : 0}`,
`tv_delay ${Number(settings.tvDelaySeconds)}`,
`tv_password "${secrets.tvPassword}"`,
// Live-Ergebnisse: Server schickt seine Logzeilen per HTTP an das Backend
...(logUrl && /^https?:\/\/[\w.:/-]+$/.test(logUrl)
? ['log on', 'logaddress_delall_http', `logaddress_add_http "${logUrl}"`]
: []),
// Rundensicherung: CS2 speichert nach jeder Runde den Spielzustand, damit sich Runden zurückspielen lassen
...(backupPrefix ? [
`mp_backup_round_file "${backupPrefix}"`,
`mp_backup_round_file_pattern "${BACKUP_PATTERN}"`,
'mp_backup_round_auto 1',
'mp_backup_restore_load_autopause 1',
] : []),
`changelevel ${seriesMap.map}`,
];
+10
View File
@@ -2,6 +2,8 @@
// 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.
import { backupPrefix, parseBackupFiles } from '../rounds.js';
const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
export class DemoServerAdapter {
@@ -41,6 +43,14 @@ export class DemoServerAdapter {
handle.map = plan.map;
}
// Simulierte Sicherungen: eine Datei je Runde der aktuellen Map, damit die Oberfläche testbar ist
async listRoundBackups(handle, matchId, map = 'de_demo') {
const files = [1, 2, 3].map((r) => `${backupPrefix(matchId)}_01_01_${map}_round${r}_score_${r}_0.txt`);
return parseBackupFiles(files.join('\n'), matchId);
}
async loadRoundBackup() {}
async sendCommands(handle, commands) {
return commands.map(() => '(Demo – nicht ausgeführt)');
}
+70
View File
@@ -0,0 +1,70 @@
// DEMO: erzeugt einen zufälligen Matchverlauf als CS2-Logzeilen.
// Die Zeilen laufen durch denselben Parser wie echte Serverlogs, so lässt sich die
// Live-Anzeige ohne CS2-Server testen. Ergebnisse sind frei erfunden.
const REASONS = {
CT: ['CTs_Win', 'Bomb_Defused', 'Target_Saved'],
T: ['Terrorists_Win', 'Target_Bombed'],
};
const stamp = () => {
const d = new Date();
const p = (n, l = 2) => String(n).padStart(l, '0');
return `${p(d.getMonth() + 1)}/${p(d.getDate())}/${d.getFullYear()} - ${p(d.getHours())}:${p(d.getMinutes())}:${p(d.getSeconds())}.${p(d.getMilliseconds(), 3)} - `;
};
export class DemoMatchSimulator {
constructor({ random = Math.random } = {}) {
this.runs = new Map();
this.random = random;
}
start(matchId, { map, teamNames, ctTeam, maxRounds, roundMs, onLines }) {
this.stop(matchId);
const other = (t) => (t === 'A' ? 'B' : 'A');
const run = { sides: { CT: ctTeam, T: other(ctTeam) }, score: { A: 0, B: 0 }, played: 0 };
const toWin = maxRounds / 2 + 1;
// Leichte Stärke-Unterschiede, damit nicht jedes Demo-Match gleich aussieht
const strengthA = 0.4 + this.random() * 0.2;
const teamLines = () => [
`${stamp()}MatchStatus: Team playing "CT": ${teamNames[run.sides.CT]}`,
`${stamp()}MatchStatus: Team playing "TERRORIST": ${teamNames[run.sides.T]}`,
];
onLines([...teamLines(), `${stamp()}World triggered "Match_Start" on "${map}"`]);
run.timer = setInterval(() => {
const winner = this.random() < strengthA ? 'A' : 'B';
const side = run.sides.CT === winner ? 'CT' : 'T';
run.score[winner] += 1;
run.played += 1;
const notice = REASONS[side][Math.floor(this.random() * REASONS[side].length)];
// Reihenfolge wie bei einem echten CS2-Server: Rundenende, Seitenzuordnung der gespielten Runde, Round_End
const lines = [
`${stamp()}Team "${side === 'CT' ? 'CT' : 'TERRORIST'}" triggered "SFUI_Notice_${notice}" (CT "${run.score[run.sides.CT]}") (T "${run.score[run.sides.T]}")`,
...teamLines(),
`${stamp()}World triggered "Round_End"`,
];
if (run.score[winner] >= toWin) {
lines.push(`${stamp()}Game Over: competitive mg_active ${map} score ${run.score[run.sides.CT]}:${run.score[run.sides.T]} after 1 min`);
onLines(lines);
this.stop(matchId);
return;
}
// Halbzeit: Seiten wechseln, die nächsten Zeilen nennen die neue Zuordnung
if (run.played === maxRounds / 2) run.sides = { CT: run.sides.T, T: run.sides.CT };
onLines(lines);
}, roundMs);
this.runs.set(matchId, run);
}
stop(matchId) {
const run = this.runs.get(matchId);
if (run) clearInterval(run.timer);
this.runs.delete(matchId);
}
stopAll() {
for (const id of [...this.runs.keys()]) this.stop(id);
}
}
+81 -9
View File
@@ -1,29 +1,42 @@
import { execFile } from 'node:child_process';
import { promisify } from 'node:util';
import { configureViaRcon, rconStatus } from './rconConfigure.js';
import { configureViaRcon, listRoundBackups, loadRoundBackup, rconStatus } from './rconConfigure.js';
import { runRcon } from './rcon.js';
const exec = promisify(execFile);
const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
// Diese Zeile schreibt das Image, sobald SteamCMD fertig ist und der Spielserver startet.
const UPDATE_DONE_MARKER = 'Starting CS2 Dedicated Server';
/**
* Startet pro Match einen eigenen CS2-Container (Standard-Image: joedwards32/cs2, Nachfolger von cm2network/cs2).
* Benötigt Docker auf dem Backend-Host, ein Game Server Login Token (CS2_GSLT)
* und eine öffentlich erreichbare Adresse (CS2_PUBLIC_HOST).
* Benötigt Docker (lokal oder per DOCKER_HOST, z. B. ssh://…) und die Adresse, unter der Spieler
* den Docker-Host erreichen (CS2_PUBLIC_HOST).
*
* Ohne CS2_GSLT laufen die Server im LAN-Modus (sv_lan 1): nur aus dem lokalen Netz erreichbar.
*
* Pro Match werden zwei aufeinanderfolgende Ports belegt: Spielport (TCP+UDP, auch RCON)
* und CSTV-Port (UDP).
*
* Alle Container teilen sich das Volume mit den Spieldateien. Jeder prüft beim Start per SteamCMD
* auf Updates; damit nie zwei gleichzeitig schreiben, starten Container nacheinander: der nächste
* erst, wenn der vorige seinen Update-Check abgeschlossen hat.
*/
export class DockerServerAdapter {
constructor(options, { getUsedPorts }) {
constructor(options, { getUsedPorts, runDocker } = {}) {
this.name = 'docker';
this.simulated = false;
this.options = options;
this.getUsedPorts = getUsedPorts;
this.runDocker = runDocker; // nur für Tests
this.lanMode = !options.gslt;
this.startQueue = Promise.resolve();
if (!options.host) throw new Error('SERVER_ADAPTER=docker benötigt CS2_PUBLIC_HOST');
if (!options.gslt) throw new Error('SERVER_ADAPTER=docker benötigt CS2_GSLT (Game Server Login Token)');
}
async docker(args, timeout = 60_000) {
if (this.runDocker) return this.runDocker(args);
const { stdout } = await exec(this.options.bin, args, { timeout, maxBuffer: 4 * 1024 * 1024 });
return stdout.trim();
}
@@ -36,20 +49,71 @@ export class DockerServerAdapter {
throw new Error('Kein freier Port im Bereich CS2_PORT_RANGE_START–CS2_PORT_RANGE_END');
}
async start({ matchId, mode, secrets }) {
async start(args) {
// In die Warteschlange: erst starten, wenn der vorige Container seinen Update-Check hinter sich hat.
const previous = this.startQueue;
let release;
this.startQueue = new Promise((resolve) => { release = resolve; });
await previous;
let result;
try {
result = await this.launch(args);
} catch (err) {
release();
throw err;
}
this.waitForUpdateCheck(result.handle).finally(release);
return result;
}
/**
* Wartet, bis der Container SteamCMD abgeschlossen hat, beendet ist oder die Startzeit abläuft.
* Fertig ist er, sobald der Spielserver per RCON antwortet (RCON gibt es erst nach SteamCMD) oder
* die Startzeile im Log steht. Nur auf das Log zu schauen reicht nicht: Der Server schreibt danach
* so viel, dass die Zeile schnell aus den letzten Zeilen herausfällt.
*/
async waitForUpdateCheck(handle, { pollMs = 3000 } = {}) {
const deadline = Date.now() + this.options.startTimeoutMinutes * 60_000;
while (Date.now() < deadline) {
try {
const state = await this.docker(['inspect', '-f', '{{.State.Status}}', handle.container], 15_000);
if (state !== 'running' && state !== 'created') return;
if (await this.isReachable(handle)) return;
const logs = await this.docker(['logs', '--tail', '2000', handle.container], 15_000);
if (logs.includes(UPDATE_DONE_MARKER)) return;
} catch {
return; // Container weg – nicht ewig blockieren
}
await sleep(pollMs);
}
}
async isReachable(handle) {
try {
await rconStatus(this.target(handle));
return true;
} catch {
return false;
}
}
async launch({ matchId, mode, secrets }) {
const port = this.allocatePort();
const tvPort = port + 1;
const container = `cs2mv-${matchId.replace(/[^a-zA-Z0-9_-]/g, '')}`.toLowerCase();
const env = {
SRCDS_TOKEN: this.options.gslt,
...(this.lanMode ? { CS2_LAN: '1' } : { SRCDS_TOKEN: this.options.gslt, CS2_LAN: '0' }),
CS2_SERVERNAME: `CS2 Mapveto ${matchId}`,
CS2_PORT: String(port),
CS2_RCONPW: secrets.rconPassword,
CS2_PW: secrets.serverPassword,
CS2_MAXPLAYERS: mode === 'wingman' ? '4' : '10',
// Spielerplätze + 1 für CSTV (belegt selbst einen Platz) + 1 Reserve (Admin, Ersatz)
CS2_MAXPLAYERS: mode === 'wingman' ? '6' : '12',
CS2_GAMETYPE: '0',
CS2_GAMEMODE: mode === 'wingman' ? '2' : '1',
CS2_SERVER_HIBERNATE: '0',
// Ohne diesen Startparameter legt CS2 keine Rundensicherungen an (Rollback)
CS2_ADDITIONAL_ARGS: '-allow_round_backup_files',
TV_ENABLE: '1',
TV_PORT: String(tvPort),
TV_PW: secrets.tvPassword,
@@ -104,7 +168,7 @@ export class DockerServerAdapter {
if (minutes >= this.options.startTimeoutMinutes) {
return { state: 'failed', message: `Server nach ${minutes} Minuten nicht per RCON erreichbar` };
}
return { state: 'starting', message: 'Container läuft, Spielserver lädt (Download/Update möglich)' };
return { state: 'starting', message: 'Container läuft, Spielserver lädt (Update-Prüfung oder Start)' };
}
}
@@ -112,6 +176,14 @@ export class DockerServerAdapter {
await configureViaRcon(this.target(handle), plan);
}
async listRoundBackups(handle, matchId) {
return listRoundBackups(this.target(handle), matchId);
}
async loadRoundBackup(handle, file) {
await loadRoundBackup(this.target(handle), file);
}
async sendCommands(handle, commands) {
return runRcon(this.target(handle), commands);
}
+17
View File
@@ -1,3 +1,4 @@
import { parseBackupFiles } from '../rounds.js';
import { parseStatus, runRcon } from './rcon.js';
const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
@@ -42,3 +43,19 @@ export async function rconStatus(target) {
const [output] = await runRcon(target, ['status'], { timeoutMs: 4000 });
return parseStatus(output);
}
/** Sicherungsdateien dieses Matches vom Server holen. */
export async function listRoundBackups(target, matchId) {
const [out] = await runRcon(target, ['mp_backup_restore_list_files 60'], { timeoutMs: 8000, quietMs: 500 });
return parseBackupFiles(out, matchId);
}
/** Sicherung laden. Der Dateiname muss vorher mit isValidBackupFile geprüft sein. */
export async function loadRoundBackup(target, file) {
// mp_backup_restore_load_autopause wirkt in CS2 nicht zuverlässig, deshalb pausieren wir ausdrücklich
await runRcon(target, [
'mp_backup_restore_load_autopause 1',
`mp_backup_restore_load_file "${file}"`,
'mp_pause_match',
], { timeoutMs: 15000, quietMs: 800 });
}
+142 -1
View File
@@ -1,4 +1,6 @@
import { buildMapCommands } from './cs2Config.js';
import { buildMapCommands, sanitizeConsoleText } from './cs2Config.js';
import { DemoMatchSimulator } from './demoMatchSimulator.js';
import { backupPrefix, describeBackup, isValidBackupFile, pointsForMap } from '../rounds.js';
import { HttpError, CLOSED_STATUSES } from '../matchService.js';
import { randomPassword } from '../security.js';
@@ -24,6 +26,8 @@ export class ServerManager {
constructor({ db, service, adapter, config, logger = console }) {
Object.assign(this, { db, service, adapter, config, logger });
this.busy = new Set();
this.simulator = new DemoMatchSimulator();
this.autoAdvance = new Map();
this.lastPoll = new Map();
this.timers = [];
}
@@ -32,6 +36,37 @@ export class ServerManager {
this.service.on('created', (id) => this.provision(id).catch((err) => this.logger.error(err)));
this.service.on('vetoFinished', (id) => this.maybeConfigure(id));
this.service.on('closed', (id) => this.stop(id, 'Match beendet').catch((err) => this.logger.error(err)));
this.service.on('mapEnded', (e) => this.onMapEnded(e));
}
/**
* Nach Map-Ende: ist die Serie entschieden, wird das Match abgeschlossen, sonst die nächste Map geladen.
* Die Wartezeit lässt Spielern und Stream Zeit für den Endstand. Lädt der Organisator vorher selbst, entfällt es.
*/
onMapEnded({ matchId, number, decided, hasNext }) {
const seconds = this.config.autoAdvanceSeconds;
if (seconds < 0) return;
clearTimeout(this.autoAdvance.get(matchId));
const finish = Boolean(decided) || !hasNext;
this.service.log(matchId, 'series', finish
? `Serie entschieden – das Match wird in ${seconds} s automatisch abgeschlossen`
: `Map ${number + 1} wird in ${seconds} s automatisch geladen`);
this.service.changed(matchId);
this.autoAdvance.set(matchId, setTimeout(() => {
this.autoAdvance.delete(matchId);
const match = this.service.getMatch(matchId);
if (CLOSED_STATUSES.includes(match.status) || match.current_map_number !== number) return;
try {
if (finish) {
this.service.closeMatch(matchId, 'finished', 'Match automatisch abgeschlossen – Serie entschieden');
} else if (this.row(matchId)?.status === 'configured') {
this.service.advanceSeriesFor(matchId);
this.configure(matchId).catch((err) => this.logger.error(err));
}
} catch (err) {
this.logger.warn(`[serie] Automatischer Wechsel für ${matchId} fehlgeschlagen: ${err.message}`);
}
}, seconds * 1000));
}
/** Nach einem Neustart des Backends: unterbrochene Vorgänge aufräumen und fortsetzen. */
@@ -52,7 +87,64 @@ export class ServerManager {
this.timers.push(setInterval(() => this.reap().catch((e) => this.logger.error(e)), this.config.reaperIntervalSeconds * 1000));
}
/** Admin: Rücksprungpunkte der aktuellen Map, neueste Runde zuerst. */
async rollbackPoints(viewer) {
this.service.require(viewer, 'organizer');
const { match, seriesMap, handle } = this.rollbackContext(viewer.matchId);
const all = await this.adapter.listRoundBackups(handle, match.id, seriesMap.map);
return pointsForMap(all, seriesMap.map);
}
/** Admin: Match auf den Stand nach einer Runde zurückspielen. */
async rollback(viewer, file) {
this.service.require(viewer, 'organizer');
const { match, handle, seriesMap } = this.rollbackContext(viewer.matchId);
if (!isValidBackupFile(file, match.id)) throw new HttpError(400, 'Ungültige Sicherungsdatei', 'invalid_input');
const point = describeBackup(file, match.id);
if (point.map !== seriesMap.map) throw new HttpError(409, 'Die Sicherung gehört zu einer anderen Map', 'wrong_map');
if (this.busy.has(match.id)) throw new HttpError(409, 'Für diesen Server läuft bereits eine Aktion', 'busy');
this.busy.add(match.id);
try {
await this.adapter.loadRoundBackup(handle, file);
} catch (err) {
throw new HttpError(502, `Zurückspielen fehlgeschlagen: ${err.message}`, 'server_error');
} finally {
this.busy.delete(match.id);
}
this.service.rewindLiveScore(match.id, point.round, file);
}
rollbackContext(matchId) {
const match = this.service.getMatch(matchId);
const row = this.row(matchId);
if (!row?.handle || row.status !== 'configured' || match.status !== 'live') {
throw new HttpError(409, 'Zurückspielen ist nur bei einem laufenden Match mit bereitem Server möglich', 'wrong_state');
}
const seriesMap = this.service.seriesMaps(matchId).find((m) => m.number === match.current_map_number);
return { match, row, seriesMap, handle: JSON.parse(row.handle) };
}
/** Löscht ein Match samt Server-Datensatz. Ein laufender Server wird vorher freigegeben. */
async deleteMatch(matchId) {
this.service.getMatch(matchId);
clearTimeout(this.autoAdvance.get(matchId));
this.autoAdvance.delete(matchId);
this.simulator.stop(matchId);
await this.stop(matchId, 'Match vom Admin gelöscht');
this.db.prepare('DELETE FROM matches WHERE id = ?').run(matchId);
this.service.emit('changed', matchId);
}
/** Wartet, bis keine Server-Aktion mehr läuft (höchstens timeoutMs). */
async idle(timeoutMs = 5000) {
const deadline = Date.now() + timeoutMs;
while (this.busy.size > 0 && Date.now() < deadline) await new Promise((r) => setTimeout(r, 50));
}
stopLoops() {
this.simulator.stopAll();
for (const t of this.autoAdvance.values()) clearTimeout(t);
this.autoAdvance.clear();
this.timers.forEach(clearInterval);
this.timers = [];
}
@@ -220,7 +312,11 @@ export class ServerManager {
seriesMap: { map: seriesMap.map, ctTeam: seriesMap.ct_team },
secrets: { serverPassword: row.server_password, tvPassword: row.tv_password },
settings: this.config.match,
logUrl: `${this.config.logReceiverUrl}/api/logs/${matchId}/${row.config_key}`,
backupPrefix: backupPrefix(matchId),
});
this.simulator.stop(matchId);
this.service.resetLiveScore(matchId, seriesMap.number);
try {
await this.adapter.configure(JSON.parse(row.handle), { map: seriesMap.map, ...plan });
} catch (err) {
@@ -271,6 +367,8 @@ export class ServerManager {
this.service.require(viewer, 'organizer');
const row = this.row(viewer.matchId);
if (row?.status !== 'configured') throw new HttpError(409, 'Der Server ist nicht bereit für die nächste Map', 'wrong_state');
clearTimeout(this.autoAdvance.get(viewer.matchId));
this.autoAdvance.delete(viewer.matchId);
this.service.advanceSeries(viewer);
this.configure(viewer.matchId).catch((err) => this.logger.error(err));
}
@@ -280,15 +378,57 @@ export class ServerManager {
const row = this.row(viewer.matchId);
if (row?.status !== 'configured') throw new HttpError(409, 'Der Server ist noch nicht konfiguriert', 'wrong_state');
if (!this.adapter.sendCommands) throw new HttpError(501, 'Dieser Adapter unterstützt keine Befehle', 'unsupported');
// Vor dem Befehl markieren: CS2 schickt Match_Start sofort nach mp_warmup_end, oft bevor RCON antwortet.
this.service.markWarmupEnded(viewer.matchId, true);
try {
await this.adapter.sendCommands(JSON.parse(row.handle), ['mp_warmup_pausetimer 0', 'mp_warmup_end']);
} catch (err) {
this.service.markWarmupEnded(viewer.matchId, false);
throw new HttpError(502, `Befehl konnte nicht gesendet werden: ${err.message}`, 'server_error');
}
this.service.log(viewer.matchId, 'server', this.adapter.simulated ? 'Aufwärmphase beendet (simuliert)' : 'Aufwärmphase beendet – Match startet');
if (this.adapter.simulated) this.startDemoSimulation(viewer.matchId);
this.service.changed(viewer.matchId);
}
/** Admin: pausiert oder setzt das laufende Match auf dem Server fort (mp_pause_match / mp_unpause_match). */
async setPaused(viewer, paused) {
this.service.require(viewer, 'organizer');
const row = this.row(viewer.matchId);
if (row?.status !== 'configured') throw new HttpError(409, 'Der Server ist nicht bereit', 'wrong_state');
if (!this.adapter.sendCommands) throw new HttpError(501, 'Dieser Adapter unterstützt keine Befehle', 'unsupported');
try {
await this.adapter.sendCommands(JSON.parse(row.handle), [paused ? 'mp_pause_match' : 'mp_unpause_match']);
} catch (err) {
throw new HttpError(502, `Befehl konnte nicht gesendet werden: ${err.message}`, 'server_error');
}
this.service.log(viewer.matchId, 'server', paused ? 'Match pausiert (Admin)' : 'Match fortgesetzt (Admin)');
this.service.changed(viewer.matchId);
}
/** Demo-Modus: simuliert einen Matchverlauf, indem echte CS2-Logzeilen erzeugt und ausgewertet werden. */
startDemoSimulation(matchId) {
const match = this.service.getMatch(matchId);
const seriesMap = this.service.seriesMaps(matchId).find((m) => m.number === match.current_map_number);
if (!seriesMap) return;
this.service.log(matchId, 'server', 'Demo: simulierter Spielverlauf startet (keine echten Ergebnisse)');
this.simulator.start(matchId, {
map: seriesMap.map,
teamNames: { A: sanitizeConsoleText(match.team_a_name), B: sanitizeConsoleText(match.team_b_name) },
ctTeam: seriesMap.ct_team ?? 'A',
maxRounds: match.mode === 'wingman' ? this.config.match.maxRoundsWingman : this.config.match.maxRoundsCompetitive,
roundMs: this.config.demo.roundSeconds * 1000,
onLines: (lines) => {
try {
this.service.applyLiveLog(matchId, lines);
} catch (err) {
this.logger.warn(`[demo] Simulation für ${matchId}: ${err.message}`);
this.simulator.stop(matchId);
}
},
});
}
async stopByOrganizer(viewer) {
this.service.require(viewer, 'organizer');
await this.stop(viewer.matchId, 'Vom Organisator gestoppt');
@@ -303,6 +443,7 @@ export class ServerManager {
}
async stop(matchId, reason) {
this.simulator.stop(matchId);
const row = this.row(matchId);
if (!row || row.status === 'stopped') return;
if (row.handle) await this.safeStop(row);
+9 -1
View File
@@ -1,4 +1,4 @@
import { configureViaRcon, rconStatus } from './rconConfigure.js';
import { configureViaRcon, listRoundBackups, loadRoundBackup, rconStatus } from './rconConfigure.js';
import { runRcon } from './rcon.js';
/**
@@ -45,6 +45,14 @@ export class StaticPoolServerAdapter {
await configureViaRcon(this.target(handle), plan);
}
async listRoundBackups(handle, matchId) {
return listRoundBackups(this.target(handle), matchId);
}
async loadRoundBackup(handle, file) {
await loadRoundBackup(this.target(handle), file);
}
async sendCommands(handle, commands) {
return runRcon(this.target(handle), commands);
}
+208
View File
@@ -107,6 +107,9 @@ test('kompletter Ablauf: Lobby, Berechtigungen, Veto, Server-Konfiguration', asy
const orgView = (await call('GET', `/matches/${id}`, { token: org })).body;
assert.equal(orgView.viewer.role, 'organizer');
const { codes } = orgView.organizer;
// Match-Übersicht nur für dieses Match, ohne Zuschauercode
assert.match(orgView.organizer.links.overview, new RegExp(`/stream/match/${id}$`));
assert.ok(!orgView.organizer.links.overview.includes(codes.spectator));
// Zuschauer- und fremde Codes erlauben keinen Teambeitritt
assert.equal((await call('POST', `/matches/${id}/join`, { body: { code: codes.spectator, nickname: 'spy' } })).status, 403);
@@ -253,6 +256,211 @@ test('Organisator spielt im selben Browser selbst mit (zwei Zugänge)', async ()
}
});
test('Live-Ergebnisse aus Serverlogs und Demo-Simulation', async () => {
const { app, call, close } = await setup({ demo: { startSeconds: 0, failFirstConfigure: false, roundSeconds: 0 } });
try {
const { id, org, tokens } = await readyWingmanMatch(call, 'bo3');
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' });
const { config_key: key } = app.service.serverRow(id);
const map1 = app.service.seriesMaps(id)[0];
const base = `http://127.0.0.1:${app.server.address().port}/api/logs/${id}`;
const post = (k, text) => fetch(`${base}/${k}`, { method: 'POST', headers: { 'content-type': 'text/plain' }, body: text });
assert.equal((await post('falsch', 'x')).status, 403);
const ct = map1.ct_team === 'A' ? 'Alpha' : 'Bravo';
const t = map1.ct_team === 'A' ? 'Bravo' : 'Alpha';
const res = await post(key, [
`L 10/25/2026 - 18:00:00: MatchStatus: Team playing "CT": ${ct}`,
`L 10/25/2026 - 18:00:00: MatchStatus: Team playing "TERRORIST": ${t}`,
`L 10/25/2026 - 18:00:01: World triggered "Match_Start" on "${map1.map}"`,
'L 10/25/2026 - 18:01:00: Team "CT" triggered "SFUI_Notice_CTs_Win" (CT "1") (T "0")',
'L 10/25/2026 - 18:02:00: Team "TERRORIST" triggered "SFUI_Notice_Target_Bombed" (CT "1") (T "1")',
].join('\n'));
assert.equal(res.status, 200);
const snap = (await call('GET', `/matches/${id}`, { token: org })).body;
const ctTeam = map1.ct_team;
assert.equal(snap.series[0].score[ctTeam], 1);
assert.equal(snap.series[0].live.rounds.length, 2);
assert.equal(snap.series[0].live.rounds[1].reason, 'bomb');
await post(key, `Game Over: wingman mg_active ${map1.map} score 1:1 after 3 min`);
// Gleichstand beendet die Map ohne Sieger; Serienstand bleibt 0:0
const after = (await call('GET', `/matches/${id}`, { token: org })).body;
assert.equal(after.series[0].status, 'done');
assert.deepEqual(after.seriesScore, { A: 0, B: 0 });
// Map 2 laden und den Demo-Verlauf bis zum Ende laufen lassen
await call('POST', `/matches/${id}/series/next`, { token: org });
await waitFor(() => app.service.serverRow(id).status === 'configured' && app.service.getMatch(id).current_map_number === 2, { label: 'Map 2' });
assert.equal((await call('POST', `/matches/${id}/server/warmup-end`, { token: org })).status, 200);
await waitFor(() => app.service.seriesMaps(id)[1].status === 'done', { label: 'Demo-Map beendet', timeoutMs: 15000 });
const final = (await call('GET', `/matches/${id}`, { token: org })).body;
const winner = final.series[1].winner;
assert.ok(['A', 'B'].includes(winner));
assert.equal(final.series[1].score[winner], 9, 'Wingman: 9 Runden zum Sieg');
assert.equal(final.seriesScore[winner], 1);
const list = (await call('GET', '/matches')).body.matches.find((m) => m.id === id);
assert.equal(list.seriesScore[winner], 1);
} finally {
await close();
}
});
test('Nach Map-Ende lädt die nächste Map automatisch, entschiedene Serie wird abgeschlossen', async () => {
const { app, call, close } = await setup({ autoAdvanceSeconds: 0 });
try {
const { id, org, tokens } = await readyWingmanMatch(call, 'bo3');
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' });
const key = app.service.serverRow(id).config_key;
const winMapForAlpha = async (map) => {
const body = [
'Team playing "CT": Alpha',
'Team playing "TERRORIST": Bravo',
'Team "CT" triggered "SFUI_Notice_CTs_Win" (CT "1") (T "0")',
'World triggered "Round_End"',
`Game Over: scrimcomp2v2 ${map} score 1:0 after 1 min`,
].join('\n');
const res = await fetch(`http://127.0.0.1:${app.server.address().port}/api/logs/${id}/${key}`, { method: 'POST', body });
assert.equal(res.status, 200);
};
await winMapForAlpha(app.service.seriesMaps(id)[0].map);
// Serie 1:0, nicht entschieden -> Map 2 wird automatisch geladen
await waitFor(() => app.service.getMatch(id).current_map_number === 2 && app.service.serverRow(id).status === 'configured', { label: 'Map 2 automatisch' });
assert.equal(app.service.getMatch(id).status, 'live');
await winMapForAlpha(app.service.seriesMaps(id)[1].map);
// 2:0 im Best of 3 -> Match wird automatisch abgeschlossen, Map 3 nicht gespielt
await waitFor(() => app.service.getMatch(id).status === 'finished', { label: 'Serie abgeschlossen' });
await waitFor(() => app.service.serverRow(id).status === 'stopped', { label: 'Server freigegeben' });
const snap = (await call('GET', `/matches/${id}`, { token: org })).body;
assert.deepEqual(snap.seriesScore, { A: 2, B: 0 });
assert.equal(snap.series[2].winner, null);
} finally {
await close();
}
});
test('Stream-Übersicht aller Matches: Inhalte, keine Geheimnisse, optionaler Schlüssel', async () => {
const { app, call, close } = await setup({ streamKey: 'geheim123' });
try {
const lobby = (await call('POST', '/matches', { body: { teamA: 'Lobby A', teamB: 'Lobby B', mode: 'wingman', format: 'bo1' } })).body;
const { id, org, tokens } = await readyWingmanMatch(call, 'bo3');
await call('POST', `/matches/${id}/veto/start`, { token: org });
await call('POST', `/matches/${id}/veto/action`, { token: tokens.a1, body: { stepIndex: 0, map: 'de_inferno' } });
assert.equal((await call('GET', '/stream/overview')).status, 403);
assert.equal((await call('GET', '/stream/overview?key=falsch')).status, 403);
const res = await call('GET', '/stream/overview?key=geheim123');
assert.equal(res.status, 200);
const { active, upcoming } = res.body;
assert.equal(active.length, 1);
assert.equal(active[0].status, 'veto');
assert.equal(active[0].veto.maps.find((m) => m.id === 'de_inferno').status, 'banned');
assert.equal(active[0].veto.current.team, 'B');
assert.ok(upcoming.some((m) => m.id === lobby.id));
const json = JSON.stringify(res.body);
const row = app.service.getMatch(id);
for (const secret of [row.code_a, row.code_b, row.code_spectator, app.service.serverRow(id).rcon_password, app.service.serverRow(id).server_password]) {
assert.ok(!json.includes(secret), 'keine Codes oder Passwörter in der Stream-Übersicht');
}
} finally {
await close();
}
});
test('Admin-Modus: Anmeldung, Verwaltung aller Matches, Sperre ohne Anmeldung', async () => {
const { app, call, close } = await setup({ adminPassword: 'Admin123' });
try {
const { id } = (await call('POST', '/matches', {
body: { teamA: 'Alpha', teamB: 'Bravo', mode: 'wingman', format: 'bo1' },
})).body;
const adminListed = (await call('GET', '/admin/matches')).body; // ohne Anmeldung
assert.equal(adminListed.error, 'Admin-Anmeldung erforderlich');
assert.equal((await call('POST', '/admin/login', { body: { password: 'falsch' } })).status, 401);
const login = (await call('POST', '/admin/login', { body: { password: 'Admin123' } })).body;
const admin = { token: login.token };
assert.ok(login.token);
const list = (await call('GET', '/admin/matches', admin)).body.matches;
const mine = list.find((m) => m.id === id);
assert.ok(mine, 'alle Matches sichtbar, nicht nur die eigenen');
assert.ok(mine.organizer.codes.A, 'Codes sichtbar');
// Ein Match abbrechen wie ein Admin
assert.equal((await call('POST', `/admin/matches/${id}/cancel`, { ...admin, body: {} })).status, 200);
assert.equal((await call('POST', `/admin/matches/${id}/server/pause`, { ...admin, body: {} })).status, 409, 'ohne Server keine Pause');
assert.equal(app.service.getMatch(id).status, 'cancelled');
// Endgültig löschen
assert.equal((await call('DELETE', `/admin/matches/${id}`, admin)).status, 200);
assert.equal((await call('GET', `/matches/${id}`)).status, 404);
// Abmelden: Token ist danach ungültig
await call('POST', '/admin/logout', admin);
assert.equal((await call('GET', '/admin/session', admin)).status, 401);
} finally {
await close();
}
});
test('Rollback: nur mit Admin-Anmeldung, nur für die laufende Map, Dateiname wird geprüft', async () => {
const { app, call, close } = await setup({ adminPassword: 'Admin123', demo: { startSeconds: 0, failFirstConfigure: false, roundSeconds: 600 } });
try {
const { id, org, tokens } = await readyWingmanMatch(call, 'bo3');
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' });
await call('POST', `/matches/${id}/server/warmup-end`, { token: org });
// Organisator sieht keine Rollback-Funktion
assert.equal((await call('GET', `/admin/matches/${id}/rollback-points`, { token: org })).status, 401);
assert.equal((await call('POST', `/matches/${id}/rollback`, { token: org, body: { file: 'x.txt' } })).status, 404);
const login = (await call('POST', '/admin/login', { body: { password: 'Admin123' } })).body;
const admin = { token: login.token };
const points = (await call('GET', `/admin/matches/${id}/rollback-points`, admin)).body.points;
assert.equal(points.length, 3, 'Demo liefert drei Sicherungen der aktuellen Map');
const map = app.service.seriesMaps(id)[0].map;
assert.ok(points.every((p) => p.map === map));
// Dateien, die nicht zu diesem Match gehören, werden abgelehnt
assert.equal((await call('POST', `/admin/matches/${id}/rollback`, { ...admin, body: { file: '../../x.txt' } })).status, 400);
const ok = await call('POST', `/admin/matches/${id}/rollback`, { ...admin, body: { file: points[0].file } });
assert.equal(ok.status, 200);
const log = app.service.db.prepare("SELECT message FROM events WHERE match_id = ? AND type = 'rollback'").all(id);
assert.equal(log.length, 1);
assert.match(log[0].message, /zurückgespielt/);
} finally {
await close();
}
});
test('Admin-Modus ohne ADMIN_PASSWORD ist komplett aus', async () => {
const { call, close } = await setup({ adminPassword: '' });
try {
const res = await call('POST', '/admin/login', { body: { password: 'x' } });
assert.equal(res.status, 404);
assert.equal(res.body.code, 'admin_disabled');
} finally {
await close();
}
});
test('Spieler verlassen die Lobby, Captain geht über', async () => {
const { call, close } = await setup();
try {
+99
View File
@@ -0,0 +1,99 @@
import { test } from 'node:test';
import assert from 'node:assert/strict';
import { DockerServerAdapter } from '../src/servers/dockerAdapter.js';
const options = {
bin: 'docker', image: 'joedwards32/cs2:latest', host: '192.168.178.111', rconHost: '192.168.178.111',
portRangeStart: 27100, portRangeEnd: 27139, gslt: '', volume: 'cs2-mapveto-gamefiles', extraArgs: '', startTimeoutMinutes: 1,
};
const secrets = { rconPassword: 'Rcon123', serverPassword: 'Pw123', tvPassword: 'Tv123' };
/** Simuliertes Docker: merkt sich Aufrufe; Container gelten als "Update fertig", sobald freigegeben. */
function fakeDocker() {
const calls = [];
const updated = new Set();
const run = async (args) => {
calls.push(args);
const [cmd] = args;
const name = args.at(-1);
if (cmd === 'inspect') return 'running';
if (cmd === 'logs') return updated.has(name) ? 'Success! App \'730\' already up to date.\nStarting CS2 Dedicated Server' : 'Checking for available updates...';
return '';
};
return { run, calls, finishUpdate: (name) => updated.add(name) };
}
const envOf = (args) => Object.fromEntries(args.flatMap((a, i) => (args[i - 1] === '-e' ? [a.split(/=(.*)/s).slice(0, 2)] : [])));
test('Ohne GSLT startet der Container im LAN-Modus, mit GSLT mit Token', async () => {
const lan = fakeDocker();
const a = new DockerServerAdapter(options, { getUsedPorts: () => new Set(), runDocker: lan.run });
a.isReachable = async () => false;
const r = await a.start({ matchId: 'abc_DEF-1', mode: 'wingman', secrets });
lan.finishUpdate(r.handle.container);
const runArgs = lan.calls.find((c) => c[0] === 'run');
const env = envOf(runArgs);
assert.equal(env.CS2_LAN, '1');
assert.equal(env.SRCDS_TOKEN, undefined);
assert.equal(env.CS2_GAMEMODE, '2');
assert.equal(env.CS2_MAXPLAYERS, '6', '4 Spieler + CSTV + Reserve');
assert.equal(env.CS2_ADDITIONAL_ARGS, '-allow_round_backup_files', 'Rundensicherung für Rollback');
assert.equal(env.CS2_PORT, '27100');
assert.equal(env.TV_PORT, '27101');
assert.ok(runArgs.includes('cs2-mapveto-gamefiles:/home/steam/cs2-dedicated'));
assert.equal(r.host, '192.168.178.111');
const tok = fakeDocker();
const b = new DockerServerAdapter({ ...options, gslt: 'TOKEN1' }, { getUsedPorts: () => new Set(), runDocker: tok.run });
b.isReachable = async () => false;
const r2 = await b.start({ matchId: 'x', mode: 'competitive', secrets });
tok.finishUpdate(r2.handle.container);
const env2 = envOf(tok.calls.find((c) => c[0] === 'run'));
assert.equal(env2.SRCDS_TOKEN, 'TOKEN1');
assert.equal(env2.CS2_LAN, '0');
});
test('Zweiter Container startet erst, wenn der erste seinen Update-Check abgeschlossen hat', async () => {
const d = fakeDocker();
const used = new Set();
const a = new DockerServerAdapter(options, { getUsedPorts: () => used, runDocker: d.run });
// Wartezeit zwischen Prüfungen für den Test verkürzen
const original = a.waitForUpdateCheck.bind(a);
a.waitForUpdateCheck = (handle) => original(handle, { pollMs: 10 });
a.isReachable = async () => false;
const first = await a.start({ matchId: 'm1', mode: 'competitive', secrets });
used.add(first.port).add(first.tvPort);
let secondDone = false;
const second = a.start({ matchId: 'm2', mode: 'competitive', secrets }).then((r) => { secondDone = true; return r; });
await new Promise((r) => setTimeout(r, 60));
assert.equal(secondDone, false, 'zweiter Start wartet noch');
assert.equal(d.calls.filter((c) => c[0] === 'run').length, 1);
d.finishUpdate(first.handle.container);
const r2 = await second;
assert.equal(d.calls.filter((c) => c[0] === 'run').length, 2);
assert.equal(r2.port, 27102, 'zweiter Container bekommt die nächsten Ports');
d.finishUpdate(r2.handle.container);
});
test('Warteschlange gibt frei, sobald der Server per RCON antwortet – auch ohne Startzeile im Log', async () => {
const d = fakeDocker();
const used = new Set();
const a = new DockerServerAdapter(options, { getUsedPorts: () => used, runDocker: d.run });
const original = a.waitForUpdateCheck.bind(a);
a.waitForUpdateCheck = (handle) => original(handle, { pollMs: 10 });
const reachable = new Set();
a.isReachable = async (handle) => reachable.has(handle.container);
const first = await a.start({ matchId: 'r1', mode: 'wingman', secrets });
used.add(first.port).add(first.tvPort);
const second = a.start({ matchId: 'r2', mode: 'wingman', secrets });
await new Promise((r) => setTimeout(r, 50));
assert.equal(d.calls.filter((c) => c[0] === 'run').length, 1, 'wartet noch');
reachable.add(first.handle.container); // Log ohne Startzeile, aber RCON antwortet
const r2 = await second;
assert.equal(d.calls.filter((c) => c[0] === 'run').length, 2);
reachable.add(r2.handle.container);
});
+134
View File
@@ -0,0 +1,134 @@
import { test } from 'node:test';
import assert from 'node:assert/strict';
import fs from 'node:fs';
import path from 'node:path';
import { fileURLToPath } from 'node:url';
import { applyLogLines, initialLiveState, seriesScore, splitLogBody } from '../src/liveScore.js';
const here = path.dirname(fileURLToPath(import.meta.url));
const ctx = { teamNames: { A: 'MaxLAN Blau', B: 'MaxLAN Rot' }, maxRounds: 24, overtimeRounds: 6 };
const ts = '10/25/2026 - 18:00:00.000 - ';
function round(winnerSide, ct, t, notice) {
const n = notice ?? (winnerSide === 'CT' ? 'CTs_Win' : 'Terrorists_Win');
const side = winnerSide === 'CT' ? 'CT' : 'TERRORIST';
return `${ts}Team "${side}" triggered "SFUI_Notice_${n}" (CT "${ct}") (T "${t}")`;
}
test('Logzeilen ergeben Spielstand, Rundenverlauf und Gründe', () => {
let state = initialLiveState({ map: 'de_mirage', ctTeam: 'A', warmupEnded: true });
const lines = [
`${ts}World triggered "Match_Start" on "de_mirage"`,
round('T', 0, 1, 'Target_Bombed'),
round('CT', 1, 1, 'Bomb_Defused'),
round('CT', 2, 1, 'Target_Saved'),
];
const { state: next, events } = applyLogLines(state, lines, ctx);
state = next;
assert.equal(state.status, 'live');
assert.deepEqual(state.score, { A: 2, B: 1 });
assert.deepEqual(state.rounds.map((r) => [r.winner, r.reason]), [['B', 'bomb'], ['A', 'defuse'], ['A', 'time']]);
assert.equal(events.filter((e) => e.type === 'round').length, 3);
});
test('Doppelt gesendete Zeilen werden nur einmal gezählt', () => {
const state = initialLiveState({ map: 'de_nuke', ctTeam: 'A', warmupEnded: true });
const line = round('CT', 1, 0);
const { state: s } = applyLogLines(state, [line, line, line], ctx);
assert.equal(s.rounds.length, 1);
assert.deepEqual(s.score, { A: 1, B: 0 });
});
test('Seitenzuordnung nach dem Rundenende hat Vorrang, veraltete Zeilen zu Rundenbeginn zählen nicht', () => {
let s = initialLiveState({ map: 'de_nuke', ctTeam: 'B', warmupEnded: true });
const playing = (ct, t) => [`${ts}MatchStatus: Team playing "CT": ${ct}`, `${ts}MatchStatus: Team playing "TERRORIST": ${t}`];
({ state: s } = applyLogLines(s, [
// Veto sagt Rot auf CT, tatsächlich steht Blau auf CT – das Log gewinnt
`${ts}World triggered "Match_Start" on "de_nuke"`,
...playing('MaxLAN Blau', 'MaxLAN Rot'),
round('CT', 1, 0),
...playing('MaxLAN Blau', 'MaxLAN Rot'),
`${ts}World triggered "Round_End"`,
// veraltete Zeile zu Beginn der nächsten Runde (darf nichts ändern)
...playing('MaxLAN Rot', 'MaxLAN Blau'),
round('T', 1, 1),
...playing('MaxLAN Blau', 'MaxLAN Rot'),
`${ts}World triggered "Round_End"`,
], ctx));
assert.deepEqual(s.score, { A: 1, B: 1 });
assert.deepEqual(s.rounds.map((r) => r.winner), ['A', 'B']);
});
test('Echte Logzeilen eines CS2-Servers (Wingman, 4 Runden, Halbzeit nach 2)', () => {
const lines = fs.readFileSync(path.join(here, 'fixtures', 'echte-logs-wingman.log'), 'utf8').split(/\r?\n/).filter(Boolean);
const warmupEnd = lines.findIndex((l) => l.includes('command "mp_warmup_end"'));
const ctx = { teamNames: { A: 'MaxLAN Blau', B: 'MaxLAN Rot' }, maxRounds: 4, overtimeRounds: 6 };
const check = (s) => {
assert.equal(s.status, 'finished');
assert.equal(s.winner, 'A');
assert.deepEqual(s.score, { A: 3, B: 1 });
assert.deepEqual(s.rounds.map((r) => r.winner), ['B', 'A', 'A', 'A']);
assert.ok(s.rounds.every((r) => r.reason === 'elimination'));
};
// a) wie vom Server in Paketen geschickt
let s = initialLiveState({ map: 'de_inferno', ctTeam: 'A' });
({ state: s } = applyLogLines(s, lines.slice(0, warmupEnd), ctx));
assert.equal(s.status, 'warmup');
s.warmupEnded = true; // Organisator hat "Aufwärmphase beenden" geklickt
({ state: s } = applyLogLines(s, lines.slice(warmupEnd), ctx));
check(s);
// b) jede Zeile einzeln (ungünstigste Paketgrenzen)
let t = initialLiveState({ map: 'de_inferno', ctTeam: 'A', warmupEnded: true });
for (const line of lines.slice(warmupEnd)) ({ state: t } = applyLogLines(t, [line], ctx));
check(t);
});
test('Ohne "Team playing": Halbzeitwechsel nach Regelwerk', () => {
let s = initialLiveState({ map: 'de_inferno', ctTeam: 'B', warmupEnded: true });
const small = { ...ctx, maxRounds: 4 };
({ state: s } = applyLogLines(s, [
`${ts}World triggered "Match_Start" on "de_inferno"`,
round('CT', 1, 0), // B gewinnt als CT
round('CT', 2, 0), // B gewinnt als CT -> Halbzeit, B ist jetzt T
round('T', 0, 3), // B gewinnt als T: CT-Seite (A) hat 0, T-Seite (B) hat 3
], small));
assert.deepEqual(s.score, { A: 0, B: 3 });
assert.deepEqual(s.rounds.map((r) => r.winner), ['B', 'B', 'B']);
});
test('Game Over beendet die Map, Aufwärmrunden vor Match_Start zählen nicht', () => {
let s = initialLiveState({ map: 'de_dust2', ctTeam: 'A', warmupEnded: true });
({ state: s } = applyLogLines(s, [
round('T', 0, 1), // Aufwärm-/Messerrunde
`${ts}World triggered "Match_Start" on "de_dust2"`,
round('CT', 1, 0),
`${ts}Game Over: competitive mg_active de_dust2 score 1:0 after 2 min`,
round('T', 1, 1), // nach Spielende ignoriert
], ctx));
assert.equal(s.status, 'finished');
assert.equal(s.winner, 'A');
assert.deepEqual(s.score, { A: 1, B: 0 });
});
test('Zeilen einer anderen Map werden ignoriert, Serienstand wird gezählt', () => {
const s = initialLiveState({ map: 'de_dust2', ctTeam: 'A', warmupEnded: true });
const { state } = applyLogLines(s, [`${ts}Game Over: competitive mg_active de_nuke score 13:2 after 30 min`], ctx);
assert.equal(state.status, 'warmup');
assert.deepEqual(seriesScore([{ winner: 'A' }, { winner: 'B' }, { winner: 'A' }, { winner: null }]), { A: 2, B: 1 });
assert.deepEqual(splitLogBody('a\r\n\r\nb\n'), ['a', 'b']);
});
test('Match_Start vor dem Ende der Aufwärmphase startet keine Zählung', () => {
let s = initialLiveState({ map: 'de_inferno', ctTeam: 'A' });
const start = `${ts}World triggered "Match_Start" on "de_inferno"`;
({ state: s } = applyLogLines(s, [start], ctx));
assert.equal(s.status, 'warmup');
s.warmupEnded = true;
const { state, events } = applyLogLines(s, [start], ctx);
assert.equal(state.status, 'live');
assert.equal(events[0].type, 'match_start');
});
+15
View File
@@ -65,3 +65,18 @@ test('Konsolentexte können keine Befehle einschleusen', () => {
assert.ok(afterMapChange.includes('mp_teamname_2 "Alphaquit"'));
assert.ok(afterMapChange.includes('mp_maxrounds 16'));
});
test('Log-Weiterleitung wird vor dem Mapwechsel gesetzt, unsichere URLs nicht', () => {
const base = {
match: { team_a_name: 'A', team_b_name: 'B' },
pool: { mode: 'competitive', gameType: 0, gameMode: 1 },
seriesMap: { map: 'de_nuke', ctTeam: 'A' },
secrets: { serverPassword: 'abc', tvPassword: 'def' },
settings: { tvEnabled: true, tvDelaySeconds: 90, maxRoundsWingman: 16, maxRoundsCompetitive: 24, overtime: true, extraCommands: [] },
};
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.indexOf('log on') < ok.indexOf('changelevel de_nuke'));
const bad = buildMapCommands({ ...base, logUrl: 'http://x"; quit' }).beforeMapChange;
assert.ok(!bad.some((c) => c.startsWith('logaddress')));
});
+54
View File
@@ -0,0 +1,54 @@
import { test } from 'node:test';
import assert from 'node:assert/strict';
import { backupPrefix, describeBackup, isValidBackupFile, parseBackupFiles, pointsForMap, trimLiveState } from '../src/rounds.js';
const id = 'Ab_9-xY';
const file = (map, round, s1, s2) => `${backupPrefix(id)}_2026-10-25_18-30-00_${map}_round${round}_score_${s1}_${s2}.txt`;
test('Gültige Sicherungsdateien nur für dieses Match', () => {
assert.equal(isValidBackupFile(file('de_inferno', 3, 2, 1), id), true);
assert.equal(isValidBackupFile(file('de_inferno', 3, 2, 1), 'anderes'), false, 'fremdes Match');
assert.equal(isValidBackupFile(`${backupPrefix(id)}_../../etc/passwd.txt`, id), false, 'Pfad');
assert.equal(isValidBackupFile(`${backupPrefix(id)}_x;quit_round1_score_0_0.txt`, id), false, 'Befehl');
assert.equal(isValidBackupFile(`${backupPrefix(id)}_de_inferno.txt`, id), false, 'ohne Runde');
assert.equal(isValidBackupFile(undefined, id), false);
});
test('Liste aus einer RCON-Antwort auslesen, fremde Dateien ignorieren', () => {
const text = [
'Backups:',
file('de_inferno', 1, 1, 0),
file('de_inferno', 2, 1, 1),
'round_backup_fremd_2026_de_nuke_round4_score_3_1.txt',
file('de_nuke', 1, 1, 0),
].join('\n');
const found = parseBackupFiles(text, id);
assert.equal(found.length, 3);
assert.deepEqual(found[0], { file: file('de_inferno', 1, 1, 0), map: 'de_inferno', round: 1, score: { s1: 1, s2: 0 } });
});
test('Nur die Map der laufenden Serie, neueste Runde zuerst', () => {
const all = parseBackupFiles([file('de_inferno', 1, 1, 0), file('de_inferno', 3, 2, 1), file('de_nuke', 2, 1, 1)].join('\n'), id);
const points = pointsForMap(all, 'de_inferno');
assert.deepEqual(points.map((p) => p.round), [3, 1]);
});
test('Stand nach Rollback: Runden bis zur Sicherung, Punkte neu gerechnet', () => {
const state = {
map: 'de_inferno', status: 'live', warmupEnded: true, score: { A: 3, B: 2 }, winner: 'A', pendingRound: null,
rounds: [
{ number: 1, winner: 'A' }, { number: 2, winner: 'B' }, { number: 3, winner: 'A' },
{ number: 4, winner: 'B' }, { number: 5, winner: 'A' },
],
};
const back = trimLiveState(state, 3);
assert.deepEqual(back.rounds.map((r) => r.number), [1, 2, 3]);
assert.deepEqual(back.score, { A: 2, B: 1 });
assert.equal(back.winner, null);
assert.equal(back.status, 'live');
assert.equal(back.warmupEnded, true, 'Zustand bleibt erhalten');
});
test('Beschreibung eines Dateinamens', () => {
assert.deepEqual(describeBackup('nichts.txt'), { file: 'nichts.txt', map: null, round: null, score: null });
});