Shepardizing NKP with REGEX and Backlinks

            // content.js
async function fetchAdditionalInfo() {
    try {
      const waitForElement = setInterval(() => {
        const titleElement = document.evaluate(
          '/html/body/div[2]/div/div/article/div[1]/div[1]/h1/a',
          document,
          null,
          XPathResult.FIRST_ORDERED_NODE_TYPE,
          null
        ).singleNodeValue;
  
        if (titleElement) {
          clearInterval(waitForElement);
          processElement(titleElement);
        }
      }, 100);
  
      setTimeout(() => clearInterval(waitForElement), 5000);
    } catch (error) {
      console.error('Error in fetchAdditionalInfo:', error);
    }
  }
  
  async function processElement(titleElement) {
    try {
      const text = titleElement.innerText;
      console.log('Found text:', text);
      
      const match = text.match(/निर्णय नं\.\s*([०१२३४५६७८९]+)/);
      
      if (!match) {
        console.error('Case number not found in text:', text);
        return;
      }
  
      const caseNumber = match[1];
      console.log('Found case number:', caseNumber);
  
      const loadingDiv = document.createElement('div');
      loadingDiv.textContent = 'Loading additional information...';
      loadingDiv.style.padding = '10px';
      loadingDiv.style.margin = '10px';
      loadingDiv.style.backgroundColor = '#fff3cd';
      loadingDiv.style.border = '1px solid #ffeeba';
      loadingDiv.style.borderRadius = '4px';
  
      const articleElement = document.evaluate(
        '/html/body/div[2]/div/div/article',
        document,
        null,
        XPathResult.FIRST_ORDERED_NODE_TYPE,
        null
      ).singleNodeValue;
  
      if (!articleElement) {
        console.error('Article element not found');
        return;
      }
  
      articleElement.insertBefore(loadingDiv, articleElement.firstChild);
  
      try {
        const response = await new Promise((resolve) => {
          chrome.runtime.sendMessage(
            {
              action: "fetchData",
              url: `https://sushilparajuli.com/nkp_database/nkpquery.php?number=${caseNumber}`
            },
            resolve
          );
        });
  
        if (!response.success) {
          throw new Error(response.error || 'Failed to fetch data');
        }
  
        // Create a new div with custom formatting
        const infoDiv = document.createElement('div');
        infoDiv.style.padding = '20px';
        infoDiv.style.margin = '20px';
        infoDiv.style.border = '1px solid #ccc';
        infoDiv.style.borderRadius = '5px';
        infoDiv.style.backgroundColor = '#f9f9f9';
        infoDiv.style.position = 'relative'; // For footer positioning
        infoDiv.style.minHeight = '100px'; // Ensure space for footer
  
        // Add header
        const headerDiv = document.createElement('div');
        headerDiv.style.fontWeight = 'bold';
        headerDiv.style.marginBottom = '10px';
        headerDiv.textContent = 'See other related inbound and backlinked decisions:';
        infoDiv.appendChild(headerDiv);
  
        // Add main content - using innerHTML instead of textContent
        const contentDiv = document.createElement('div');
        contentDiv.style.marginBottom = '30px'; // Increased margin to make space for footer
        contentDiv.innerHTML = response.data; // Changed from textContent to innerHTML
        
        // Style the links
        contentDiv.querySelectorAll('a').forEach(link => {
          link.style.color = '#0066cc';
          link.style.textDecoration = 'none';
          link.style.marginRight = '5px';
          // Add hover effect
          link.addEventListener('mouseover', () => {
            link.style.textDecoration = 'underline';
          });
          link.addEventListener('mouseout', () => {
            link.style.textDecoration = 'none';
          });
        });
        
        infoDiv.appendChild(contentDiv);
  
        // Add footer
        const footerDiv = document.createElement('div');
        footerDiv.style.position = 'absolute';
        footerDiv.style.bottom = '10px';
        footerDiv.style.right = '20px';
        footerDiv.style.fontSize = '12px';
        footerDiv.innerHTML = 'Courtesy of <a href="https://www.linkedin.com/in/sushil-p/" target="_blank" style="color: #0077b5; text-decoration: none;">Sushil Parajuli</a>';
        infoDiv.appendChild(footerDiv);
  
        // Replace loading indicator with formatted content
        articleElement.replaceChild(infoDiv, loadingDiv);
  
      } catch (fetchError) {
        console.error('Error fetching data:', fetchError);
        loadingDiv.style.backgroundColor = '#f8d7da';
        loadingDiv.style.border = '1px solid #f5c6cb';
        loadingDiv.textContent = 'Error loading additional information. Please try again later.';
      }
  
    } catch (error) {
      console.error('Error in processElement:', error);
      const errorDiv = document.createElement('div');
      errorDiv.textContent = 'An error occurred while processing the page. Please try again later.';
      errorDiv.style.padding = '10px';
      errorDiv.style.margin = '10px';
      errorDiv.style.backgroundColor = '#f8d7da';
      errorDiv.style.border = '1px solid #f5c6cb';
      errorDiv.style.borderRadius = '4px';
  
      const articleElement = document.evaluate(
        '/html/body/div[2]/div/div/article',
        document,
        null,
        XPathResult.FIRST_ORDERED_NODE_TYPE,
        null
      ).singleNodeValue;
  
      if (articleElement) {
        articleElement.insertBefore(errorDiv, articleElement.firstChild);
      }
    }
  }
  
  // Run the function when the page loads
  document.addEventListener('DOMContentLoaded', fetchAdditionalInfo);
  fetchAdditionalInfo();