From 2493e6d014cd4d7794d7faddad0492ff6450e369 Mon Sep 17 00:00:00 2001
From: Nikita Karamov <me@kytta.dev>
Date: Mon, 23 Jan 2023 05:49:37 +0100
Subject: [PATCH] Add "Copy URL" button

Closes #41
---
 src/shareon.css |  4 ++++
 src/shareon.js  | 11 +++++++++++
 2 files changed, 15 insertions(+)

diff --git a/src/shareon.css b/src/shareon.css
index 795b367..3675e16 100644
--- a/src/shareon.css
+++ b/src/shareon.css
@@ -73,6 +73,10 @@
   vertical-align: bottom;
 }
 
+.shareon > .copy-url:before {
+  background-image: url("data:image/svg+xml,%3Csvg fill='%23fff' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.465 11.293c1.133-1.133 3.109-1.133 4.242 0l.707.707 1.414-1.414-.707-.707c-.943-.944-2.199-1.465-3.535-1.465s-2.592.521-3.535 1.465L4.929 12a5.008 5.008 0 0 0 0 7.071 4.983 4.983 0 0 0 3.535 1.462A4.982 4.982 0 0 0 12 19.071l.707-.707-1.414-1.414-.707.707a3.007 3.007 0 0 1-4.243 0 3.005 3.005 0 0 1 0-4.243l2.122-2.121z'/%3E%3Cpath d='m12 4.929-.707.707 1.414 1.414.707-.707a3.007 3.007 0 0 1 4.243 0 3.005 3.005 0 0 1 0 4.243l-2.122 2.121c-1.133 1.133-3.109 1.133-4.242 0L10.586 12l-1.414 1.414.707.707c.943.944 2.199 1.465 3.535 1.465s2.592-.521 3.535-1.465L19.071 12a5.008 5.008 0 0 0 0-7.071 5.006 5.006 0 0 0-7.071 0z'/%3E%3C/svg%3E");
+}
+
 .shareon > .facebook {
   background-color: #1877f2;
 }
diff --git a/src/shareon.js b/src/shareon.js
index 399197e..cb2d630 100644
--- a/src/shareon.js
+++ b/src/shareon.js
@@ -50,6 +50,17 @@ const init = () => {
         for (let k = 0; k < classListLength; k += 1) {
           const cls = child.classList.item(k);
 
+          // if it's "Copy URL"
+          if (cls === "copy-url") {
+            child.addEventListener("click", () => {
+              const url =
+                child.dataset.url ||
+                container.dataset.url ||
+                window.location.href;
+              navigator.clipboard.writeText(url);
+            });
+          }
+
           // if it's one of the networks
           if (Object.prototype.hasOwnProperty.call(urlBuilderMap, cls)) {
             const preset = {