From cff594b53aa92390154ecdbb317dc90e48077a0d Mon Sep 17 00:00:00 2001
From: ignace nyamagana butera <nyamsprod@gmail.com>
Date: Fri, 21 Jun 2024 11:03:32 +0200
Subject: [PATCH] adding copy to clipboard to Period documentation website

---
 .gitignore              |  1 +
 docs/_data/manifest.yml |  2 +-
 docs/scripts.0001.js    | 15 ------------
 docs/scripts.0002.js    | 51 +++++++++++++++++++++++++++++++++++++++++
 4 files changed, 53 insertions(+), 16 deletions(-)
 delete mode 100644 docs/scripts.0001.js
 create mode 100644 docs/scripts.0002.js

diff --git a/.gitignore b/.gitignore
index d4e832b..596fcdc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -3,6 +3,7 @@ build
 .idea
 docs/_site
 docs/.jekyll-cache
+docs/tailwindcss
 .phpunit.cache
 composer.lock
 .php-cs-fixer.cache
diff --git a/docs/_data/manifest.yml b/docs/_data/manifest.yml
index 66ed101..ef94287 100644
--- a/docs/_data/manifest.yml
+++ b/docs/_data/manifest.yml
@@ -1,4 +1,4 @@
 {
   "docs.css": "/styles.0001.css",
-  "docs.js": "/scripts.0001.js"
+  "docs.js": "/scripts.0002.js"
 }
diff --git a/docs/scripts.0001.js b/docs/scripts.0001.js
deleted file mode 100644
index f52b450..0000000
--- a/docs/scripts.0001.js
+++ /dev/null
@@ -1,15 +0,0 @@
-(() => {
-  let contentHeaders = document.querySelectorAll("main h2[id]");
-  if (!document.querySelector('html').classList.contains('homepage') && contentHeaders) {
-    const uri = new URL(location.href);
-    contentHeaders.forEach((header) => {
-      uri.hash = header.id;
-      let link = document.createElement("a");
-      link.classList.add("header-permalink");
-      link.title = "Permalink";
-      link.href = uri.toString();
-      link.innerHTML = "&#182;";
-      header.appendChild(link);
-    });
-  }
-})();
diff --git a/docs/scripts.0002.js b/docs/scripts.0002.js
new file mode 100644
index 0000000..d79047e
--- /dev/null
+++ b/docs/scripts.0002.js
@@ -0,0 +1,51 @@
+(() => {
+  let contentHeaders = document.querySelectorAll("main h2[id]");
+  if (!document.querySelector('html').classList.contains('homepage') && contentHeaders) {
+    const uri = new URL(location.href);
+    contentHeaders.forEach((header) => {
+      uri.hash = header.id;
+      let link = document.createElement("a");
+      link.classList.add("header-permalink");
+      link.title = "Permalink";
+      link.href = uri.toString();
+      link.innerHTML = "&#182;";
+      header.appendChild(link);
+    });
+  }
+
+  let codeSnippet = document.querySelectorAll('.content .language-php.highlighter-rouge');
+  codeSnippet.forEach((snippet) => {
+    let notification = document.createElement("div");
+    notification.classList.add('copy-snippet-notification', 'hidden', 'rounded', 'p-2');
+    snippet.appendChild(notification);
+
+    let link = document.createElement("span");
+    link.classList.add("copy-snippet");
+    link.innerHTML = "copy 📋";
+    link.addEventListener('click', function (e) {
+      let snippetParent = e.target.parentNode;
+      let notification = snippetParent.querySelector('.copy-snippet-notification');
+      let content = snippetParent.querySelector('pre').textContent;
+      try {
+        navigator.clipboard.writeText(content);
+        notification.innerHTML = 'Copied!';
+        notification.classList.add('bg-black');
+        notification.classList.remove('hidden');
+        setTimeout(() => {
+          notification.classList.add('hidden');
+          notification.classList.remove('bg-black');
+        }, 500);
+      } catch (err) {
+        console.error('Failed to copy: ', err);
+        notification.innerHTML = 'Copy failed!';
+        notification.classList.add('bg-red-800');
+        notification.classList.remove('hidden');
+        setTimeout(() => {
+          notification.classList.add('hidden');
+          notification.classList.remove('bg-red-800');
+        }, 500);
+      }
+    }, false);
+    snippet.appendChild(link);
+  });
+})();