بهینه‌سازی و امنیت فروشگاه اینترنتی با جاوااسکریپت

// بهینه‌سازی رندر محصولات با استفاده از DocumentFragment
function renderProducts(products) {
  const fragment = document.createDocumentFragment();
  products.forEach(product => {
    const productElement = createProductCard(product);
    fragment.appendChild(productElement);
  });
  document.getElementById('products-container').appendChild(fragment);
}

// جلوگیری از حملات XSS با Sanitize کردن ورودی‌ها
function sanitizeInput(input) {
  const div = document.createElement('div');
  div.textContent = input;
  return div.innerHTML;
}
// مثال استفاده:
const userComment = '<script>maliciousCode()</script>';
const safeComment = sanitizeInput(userComment);
document.getElementById('comment-section').innerHTML = safeComment;

// نمایش وضعیت خرید با انیمیشن
function showPurchaseSuccess() {
  const successModal = document.getElementById('success-modal');
  successModal.style.display = 'block';
  successModal.animate(
    [
      { opacity: 0, transform: 'translateY(-20px)' },
      { opacity: 1, transform: 'translateY(0)' }
    ],
    { duration: 300, easing: 'ease-out' }
  );
  setTimeout(() => {
    successModal.style.display = 'none';
  }, 3000);
}

// سیستم لاگ‌گیری پیشرفته
const logger = {
  log: (message, level = 'info') => {
    const logEntry = {
      timestamp: new Date().toISOString(),
      level,
      message,
      userAgent: navigator.userAgent,
      page: window.location.pathname
    };
    // ارسال لاگ به سرور (در محیط تولید)
    if (process.env.NODE_ENV === 'production') {
      fetch('/api/logs', {
        method: 'POST',
        headers: {
          'Content-Type': 'application/json',
          'X-CSRF-Token': document.querySelector('meta[name="csrf-token"]').content
        },
        body: JSON.stringify(logEntry)
      });
    }
    // نمایش در کنسول (در محیط توسعه)
    if (process.env.NODE_ENV === 'development') {
      console[level](logEntry);
    }
  }
};

// تمرین: تابع جستجوی محصولات با قابلیت Debounce
function searchProducts(query) {
  // پیاده‌سازی کنید
}