clip: add support for paste events

myhro · Sep 28, 2023 · 97addb2 · 97addb2
1 parent 3733641
commit 97addb2
Showing 1 changed file with 24 additions and 15 deletions.
diff --git a/clip/index.html b/clip/index.html
@@ -37,6 +37,23 @@
       return url.toString();
     }
 
+    async function processClipboard(content) {
+      if (content == '') {
+        output.textContent = 'Clipboard is empty';
+        return;
+      }
+
+      if (!content.startsWith('http')) {
+        output.textContent = 'URL not found in the clipboard';
+        return;
+      }
+
+      const url = await cleanURL(content);
+      navigator.clipboard.writeText(url);
+      output.textContent = 'Cleaned URL: ' + url;
+      output.innerHTML += '<br><br> Copied to the clipboard'
+    }
+
     async function readClipboard() {
       const text = await navigator.clipboard.readText();
       return text.trim();
@@ -45,8 +62,8 @@
     document.getElementById('clipboard').addEventListener('click', async function () {
       const output = document.getElementById('output');
 
-      if (!navigator.clipboard) {
-        output.textContent = 'Clipboard API not supported on this browser';
+      if (!navigator.clipboard || !navigator.clipboard.readText) {
+        output.textContent = 'Clipboard API not supported on this browser, please use CTRL+V';
         return;
       }
 
@@ -59,20 +76,12 @@
         return;
       }
 
-      if (content == '') {
-        output.textContent = 'Clipboard is empty';
-        return;
-      }
-
-      if (!content.startsWith('http')) {
-        output.textContent = 'URL not found in the clipboard';
-        return;
-      }
+      await processClipboard(content);
+    });
 
-      const url = await cleanURL(content);
-      navigator.clipboard.writeText(url);
-      output.textContent = 'Cleaned URL: ' + url;
-      output.innerHTML += '<br><br> Copied to the clipboard'
+    document.addEventListener('paste', async function (event) {
+      const content = event.clipboardData.getData('Text');
+      await processClipboard(content);
     });
   </script>
 </body>