@tarunspandit/codexflow 0.29.0

package/docs/script.js

@@ -0,0 +1,80 @@
+const copyButtons = document.querySelectorAll("[data-copy]");
+const reducedMotion = window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
+const announcer = document.createElement("div");
+
+announcer.className = "sr-only";
+announcer.setAttribute("aria-live", "polite");
+announcer.setAttribute("aria-atomic", "true");
+document.body.append(announcer);
+
+function announce(message) {
+  announcer.textContent = "";
+  window.requestAnimationFrame(() => {
+    announcer.textContent = message;
+  });
+}
+
+async function copyValue(value) {
+  if (navigator.clipboard?.writeText) {
+    await navigator.clipboard.writeText(value);
+    return;
+  }
+
+  const textarea = document.createElement("textarea");
+  textarea.value = value;
+  textarea.setAttribute("readonly", "");
+  textarea.style.position = "fixed";
+  textarea.style.opacity = "0";
+  document.body.append(textarea);
+  textarea.select();
+  const copied = document.execCommand("copy");
+  textarea.remove();
+  if (!copied) throw new Error("Clipboard is unavailable");
+}
+
+for (const button of copyButtons) {
+  const defaultLabel = button.textContent?.trim() || "Copy";
+  const defaultAriaLabel = button.getAttribute("aria-label") || defaultLabel;
+
+  button.addEventListener("click", async () => {
+    const value = button.getAttribute("data-copy") || "";
+    if (!value) return;
+
+    button.disabled = true;
+    button.setAttribute("aria-busy", "true");
+    try {
+      await copyValue(value);
+      button.textContent = "Copied";
+      button.setAttribute("aria-label", "Copied to clipboard");
+      announce("Copied to clipboard");
+    } catch {
+      button.textContent = "Copy failed";
+      button.setAttribute("aria-label", "Copy failed; try again");
+      announce("Copy failed. Try again.");
+    } finally {
+      button.disabled = false;
+      button.removeAttribute("aria-busy");
+      window.setTimeout(() => {
+        button.textContent = defaultLabel;
+        button.setAttribute("aria-label", defaultAriaLabel);
+      }, 1400);
+    }
+  });
+}
+
+const internalLinks = document.querySelectorAll('a[href^="#"]');
+
+for (const link of internalLinks) {
+  link.addEventListener("click", (event) => {
+    const targetId = link.getAttribute("href")?.slice(1);
+    const target = targetId ? document.getElementById(targetId) : null;
+    if (!target) return;
+    event.preventDefault();
+    if (window.location.hash !== `#${targetId}`) {
+      history.pushState(null, "", `#${targetId}`);
+    }
+    if (!target.hasAttribute("tabindex")) target.setAttribute("tabindex", "-1");
+    target.focus({ preventScroll: true });
+    target.scrollIntoView({ behavior: reducedMotion ? "auto" : "smooth", block: "start" });
+  });
+}

package/docs/star.svg

@@ -0,0 +1,11 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" role="img" aria-label="Star">
+  <defs>
+    <linearGradient id="gold" x1="4" y1="2" x2="20" y2="22">
+      <stop offset="0" stop-color="#fde68a"/>
+      <stop offset="0.48" stop-color="#fbbf24"/>
+      <stop offset="1" stop-color="#b45309"/>
+    </linearGradient>
+  </defs>
+  <path fill="url(#gold)" d="M12 2.7 14.9 8.6l6.5.9-4.7 4.6 1.1 6.5L12 17.5l-5.8 3.1 1.1-6.5-4.7-4.6 6.5-.9L12 2.7Z"/>
+  <path fill="none" stroke="#fff7ed" stroke-opacity=".65" stroke-width="1" d="m12 4.95 2.1 4.25.24.49.54.08 4.69.68-3.4 3.31-.39.38.1.54.8 4.67-4.2-2.21-.48-.25-.48.25-4.2 2.21.8-4.67.1-.54-.39-.38-3.4-3.31 4.69-.68.54-.08.24-.49L12 4.95Z"/>
+</svg>