Update index.html

index.html

@@ -403,6 +403,7 @@ function initSpeechRecognition() {
   const rec = new SpeechRecognition();
   rec.continuous = false;
   rec.interimResults = true;
+  // Set language based on current UI language
   const langMap = { en: 'en-US', ar: 'ar-DZ', fr: 'fr-FR', es: 'es-ES' };
   rec.lang = langMap[currentLang] || 'en-US';
 
@@ -412,6 +413,7 @@ function initSpeechRecognition() {
     document.getElementById('stt-text').textContent = i18n[currentLang].vListening;
     const voiceBtn = document.getElementById('voice-btn');
     voiceBtn.classList.add('recording');
+    // swap mic icon to mic-off
     lucide.createIcons({ icons: { 'mic-off': lucide.icons['mic-off'] }, attrs: { class: 'icon' } });
     const micIcon = document.getElementById('mic-icon');
     micIcon.setAttribute('data-lucide', 'mic-off');
@@ -440,6 +442,7 @@ function initSpeechRecognition() {
     const micIcon = document.getElementById('mic-icon');
     micIcon.setAttribute('data-lucide', 'mic');
     lucide.createIcons({ nameAttr: 'data-lucide', attrs: { class: 'icon' } });
+    // Auto-send if there's text
     const input = document.getElementById('msg-input');
     if (input.value.trim()) sendMessage();
   };
@@ -482,60 +485,27 @@ function saveTtsSetting() {
   localStorage.setItem('genisi_tts', autoTTS);
 }
 
-/**
- * مـكـتـب تـحـويـل وتـنـقـيـة الـنـص لـلـصـوت
- * يحول النص من Markdown إلى نص بسيط بدون إيموجيات وبدون رموز تشتت الصوت
- */
-function cleanTextForSpeech(text) {
-  if (!text) return "";
-
-  let cleaned = text;
-
-  // 1. إزالة كتل الأكواد البرمجية (Code Blocks) بالكامل
-  cleaned = cleaned.replace(/```[\s\S]*?```/g, '');
-  
-  // 2. إزالة علامات الماركدوان (Bold, Italic, Links)
-  cleaned = cleaned.replace(/`([^`]+)`/g, '$1')
-                   .replace(/\*\*([^*]+)\*\*/g, '$1')
-                   .replace(/\*([^*]+)\*/g, '$1')
-                   .replace(/#{1,6}\s/g, '')
-                   .replace(/\[([^\]]+)\]\([^)]+\)/g, '$1')
-                   .replace(/!\[([^\]]+)\]\([^)]+\)/g, '');
-
-  // 3. إزالة الإيموجيات (Emojis & Symbols)
-  // نستخدم regex شامل يغطي معظم نطاقات الرموز التعبيرية
-  cleaned = cleaned.replace(/([\u{1F600}-\u{1F64F}\u{1F300}-\u{1F5FF}\u{1F680}-\u{1F6FF}\u{2600}-\u{26FF}\u{2700}-\u{27BF}\u{1F900}-\u{1F9FF}\u{1F1E6}-\u{1F1FF}])/gu, '');
-
-  // 4. تنقية علامات الترقيم المزعجة صوتياً 
-  // نزيل: @ # $ % ^ & * ( ) _ + = { } [ ] | \ / < > ` ~ 
-  // لكن نترك النقطة والفصلة والسين وعلامة الاستفهام ليعطي المحرك الصوتي نبرة طبيعية (Pause)
-  cleaned = cleaned.replace(/[@#$%\^&\*\(_\+=\{\}\[\]|\\\/<>`~]/g, ' ');
-
-  // 5. تحويل السطور الجديدة إلى مساحات لتفادي التقطيع المفاجئ
-  cleaned = cleaned.replace(/\n+/g, ' ');
-
-  // 6. تنظيف المسافات الزائدة
-  cleaned = cleaned.replace(/\s+/g, ' ').trim();
-
-  return cleaned;
-}
-
 function speakText(text) {
   if (!window.speechSynthesis) return;
-  
+  // Cancel any ongoing speech
   window.speechSynthesis.cancel();
-  
-  // استخدام مكتبة التنقية قبل القراءة
-  const clean = cleanTextForSpeech(text);
-  
-  if (!clean) return null;
+  // Strip markdown symbols for cleaner speech
+  const clean = text
+    .replace(/```[\s\S]*?```/g, 'code block.')
+    .replace(/`([^`]+)`/g, '$1')
+    .replace(/\*\*([^*]+)\*\*/g, '$1')
+    .replace(/\*([^*]+)\*/g, '$1')
+    .replace(/#{1,6}\s/g, '')
+    .replace(/\[([^\]]+)\]\([^)]+\)/g, '$1')
+    .replace(/!\[([^\]]+)\]\([^)]+\)/g, 'image.')
+    .replace(/\n+/g, '. ')
+    .trim();
 
   const utterance = new SpeechSynthesisUtterance(clean);
   const langMap = { en: 'en-US', ar: 'ar-SA', fr: 'fr-FR', es: 'es-ES' };
   utterance.lang = langMap[currentLang] || 'en-US';
   utterance.rate = 1.0;
   utterance.pitch = 1.0;
-  
   currentUtterance = utterance;
   window.speechSynthesis.speak(utterance);
   return utterance;
@@ -740,7 +710,9 @@ async function sendMessage(){
     }
     botContentDiv.innerHTML=safeMarked(fullBotResponse);
     renderKaTeX(botContentDiv);
+    // Add TTS play button
     appendTTSBadge(botContentDiv, fullBotResponse);
+    // Auto TTS
     if(autoTTS) speakText(fullBotResponse);
     chat.history.push({user:text,bot:fullBotResponse,uiFiles});
     saveChats(); appendMemBadge(chat.history.length,chat.history.length);