remove all the frills and there is no way to enter another peers id - Follow Up Deployment

index.html

@@ -137,25 +137,12 @@
         
         <!-- Main Content -->
         <div class="bg-[#c0c0c0] p-4">
-            <!-- Connection Info -->
-            <div class="mb-4 flex items-center justify-between">
-                <div class="flex items-center">
-                    <span class="mr-2">Status:</span>
-                    <div id="status" class="bg-[#28c940] px-2 py-1 text-xs font-bold">CONNECTING...</div>
-                </div>
-                <div class="flex items-center">
-                    <span class="mr-2">Peer ID:</span>
-                    <div id="peer-id" class="peer-id">Generating...</div>
-                </div>
-            </div>
             
             <!-- Message Display -->
             <div class="message-box mb-4 h-64 overflow-hidden">
                 <div id="message-container" class="terminal-text p-3 h-full overflow-y-auto scrollbar">
-                    <div>> Initializing WebRTC connection...</div>
-                    <div>> Using public STUN servers</div>
-                    <div>> Establishing peer connection...</div>
-                    <div id="connection-status" class="blink">> Waiting for peers</div>
+                    <div>> Simple Text Broadcast</div>
+                    <div>> Type messages below</div>
                 </div>
             </div>
             
@@ -172,159 +159,42 @@
             </div>
         </div>
         
-        <!-- Status Bar -->
-        <div class="status-bar px-3 py-1 flex justify-between text-xs">
-            <div>Connected Peers: <span id="peer-count">0</span></div>
-            <div>RetroText Stream v1.0</div>
-        </div>
     </div>
 
     <script>
         document.addEventListener('DOMContentLoaded', () => {
-            // DOM Elements
             const messageContainer = document.getElementById('message-container');
             const messageInput = document.getElementById('message-input');
             const sendBtn = document.getElementById('send-btn');
-            const statusIndicator = document.getElementById('status');
-            const peerIdDisplay = document.getElementById('peer-id');
-            const connectionStatus = document.getElementById('connection-status');
-            const peerCountDisplay = document.getElementById('peer-count');
-            
-            // State
-            let peer = null;
-            let connections = [];
-            let peerId = null;
-            
-            // Initialize PeerJS
-            function initializePeer() {
-                // Generate a random peer ID
-                peerId = 'retro-' + Math.random().toString(36).substr(2, 8).toUpperCase();
-                peerIdDisplay.textContent = peerId;
-                
-                // Create peer
-                peer = new Peer(peerId, {
-                    host: '0.peerjs.com',
-                    port: 443,
-                    secure: true,
-                    config: {
-                        iceServers: [
-                            { urls: 'stun:stun.l.google.com:19302' },
-                            { urls: 'stun:stun1.l.google.com:19302' }
-                        ]
-                    }
-                });
-                
-                // Peer event handlers
-                peer.on('open', (id) => {
-                    statusIndicator.textContent = 'CONNECTED';
-                    statusIndicator.className = 'bg-[#28c940] px-2 py-1 text-xs font-bold';
-                    connectionStatus.innerHTML = `> Ready to connect! Share ID: <span class="font-bold">${id}</span>`;
-                    messageInput.disabled = false;
-                    sendBtn.disabled = false;
-                });
-                
-                peer.on('connection', (conn) => {
-                    setupConnection(conn);
-                    updatePeerCount();
-                });
-                
-                peer.on('error', (err) => {
-                    console.error('Peer error:', err);
-                    appendMessage(`> ERROR: ${err.type} - ${err.message}`);
-                    statusIndicator.textContent = 'ERROR';
-                    statusIndicator.className = 'bg-[#ff6057] px-2 py-1 text-xs font-bold';
-                });
-                
-                peer.on('disconnected', () => {
-                    statusIndicator.textContent = 'DISCONNECTED';
-                    statusIndicator.className = 'bg-[#ffbd2e] px-2 py-1 text-xs font-bold';
-                    appendMessage('> Disconnected from signaling server');
-                });
-            }
-            
-            // Set up a connection
-            function setupConnection(conn) {
-                connections.push(conn);
-                updatePeerCount();
-                
-                conn.on('open', () => {
-                    appendMessage(`> Connected to peer: ${conn.peer.substr(0, 8)}`);
-                });
-                
-                conn.on('data', (data) => {
-                    appendMessage(`${conn.peer.substr(0, 8)}> ${data}`);
-                });
-                
-                conn.on('close', () => {
-                    connections = connections.filter(c => c.peer !== conn.peer);
-                    appendMessage(`> Disconnected from peer: ${conn.peer.substr(0, 8)}`);
-                    updatePeerCount();
-                });
-                
-                conn.on('error', (err) => {
-                    console.error('Connection error:', err);
-                    appendMessage(`> ERROR with peer ${conn.peer.substr(0, 8)}: ${err.message}`);
-                });
-            }
-            
-            // Connect to another peer
-            function connectToPeer(peerId) {
-                if (!peer) return;
-                
-                const conn = peer.connect(peerId);
-                setupConnection(conn);
-            }
-            
-            // Send message to all connected peers
-            function broadcastMessage(message) {
-                if (message.trim() === '') return;
-                
-                connections.forEach(conn => {
-                    if (conn.open) {
-                        conn.send(message);
-                    }
-                });
-                
-                appendMessage(`YOU> ${message}`);
-                messageInput.value = '';
-            }
-            
-            // Append message to display
+
+            // Enable input immediately
+            messageInput.disabled = false;
+            sendBtn.disabled = false;
+
             function appendMessage(message) {
                 const messageElement = document.createElement('div');
                 messageElement.textContent = message;
                 messageContainer.appendChild(messageElement);
                 messageContainer.scrollTop = messageContainer.scrollHeight;
             }
-            
-            // Update peer count display
-            function updatePeerCount() {
-                peerCountDisplay.textContent = connections.length;
-            }
-            
-            // Event listeners
+
             sendBtn.addEventListener('click', () => {
-                broadcastMessage(messageInput.value);
+                const message = messageInput.value.trim();
+                if (message) {
+                    appendMessage(`YOU> ${message}`);
+                    messageInput.value = '';
+                }
             });
-            
+
             messageInput.addEventListener('keypress', (e) => {
                 if (e.key === 'Enter') {
-                    broadcastMessage(messageInput.value);
+                    const message = messageInput.value.trim();
+                    if (message) {
+                        appendMessage(`YOU> ${message}`);
+                        messageInput.value = '';
+                    }
                 }
             });
-            
-            // Initialize
-            initializePeer();
-            
-            // Handle URL parameters for connecting to a peer
-            const urlParams = new URLSearchParams(window.location.search);
-            const connectTo = urlParams.get('connect');
-            if (connectTo) {
-                setTimeout(() => {
-                    connectToPeer(connectTo);
-                    appendMessage(`> Attempting connection to ${connectTo.substr(0, 8)}...`);
-                }, 2000);
-            }
         });
     </script>
 <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=commit3r/temp" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>