Update script.js

script.js

@@ -1,9 +1,9 @@
 // این فایل script.js نسخه نهایی شده بر اساس کد اصلی شماست.
-// تغییرات لازم برای کار در Hugging Face Space جدید و مدل heydariAI/persian-embeddings اعمال شده است.
-// شامل تمام قابلیت های اضافه شده و رفع اشکالات ID های شناسایی شده.
+// شامل تمام اصلاحات لازم برای کار در Hugging Face Space جدید با مدل heydariAI/persian-embeddings.
+// تمام قابلیت های اضافه شده و رفع اشکالات شناسایی شده در فرآیند عیب یابی در آن لحاظ شده است.
 
 // ****** تعریف متغیرهای عناصر HTML در بالاترین اسکوپ ******
-// این متغیرها در بلوک DOMContentLoaded مقداردهی اولیه می شوند.
+// این متغیرها در بلوک DOMContentLoaded پس از بارگذاری صفحه مقداردهی اولیه می شوند.
 let searchButton;
 let userQuestionInput; // <--- مطابق با ID در index.html شما
 let searchResultsContainer; // <--- مطابق با ID در index.html شما
@@ -21,16 +21,13 @@ let similarityThresholdInput; // <--- مطابق با ID در index.html شما
 
 
 // ****** تعریف URL سرور پایتون برای دریافت Embedding سوال ******
-// آدرس لوکال برای ارتباط با Backend در همان کانتینر Docker روی پورت 7860
-// این آدرس ثابت است و نیازی به جایگزینی با آدرس عمومی Space ندارد.
-const EMBEDDING_SERVER_URL = '/get_embedding'; // <--- تغییر به آدرس نسبی
+// آدرس نسبی برای ارتباط با Backend در همان سرور Flask که Frontend را سرویس می دهد.
+const EMBEDDING_SERVER_URL = '/get_embedding'; // <--- آدرس نسبی برای Space مشترک
 
 
 // ****** نگاشت نام فایل JSON به نام کامل کتاب (برای نمایش در نتایج و فیلتر) ******
 // این map اطلاعات نمایشی کتاب را بر اساس value چک باکس (نام فایل JSON) فراهم می کند.
 // مطمئن شوید که value چک باکس ها در index.html شما با کلیدهای این map مطابقت دارد.
