From ce644d29eeb4bb126e00777ac486d1a23dafa555 Mon Sep 17 00:00:00 2001
From: Leandro Facchinetti <git@leafac.com>
Date: Fri, 6 Dec 2024 12:51:30 +0000
Subject: [PATCH]

---
 package-lock.json | 16 ++++++++--------
 package.json      |  2 +-
 source/index.mts  | 20 ++++++++------------
 3 files changed, 17 insertions(+), 21 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 31331ff..bbf8753 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,7 +12,7 @@
       },
       "devDependencies": {
         "@fontsource-variable/roboto-flex": "^5.1.0",
-        "@radically-straightforward/development": "^1.0.31",
+        "@radically-straightforward/development": "^1.0.32",
         "@types/mailparser": "^3.4.5",
         "@types/node": "^22.10.1",
         "@types/nodemailer": "^6.4.17",
@@ -1057,9 +1057,9 @@
       "license": "MIT"
     },
     "node_modules/@radically-straightforward/development": {
-      "version": "1.0.31",
-      "resolved": "https://registry.npmjs.org/@radically-straightforward/development/-/development-1.0.31.tgz",
-      "integrity": "sha512-33NqVQnMkxFoYwPFYSBJd/aPuDfJ4vxuV76ukw0VZ1egxH3ZJlTYJNG5PojaOcYK8pPT8ohLwoV8KjvHik0EMQ==",
+      "version": "1.0.32",
+      "resolved": "https://registry.npmjs.org/@radically-straightforward/development/-/development-1.0.32.tgz",
+      "integrity": "sha512-l1OpRTzOCKarMpTuz7F8TjzROm/my91EZKhScoWbe7RqBU7WU0N4TKCIaKq/8xgpka95xTFMDel7NwOFm8+UyQ==",
       "dev": true,
       "funding": [
         "https://patreon.com/leafac",
@@ -1072,7 +1072,7 @@
         "@radically-straightforward/build": "^2.0.3",
         "@radically-straightforward/css": "^2.0.0",
         "@radically-straightforward/documentation": "^1.0.4",
-        "@radically-straightforward/javascript": "^3.0.1",
+        "@radically-straightforward/javascript": "^3.0.2",
         "@radically-straightforward/package": "^2.0.1",
         "@radically-straightforward/typescript": "^1.0.0"
       }
@@ -1129,9 +1129,9 @@
       "license": "MIT"
     },
     "node_modules/@radically-straightforward/javascript": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/@radically-straightforward/javascript/-/javascript-3.0.1.tgz",
-      "integrity": "sha512-dd/KSdWaj09aEYStNXIDhMhsNd+fq7VU+8EEO79dTcJYphCu14Ihwhvjk1hMq7NA0FRLIMMVeCcQpo4HyWcZPQ==",
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/@radically-straightforward/javascript/-/javascript-3.0.2.tgz",
+      "integrity": "sha512-OD/1/bl/LtvN2UDj5cqApMqIAq6DvS0OpXbCH/ux4UiDn6y8DrARiD5NMEPMAGZaSB8MwrCzWrCxFZSn8K9leA==",
       "dev": true,
       "funding": [
         "https://patreon.com/leafac",
diff --git a/package.json b/package.json
index 42b247d..f21891e 100644
--- a/package.json
+++ b/package.json
@@ -13,7 +13,7 @@
   },
   "devDependencies": {
     "@fontsource-variable/roboto-flex": "^5.1.0",
-    "@radically-straightforward/development": "^1.0.31",
+    "@radically-straightforward/development": "^1.0.32",
     "@types/mailparser": "^3.4.5",
     "@types/node": "^22.10.1",
     "@types/nodemailer": "^6.4.17",
diff --git a/source/index.mts b/source/index.mts
index 1d9983f..685c468 100644
--- a/source/index.mts
+++ b/source/index.mts
@@ -927,20 +927,18 @@ application.server?.push({
               <div>
                 <button
                   javascript="${javascript`
+                    const popover = javascript.popover({ element: this, trigger: "none" });
                     this.onclick = async () => {
                       await navigator.clipboard.writeText(${`${request.state.feed.publicId}@${application.configuration.hostname}`});
-                      javascript.tippy({
-                        element: this,
-                        trigger: "manual",
-                        content: "Copied",
-                      }).show();
+                      popover.showPopover();
                       await utilities.sleep(1000);
-                      this.tippy.hide();
+                      popover.hidePopover();
                     };
                   `}"
                 >
                   <i class="bi bi-copy"></i>  Copy
                 </button>
+                <div class="popover">Copied</div>
               </div>
             </div>
           </div>
@@ -972,22 +970,20 @@ application.server?.push({
               <div>
                 <button
                   javascript="${javascript`
+                    const popover = javascript.popover({ element: this, trigger: "none" });
                     this.onclick = async () => {
                       await navigator.clipboard.writeText(${`https://${
                         application.configuration.hostname
                       }/feeds/${request.state.feed.publicId}.xml`});
-                      javascript.tippy({
-                        element: this,
-                        trigger: "manual",
-                        content: "Copied",
-                      }).show();
+                      popover.showPopover();
                       await utilities.sleep(1000);
-                      this.tippy.hide();
+                      popover.hidePopover();
                     };
                   `}"
                 >
                   <i class="bi bi-copy"></i>  Copy
                 </button>
+                <div class="popover">Copied</div>
               </div>
             </div>
           </div>