streaming over webrtc along a strand, with nodes ordering themselves

public/client.js

@@ -1,193 +1,267 @@
 const socket = io();
-let localStream;
+const localVideo = document.getElementById('localVideo');
-let peerConnection; // For Viewers: connection to the streamer
+const remoteVideo = document.getElementById('remoteVideo');
-let viewerConnections = {}; // For Streamers: map of { socketId: RTCPeerConnection }
+const statusDiv = document.getElementById('status');
-let cloudflareIceServers = [];
 
-const videoDisplay = document.getElementById('videoDisplay');
+// --- Global State ---
-const placeholder = document.getElementById('videoPlaceholder');
+let localStream = null;
-const streamListDiv = document.getElementById('streamList');
+let iceServers = [];
-const goLiveBtn = document.getElementById('goLiveBtn');
-const stopLiveBtn = document.getElementById('stopLiveBtn');
 
-// 1. Initialize on Load (Fetch Keys & Listen for streams)
+// ACTIVE connections
-(async function init() {
+let currentUpstreamPC = null;
+let currentDownstreamPC = null;
+let downstreamId = null; // Socket ID of who we are sending to
+
+// FADING connections (Garbage bin for smooth transitions)
+let oldUpstreamPCs = [];
+let oldDownstreamPCs = [];
+
+// --- 1. Initialization ---
+async function init() {
 	try {
-		const res = await fetch('/api/get-turn-credentials');
+		const response = await fetch('/api/get-turn-credentials');
-		const data = await res.json();
+		const data = await response.json();
-		cloudflareIceServers = data.iceServers;
+		iceServers = data.iceServers;
-		console.log("ICE Servers loaded.");
+		console.log("Loaded ICE Servers");
 	} catch (e) {
-		console.error("Failed to load ICE servers:", e);
+		console.error("Using public STUN");
+		iceServers = [{ urls: 'stun:stun.l.google.com:19302' }];
 	}
-})();
+}
+init();
 
