`; } else { // Escape HTML for user messages const escapedText = text.replace(/&/g, '&').replace(//g, '>'); messageDiv.innerHTML = ` `; } chatMessages.appendChild(messageDiv); chatMessages.scrollTop = chatMessages.scrollHeight; } function showTypingIndicator() { const chatMessages = document.getElementById('chat-messages'); const typingDiv = document.createElement('div'); typingDiv.id = 'typing-indicator'; typingDiv.className = 'flex gap-3 items-start message-enter'; typingDiv.innerHTML = ` `; chatMessages.appendChild(typingDiv); chatMessages.scrollTop = chatMessages.scrollHeight; } function removeTypingIndicator() { const indicator = document.getElementById('typing-indicator'); if (indicator) indicator.remove(); } async function processUserMessage(message) { addMessage(message, false); conversationHistory.push({ role: 'user', content: message }); showTypingIndicator(); try { const formData = new FormData(); formData.append('chatbot_id', CHATBOT_ID); formData.append('session_id', SESSION_ID); formData.append('message', message); const response = await fetch(API_URL + '/chat', { method: 'POST', body: formData }); removeTypingIndicator(); if (!response.ok) { throw new Error('API returned status: ' + response.status); } const data = await response.json(); if (data.answer) { addMessage(data.answer); conversationHistory.push({ role: 'assistant', content: data.answer }); } else { throw new Error('No answer in response'); } } catch (error) { console.error('AI Chatbot hatası:', error); removeTypingIndicator(); addMessage('Üzgünüm, şu anda bir hata oluştu. Lütfen tekrar deneyin.'); } } function selectQuickOption(option) { processUserMessage(option); } window.selectQuickOption = selectQuickOption; // Voice recognition let recognition = null; let isListening = false; if ('webkitSpeechRecognition' in window || 'SpeechRecognition' in window) { const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition; recognition = new SpeechRecognition(); recognition.lang = 'tr-TR'; recognition.continuous = false; recognition.interimResults = false; recognition.onresult = (event) => { const transcript = event.results[0][0].transcript; document.getElementById('user-input').value = transcript; isListening = false; updateMicButton(); }; recognition.onerror = (event) => { console.error('Speech recognition error:', event.error); isListening = false; updateMicButton(); if (event.error === 'not-allowed') { addMessage('Mikrofon erişimi için izin vermeniz gerekiyor. Tarayıcı ayarlarından mikrofon izni verebilirsiniz.', true); } }; recognition.onend = () => { isListening = false; updateMicButton(); }; } function updateMicButton() { const micButton = document.getElementById('mic-button'); if (isListening) { micButton.style.background = '#ff4444'; micButton.innerHTML = ` `; } else { micButton.style.background = `linear-gradient(135deg, ${defaultConfig.primary_color} 0%, ${defaultConfig.secondary_color} 100%)`; micButton.innerHTML = ` `; } } document.getElementById('mic-button').addEventListener('click', () => { if (!recognition) { addMessage('Tarayıcınız sesli komutları desteklemiyor. Lütfen Chrome veya Edge kullanın.', true); return; } if (isListening) { recognition.stop(); } else { recognition.start(); isListening = true; updateMicButton(); } }); document.getElementById('chat-form').addEventListener('submit', (e) => { e.preventDefault(); const input = document.getElementById('user-input'); const message = input.value.trim(); if (!message) return; processUserMessage(message); input.value = ''; }); // Test connection on load console.log('🤖 Chatbot başlatılıyor...'); console.log('API URL:', API_URL); console.log('Chatbot ID:', CHATBOT_ID);