Enhance chat and broadcast functionality with debug logging for image messages. Update chat store to log received messages and their details, and modify broadcast to log image sending events. Increase maxHttpBufferSize for handling larger images in Socket.IO.

server/broadcast.js

@@ -624,14 +624,21 @@ export function setupBroadcast(io) {
     });
     
     // Sende an Empfänger (wenn online)
-    receiver.socket.emit('message', {
+    const messagePayload = {
       from: client.userName,
       message,
       messageId,
       timestamp: new Date().toISOString(),
       isImage: isImage || false,
       imageType: imageType || null
-    });
+    };
+    
+    // Debug-Logging für Bilder
+    if (isImage) {
+      console.log(`[Bild] Sende Bild von ${client.userName} an ${toUserName}, Größe: ${message ? message.length : 0} Zeichen, Typ: ${imageType || 'unbekannt'}`);
+    }
+    
+    receiver.socket.emit('message', messagePayload);
     
     // Bestätigung an Absender
     socket.emit('messageSent', { 

server/index.js

@@ -34,7 +34,10 @@ const io = new SocketIOServer(server, {
     methods: ['GET', 'POST']
   },
   transports: ['websocket', 'polling'],
-  allowEIO3: true
+  allowEIO3: true,
+  maxHttpBufferSize: 10 * 1024 * 1024, // 10MB für große Bilder (Base64-kodiert)
+  pingTimeout: 60000,
+  pingInterval: 25000
 });
 
 console.log('Socket.IO Server initialisiert auf Express-Server');