-// همچنین book_title در فایل های JSON شما باید با مقادیر این map مطابقت داشته باشد
-// زیرا فیلتر بر اساس book_title در JSON انجام می شود.
 const bookInfo = {
     // 'نام_فایل_json_در_value_چک_باکس': 'نام کامل نمایشی کتاب',
     'jabe_siah.json': 'جعبه سیاه (منتخب خاطرات اسدالله علم)', // مثال: value چک باکس : نام نمایشی کتاب
@@ -97,7 +94,7 @@ function setButtonEnabled(enabled) {
 }
 
 // ****** تابع برای بررسی وضعیت و فعال/غیرفعال کردن دکمه جستجو ******
-// دکمه فقط زمانی فعال می شود که داده بارگذاری شده و کادر سوال خالی نیست و آستانه معتبر است.
+// دکمه فقط زمانی فعال می شود که داده بارگذاری شده، کادر سوال خالی نیست و آستانه معتبر است.
 function checkAndEnableSearchButton() {
     const isDataLoaded = memoirsWithEmbeddings.length > 0;
     // اطمینان از وجود userQuestionInput قبل از دسترسی به value
@@ -211,9 +208,10 @@ async function updateSelectedBooksData() {
 
             if (Array.isArray(data)) {
                  // فیلتر کردن آیتم هایی که بردار embedding معتبر دارند و افزودن اطلاعات کتاب به آن ها
-                 const memoirsWithBookInfo = data.filter(item => item && typeof item === 'object' && item.embedding && Array.isArray(item.embedding) && item.embedding.length > 0) // اضافه کردن چک item !== null و item از نوع object باشد
+                 // مطمئن می شویم که آیتم یک آبجکت معتبر است و فیلد embedding را دارد
+                 const memoirsWithBookInfo = data.filter(item => item && typeof item === 'object' && item.embedding && Array.isArray(item.embedding) && item.embedding.length > 0)
                                                  .map(item => ({
-                                                     ...item, // کپی کردن تمام پراپرتی های موجود (passage, reference, embedding, passage_original, etc.)
+                                                     ...item, // کپی کردن تمام پراپرتی های موجود (passage_original, passage_combined, reference, embedding, etc.)
                                                      book_title: bookDisplayName, // افزودن نام نمایشی کتاب
                                                      book_file: filename // افزودن نام فایل اصلی کتاب
                                                  }));
@@ -241,7 +239,7 @@ async function updateSelectedBooksData() {
              updateSelectionError("هیچ خاطره‌ای با بردار معتبر از کتاب‌های انتخاب شده یافت نشد. فرمت فایل‌های JSON و وجود فیلد embedding را بررسی کنید.");
          } else {
               console.log(`Successfully loaded data from ${loadedBooksCount} book(s). Total valid passages loaded: ${totalPassagesLoaded}`); // لاگ برای توسعه
-             updateStatus(`داده‌ها از ${loadedBooksCount} کتاب با موفقیت بارگذاری شد. مجموع خاطرات قابل جستجو: ${totalPassagesLoaded}. آماده جستجو هستید.`); // پیام برای کاربر
+             updateStatus(`داده‌ها از ${loadedBooksCount} کتاب با موفقیت بارگذاری شد. مجموع خاطرات قابل جستجو: ${totalPassagesLoaded}. آماده جستجو هستید.`); // پیام برای کار
          }
 
         checkAndEnableSearchButton(); // بررسی و فعال کردن دکمه پس از بارگذاری داده
@@ -249,7 +247,7 @@ async function updateSelectedBooksData() {
 
     } catch (error) {
         console.error("Error loading selected books data:", error); // لاگ برای توسعه
-        updateStatus("خطا در بارگذاری داده‌ها.", true); // پیام برای کاربر
+        updateStatus("خطا در بارگذاری داده‌ها.", true); // پیام برای کار
         // پیام خطای برای کاربر شامل جزئیات بیشتر از علت خطا
         updateSelectionError(`خطا در بارگذاری داده‌ها: ${error.message || 'خطای نامشخص'}. جزئیات بیشتر در کنسول مرورگر.`);
         memoirsWithEmbeddings = []; // اطمینان از خالی بودن داده در صورت خطا
@@ -259,8 +257,7 @@ async function updateSelectedBooksData() {
          }
     } finally {
         // در نهایت، چه بارگذاری موفقیت آمیز باشد چه با خطا مواجه شود، دکمه جستجو وضعیت خود را بررسی می کند.
-        // checkAndEnableSearchButton() این کار را انجام می دهد.
-        // checkAndEnableSearchButton(); // در اینجا نیازی نیست، چون در هر دو شاخه موفقیت و خطا صدا زده می شود.
+        // checkAndEnableSearchButton(); // این فراخوانی در پایان هر دو شاخه try/catch در بالا نیز وجود دارد.
     }
 }
 
@@ -303,6 +300,8 @@ function cosineSimilarity(vecA, vecB) {
 
 // تابع کمکی برای حذف بخش کلمات کلیدی از متن Passage
 // این تابع بر اساس فرمتی که در generate_embeddings.py برای ترکیب متن و کلیدواژه ها استفاده شده، کار می کند.
+// با توجه به استفاده مستقیم از passage_original، این تابع ممکن است دیگر به صورت مستقیم برای نمایش متن اصلی استفاده نشود،
+// اما می تواند برای پردازش passage_combined اگر کاربر بخواهد استفاده شود.
 function cleanPassageTextForDisplay(passage) {
     if (!passage || typeof passage !== 'string') {
         console.warn("cleanPassageTextForDisplay received invalid input:", passage);
@@ -365,7 +364,7 @@ async function searchMemoirs() {
 
 
     try {
-        console.log("Requesting query embedding from Python server..."); // لاگ برای توسعه
+        console.log("Requesting query embedding from Backend..."); // لاگ برای توسعه
 
         // ارسال درخواست به سرور Backend برای دریافت بردار سوال
         const serverResponse = await fetch(EMBEDDING_SERVER_URL, {
@@ -379,10 +378,10 @@ async function searchMemoirs() {
         // بررسی موفقیت آمیز بودن پاسخ سرور (کد وضعیت 2xx)
         if (!serverResponse.ok) {
              const errorBody = await serverResponse.text(); // بخوان به صورت متن برای اطلاعات بیشتر
-             console.error(`Server responded with status ${serverResponse.status}:`, errorBody); // لاگ خطا برای توسعه
+             console.error(`Backend responded with status ${serverResponse.status}:`, errorBody); // لاگ خطا برای توسعه
 
              // تلاش برای تجزیه پاسخ خطا به صورت JSON اگر سرور خطای JSON برگردانده باشد
-             let serverErrorMessage = `خطا از سرور (${serverResponse.status}).`;
+             let serverErrorMessage = `خطا از Backend (${serverResponse.status}).`;
              try {
                  const errorJson = JSON.parse(errorBody);
                  if (errorJson.error) {
@@ -390,12 +389,11 @@ async function searchMemoirs() {
                  }
              } catch (e) {
                  // اگر پاسخ خطا JSON نبود، متن خام را اضافه کن
-                 serverErrorMessage += ` پاسخ خام: ${errorBody.substring(0, Math.min(errorBody.length, 100))}...`; // نمایش بخشی از پاسخ خام (حداکثر 100 کاراکتر)
+                 serverErrorMessage += ` پاسخ خام: ${errorBody.substring(0, Math.min(errorBody.length, 100))}...`; // نمایش بخشی از پاسخ خام (حداثر 100 کاراکتر)
              }
 
              updateStatus("جستجو با خطا مواجه شد.", true); // پیام اصلی برای کاربر (رنگ قرمز)
              updateSelectionError(serverErrorMessage + " جزئیات بیشتر در کنسول مرورگر."); // نمایش جزئیات خطا در بخش خطای انتخاب
-             // نیازی به throw new Error نیست چون در finally دکمه فعال می شود و پیام ها نمایش داده شده اند.
              return; // خروج از تابع searchMemoirs پس از خطا
 
         }
@@ -406,13 +404,13 @@ async function searchMemoirs() {
 
         // بررسی اینکه بردار embedding معتبر و غیر خالی است
         if (!queryEmbeddingArray || !Array.isArray(queryEmbeddingArray) || queryEmbeddingArray.length === 0) {
-             console.error("Server returned an invalid or empty embedding:", serverData); // لاگ خطا برای توسعه
+             console.error("Backend returned an invalid or empty embedding:", serverData); // لاگ خطا برای توسعه
              updateStatus("جستجو با خطا مواجه شد.", true); // پیام اصلی برای کاربر
-             updateSelectionError("سرور بردار جستجو را به درستی برنگرداند. جزئیات در کنسول مرورگر."); // نمایش جزئیات خطا در بخش خطای انتخاب
+             updateSelectionError("Backend بردار جستجو را به درستی برنگرداند. جزئیات در کنسول مرورگر."); // نمایش جزئیات خطا در بخش خطای انتخاب
              return; // خروج از تابع searchMemoirs
         }
 
-        console.log("Query embedding received from server successfully."); // لاگ برای توسعه
+        console.log("Query embedding received from Backend successfully."); // لاگ برای توسعه
         console.log(`Query embedding dimensions: ${queryEmbeddingArray.length}`); // لاگ برای توسعه
         console.log("Calculating similarities in browser..."); // لاگ برای توسعه
 
@@ -475,6 +473,9 @@ async function searchMemoirs() {
         // برش لیست نتایج برای نمایش فقط تعداد مورد نظر
         const topResults = filteredResults.slice(0, finalResultsPerPage);
         console.log(`Displaying top ${topResults.length} results from filtered list based on user selection (${finalResultsPerPage} per page setting).`);
+
+        // لاگ کردن نتایج برتر نمایش داده شده برای عیب یابی (اختیاری، می توانید حذف کنید)
+        console.log("Top results data before display:", topResults); // <-- لاگ برای بررسی داده های نتایج
         // ********************************************
 
 
@@ -508,7 +509,8 @@ async function searchMemoirs() {
                      similarityElement.classList.add('result-similarity');
                      // نمایش امتیاز با 4 رقم اعشار
                      similarityElement.textContent = `شباهت: ${result.similarity !== undefined ? result.similarity.toFixed(4) : 'N/A'}`;
-                     resultItem.appendChild(similarityElement); // اضافه کردن به آیتم نتیجه
+                     // اضافه کردن به آیتم نتیجه (ترتیب مهم است برای فلوت float: right)
+                     resultItem.appendChild(similarityElement);
                      // ******************************
 
 
@@ -517,7 +519,7 @@ async function searchMemoirs() {
                      const bookTitleElement = document.createElement('p');
                      bookTitleElement.classList.add('result-book-title');
                      bookTitleElement.textContent = `از کتاب: ${result.book_title || 'نامشخص'}`;
-                     resultItem.appendChild(bookTitleElement); // اضافه کردن به آیتم نتیجه
+                      resultItem.appendChild(bookTitleElement); // اضافه کردن به آیتم نتیجه
 
 
                      // نمایش مرجع خاطره
@@ -528,12 +530,14 @@ async function searchMemoirs() {
                      resultItem.appendChild(referenceElement); // اضافه کردن به آیتم نتیجه
 
 
-                     // نمایش متن خاطره (با حذف کلمات کلیدی)
+                     // ****** نمایش متن اصلی خاطره (استفاده از passage_original) ******
                      // استفاده از p مطابق با ساختار HTML و کلاس CSS شما
                      const passageElement = document.createElement('p');
                      passageElement.classList.add('result-passage');
-                     passageElement.textContent = result.passage_original || 'متن خاطره موجود نیست.'; // <-- نمایش passage_original
-                     resultItem.appendChild(passageElement); // اضافه کردن به آیتم نتیجه
+                     // مستقیماً از فیلد passage_original استفاده می کنیم
+                     passageElement.textContent = result.passage_original || 'متن خاطره موجود نیست.';
+                      resultItem.appendChild(passageElement); // اضافه کردن به آیتم نتیجه
+                     // ***************************************************************
 
 
                      // ****** اضافه کردن دکمه کپی ******
@@ -561,9 +565,7 @@ async function searchMemoirs() {
 
 
                      // Event listener برای دکمه کپی
-                     // این Listener در بلوک DOMContentLoaded به صورت Delegation اضافه می شود.
-                     // کد مربوط به Listener در انتهای بلوک DOMContentLoaded آورده شده است.
-                     // در اینجا فقط دکمه را به آیتم نتیجه اضافه می کنیم.
+                     // این Listener در بلوک DOMContentLoaded به صورت Delegation اضافه شده و در اینجا فقط دکمه به DOM اضافه می شود.
                      resultItem.appendChild(copyButton); // دکمه کپی در انتها
 
                      // **************************************************************************
@@ -575,10 +577,10 @@ async function searchMemoirs() {
                  searchResultsContainer.appendChild(resultsList); // اضافه کردن لیست نتایج به کانتینر اصلی
                  console.log("DOM updated with results.");
 
-                 // لاگ کردن نتایج برتر نمایش داده شده برای عیب یابی
+                 // لاگ کردن نتایج برتر نمایش داده شده برای عیب یابی (اختیاری، می توانید حذف کنید)
                  console.log(`Top ${topResults.length} results displayed (reference, book, similarity, passage start):`);
                  topResults.forEach(result => {
-                     console.log(`  Book: ${result.book_title || 'Unknown'}, Ref: ${result.reference || 'N/A'}, Sim: ${result.similarity !== undefined ? result.similarity.toFixed(4) : 'N/A'}, Passage: "${result.passage ? result.passage.substring(0, Math.min(result.passage.length, 50)).replace(/\n/g, ' ') + '...' : 'N/A'}"`); // لاگ جزئیات بیشتر و جایگزینی خط جدید
+                     console.log(`  Book: ${result.book_title || 'Unknown'}, Ref: ${result.reference || 'N/A'}, Sim: ${result.similarity !== undefined ? result.similarity.toFixed(4) : 'N/A'}, Passage: "${result.passage_original ? result.passage_original.substring(0, Math.min(result.passage_original.length, 50)).replace(/\n/g, ' ') + '...' : 'N/A'}"`); // لاگ جزئیات بیشتر و جایگزینی خط جدید
                  });
              }
 
@@ -598,10 +600,10 @@ async function searchMemoirs() {
 
 
     } catch (error) {
-        // مدیریت خطا هنگام درخواست سرور یا پردازش پاسخ
+        // مدیریت خطا هنگام درخواست به Backend یا پردازش پاسخ
         console.error("Error during search:", error); // لاگ
          if (searchResultsContainer) { // استفاده از نام متغیر صحیح
-            searchResultsContainer.innerHTML = `<p style="color: red;">هنگام جستجو خطایی رخ داد: ${error.message || 'خطای نامشخص'}. جزئیات بیشتر در کنسول مرورگر موجود است.</p>`;
+            searchResultsContainer.innerHTML = `<p style=\"color: red;\">هنگام جستجو خطایی رخ داد: ${error.message || 'خطای نامشخص'}. جزئیات بیشتر در کنسول مرورگر موجود است.</p>`;
          }
         updateStatus("جستجو با خطا مواجه شد.", true); // پیام خطا (رنگ قرمز)
         updateSelectionError(`هنگام جستجو خطایی رخ داد: ${error.message || 'خطای نامشخص'}.`); // نمایش خطای اصلی در بخش خطای انتخاب
@@ -620,17 +622,17 @@ document.addEventListener('DOMContentLoaded', () => {
     // ****** دریافت رفرنس المان های HTML (مطابق با ID ها و کلاس ها در index.html شما) ******
     // این رفرنس ها متغیرهای سراسری تعریف شده در بالای فایل هستند.
     searchButton = document.getElementById('searchButton');
-    userQuestionInput = document.getElementById('userQuestion');
-    searchResultsContainer = document.getElementById('searchResults');
-    loadingStatusElement = document.getElementById('loadingStatus');
-    selectionErrorElement = document.getElementById('selectionError'); // مطابق با ID در HTML شما
+    userQuestionInput = document.getElementById('userQuestion'); // <--- مطابق با ID در index.html شما
+    searchResultsContainer = document.getElementById('searchResults'); // <--- مطابق با ID در index.html شما
+    loadingStatusElement = document.getElementById('loadingStatus'); // <--- مطابق با ID در index.html شما
+    selectionErrorElement = document.getElementById('selectionError'); // <--- مطابق با ID در index.html شما
 
-    selectAllCheckbox = document.getElementById('select_all_books'); // مطابق با ID در HTML شما
+    selectAllCheckbox = document.getElementById('select_all_books'); // <--- مطابق با ID در index.html شما
     // getElementsByClassName برمی گرداند HTMLCollection زنده.
-    bookCheckboxes = document.getElementsByClassName('book-checkbox'); // مطابق با class در HTML شما
+    bookCheckboxes = document.getElementsByClassName('book-checkbox'); // <--- مطابق با class در index.html شما
 
-    resultsPerPageSelect = document.getElementById('resultsPerPage'); // مطابق با ID در HTML شما
-    similarityThresholdInput = document.getElementById('similarityThresholdInput'); // مطابق با ID در HTML شما
+    resultsPerPageSelect = document.getElementById('resultsPerPage'); // <--- مطابق با ID در index.html شما
+    similarityThresholdInput = document.getElementById('similarityThresholdInput'); // <--- مطابق با ID در index.html شما
     // **********************************************************************************
 
 
@@ -662,18 +664,28 @@ document.addEventListener('DOMContentLoaded', () => {
         console.log("Search input keypress listener added.");
 
 
+        // ****** Listener برای تغییر محتوای کادر سوال: بررسی وضعیت دکمه جستجو ******
+        // این Listener باعث می شود دکمه جستجو زمانی که متن وارد می شود فعال شود.
+        userQuestionInput.addEventListener('input', () => {
+            console.log("Search input value changed, checking button state."); // لاگ برای توسعه
+            checkAndEnableSearchButton(); // <--- فراخوانی تابع بررسی وضعیت دکمه
+        });
+        console.log("Search input 'input' listener added.");
+        // *********************************************************************
+
+
         // Listener برای تغییر مقدار ورودی آستانه شباهت: به‌روزرسانی وضعیت دکمه (فعال/غیرفعال شدن)
         // مقدار آستانه شباهت مستقیماً در تابع searchMemoirs از این input خوانده می شود.
         similarityThresholdInput.addEventListener('input', () => {
-            console.log("Similarity threshold input value changed.");
-            checkAndEnableSearchButton(); // بررسی وضعیت دکمه پس از تغییر مقدار
+            console.log("Similarity threshold input value changed."); // لاگ
+            checkAndEnableSearchButton(); // بررسی وضعیت دکمه پس از تغییر مقدار (اگر مقدار نامعتبر شود دکمه غیرفعال می شود)
         });
         console.log("Similarity threshold input listener added.");
 
         // Listener برای تغییر انتخاب در نتایج در صفحه (resultsPerPageSelect)
         // مقدار نتایج در صفحه مستقیماً در تابع searchMemoirs از این select خوانده می شود.
         resultsPerPageSelect.addEventListener('change', () => {
-             console.log("Results per page setting changed.");
+             console.log("Results per page setting changed."); // لاگ
              // نیازی به checkAndEnableSearchButton نیست چون تغییر این مقدار به تنهایی دکمه را فعال/غیرفعال نمی کند.
         });
         console.log("Results per page select listener added.");
@@ -695,7 +707,7 @@ document.addEventListener('DOMContentLoaded', () => {
             });
             console.log("'Select All' checkbox change listener added.");
         } else {
-             console.error("'Select All' checkbox element with ID 'select_all_books' not found.");
+             console.error("'Select All' checkbox element with ID 'select_all_books' not found."); // لاگ
              // اگر این المان پیدا نشد، قابلیت "انتخاب همه" کار نخواهد کرد.
         }
 
@@ -714,7 +726,7 @@ document.addEventListener('DOMContentLoaded', () => {
              });
              console.log("Individual book checkboxes change listeners added.");
         } else {
-             console.warn("No book checkboxes found with class 'book-checkbox'. Book selection filtering will not work as expected.");
+             console.warn("No book checkboxes found with class 'book-checkbox'. Book selection filtering will not work as expected."); // لاگ
              // اگر المان های چک باکس تکی پیدا نشدند، فیلترینگ بر اساس کتاب انتخاب شده کار نخواهد کرد.
              // در این حالت، updateSelectedBooksData با لیست خالی selectedBookFiles اجرا خواهد شد.
         }
@@ -733,15 +745,16 @@ document.addEventListener('DOMContentLoaded', () => {
                  if (resultItemElement) {
                       // متن کپی شامل متن خاطره، مرجع، نام کتاب و شباهت است.
                       // این اطلاعات از متن نمایش داده شده در المان های نتیجه استخراج می شود.
-                      const passageText = resultItemElement.querySelector('.result-passage')?.textContent || '';
                       // استفاده از ? در selector برای جلوگیری از خطا اگر المان پیدا نشد.
+                      const passageText = resultItemElement.querySelector('.result-passage')?.textContent || '';
                       // جایگزینی 'مرجع:' و trim برای تمیز کردن متن استخراج شده.
                       const referenceText = resultItemElement.querySelector('.result-reference')?.textContent.replace('مرجع:', '').trim() || 'نامشخص';
                       const bookTitleText = resultItemElement.querySelector('.result-book-title')?.textContent.replace('از کتاب:', '').trim() || 'نامشخص';
-                       const similarityText = resultItemElement.querySelector('.result-similarity')?.textContent.replace('شباهت:', '').trim() || 'N/A';
+                       const similarityElementText = resultItemElement.querySelector('.result-similarity')?.textContent || ''; // گرفتن متن کامل عنصر شباهت (مثلا "شباهت: 0.7500")
 
                        // ساخت متنی که باید کپی شود با فرمت دلخواه
-                       const textToCopy = `خاطره:\n${passageText}\n\nمرجع: ${referenceText}\nاز کتاب: ${bookTitleText}\nشباهت: ${similarityText}`;
+                       const textToCopy = `خاطره:\n${passageText}\n\nمرجع: ${referenceText}\nاز کتاب: ${bookTitleText}\n${similarityElementText}`; // اضافه کردن متن کامل شباهت
+
 
                        // کپی کردن متن به کلیپ بورد
                        navigator.clipboard.writeText(textToCopy)
@@ -761,7 +774,7 @@ document.addEventListener('DOMContentLoaded', () => {
                                }, 2000);
                            });
                  } else {
-                      console.warn("Result item parent not found for copy button."); // لاگ
+                      console.warn("Result item parent not found for copy button click."); // لاگ
                  }
             }
         });
@@ -801,4 +814,5 @@ document.addEventListener('DOMContentLoaded', () => {
         }
          // نیازی به return نیست چون کد بعد از این بلوک اجرا نمی شود (به دلیل عدم وجود المان های ضروری)
     }
-});
+});
+// پایان بلوک DOMContentLoaded و پایان کامل فایل script.js