content.js

(async function() {
  const settings = await chrome.storage.sync.get("jiraBaseUrl");
  const jiraBaseUrl = settings.jiraBaseUrl || "https://msmlnl.atlassian.net/browse/";

  function linkifyJiraKeys(node) {
    const issueKeyRegex = /\b([A-Z]+-\d+)\b/g;
    if (!node || node.nodeType !== Node.ELEMENT_NODE) return;
    
    const walker = document.createTreeWalker(node, NodeFilter.SHOW_TEXT, null);
    let textNode;
    while ((textNode = walker.nextNode())) {
      const parent = textNode.parentNode;
      if (parent && !parent.closest("a, textarea, input, style, script")) {
        const replaced = textNode.nodeValue.replace(issueKeyRegex, match => {
          return `<a href='${jiraBaseUrl}${match}' target='_blank' style='color:blue; text-decoration:underline;'>${match}</a>`;
        });
        if (replaced !== textNode.nodeValue) {
          const span = document.createElement("span");
          span.innerHTML = replaced;
          parent.replaceChild(span, textNode);
        }
      }
    }
  }

  function observePage() {
    const observer = new MutationObserver(mutations => {
      mutations.forEach(mutation => {
        mutation.addedNodes.forEach(node => linkifyJiraKeys(node));
      });
    });
    observer.observe(document.body, { childList: true, subtree: true });
  }

  function processGmail() {
    function updateGmailView() {
      document.querySelectorAll(".adn, .ha, .a3s, .ii, .gmail_message").forEach(linkifyJiraKeys);
    }

    const gmailObserver = new MutationObserver(updateGmailView);
    gmailObserver.observe(document.body, { childList: true, subtree: true });
    updateGmailView();
  }

  if (document.readyState === "complete") {
    linkifyJiraKeys(document.body);
    observePage();
    processGmail();
  } else {
    window.addEventListener("load", () => {
      linkifyJiraKeys(document.body);
      observePage();
      processGmail();
    });
  }
})();