script.js

document.addEventListener("DOMContentLoaded", () => {
  document.querySelectorAll("button, .card, select").forEach((el) => {
    el.addEventListener("pointerdown", () => {
      if (!el.disabled) el.classList.add("active");
    });
    el.addEventListener("pointerup", () => {
      el.classList.remove("active");
    });
    el.addEventListener("pointercancel", () => {
      el.classList.remove("active");
    });
    el.addEventListener("pointerleave", () => {
      el.classList.remove("active");
    });
    el.addEventListener("pointerenter", () => {
      if (!el.disabled) el.classList.add("hover");
    });
    el.addEventListener("pointerleave", () => {
      el.classList.remove("hover");
    });
  });
});
document.addEventListener("contextmenu", (e) => {
  const el = e.target;
  if (
    el.tagName === "INPUT" ||
    el.tagName === "TEXTAREA" ||
    el.isContentEditable
  ) {
    return;
  }
  e.preventDefault();
});

async function copyData() {
  const el = document.querySelector("._copy");
  try {
    await navigator.clipboard.writeText(el.value);
  } catch (e) {
    console.error("Clipboard error:", e);
    alert("Unable to copy to clipboard.");
  }
}
async function pasteData() {
  const el = document.querySelector("._paste");
  try {
    el.value = await navigator.clipboard.readText();
  } catch (e) {
    console.error("Clipboard error:", e);
    alert("Unable to read clipboard.");
  }
}
function clearData() {
  document.querySelectorAll("._clear").forEach((el) => {
    el.value = "";
  });
}

if (
  "serviceWorker" in navigator &&
  !(
    window.location.hostname.startsWith("localhost") ||
    window.location.hostname.startsWith("127.0.0.1") ||
    window.location.hostname.startsWith("192.168.")
  )
) {
  navigator.serviceWorker
    .register("/sw.js", { scope: "/" })
    .catch((err) => console.error("SW registration failed:", err));

  navigator.serviceWorker.addEventListener("message", (event) => {
    if (event.data.type === "SW_UPDATED") {
      const version = event.data.version;

      console.log(`New SW version: ${version}`);
      if (
        confirm(`New version ${version} installed.\nDo you want to reload now?`)
      ) {
        window.location.reload();
      }
    }
  });
}