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>

server/src/realtime.js

@@ -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));