// Content script that runs on all pages
(function() {
  'use strict';

  console.log('[GreasyBoii] Content script loaded on:', window.location.href);

  // Wait for DOM to be ready
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', initGreasyBoii);
  } else {
    initGreasyBoii();
  }

  function initGreasyBoii() {
    console.log('[GreasyBoii] Initializing...');
    
    // Get rules from storage and execute matching ones
    browser.storage.sync.get(['rules']).then((result) => {
      const rules = result.rules || [];
      const currentUrl = window.location.href;
      
      console.log('[GreasyBoii] Found', rules.length, 'rule(s) in storage');

      rules.forEach((rule) => {
        if (!rule.enabled) {
          console.log('[GreasyBoii] Skipping disabled rule:', rule.name);
          return;
        }

        let shouldExecute = false;

        // Check conditions
        if (rule.matchType === 'url') {
          shouldExecute = currentUrl.includes(rule.urlPattern);
          console.log(`[GreasyBoii] URL match test for "${rule.name}": ${currentUrl} includes "${rule.urlPattern}" = ${shouldExecute}`);
        } else if (rule.matchType === 'element') {
          shouldExecute = document.querySelector(rule.elementSelector) !== null;
          console.log(`[GreasyBoii] Element match test for "${rule.name}": selector "${rule.elementSelector}" found = ${shouldExecute}`);
        } else if (rule.matchType === 'both') {
          const urlMatches = currentUrl.includes(rule.urlPattern);
          const elementExists = document.querySelector(rule.elementSelector) !== null;
          shouldExecute = urlMatches && elementExists;
          console.log(`[GreasyBoii] Combined match test for "${rule.name}": URL=${urlMatches}, Element=${elementExists}, Result=${shouldExecute}`);
        }

        if (shouldExecute) {
          console.log(`[GreasyBoii] ✓ Executing rule: ${rule.name}`);
          executeRule(rule);
        } else {
          console.log(`[GreasyBoii] ✗ Rule "${rule.name}" conditions not met`);
        }
      });
    });
  }

  function executeRule(rule) {
    // For Firefox, we'll use exportFunction and cloneInto to bypass CSP
    if (rule.javascript && rule.javascript.trim()) {
      console.log(`[GreasyBoii] Injecting JavaScript for rule: ${rule.name}`);
      
      try {
        // Method 1: Try wrappedJSObject (Firefox specific)
        if (typeof wrappedJSObject !== 'undefined') {
          try {
            const code = `
              (function() {
                try {
                  ${rule.javascript}
                } catch (e) {
                  console.error('[GreasyBoii] Error in injected script:', e);
                }
              })();
            `;
            wrappedJSObject.eval(code);
            console.log(`[GreasyBoii] ✓ JavaScript executed via wrappedJSObject`);
            return;
          } catch (e) {
            console.log(`[GreasyBoii] wrappedJSObject method failed, trying alternative...`);
          }
        }

        // Method 2: Script injection (works on most sites)
        const script = document.createElement('script');
        script.textContent = `
          (function() {
            try {
              ${rule.javascript}
            } catch (e) {
              console.error('[GreasyBoii] Error in injected script:', e);
            }
          })();
        `;
        (document.head || document.documentElement).appendChild(script);
        script.remove();
        console.log(`[GreasyBoii] ✓ JavaScript injected successfully`);
      } catch (error) {
        console.error(`[GreasyBoii] Error executing JavaScript for rule "${rule.name}":`, error);
      }
    }

    // Execute CSS - CSS injection doesn't have CSP issues
    if (rule.css && rule.css.trim()) {
      try {
        console.log(`[GreasyBoii] Injecting CSS for rule: ${rule.name}`);
        
        const style = document.createElement('style');
        style.textContent = rule.css;
        style.setAttribute('data-greasyboii-rule', rule.name);
        (document.head || document.documentElement).appendChild(style);
        
        console.log(`[GreasyBoii] ✓ CSS injected successfully`);
      } catch (error) {
        console.error(`[GreasyBoii] Error applying CSS for rule "${rule.name}":`, error);
      }
    }
  }
})();