xtr.dev/rondevu-demo
1
0
Fork 0
mirror of https://github.com/xtr-dev/rondevu-demo.git synced 2025-12-13 03:53:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Revert "feat: Add connection pool status display"

Browse Source 
This reverts commit a0c5ae18b4.
This commit is contained in:
Bas van den Aakster
2025-12-10 22:42:00 +01:00
parent a0c5ae18b4
commit 0640afc32c
1 changed files with 0 additions and 72 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
src/App.jsx
View File

@@ -241,17 +241,6 @@ export default function App() {
sdp: answer.sdp sdp: answer.sdp
}); });
// Update host connection status to show answer was received
setHostConnections(prev => {
const updated = { ...prev };
for (const key in updated) {
if (updated[key].offerId === answer.offerId) {
updated[key] = { ...updated[key], status: 'answered' };
}
}
return updated;
});
// Update last answer timestamp // Update last answer timestamp
setLastAnswerTimestamp(prev => Math.max(prev, answer.answeredAt)); setLastAnswerTimestamp(prev => Math.max(prev, answer.answeredAt));
@@ -448,33 +437,6 @@ export default function App() {
offerMapping[offer.offerId] = conn.pc; offerMapping[offer.offerId] = conn.pc;
hostConnMap[`host-${idx}`] = { pc: conn.pc, dc: conn.dc, offerId: offer.offerId, status: 'waiting' }; hostConnMap[`host-${idx}`] = { pc: conn.pc, dc: conn.dc, offerId: offer.offerId, status: 'waiting' };
// Track connection state changes
conn.pc.onconnectionstatechange = () => {
console.log(`[Host] Connection state for offer ${offer.offerId}:`, conn.pc.connectionState);
if (conn.pc.connectionState === 'connecting') {
setHostConnections(prev => {
const updated = { ...prev };
for (const key in updated) {
if (updated[key].offerId === offer.offerId) {
updated[key] = { ...updated[key], status: 'connecting' };
}
}
return updated;
});
} else if (conn.pc.connectionState === 'connected') {
setHostConnections(prev => {
const updated = { ...prev };
for (const key in updated) {
if (updated[key].offerId === offer.offerId) {
updated[key] = { ...updated[key], status: 'connected' };
}
}
return updated;
});
}
};
// Send buffered ICE candidates // Send buffered ICE candidates
if (conn.candidateBuffer && conn.candidateBuffer.length > 0) { if (conn.candidateBuffer && conn.candidateBuffer.length > 0) {
console.log(`[Host] Sending ${conn.candidateBuffer.length} buffered ICE candidates for offer ${offer.offerId}`); console.log(`[Host] Sending ${conn.candidateBuffer.length} buffered ICE candidates for offer ${offer.offerId}`);
@@ -1027,40 +989,6 @@ export default function App() {
</div> </div>
{/* Connection Pool Status */}
{myServicePublished && Object.keys(hostConnections).length > 0 && (
<div style={styles.contactsList}>
<div style={styles.contactsHeader}>
Connection Pool ({Object.keys(hostConnections).filter(k => hostConnections[k].status !== 'waiting').length}/{Object.keys(hostConnections).length})
</div>
<div style={{ padding: '12px', fontSize: '12px', color: '#666' }}>
{Object.keys(hostConnections).map(key => {
const conn = hostConnections[key];
let statusColor = '#999';
let statusText = 'Waiting';
if (conn.status === 'answered') {
statusColor = '#ff9800';
statusText = 'Answer received';
} else if (conn.status === 'connecting') {
statusColor = '#2196f3';
statusText = 'Connecting...';
} else if (conn.status === 'connected') {
statusColor = '#4caf50';
statusText = 'Connected';
}
return (
<div key={key} style={{ display: 'flex', alignItems: 'center', marginBottom: '6px', gap: '8px' }}>
<div style={{ width: '8px', height: '8px', borderRadius: '50%', background: statusColor }}></div>
<span>{statusText}</span>
</div>
);
})}
</div>
</div>
)}
{/* Incoming Chats (not in contacts) */} {/* Incoming Chats (not in contacts) */}
{Object.keys(activeChats).filter(username => !contacts.includes(username) && activeChats[username].status === 'connected').length > 0 && ( {Object.keys(activeChats).filter(username => !contacts.includes(username) && activeChats[username].status === 'connected').length > 0 && (
<div style={styles.contactsList}> <div style={styles.contactsList}>