Add copy article button with full Markdown source

scripts/generate-pages.mjs

@@ -52,6 +52,7 @@ const run = async () => {
     articles.push({
       ...data,
       sourceFile: file,
+      markdown: md,
       isUnlisted: unlisted.has(data.slug),
       html: fixInternalLinks(marked.parse(content))
     });

scripts/lib/renderers.mjs

@@ -65,6 +65,11 @@ ${shellHead({
 ${nav}
 <main class="shell py-10">
   <article class="card overflow-hidden">
+    <div class="flex justify-end px-6 py-3 sm:px-10">
+      <button type="button" data-copy-article class="inline-flex items-center gap-2 rounded-lg border border-zinc-200 bg-white px-3 py-2 text-sm font-medium text-zinc-800 shadow-sm transition hover:bg-zinc-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-400">
+        <i data-lucide="copy" class="h-4 w-4"></i><span aria-live="polite">Copy article</span>
+      </button>
+    </div>
     <img src="${article.header_image}" alt="${escapeHtml(article.title)}" class="h-64 w-full object-cover" />
     <div class="p-6 sm:p-10">
       <p class="text-xs uppercase tracking-wide text-zinc-500">${fmtDate(article.date)} • ${renderAuthorInline(article.author)}</p>
@@ -76,6 +81,7 @@ ${nav}
       <hr class="my-8 border-zinc-200" />
       <div class="article-prose">${article.html}</div>
     </div>
+    <script id="article-markdown" type="application/json">${JSON.stringify(article.markdown).replace(/</g, "\\u003c")}</script>
   </article>
 
   ${merch}