From a4dbfa54bdb865a00298c550599cfbb4cf4ba494 Mon Sep 17 00:00:00 2001
From: Chip Wasson <chip@wasson.io>
Date: Fri, 29 Aug 2025 10:02:45 -0600
Subject: [PATCH] Add helper to copy markdown

---
 views/junk-drawer/view.hbs | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)
diff --git a/views/junk-drawer/view.hbs b/views/junk-drawer/view.hbs
index b017334..a639192 100644
--- a/views/junk-drawer/view.hbs
+++ b/views/junk-drawer/view.hbs
@@ -6,6 +6,22 @@
   <meta charset='utf-8' />
   <title>Chip's Attic</title>
   <script src='https://cdn.tailwindcss.com'></script>
+  <script>
+    function copyMarkdown() {
+      const markdownContent = document.getElementById("markdown-content").innerText;
+      navigator.clipboard.writeText(markdownContent);
+      markdownContent.select();
+      document.execCommand("Copy");
+    }
+    function startup() {
+      const el = document.getElementById("markdown");
+      el.addEventListener("touchend", copyMarkdown);
+      el.addEventListener("click", copyMarkdown);
+      console.log("Initialized.");
+    }
+
+    document.addEventListener("DOMContentLoaded", startup);
+  </script>
 </head>
 
 <body>
@@ -15,6 +31,7 @@
     <h2>Description</h2>
     <p class="bg-slate-100 px-2 py-4">{{description}}</p>
     <p>Right-click copy: <a class="text-blue-500 underline" href='/attic/{{slug}}'>{{slug}}</a></p>
+    <p id="markdown" class="cursor-pointer mt-2">Click/tap to copy markdown <pre id="markdown-content">[Attic: {{slug}}](https://api.us.dev/attic/{{slug}})</pre></p>
     {{#if items}}
     <p class="text-lg">Files:</p>
     <div class="list-disc list-inside ml-1">
