From 051d5a0934962b23ccb030dccd7c29ba1f566097 Mon Sep 17 00:00:00 2001
From: Emile Bangma <github@emilebangma.com>
Date: Thu, 27 Mar 2025 17:30:29 +0000
Subject: [PATCH] feat(clipboard): clicking heading anchors copies link to
 clipboard

---
 quartz/components/scripts/clipboard.inline.ts | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/quartz/components/scripts/clipboard.inline.ts b/quartz/components/scripts/clipboard.inline.ts
index e16c11299..7a29259f7 100644
--- a/quartz/components/scripts/clipboard.inline.ts
+++ b/quartz/components/scripts/clipboard.inline.ts
@@ -3,6 +3,7 @@ const svgCopy =
 const svgCheck =
   '<svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true"><path fill-rule="evenodd" fill="rgb(63, 185, 80)" d="M13.78 4.22a.75.75 0 010 1.06l-7.25 7.25a.75.75 0 01-1.06 0L2.22 9.28a.75.75 0 011.06-1.06L6 10.94l6.72-6.72a.75.75 0 011.06 0z"></path></svg>'
 
+// Code block copy button
 document.addEventListener("nav", () => {
   const els = document.getElementsByTagName("pre")
   for (let i = 0; i < els.length; i++) {
@@ -35,3 +36,27 @@ document.addEventListener("nav", () => {
     }
   }
 })
+
+// Header anchor copy button
+document.addEventListener("nav", () => {
+  const els = document.querySelectorAll("a[role=anchor]")
+  for (let i = 0; i < els.length; i++) {
+    const anchorLink = `${window.location.href}${els[i].getAttribute("href")}`
+    if (els[i].getAttribute("href")) {
+      const svgAnchor = els[i].innerHTML
+      function onClick() {
+        navigator.clipboard.writeText(anchorLink).then(
+          () => {
+            els[i].innerHTML = svgCheck
+            setTimeout(() => {
+              els[i].innerHTML = svgAnchor
+            }, 2000)
+          },
+          (error) => console.error(error),
+        )
+      }
+      els[i].addEventListener("click", onClick)
+      window.addCleanup(() => els[i].removeEventListener("click", onClick))
+    }
+  }
+})