Add helper to copy markdown

2025-08-29 10:02:45 -06:00
parent 596071de41
commit a4dbfa54bd
1 changed files with 17 additions and 0 deletions
--- 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">