content.js

// Get all relevant elements (paragraphs, headings, and elements with paragraph class)
function getRelevantElements() {
  const selector = 'p, h1, h2, h3, h4, h5, h6, .paragraph';
  return document.querySelectorAll(selector);
}

// Apply settings to elements
function applySettings(settings) {
  const elements = getRelevantElements();
  
  elements.forEach(element => {
    // Reset styles first
    element.style.direction = '';
    element.style.fontFamily = '';
    
    // Apply based on settings
    if (settings.both) {
      element.style.direction = 'rtl';
      element.style.fontFamily = 'Tahoma, sans-serif';
    } else if (settings.rtl) {
      element.style.direction = 'rtl';
    } else if (settings.font) {
      element.style.fontFamily = 'Tahoma, sans-serif';
    }
  });
}

// Load and apply settings for current domain
async function loadAndApplySettings() {
  const domain = window.location.hostname;
  const key = `settings_${domain}`;
  
  chrome.storage.local.get(key, (result) => {
    const settings = result[key] || { rtl: false, font: false, both: false };
    applySettings(settings);
  });
}

// Listen for messages from popup
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  if (request.action === 'applySettings') {
    applySettings(request.settings);
  }
});

// Apply settings when page loads
loadAndApplySettings();

// Observe DOM changes and reapply settings to new elements
const observer = new MutationObserver(() => {
  loadAndApplySettings();
});

observer.observe(document.body, {
  childList: true,
  subtree: true
});