script.js

const button = document.querySelector("#copy-btn");
const buttonShort = document.querySelector("#copy-btn-short");
const buttonCopyText = document.querySelector("#copy-btn-text");

function defaultFormatTitle(title) {
  return title.replace(" - JIRA", "");
}

async function getCurrentTab() {
  let queryOptions = { active: true, lastFocusedWindow: true };
  // `tab` will either be a `tabs.Tab` instance or `undefined`.
  let [tab] = await chrome.tabs.query(queryOptions);
  return tab;
}

async function setLinkInClipboard(title, url) {
  const str = `<a href="${url}">${title}</a>`;

  function listener(e) {
    e.clipboardData.setData("text/html", str);
    e.clipboardData.setData("text/plain", str);
    e.preventDefault();
  }
  document.addEventListener("copy", listener);
  document.execCommand("copy");
  document.removeEventListener("copy", listener);
}

async function setTextInClipboard(text) {
  function listener(e) {
    e.clipboardData.setData("text/html", text);
    e.clipboardData.setData("text/plain", text);
    e.preventDefault();
  }
  document.addEventListener("copy", listener);
  document.execCommand("copy");
  document.removeEventListener("copy", listener);
}

async function executeCopy(
  button,
  { formatTitle = (title) => title, wrapInAnchor = true } = {}
) {
  const tab = await getCurrentTab();

  if (!tab) {
    return;
  }

  const formattedTitle = defaultFormatTitle(formatTitle(tab.title));

  if (wrapInAnchor) {
    await setLinkInClipboard(formattedTitle, tab.url);
  } else {
    await setTextInClipboard(formattedTitle);
  }

  button.textContent = "✅ Copied!";

  setTimeout(() => {
    button.textContent = "Copy Link";
  }, 2000);
}

button.addEventListener("click", async () => {
  await executeCopy(button);
});

buttonShort.addEventListener("click", async () => {
  await executeCopy(buttonShort, {
    formatTitle: (title) => title.match(/\[([^\]]+)\]/)?.[0] || title,
  });
});

buttonCopyText.addEventListener("click", async () => {
  await executeCopy(buttonCopyText, { wrapInAnchor: false });
});