From 43fa598e7000b84780c32b15833cde8c341dec75 Mon Sep 17 00:00:00 2001
From: Pierre-Alexandre Veyry <paveyry@arista.com>
Date: Mon, 22 Mar 2021 17:01:52 +0000
Subject: [PATCH] js: add button to copy the thread link to the clipboard

---
 css/shape.css |  4 ++++
 js/plugin.js  | 24 +++++++++++++++++++++++-
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/css/shape.css b/css/shape.css
index 8b74e5c..30b9e80 100644
--- a/css/shape.css
+++ b/css/shape.css
@@ -3,6 +3,10 @@
     font-size: 8px;
 }
 
+.linkcpy {
+    font-weight: bold;
+}
+
 /* Reduce left and right margins in the chat area */
 .BEjUKc .cFc9ae {
     margin-left: 10px;
diff --git a/js/plugin.js b/js/plugin.js
index c32aa5a..52c59b5 100644
--- a/js/plugin.js
+++ b/js/plugin.js
@@ -15,7 +15,7 @@ function inject(){
             // Remove the /u/[0-9] from the link, which is bad when sharing links because it
             // could try to open the link with their non-default Google account.
             link = link.replace(/\/u\/\d/, "");
-            tmpdiv.innerHTML = '<p class="threadlink"><a href="'+link+'">Link:</a> '+link+'</p>';
+            tmpdiv.innerHTML = '<p class="threadlink"><a href="'+link+'">Link:</a> '+link+' (<a class="linkcpy" link="'+link+'">COPY TO CLIPBOARD</a>)</p>';
             elt.setAttribute("linked", "");
             elt.insertBefore(tmpdiv.childNodes[0], elt.childNodes[0]);
         }
@@ -35,8 +35,30 @@ function inject(){
             for (i = 0; i < topics.length; i++) {
                 linkFunction(topics[i]);
             }
+            var links = document.getElementsByClassName('linkcpy');
+            for (i = 0; i < links.length; i++) {
+                links[i].addEventListener("click", async event => {
+                    if (!navigator.clipboard) {
+                        event.target.innerText = "Clipboard API not available";
+                        event.target.style.color = 'red';
+                        return;
+                    }
+                    var text = event.target.getAttribute("link");
+                    console.log(text);
+                    try {
+                        await navigator.clipboard.writeText(text);
+                        event.target.innerText = 'SUCCESSFULLY COPIED TO CLIPBOARD';
+                        event.target.style.color = 'green';
+                    } catch (err) {
+                        event.target.innerText = 'FAILED TO COPY';
+                        event.target.style.color = 'red';
+                        console.error('Failed to copy!', err);
+                    }
+                });
+            }
         });
     }
+
     
     // insertion-query v1.0.3 (2016-01-20)
     // license:MIT