Update index.html

index.html

@@ -36,20 +36,20 @@
     ================================= */
     .text-comparison { line-height: 1.8; white-space: pre-wrap; }
     .highlight-number {
-      background-color: #FDE68A; /* أصفر */
+      background-color: #FDE68A;
       padding: 0 4px;
       border-radius: 3px;
       font-weight: bold;
     }
     .highlight-missing {
-      background-color: #FECACA; /* أحمر للنصوص الناقصة */
+      background-color: #FECACA;
       color: #B91C1C;
       padding: 0 4px;
       border-radius: 3px;
       font-style: italic;
     }
     .highlight-extra {
-      background-color: #D1FAE5; /* أخضر للنصوص الزائدة */
+      background-color: #D1FAE5;
       color: #065F46;
       padding: 0 4px;
       border-radius: 3px;
@@ -62,7 +62,7 @@
       font-weight: bold;
     }
     .highlight-doubt {
-      background-color: #DBEAFE; /* أزرق لعلامات الشك */
+      background-color: #DBEAFE;
       color: #1E3A8A;
       padding: 0 4px;
       border-radius: 3px;
@@ -85,7 +85,7 @@
     .line-text { display: inline-block; }
     
     /* ================================
-       تحسين تصميم البطاقات والأيقونات
+       تصميم البطاقات والأيقونات
     ================================= */
     .card {
       background-color: #fff;
@@ -229,7 +229,7 @@
         <div id="explanationText" class="text-lg text-gray-700"></div>
       </div>
 
-      <!-- قسم الكلمات المفقودة -->
+      <!-- قسم الكلمات المفقودة (الكلمات التي لم تُترجم) -->
       <div id="missingWordsSection" class="card hidden">
         <h2 class="text-2xl font-bold text-gray-800 border-b pb-3 mb-6">
           <i class="fas fa-exclamation-triangle icon text-red-500"></i> الكلمات المفقودة
@@ -246,7 +246,7 @@
     (function() {
       "use strict";
 
-      // تنبيه: يجب عدم تضمين مفتاح API في الكود العام؛ يُفضل تخزينه على الخادم واستخدام واجهة وسيطة
+      // تنبيه: يُفضل عدم تضمين مفتاح API في الكود العام بل تخزينه على الخادم
       const API_URL = 'https://api.deepseek.com/chat/completions';
       const API_KEY = 'sk-15606736ed9e4aea8b7cc11a195d2b01';
       const ANALYSIS_PROMPT = `أنت خبير لغوي وتقني متخصص في مراجعة الترجمة التقنية وتحليل النصوص بدقة. مهمتك مقارنة النص المصدر والنص الهدف واستخراج الاختلافات مع تحسين التظليل والتعليم.
@@ -410,45 +410,22 @@
         return `<ol class="list-decimal ml-6 space-y-2">${steps.join('')}</ol>`;
       };
 
-      /* ===============================
-         دالة لاكتشاف الكلمات المفقودة باستخدام خوارزمية LCS
-      =============================== */
+      /* =======================================
+         دالة اكتشاف الكلمات المفقودة (غير المُترجمة)
+         يتم التطبيع (إزالة علامات الترقيم وتحويل الأحرف لحروف صغيرة)
+         ثم مقارنة كلمات المصدر مع كلمات الهدف
+      ======================================= */
       const detectMissingWords = (source, target) => {
-        const sourceWords = source.split(/\s+/);
-        const targetWords = target.split(/\s+/);
-        const m = sourceWords.length, n = targetWords.length;
-        const dp = Array(m + 1).fill(null).map(() => Array(n + 1).fill(0));
-        for (let i = 1; i <= m; i++) {
-          for (let j = 1; j <= n; j++) {
-            if (sourceWords[i - 1] === targetWords[j - 1]) {
-              dp[i][j] = dp[i - 1][j - 1] + 1;
-            } else {
-              dp[i][j] = Math.max(dp[i - 1][j], dp[i][j - 1]);
-            }
-          }
-        }
-        let i = m, j = n;
-        const lcs = [];
-        while (i > 0 && j > 0) {
-          if (sourceWords[i - 1] === targetWords[j - 1]) {
-            lcs.unshift(sourceWords[i - 1]);
-            i--; j--;
-          } else if (dp[i - 1][j] > dp[i][j - 1]) {
-            i--;
-          } else {
-            j--;
-          }
-        }
-        const missingWords = [];
-        let lcsIndex = 0;
-        for (let k = 0; k < sourceWords.length; k++) {
-          if (lcsIndex < lcs.length && sourceWords[k] === lcs[lcsIndex]) {
-            lcsIndex++;
-          } else {
-            missingWords.push(sourceWords[k]);
-          }
-        }
-        return missingWords;
+        // دالة لتطبيع النص (إزالة علامات الترقيم وتحويل النص لحروف صغيرة)
+        const normalize = text =>
+          text.replace(/[.,\/#!$%\^&\*;:{}=\-_`~()؟،؛"']/g, '').toLowerCase();
+        const sourceTokens = normalize(source).split(/\s+/).filter(word => word);
+        const targetTokens = normalize(target).split(/\s+/).filter(word => word);
+        const targetSet = new Set(targetTokens);
+        // الكلمات المفقودة هي التي تظهر في المصدر وغير موجودة في الهدف
+        const missing = sourceTokens.filter(word => !targetSet.has(word));
+        // إزالة التكرارات إن وُجدت
+        return [...new Set(missing)];
       };
 
       /* ===============================
@@ -500,7 +477,7 @@
         });
       };
 
-      // التعامل مع رفع ملفات المصدر، الهدف والمصادر الإضافية
+      // رفع ملفات المصدر، الهدف والمصادر الإضافية
       processFileInput('sourceFile', 'sourceText', 'خطأ في معالجة ملف المصدر');
       processFileInput('targetFile', 'targetText', 'خطأ في معالجة ملف الهدف');
       processFileInput('sourceExtraFile', 'sourceExtraText', 'خطأ في معالجة ملف المصدر الإضافي');
@@ -598,7 +575,7 @@
             document.getElementById('explanationText').innerHTML = explanationHTML;
           }
 
-          // الكشف عن الكلمات المفقودة باستخدام الدالة الجديدة
+          // اكتشاف الكلمات المفقودة التي لم تُترجم من المصدر (تظهر في المصدر وغير موجودة في الهدف)
           const missingWords = detectMissingWords(sourceText, targetText);
           if (missingWords.length > 0) {
             const missingWordsSection = document.getElementById('missingWordsSection');