-// --- VIEWER LOGIC (Default) ---
+// --- 2. User Actions ---
+async function startStream() {
+	try {
+		localStream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
+		localVideo.srcObject = localStream;
+		remoteVideo.style.display = 'none'; // Head doesn't need remote view
 
-// Listen for updates to the list of available streams
+		socket.emit('start_stream');
-socket.on('streamer_list_update', (streamers) => {
+		statusDiv.innerText = "Status: Broadcasting (Head)";
-	streamListDiv.innerHTML = '';
+	} catch (err) {
-	const ids = Object.keys(streamers);
+		console.error("Error accessing media:", err);
+		alert("Could not access camera.");
+	}
+}
 
-	if (ids.length === 0) {
+function joinStream() {
-		streamListDiv.innerHTML = '<p>No active streams.</p>';
+	socket.emit('join_stream');
+	localVideo.style.display = 'none'; // Nodes don't see themselves
+	statusDiv.innerText = "Status: Joining chain...";
+}
+
+// --- 3. Health Reporting (The "Bubble Sort" Logic) ---
+setInterval(calculateAndReportHealth, 5000);
+
+async function calculateAndReportHealth() {
+	// If I am Head, I am perfect.
+	if (localStream) {
+		socket.emit('update_score', 100);
 		return;
 	}
 
-	ids.forEach(id => {
+	// If I'm not connected, I'm waiting.
-		if (id === socket.id) return; // Don't list myself
+	if (!currentUpstreamPC) return;
 
-		const div = document.createElement('div');
+	try {
-		div.className = 'stream-item';
+		const stats = await currentUpstreamPC.getStats();
-		div.innerHTML = `
+		let packetsLost = 0;
-            <span><strong>${streamers[id].name}</strong></span>
+		let packetsReceived = 0;
-            <button onclick="watchStream('${id}')">Watch</button>
+		let jitter = 0;
-        `;
+
-		streamListDiv.appendChild(div);
+		stats.forEach(report => {
-	});
+			if (report.type === 'inbound-rtp' && report.kind === 'video') {
+				packetsLost = report.packetsLost || 0;
+				packetsReceived = report.packetsReceived || 0;
+				jitter = report.jitter || 0;
+			}
+		});
+
+		const totalPackets = packetsReceived + packetsLost;
+		if (totalPackets === 0) return;
+
+		// Calculate Score (0-100)
+		// Heavy penalty for loss, mild for jitter
+		const lossRate = packetsLost / totalPackets;
+		const score = 100 - (lossRate * 100 * 5) - (jitter * 100);
+
+		const finalScore = Math.max(0, Math.min(100, score));
+		console.log(`Health: ${finalScore.toFixed(0)} | Loss: ${(lossRate * 100).toFixed(2)}%`);
+
+		socket.emit('update_score', finalScore);
+
+	} catch (e) {
+		// console.error("Stats error", e);
+	}
+}
+
+// --- 4. Socket Events ---
+
+// Instruction: Connect to a new node downstream
+socket.on('connect_to_downstream', async ({ downstreamId: targetId }) => {
+	console.log(`Instruction: Connect downstream to ${targetId}`);
+	downstreamId = targetId;
+	await setupDownstreamConnection(targetId);
 });
 
-// User clicked "Watch" on a stream
+// Instruction: Stop sending downstream (I am now the tail)
-async function watchStream(streamerId) {
+socket.on('disconnect_downstream', () => {
-	if (localStream) {
+	console.log("Instruction: Disconnect downstream (Became Tail)");
-		alert("You cannot watch while streaming!");
+	if (currentDownstreamPC) {
-		return;
+		currentDownstreamPC.close();
+		currentDownstreamPC = null;
+		downstreamId = null;
+	}
+	// Also clean up garbage bin
+	oldDownstreamPCs.forEach(pc => pc.close());
+	oldDownstreamPCs = [];
+});
+
+// Signaling Router
+socket.on('signal_msg', async ({ sender, type, sdp, candidate }) => {
+	// A. OFFERS (Always come from Upstream)
+	if (type === 'offer') {
+		await handleUpstreamOffer(sender, sdp);
 	}
 
-	// UI Updates
+	// B. ANSWERS (Always come from Downstream)
-	placeholder.classList.add('hidden');
+	else if (type === 'answer') {
-	videoDisplay.classList.remove('hidden');
+		if (currentDownstreamPC && sender === downstreamId) {
-	videoDisplay.muted = false; // Unmute for viewer
+			await currentDownstreamPC.setRemoteDescription(new RTCSessionDescription(sdp));
-
-	// Tell server we want to join
-	console.log("Requesting to join stream:", streamerId);
-	socket.emit('join_stream', streamerId);
-
-	// Prepare to receive the Offer
-	socket.off('webrtc_offer'); // Clean previous listeners
-	socket.on('webrtc_offer', async ({ sdp, sender }) => {
-		if (sender !== streamerId) return;
-
-		console.log("Received Offer from streamer.");
-		peerConnection = new RTCPeerConnection({ iceServers: cloudflareIceServers });
-
-		// When we get tracks (video/audio), show them
-		peerConnection.ontrack = (event) => {
-			console.log("Track received");
-			videoDisplay.srcObject = event.streams[0];
-		};
-
-		// Handle ICE candidates to send back to streamer
-		peerConnection.onicecandidate = (event) => {
-			if (event.candidate) {
-				socket.emit('ice_candidate', { target: sender, candidate: event.candidate });
-			}
-		};
-
-		await peerConnection.setRemoteDescription(new RTCSessionDescription(sdp));
-		const answer = await peerConnection.createAnswer();
-		await peerConnection.setLocalDescription(answer);
-
-		socket.emit('webrtc_answer', { target: sender, sdp: answer });
-	});
-
-	// Handle ICE candidates from streamer
-	socket.on('ice_candidate', async ({ candidate, sender }) => {
-		if (peerConnection && sender === streamerId) {
-			await peerConnection.addIceCandidate(new RTCIceCandidate(candidate));
 		}
-	});
-}
-
-
-// --- STREAMER LOGIC ---
-
-async function promptForStream() {
-	const name = prompt("Enter a name for your stream:", "My Cool Stream");
-	if (!name) return;
-
-	startStreaming(name);
-}
-
-async function startStreaming(streamName) {
-	try {
-		// 1. Get User Media
-		localStream = await navigator.mediaDevices.getUserMedia({ video: true, audio: true });
-
-		// 2. Update UI
-		videoDisplay.srcObject = localStream;
-		videoDisplay.classList.remove('hidden');
-		placeholder.classList.add('hidden');
-		videoDisplay.muted = true; // Mute self to avoid echo
-		goLiveBtn.classList.add('hidden');
-		stopLiveBtn.classList.remove('hidden');
-
-		// 3. Announce to Server
-		socket.emit('start_stream', streamName);
-		console.log("Stream announced:", streamName);
-
-		// 4. Handle Incoming Viewers
-		socket.on('viewer_joined', async ({ viewerId }) => {
-			console.log("New viewer joined:", viewerId);
-			createStreamerConnection(viewerId);
-		});
-
-		// 5. Handle Answers from Viewers
-		socket.on('webrtc_answer', async ({ sdp, sender }) => {
-			const pc = viewerConnections[sender];
-			if (pc) {
-				await pc.setRemoteDescription(new RTCSessionDescription(sdp));
-			}
-		});
-
-		// 6. Handle ICE Candidates from Viewers
-		socket.on('ice_candidate', async ({ candidate, sender }) => {
-			const pc = viewerConnections[sender];
-			if (pc) {
-				await pc.addIceCandidate(new RTCIceCandidate(candidate));
-			}
-		});
-
-		// NEW: Handle instant disconnects
-		socket.on('viewer_left', ({ viewerId }) => {
-			console.log(`Viewer ${viewerId} left via socket disconnect.`);
-			const pc = viewerConnections[viewerId];
-			if (pc) {
-				pc.close(); // Stop sending data immediately
-				delete viewerConnections[viewerId];
-			}
-		});
-
-	} catch (err) {
-		console.error("Error starting stream:", err);
-		alert("Could not access camera/microphone.");
 	}
-}
 
-function createStreamerConnection(viewerId) {
+	// C. CANDIDATES (Could be for anyone)
-	const pc = new RTCPeerConnection({ iceServers: cloudflareIceServers });
+	else if (type === 'candidate') {
-	viewerConnections[viewerId] = pc;
+		const ice = new RTCIceCandidate(candidate);
 
-	// Add local stream tracks to this connection
+		// Try Active Downstream
-	localStream.getTracks().forEach(track => pc.addTrack(track, localStream));
+		if (currentDownstreamPC && sender === downstreamId) {
+			currentDownstreamPC.addIceCandidate(ice).catch(e => { });
+		}
+		// Try Active Upstream
+		if (currentUpstreamPC) {
+			currentUpstreamPC.addIceCandidate(ice).catch(e => { });
+		}
+		// Try Fading Connections (Crucial for smooth swap!)
+		oldUpstreamPCs.forEach(pc => pc.addIceCandidate(ice).catch(e => { }));
+		oldDownstreamPCs.forEach(pc => pc.addIceCandidate(ice).catch(e => { }));
+	}
+});
 
-	// Send ICE candidates to this specific viewer
+socket.on('error_msg', (msg) => alert(msg));
-	pc.onicecandidate = (event) => {
+socket.on('request_keyframe', () => console.log("Keyframe requested by network"));
+socket.on('stream_ended', () => {
+	alert("Stream ended");
+	location.reload();
+});
+
+// --- 5. WebRTC Logic (Make-Before-Break) ---
+
+// --- UPSTREAM Handling (Receiving) ---
+async function handleUpstreamOffer(senderId, sdp) {
+	console.log(`Negotiating new Upstream connection from ${senderId}`);
+
+	const newPC = new RTCPeerConnection({ iceServers });
+
+	newPC.ontrack = (event) => {
+		console.log(`New Upstream Track (${event.track.kind}) Active.`);
+
+		// A. Update Screen (Idempotent: doing this twice is fine)
+		remoteVideo.srcObject = event.streams[0];
+		statusDiv.innerText = "Status: Connected (Stable)";
+
+		// B. Hot-Swap the Relay
+		if (currentDownstreamPC) {
+			const sender = currentDownstreamPC.getSenders().find(s => s.track && s.track.kind === event.track.kind);
+			if (sender) {
+				sender.replaceTrack(event.track);
+			}
+		}
+
+		// C. Retire the OLD connection (THE FIX IS HERE)
+		// We only queue the old PC if it exists AND it isn't the one we just created.
+		if (currentUpstreamPC && currentUpstreamPC !== newPC) {
+			const oldPC = currentUpstreamPC;
+			oldUpstreamPCs.push(oldPC);
+
+			console.log("Queueing old upstream connection for death in 4s...");
+			setTimeout(() => {
+				oldPC.close();
+				// Remove from garbage bin
+				oldUpstreamPCs = oldUpstreamPCs.filter(pc => pc !== oldPC);
+				console.log("Closed old upstream connection.");
+			}, 4000);
+		}
+
+		// D. Set New as Current
+		currentUpstreamPC = newPC;
+	};
+
+	newPC.onicecandidate = (event) => {
 		if (event.candidate) {
-			socket.emit('ice_candidate', { target: viewerId, candidate: event.candidate });
+			socket.emit('signal_msg', { target: senderId, type: 'candidate', candidate: event.candidate });
 		}
 	};
 
-	// Create Offer
+	await newPC.setRemoteDescription(new RTCSessionDescription(sdp));
-	pc.createOffer().then(offer => {
+	const answer = await newPC.createAnswer();
-		pc.setLocalDescription(offer);
+	await newPC.setLocalDescription(answer);
-		socket.emit('webrtc_offer', { target: viewerId, sdp: offer });
-	});
 
-	// Cleanup on disconnect
+	socket.emit('signal_msg', { target: senderId, type: 'answer', sdp: answer });
-	pc.onconnectionstatechange = () => {
+}
-		if (pc.connectionState === 'disconnected' || pc.connectionState === 'failed') {
+
-			delete viewerConnections[viewerId];
+// --- DOWNSTREAM Handling (Sending) ---
+async function setupDownstreamConnection(targetId) {
+	console.log(`Setting up downstream to ${targetId}`);
+
+	// 1. Retire existing downstream (Fade Out)
+	if (currentDownstreamPC) {
+		console.log("Moving current downstream to background (Overlap Mode)");
+		const oldPC = currentDownstreamPC;
+		oldDownstreamPCs.push(oldPC);
+
+		// Keep sending for 5 seconds so they have time to connect to their NEW source
+		setTimeout(() => {
+			oldPC.close();
+			oldDownstreamPCs = oldDownstreamPCs.filter(pc => pc !== oldPC);
+			console.log("Closed old downstream connection");
+		}, 5000);
+	}
+
+	// 2. Create NEW downstream
+	currentDownstreamPC = new RTCPeerConnection({ iceServers });
+
+	// 3. Add Tracks
+	if (localStream) {
+		// Head: Send Camera
+		localStream.getTracks().forEach(track => currentDownstreamPC.addTrack(track, localStream));
+	} else if (currentUpstreamPC) {
+		// Relay: Send what we are receiving
+		currentUpstreamPC.getReceivers().forEach(receiver => {
+			if (receiver.track) {
+				// "remoteVideo.srcObject" ensures stream ID consistency
+				currentDownstreamPC.addTrack(receiver.track, remoteVideo.srcObject);
+			}
+		});
+	}
+
+	currentDownstreamPC.onicecandidate = (event) => {
+		if (event.candidate) {
+			socket.emit('signal_msg', { target: targetId, type: 'candidate', candidate: event.candidate });
 		}
 	};
+
+	const offer = await currentDownstreamPC.createOffer();
+
+	// 4. BITRATE HACK: Force 4Mbps limit (Standard WebRTC defaults low)
+	offer.sdp = offer.sdp.replace(/b=AS:([0-9]+)/g, 'b=AS:4000');
+	if (!offer.sdp.includes('b=AS:')) {
+		// If no bandwidth line exists, add it to the video section
+		offer.sdp = offer.sdp.replace(/(m=video.*\r\n)/, '$1b=AS:4000\r\n');
+	}
+
+	await currentDownstreamPC.setLocalDescription(offer);
+	socket.emit('signal_msg', { target: targetId, type: 'offer', sdp: offer });
 }

public/index.html

@@ -3,138 +3,50 @@
 
 <head>
 	<meta charset="UTF-8">
-	<title>Live Stream Platform</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0">
+	<title>P2P Daisy Chain Livestream</title>
 	<style>
 		body {
-			font-family: 'Segoe UI', sans-serif;
+			font-family: sans-serif;
-			margin: 0;
+			background: #111;
-			background: #f0f2f5;
+			color: #fff;
-		}
+			text-align: center;
-
-		/* Navbar */
-		nav {
-			background: #fff;
-			padding: 15px 20px;
-			display: flex;
-			justify-content: space-between;
-			align-items: center;
-			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
-		}
-
-		h1 {
-			margin: 0;
-			font-size: 1.2rem;
-			color: #333;
-		}
-
-		.btn-primary {
-			background: #0070f3;
-			color: white;
-			border: none;
-			padding: 10px 20px;
-			border-radius: 5px;
-			cursor: pointer;
-			font-weight: bold;
-		}
-
-		.btn-primary:hover {
-			background: #0051a2;
-		}
-
-		.btn-danger {
-			background: #e00;
-			color: white;
-			border: none;
-			padding: 10px 20px;
-			border-radius: 5px;
-			cursor: pointer;
-		}
-
-		/* Layout */
-		.container {
-			display: flex;
-			max-width: 1200px;
-			margin: 20px auto;
-			gap: 20px;
-			padding: 0 20px;
-		}
-
-		/* Sidebar (Stream List) */
-		.sidebar {
-			flex: 1;
-			background: white;
-			padding: 20px;
-			border-radius: 8px;
-			box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
-			height: fit-content;
-		}
-
-		.stream-item {
-			display: flex;
-			justify-content: space-between;
-			padding: 10px;
-			border-bottom: 1px solid #eee;
-			align-items: center;
-		}
-
-		.stream-item button {
-			padding: 5px 15px;
-			cursor: pointer;
-			background: #eee;
-			border: none;
-			border-radius: 4px;
-		}
-
-		.stream-item button:hover {
-			background: #ddd;
-		}
-
-		/* Video Area */
-		.main-stage {
-			flex: 3;
-			background: #000;
-			border-radius: 8px;
-			overflow: hidden;
-			min-height: 480px;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			position: relative;
 		}
 
 		video {
-			width: 100%;
+			width: 80%;
-			height: 100%;
+			max-width: 600px;
-			object-fit: cover;
+			background: #000;
+			border: 2px solid #333;
+			margin: 10px;
 		}
 
-		.placeholder {
+		.controls {
-			color: #888;
+			margin: 20px;
-			font-size: 1.5rem;
 		}
 
-		.hidden {
+		button {
-			display: none !important;
+			padding: 10px 20px;
+			font-size: 16px;
+			cursor: pointer;
+		}
+
+		#status {
+			color: #0f0;
+			margin-top: 10px;
 		}
 	</style>
 </head>
 
 <body>
-	<nav>
+	<h1>Daisy Chain Relay</h1>
-		<h1>WebRTC Live</h1>
+	<div class="controls">
-		<button id="goLiveBtn" class="btn-primary" onclick="promptForStream()">Start Streaming</button>
+		<button id="btnStart" onclick="startStream()">Start Stream (As Head)</button>
-		<button id="stopLiveBtn" class="btn-danger hidden" onclick="location.reload()">Stop Streaming</button>
+		<button id="btnJoin" onclick="joinStream()">Join Stream (As Node)</button>
-	</nav>
-	<div class="container">
-		<div class="sidebar">
-			<h3>Active Streams</h3>
-			<div id="streamList">Loading...</div>
-		</div>
-		<div class="main-stage">
-			<div id="videoPlaceholder" class="placeholder">Select a stream to watch</div>
-			<video id="videoDisplay" class="hidden" autoplay playsinline></video>
-		</div>
 	</div>
+	<video id="localVideo" autoplay muted playsinline></video>
+	<video id="remoteVideo" autoplay playsinline></video>
+	<div id="status">Status: Disconnected</div>
 	<script src="/socket.io/socket.io.js"></script>
 	<script src="client.js"></script>
 </body>

server.js

@@ -20,62 +20,168 @@ app.get('/api/get-turn-credentials', async (req, res) => {
 		);
 		res.json(response.data);
 	} catch (error) {
-		console.error("Cloudflare error:", error.message);
+		console.error("Cloudflare Error:", error.message);
 		res.status(500).json({ error: "Failed to fetch credentials" });
 	}
 });
 
-// --- Signaling Logic ---
+// --- Daisy Chain Logic ---
-let streamers = {}; // socketId -> { name: "Gaming Stream" }
+let strand = []; // Ordered list of socket IDs
-// Add a map to track relationships: viewerSocketId -> streamerSocketId
+let scores = {}; // Map: socket.id -> score (0-100)
-let relationships = {};
 
 io.on('connection', (socket) => {
-	// 1. Immediately send the list of active streams to the new user
+	console.log(`User connected: ${socket.id}`);
-	socket.emit('streamer_list_update', streamers);
 
-	// 2. User wants to go live
+	// Default score for new users (optimistic, so they get a chance to prove themselves)
-	socket.on('start_stream', (name) => {
+	scores[socket.id] = 80;
-		streamers[socket.id] = { name: name };
+
-		io.emit('streamer_list_update', streamers); // Notify everyone
+	socket.on('update_score', (score) => {
+		scores[socket.id] = score;
 	});
 
-	// 3. User wants to watch a specific streamer
+	// A. Start Stream (Head)
-	socket.on('join_stream', (streamerId) => {
+	socket.on('start_stream', () => {
-		relationships[socket.id] = streamerId; // Record the link
+		if (strand.length > 0) {
-		io.to(streamerId).emit('viewer_joined', { viewerId: socket.id });
+			socket.emit('error_msg', "Stream already in progress.");
+			return;
+		}
+		strand.push(socket.id);
+		console.log("Stream started. Head:", socket.id);
+		socket.emit('role_assigned', 'head');
 	});
 
-	// 4. WebRTC Signaling (Offer/Answer/ICE)
+	// B. Join Stream (Tail)
-	socket.on('webrtc_offer', (data) => {
+	socket.on('join_stream', () => {
-		io.to(data.target).emit('webrtc_offer', { sdp: data.sdp, sender: socket.id });
+		if (strand.length === 0) {
+			socket.emit('error_msg', "No active stream to join.");
+			return;
+		}
+
+		const upstreamPeerId = strand[strand.length - 1];
+		strand.push(socket.id);
+
+		console.log(`User ${socket.id} joined. Upstream: ${upstreamPeerId}`);
+
+		// 1. Tell Upstream to connect to ME
+		io.to(upstreamPeerId).emit('connect_to_downstream', { downstreamId: socket.id });
+
+		// 2. Request Keyframe from Head (Delayed to allow connection setup)
+		setTimeout(() => {
+			if (strand[0]) io.to(strand[0]).emit('request_keyframe');
+		}, 2000);
 	});
 
-	socket.on('webrtc_answer', (data) => {
+	// C. Signaling
-		io.to(data.target).emit('webrtc_answer', { sdp: data.sdp, sender: socket.id });
+	socket.on('signal_msg', ({ target, type, sdp, candidate }) => {
+		io.to(target).emit('signal_msg', { sender: socket.id, type, sdp, candidate });
 	});
 
-	socket.on('ice_candidate', (data) => {
+	// D. Keyframe Relay
-		io.to(data.target).emit('ice_candidate', { candidate: data.candidate, sender: socket.id });
+	socket.on('relay_keyframe_upstream', () => {
+		// In a real robust app, you'd bubble this up the chain.
+		// Here we just blast the Source directly if we know who they are.
+		if (strand[0]) io.to(strand[0]).emit('request_keyframe');
 	});
 
-	// 5. Cleanup
+	// E. Disconnects (Healing)
 	socket.on('disconnect', () => {
-		// 1. If a STREAMER left (existing code)
+		const index = strand.indexOf(socket.id);
-		if (streamers[socket.id]) {
+		if (index === -1) return;
-			delete streamers[socket.id];
+
-			io.emit('streamer_list_update', streamers);
+		console.log(`User ${socket.id} disconnected. Index: ${index}`);
+
+		// Head left
+		if (index === 0) {
+			strand = [];
+			io.emit('stream_ended');
+			return;
 		}
 
-		// 2. If a VIEWER left (NEW CODE)
+		// Tail left
-		if (relationships[socket.id]) {
+		if (index === strand.length - 1) {
-			const streamerId = relationships[socket.id];
+			strand.pop();
-			// Tell the specific streamer that this specific viewer is gone
+			return;
-			io.to(streamerId).emit('viewer_left', { viewerId: socket.id });
-			delete relationships[socket.id];
 		}
+
+		// Middle left (Stitch)
+		const upstreamNode = strand[index - 1];
+		const downstreamNode = strand[index + 1];
+		strand.splice(index, 1);
+
+		console.log(`Healing: ${upstreamNode} -> ${downstreamNode}`);
+		io.to(upstreamNode).emit('connect_to_downstream', { downstreamId: downstreamNode });
+
+		setTimeout(() => {
+			if (strand[0]) io.to(strand[0]).emit('request_keyframe');
+		}, 2000);
 	});
 });
 
+// --- THE OPTIMIZER LOOP ---
+setInterval(() => {
+	if (strand.length < 3) return; // Need at least Head + 2 Nodes to swap anything
+
+	// We iterate from the 2nd node (Index 1) to the end.
+	// Index 0 is HEAD (Source), we never move the source.
+	let swapped = false;
+
+	// We look for ONE swap per cycle to minimize chaos.
+	for (let i = 1; i < strand.length - 1; i++) {
+		const current = strand[i];
+		const next = strand[i + 1];
+
+		const scoreCurrent = scores[current] || 0;
+		const scoreNext = scores[next] || 0;
+
+		// THRESHOLD: Only swap if the next guy is significantly stronger (+15 points)
+		// This prevents users flip-flopping constantly due to minor fluctuations.
+		if (scoreNext > scoreCurrent + 15) {
+			console.log(`Swapping Weak ${current} (${scoreCurrent}) with Strong ${next} (${scoreNext})`);
+
+			performSwap(i, i + 1);
+			swapped = true;
+			break; // Stop after one swap to let network settle
+		}
+	}
+}, 10000); // Run every 10 seconds
+
+function performSwap(indexA, indexB) {
+	// 1. Update the Array (Logical Swap)
+	const nodeA = strand[indexA];
+	const nodeB = strand[indexB];
+	strand[indexA] = nodeB;
+	strand[indexB] = nodeA;
+
+	// State after swap:
+	// [ ... -> Upstream -> NodeB -> NodeA -> Downstream -> ... ]
+
+	// Identify the relevant neighbors
+	const upstreamNode = strand[indexA - 1]; // The node before the pair
+	const downstreamNode = strand[indexB + 1]; // The node after the pair
+
+	// 2. Instruct the Upstream to connect to the NEW first node (NodeB)
+	if (upstreamNode) {
+		io.to(upstreamNode).emit('connect_to_downstream', { downstreamId: nodeB });
+	}
+
+	// 3. Instruct NodeB to connect to NodeA (The internal link)
+	io.to(nodeB).emit('connect_to_downstream', { downstreamId: nodeA });
+
+	// 4. Instruct NodeA to connect to the Downstream (or null if end)
+	if (downstreamNode) {
+		io.to(nodeA).emit('connect_to_downstream', { downstreamId: downstreamNode });
+	} else {
+		// If NodeA is now the tail, it disconnects its downstream
+		io.to(nodeA).emit('disconnect_downstream'); // You might need to add this handler to client
+	}
+
+	// 5. Trigger Keyframes to heal the image
+	setTimeout(() => {
+		if (strand[0]) io.to(strand[0]).emit('request_keyframe');
+	}, 1000);
+}
+
+
+
 const PORT = process.env.PORT || 3000;
 server.listen(PORT, () => console.log(`Server running on http://localhost:${PORT}`));