From c2034b0a6b06b014440de4f9cc743138282f756c Mon Sep 17 00:00:00 2001
From: Leandro Facchinetti <git@leafac.com>
Date: Thu, 11 Mar 2021 11:19:23 +0000
Subject: [PATCH]

---
 package-lock.json |  4 ++--
 package.json      |  3 ++-
 src/index.ts      | 26 ++++++++++++++++++++++++++
 3 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 177966b..37cac47 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -5,7 +5,6 @@
   "requires": true,
   "packages": {
     "": {
-      "name": "kill-the-newsletter",
       "version": "0.0.0",
       "license": "MIT",
       "dependencies": {
@@ -18,7 +17,8 @@
         "express": "^4.17.1",
         "fs-extra": "^9.1.0",
         "mailparser": "^3.1.0",
-        "smtp-server": "^3.8.0"
+        "smtp-server": "^3.8.0",
+        "tagged-template-noop": "^2.1.1"
       },
       "bin": {
         "kill-the-newsletter": "lib/index.js"
diff --git a/package.json b/package.json
index f1c745c..2e8adce 100644
--- a/package.json
+++ b/package.json
@@ -30,7 +30,8 @@
     "express": "^4.17.1",
     "fs-extra": "^9.1.0",
     "mailparser": "^3.1.0",
-    "smtp-server": "^3.8.0"
+    "smtp-server": "^3.8.0",
+    "tagged-template-noop": "^2.1.1"
   },
   "devDependencies": {
     "@types/express": "^4.17.11",
diff --git a/src/index.ts b/src/index.ts
index 39ab321..5191457 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -11,6 +11,7 @@ import { html, HTML } from "@leafac/html";
 import { css, process as processCSS } from "@leafac/css";
 import { sql, Database } from "@leafac/sqlite";
 import databaseMigrate from "@leafac/sqlite-migration";
+import javascript from "tagged-template-noop";
 
 const VERSION = require("../package.json").version;
 
@@ -208,6 +209,31 @@ export default function killTheNewsletter(
               >
             </p>
           </footer>
+          <script>
+            for (const copyable of document.querySelectorAll(".copyable"))
+              copyable.insertAdjacentHTML(
+                "afterend",
+                $${"`"}
+                $${html`
+              <br />
+              <button
+                type="button"
+                onclick="${javascript`
+                  (async () => {
+                    await navigator.clipboard.writeText("\${copyable.innerText}");
+                    const originalInnerText = this.innerText;
+                    this.innerText = "Copied";
+                    await new Promise(resolve => window.setTimeout(resolve, 500));
+                    this.innerText = originalInnerText;
+                  })();
+                `}"
+              >
+                Copy
+              </button>
+            `}
+                $${"`"}
+              );
+          </script>
         </body>
       </html>
     `);