Update static/script.js

static/script.js

@@ -1,26 +1,16 @@
-// static/script.js
 document.addEventListener('DOMContentLoaded', () => {
-    // Elementos del DOM
     const messagesContainer = document.getElementById('messages');
     const messageInput = document.getElementById('message-input');
     const sendButton = document.getElementById('send-button');
-    const recordBtn = document.getElementById('record-btn');
-    const stopBtn = document.getElementById('stop-btn');
     
-    // Generar un ID de usuario simple
     let userId = localStorage.getItem('samuel_user_id');
     if (!userId) {
         userId = 'user_' + Math.random().toString(36).substr(2, 9);
         localStorage.setItem('samuel_user_id', userId);
     }
     
-    // Conexión WebSocket
     let socket;
     
-    // Grabación de audio
-    let mediaRecorder;
-    let audioChunks = [];
-    
     function connectWebSocket() {
         const protocol = window.location.protocol === 'https:' ? 'wss:' : 'ws:';
         const wsUrl = `${protocol}//${window.location.host}/ws/${userId}`;
@@ -33,7 +23,7 @@ document.addEventListener('DOMContentLoaded', () => {
         
         socket.onmessage = (event) => {
             const data = JSON.parse(event.data);
-            addMessage(data.text, 'samuel', data.timestamp, data.audio);
+            addMessage(data.text, 'samuel', data.timestamp);
         };
         
         socket.onclose = () => {
@@ -46,92 +36,19 @@ document.addEventListener('DOMContentLoaded', () => {
         };
     }
     
-    // Iniciar conexión WebSocket
     connectWebSocket();
     
-    // Configurar grabación de audio
-    async function setupAudioRecording() {
-        try {
-            const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
-            mediaRecorder = new MediaRecorder(stream);
-            
-            mediaRecorder.ondataavailable = (event) => {
-                audioChunks.push(event.data);
-            };
-            
-            mediaRecorder.onstop = async () => {
-                const audioBlob = new Blob(audioChunks, { type: 'audio/wav' });
-                audioChunks = [];
-                
-                // Transcribir audio
-                const formData = new FormData();
-                formData.append('audio_file', audioBlob, 'recording.wav');
-                
-                try {
-                    const response = await fetch('/api/transcribe', {
-                        method: 'POST',
-                        body: formData
-                    });
-                    
-                    const result = await response.json();
-                    
-                    if (result.text && result.text !== "No pude entender lo que dijiste. ¿Podrías repetirlo o escribirlo?") {
-                        // Usar la transcripción como mensaje
-                        messageInput.value = result.text;
-                        sendMessage();
-                    } else {
-                        // Mostrar mensaje de error
-                        addMessage("No pude entender lo que dijiste. ¿Podrías repetirlo o escribirlo?", 'samuel');
-                    }
-                } catch (error) {
-                    console.error('Error al transcribir audio:', error);
-                    addMessage("Error al procesar el audio. Por favor, escribí tu mensaje.", 'samuel');
-                }
-            };
-            
-            recordBtn.addEventListener('click', startRecording);
-            stopBtn.addEventListener('click', stopRecording);
-            
-        } catch (error) {
-            console.error('Error al acceder al micrófono:', error);
-            recordBtn.disabled = true;
-            recordBtn.textContent = '🎤 Micrófono no disponible';
-        }
-    }
-    
-    function startRecording() {
-        audioChunks = [];
-        mediaRecorder.start();
-        recordBtn.disabled = true;
-        stopBtn.disabled = false;
-        recordBtn.classList.add('recording');
-    }
-    
-    function stopRecording() {
-        mediaRecorder.stop();
-        recordBtn.disabled = false;
-        stopBtn.disabled = true;
-        recordBtn.classList.remove('recording');
-    }
-    
-    // Enviar mensaje
     function sendMessage() {
         const message = messageInput.value.trim();
         if (message && socket && socket.readyState === WebSocket.OPEN) {
-            // Agregar mensaje del usuario a la interfaz
             addMessage(message, 'user');
-            
-            // Enviar mensaje al servidor
             socket.send(JSON.stringify({ text: message }));
-            
-            // Limpiar input
             messageInput.value = '';
             messageInput.focus();
         }
     }
     
-    // Agregar mensaje a la interfaz
-    function addMessage(text, sender, timestamp, audioBase64) {
+    function addMessage(text, sender, timestamp) {
         const messageDiv = document.createElement('div');
         messageDiv.className = `message ${sender}`;
         
@@ -139,31 +56,11 @@ document.addEventListener('DOMContentLoaded', () => {
         messageContent.textContent = text;
         
         messageDiv.appendChild(messageContent);
-        
-        // Agregar botón de audio para mensajes de Samuel
-        if (sender === 'samuel' && audioBase64) {
-            const audioBtn = document.createElement('button');
-            audioBtn.className = 'play-audio-btn';
-            audioBtn.textContent = '🔊';
-            audioBtn.onclick = () => playAudio(audioBase64);
-            messageDiv.appendChild(audioBtn);
-        }
-        
         messagesContainer.appendChild(messageDiv);
         
-        // Scroll al final
         messagesContainer.scrollTop = messagesContainer.scrollHeight;
     }
     
-    // Reproducir audio
-    function playAudio(audioBase64) {
-        const audio = new Audio(`data:audio/wav;base64,${audioBase64}`);
-        audio.play().catch(error => {
-            console.error('Error al reproducir audio:', error);
-        });
-    }
-    
-    // Event listeners
     sendButton.addEventListener('click', sendMessage);
     
     messageInput.addEventListener('keypress', (e) => {
@@ -172,9 +69,5 @@ document.addEventListener('DOMContentLoaded', () => {
         }
     });
     
-    // Inicializar grabación de audio
-    setupAudioRecording();
-    
-    // Enfocar input al cargar la página
     messageInput.focus();
 });