content.js

// Content script that executes when pages load/reload
console.log('Content script loaded on:', window.location.href);

// Function to execute your custom JavaScript
function executeOnPageLoad() {
  console.log('Page loaded/reloaded at:', new Date().toISOString());
  console.log('Current URL:', window.location.href);
  console.log('Document ready state:', document.readyState);
  
  // Check if JavaScript is being blocked
  checkJavaScriptBlocking();
  
  // Add your custom JavaScript code here
  // Example: Change page background color
  // document.body.style.backgroundColor = '#f0f8ff';
  
  // Example: Add a notification banner
  // addNotificationBanner();
  
  // Example: Log all links on the page
  // logAllLinks();
  
  // Send message to background script
  chrome.runtime.sendMessage({
    action: 'pageLoaded',
    url: window.location.href,
    timestamp: Date.now()
  });
}

// Function to check if JavaScript is being blocked
function checkJavaScriptBlocking() {
  const scriptTags = document.querySelectorAll('script[src]');
  const inlineScripts = document.querySelectorAll('script:not([src])');
  
  console.log(`Found ${scriptTags.length} external scripts and ${inlineScripts.length} inline scripts`);
  // Attach error event listeners to scripts to detect loading errors
  scriptTags.forEach(script => {
    if (!script.dataset.errorListenerAttached) {
      script.addEventListener('error', () => {
        script.dataset.loadError = 'true';
      });
      script.dataset.errorListenerAttached = 'true';
    }
  });

  // Check if any external scripts failed to load (by looking for scripts with error attribute)
  scriptTags.forEach(script => {
    console.log('Script:', script.src, ' reload');
    try{
      // Attempt to reload the script
      const newScript = document.createElement('script');
      newScript.src = script.src;
      // Optionally, copy attributes except for dataset
      Array.from(script.attributes).forEach(attr => {
      if (attr.name !== 'src') newScript.setAttribute(attr.name, attr.value);
      });
      // Replace the old script with the new one
      script.parentNode.replaceChild(newScript, script);

      console.log(`Attempted to reload blocked script: ${script.src}`);
    } catch(e){
      console.error('Error reloading script:', e);
    }
  });

  setTimeout(() => {
    let blocked = false;
    scriptTags.forEach(script => {
      if (script.dataset.loadError === 'true') {
        blocked = true;
      }
    });
    if (blocked) {
      console.log('⚠️ Some scripts failed to load - may be blocked');
    } else {
      console.log('✅ No obvious script blocking detected');
    }
  }, 3000);

}

// Function to log all links (example)
function logAllLinks() {
  const links = document.querySelectorAll('a[href]');
  console.log(`Found ${links.length} links on the page:`);
  links.forEach((link, index) => {
    console.log(`${index + 1}. ${link.href} - "${link.textContent.trim()}"`);
  });
}

// Execute immediately when script loads
executeOnPageLoad();


// Listen for messages from popup or background script
chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  console.log('Message received:', request);
  if (request.action === 'executeScript') {
    console.log('Received message to execute script');
    executeOnPageLoad();
    sendResponse({ success: true });
  }
  
  if (request.action === 'getPageInfo') {
    console.log('Action:', request.action);
    checkJavaScriptBlocking();
    sendResponse({
      url: window.location.href,
      title: document.title,
      links: document.querySelectorAll('a').length,
      images: document.querySelectorAll('img').length
    });
  }
});