Function copyToClipboard

codeclash/viewer/static/js/clipboard.js:4–76

(text, button)

// Copy to clipboard function
function copyToClipboard(text, button) {
  function showSuccessMessage() {
    if (button) {
      const originalText = button.textContent;
      const originalColor = button.style.color;
      button.textContent = "✓ Copied";
      button.style.color = "green";
      setTimeout(() => {
        button.textContent = originalText;
        button.style.color = originalColor;
      }, 1500);
    }
  }

  // Check if modern clipboard API is available
  if (navigator.clipboard && navigator.clipboard.writeText) {
    navigator.clipboard
      .writeText(text)
      .then(function () {
        showSuccessMessage();
        console.log("Copied to clipboard:", text);
      })
      .catch(function (err) {
        console.error("Failed to copy text with clipboard API: ", err);
        // Fall back to legacy method
        fallbackCopy();
      });
  } else {
    // Use fallback method directly
    fallbackCopy();
  }

  function fallbackCopy() {
    try {
      const textArea = document.createElement("textarea");
      textArea.value = text;
      textArea.style.position = "fixed";
      textArea.style.left = "-9999px";
      textArea.style.top = "-9999px";
      document.body.appendChild(textArea);
      textArea.focus();
      textArea.select();

      const successful = document.execCommand("copy");
      document.body.removeChild(textArea);

      if (successful) {
        showSuccessMessage();
        console.log("Copied to clipboard (fallback):", text);
      } else {
        console.error("Failed to copy text with fallback method");
        if (button) {
          button.textContent = "✗ Failed";
          button.style.color = "red";
          setTimeout(() => {
            button.textContent = button.getAttribute("title") || "Copy";
            button.style.color = "";
          }, 1500);