Better, more logical paste

manifest.json

@@ -2,7 +2,7 @@
   "manifest_version": 3,
   "name": "Goita",
   "description": "Take a screenshot, add arrows and sh*t as you wish. With blackjack, and memes",
-  "version": "2.0.0",
+  "version": "2.0.1",
   "permissions": [
     "tabs",
     "activeTab",

src/screenshot.js

@@ -221,12 +221,10 @@ const setupAllTheThings = (testImage, basepath) => () => {
 
   document.addEventListener("paste", (event) => {
     const clipboardData = event.clipboardData || window.clipboardData;
-    console.info(clipboardData);
     if (clipboardData) {
       const pastedText = clipboardData.getData("text");
-      console.info(pastedText);
       if (pastedText && kind === "memes") {
-        // Can I take this out? It's the same as the callback-meme
+        // Can I take this out? It's the same as the callback-meme, and repeated below
         const container = document.getElementById("meme-container");
 
         if (container) {
@@ -248,6 +246,36 @@ const setupAllTheThings = (testImage, basepath) => () => {
         selected = pastedMeme;
         displayMemes = false;
       }
+      const pastedImage = clipboardData.files[0];
+      if (pastedImage && pastedImage.type.startsWith("image")) {
+        const reader = new FileReader();
+        reader.onload = (e) => {
+          const base64Image = e.target.result;
+
+          const container = document.getElementById("meme-container");
+
+          if (container) {
+            container.remove();
+          }
+          let x = 0,
+            y = 0;
+          if (lastClick) {
+            x = lastClick.offsetX;
+            y = lastClick.offsetY;
+          }
+          const pastedMeme = new Image(x, y, base64Image, svg);
+          kind = null;
+          searchText = "";
+          filterText.style.display = "none";
+          filteredMemes.style.display = "none";
+          setBadge("empty");
+          window._elements[pastedMeme.id] = pastedMeme;
+          selected = pastedMeme;
+          displayMemes = false;
+        };
+
+        reader.readAsDataURL(pastedImage);
+      }
     }
   });