Update index.html

index.html

@@ -228,6 +228,14 @@
         </h2>
         <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> الكلمات المفقودة
+        </h2>
+        <div id="missingWordsList" class="text-lg text-red-700"></div>
+      </div>
     </main>
   </div>
 
@@ -235,14 +243,13 @@
        جافا سكريبت: الوظائف والتحليل
   ================================= -->
   <script>
-    // تغليف الكود داخل دالة IIFE لمنع تسرب المتغيرات إلى النطاق العام
     (function() {
       "use strict";
 
       // تنبيه: يجب عدم تضمين مفتاح API في الكود العام؛ يُفضل تخزينه على الخادم واستخدام واجهة وسيطة
       const API_URL = 'https://api.deepseek.com/chat/completions';
       const API_KEY = 'sk-15606736ed9e4aea8b7cc11a195d2b01';
-      const ANALYSIS_PROMPT = `أنت خبير لغوي وتقني متخصص في مراجعة الترجمة التقنية وتحليل النصوص بدقة. مهمتك مقارنة النص المصدر والنص الهدف واستخراج الاختلافات بدقة مع تحسين التظليل والتعليم.
+      const ANALYSIS_PROMPT = `أنت خبير لغوي وتقني متخصص في مراجعة الترجمة التقنية وتحليل النصوص بدقة. مهمتك مقارنة النص المصدر والنص الهدف واستخراج الاختلافات مع تحسين التظليل والتعليم.
 تعليمات:
 1. قم بتحليل النص إلى فقرات منفصلة، مع التأكد من انتهاء كل فقرة بنقطة.
 2. لا تقم بتعديل العلامات التالية:
@@ -272,9 +279,7 @@
       const splitIntoLines = text =>
         text.split(/\n+/).map((line, i) => {
           line = line.trim();
-          if(line && !line.endsWith('.')) { 
-            line += '.'; 
-          }
+          if(line && !line.endsWith('.')) { line += '.'; }
           return `<div class="line-item"><span class="line-number">${i+1}:</span><span class="line-text">${line}</span></div>`;
         }).join('');
 
@@ -354,7 +359,7 @@
         const iconMeaning = `<i class="fas fa-info-circle text-blue-600 mr-1"></i>`;
         const iconDoubt = `<i class="fas fa-question-circle text-indigo-600 mr-1"></i>`;
 
-        // النصوص المفقودة
+        // النصوص المفقودة (المعلمة مسبقاً)
         const missingRegex = /__(.*?)__/g;
         while ((match = missingRegex.exec(analysisOutput)) !== null) {
           const phrase = match[1].trim();
@@ -405,6 +410,47 @@
         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;
+      };
+
       /* ===============================
          دالة معالجة الملفات (PDF و DOCX)
       =============================== */
@@ -412,7 +458,6 @@
         let text = "";
         try {
           if (file.type === 'application/pdf') {
-            // يُنصح بمعالجة ملفات PDF على خادم مخصص بدلاً من العميل لتحسين الأداء والأمان
             const form = new FormData();
             form.append('image', file);
             const response = await fetch('https://demo.api4ai.cloud/ocr/v1/results', {
@@ -421,7 +466,6 @@
               headers: { 'A4A-CLIENT-APP-ID': 'sample' }
             });
             const data = await response.json();
-            // تأكد من التحقق من بنية البيانات قبل الوصول إليها
             text = data.results?.[0]?.entities?.[0]?.objects?.[0]?.entities?.[0]?.text || "";
           } else if (file.type === 'application/vnd.openxmlformats-officedocument.wordprocessingml.document') {
             const arrayBuffer = await file.arrayBuffer();
@@ -482,7 +526,6 @@
       document.getElementById('submitBtn').addEventListener('click', async () => {
         const sourceText = document.getElementById('sourceText').value;
         const targetText = document.getElementById('targetText').value;
-        // إعادة تعيين قائمة الأخطاء
         document.getElementById('errorsList').innerHTML = '';
         document.getElementById('resultSection').classList.remove('hidden');
         document.getElementById('explanationBox').classList.remove('hidden');
@@ -492,7 +535,6 @@
           return;
         }
 
-        // مقارنة عدد الكلمات وتحذير المستخدم إن كان هناك اختلاف
         const sourceWordCount = countWords(sourceText);
         const targetWordCount = countWords(targetText);
         if (sourceWordCount !== targetWordCount) {
@@ -500,7 +542,6 @@
         }
 
         try {
-          // عرض مؤشر التحميل أثناء عملية التحليل
           const progressDiv = document.createElement('div');
           progressDiv.className = "bg-indigo-100 p-4 rounded-xl mb-4";
           progressDiv.innerHTML = `<div class="flex items-center">
@@ -509,7 +550,6 @@
                                      </div>`;
           document.getElementById('errorsList').appendChild(progressDiv);
 
-          // تجهيز البرومبت مع استبدال النصوص المصدر والهدف
           const prompt = ANALYSIS_PROMPT
                           .replace("{source}", sourceText)
                           .replace("{target}", targetText);
@@ -541,7 +581,6 @@
           const analysisOutput = data.choices[0].message.content.trim();
           progressDiv.remove();
 
-          // في حالة التطابق التام
           if (analysisOutput.includes('[MATCH]')) {
             const checkDiv = document.createElement('div');
             checkDiv.className = "p-4 rounded-xl bg-green-50 text-green-700 flex items-center";
@@ -551,41 +590,29 @@
             document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetText);
             document.getElementById('explanationText').innerHTML = `<p>النصوص متطابقة ولا يوجد اختلاف يجب الإشارة إليه.</p>`;
           } else {
-            // تطبيق التظليل على النصوص المصدر والهدف
             const sourceHighlighted = applyHighlights(sourceText, analysisOutput);
             const targetHighlighted = applyHighlights(targetText, analysisOutput);
             document.getElementById('sourceTextReview').innerHTML = splitIntoLines(sourceHighlighted);
             document.getElementById('targetTextReview').innerHTML = splitIntoLines(targetHighlighted);
-            // توليد شرح تفصيلي للاختلافات
             const explanationHTML = generateExplanation(sourceText, analysisOutput);
             document.getElementById('explanationText').innerHTML = explanationHTML;
+          }
 
-            // عرض ملخص للاختلافات إن وُجدت
-            const numDiffCount = (analysisOutput.match(/<([^<>]+)>/g) || []).length;
-            const missingDiffCount = (analysisOutput.match(/__(.*?)__/g) || []).length;
-            const extraDiffCount = (analysisOutput.match(/<<EXTRA>>(.*?)<<\/EXTRA>>/g) || []).length;
-            const meaningDiffCount = (analysisOutput.match(/\[MEANING\](.*?)\[\/MEANING\]/g) || []).length;
-            const doubtDiffCount = (analysisOutput.match(/\[DOUBT\](.*?)\[\/DOUBT\]/g) || []).length;
-            if (numDiffCount || missingDiffCount || extraDiffCount || meaningDiffCount || doubtDiffCount) {
-              const summaryDiv = document.createElement('div');
-              summaryDiv.className = "p-4 rounded-xl bg-yellow-50 text-gray-800";
-              let summaryText = '<div class="font-bold mb-2">ملخص الاختلافات:</div><ul class="list-disc ml-4 space-y-1">';
-              if (numDiffCount) summaryText += `<li>اختلاف في الأرقام/التواريخ: ${numDiffCount}</li>`;
-              if (missingDiffCount) summaryText += `<li>النصوص المفقودة: ${missingDiffCount}</li>`;
-              if (extraDiffCount) summaryText += `<li>النصوص الزائدة: ${extraDiffCount}</li>`;
-              if (meaningDiffCount) summaryText += `<li>اختلاف في المعنى: ${meaningDiffCount}</li>`;
-              if (doubtDiffCount) summaryText += `<li>علامات الشك: ${doubtDiffCount}</li>`;
-              summaryText += '</ul>';
-              summaryDiv.innerHTML = summaryText;
-              document.getElementById('errorsList').appendChild(summaryDiv);
-            }
+          // الكشف عن الكلمات المفقودة باستخدام الدالة الجديدة
+          const missingWords = detectMissingWords(sourceText, targetText);
+          if (missingWords.length > 0) {
+            const missingWordsSection = document.getElementById('missingWordsSection');
+            const missingWordsList = document.getElementById('missingWordsList');
+            missingWordsList.innerHTML = `<ul class="list-disc ml-4">${missingWords.map(word => `<li>${word}</li>`).join('')}</ul>`;
+            missingWordsSection.classList.remove('hidden');
+          } else {
+            document.getElementById('missingWordsSection').classList.add('hidden');
           }
         } catch (error) {
           document.getElementById('errorsList').innerHTML = '';
           addError(`خطأ في التحليل: ${error.message}`);
         }
       });
-
     })();
   </script>
 </body>