magnify image - WIP

Author: hoang.tran12

popup/tabs.js

@@ -203,6 +203,7 @@ const tabs = [
       s.changeAudioOutput,
       s.send_shareFiles,
       createTitle("--- Image ---", "--- Ảnh ---"),
+      s.magnify_image,
       s.screenshotFullPage,
       s.vuiz_createLogo,
       createTitle("--- Automation ---", "--- Tự động hoá ---"),

scripts/content-scripts/ufs_global_webpage_context.js

@@ -37,6 +37,34 @@ const UsefulScriptGlobalPageContext = {
     },
   },
   DOM: {
+    onDoublePress(key, callback, timeout = 500) {
+      let timer = null;
+      let clickCount = 0;
+
+      const keydown = (event) => {
+        if (event.key !== key) return;
+
+        clickCount++;
+        if (clickCount === 2) {
+          callback?.();
+          clickCount = 0;
+          return;
+        }
+
+        clearTimeout(timer);
+        timer = setTimeout(() => {
+          clickCount = 0;
+        }, timeout);
+      };
+
+      document.addEventListener("keydown", keydown);
+
+      return () => {
+        clearTimeout(timer);
+        document.removeEventListener("keydown", keydown);
+      };
+    },
+
     // https://stackoverflow.com/a/3381522
     createFlashTitle(newMsg, howManyTimes) {
       var original = document.title;

scripts/duckRace_cheat.js

@@ -10,7 +10,7 @@ export default {
     img: "/scripts/duckRage_cheat.png",
   },
 
-  whiteList: [],
+  whiteList: ["https://www.online-stopwatch.com/*"],
 
   onClick: () => {
     const target = prompt("Nhập kết quả mong muốn:", "");
@@ -24,7 +24,6 @@ export default {
         if (!win.ufs_duckRace_originalShuffle)
           win.ufs_duckRace_originalShuffle = win.Array.prototype.shuffle;
 
-        console.log("modify shuffle in", win);
         win.Array.prototype.shuffle = function () {
           const result = win.ufs_duckRace_originalShuffle.apply(
             this,
@@ -46,6 +45,3 @@ export default {
       });
   },
 };
-
-// functions/attributes that other scripts can import and use
-export const shared = {};

scripts/duckRage_cheat.png

@@ -175,6 +175,7 @@ import ggdrive_downloadDoc from "./ggdrive_downloadDoc.js";
 import ggdrive_copyDocText from "./ggdrive_copyDocText.js";
 import ggdrive_copySheetText from "./ggdrive_copySheetText.js";
 import duckRace_cheat from "./duckRace_cheat.js";
+import magnify_image from "./magnify_image.js";
 
 // inject badges
 const allScripts = {
@@ -375,6 +376,7 @@ const allScripts = {
   ggdrive_copyDocText: addBadge(ggdrive_copyDocText, BADGES.new),
   ggdrive_copySheetText: addBadge(ggdrive_copySheetText, BADGES.new),
   duckRace_cheat: addBadge(duckRace_cheat, BADGES.new),
+  magnify_image: addBadge(magnify_image, BADGES.new),
 };
 
 // alert(Object.keys(allScripts).length);

scripts/index.js

@@ -0,0 +1,118 @@
+export default {
+  icon: '<i class="fa-solid fa-magnifying-glass-plus"></i>',
+  name: {
+    en: "Magnify Image with Ctrl",
+    vi: "Phóng to hình ảnh bằng Ctrl",
+  },
+  description: {
+    en: "Press Ctrl twice to any image to open it in magnified window",
+    vi: "Nhấn Ctrl 2 lần lên bất kỳ hình ảnh nào để xem nó trong cửa sổ phóng đại",
+    img: "",
+  },
+
+  onDocumentStart: () => {
+    let mouse = { x: 0, y: 0 };
+
+    document.addEventListener("mousemove", (e) => {
+      mouse.x = e.clientX;
+      mouse.y = e.clientY;
+    });
+
+    function getAllElementsWithBackgroundImage() {
+      const elements = [];
+      const allElements = document.querySelectorAll("*"); // Select all elements
+
+      for (const element of allElements) {
+        const backgroundImage =
+          getComputedStyle(element).getPropertyValue("background-image");
+        if (backgroundImage !== "none" && backgroundImage.match(/url\(/)) {
+          // Check for "none" and existence of url(...) pattern
+          elements.push(element);
+        }
+      }
+
+      return elements;
+    }
+
+    let unsub = UsefulScriptGlobalPageContext.DOM.onDoublePress(
+      "Control",
+      () => {
+        try {
+          let src = Array.from(document.querySelectorAll("img"))
+            .map((i) => ({
+              src: i.src,
+              rect: i.getBoundingClientRect(),
+            }))
+            .concat(
+              getAllElementsWithBackgroundImage().map((i) => ({
+                src: i.style.backgroundImage
+                  ?.replace("url(", "")
+                  ?.replace(")", "")
+                  ?.replace('"', "")
+                  ?.replace('"', ""),
+                rect: i.getBoundingClientRect(),
+              }))
+            )
+            .filter(({ src, rect }) => {
+              return (
+                src &&
+                mouse.x > rect.x &&
+                mouse.x < rect.x + rect.width &&
+                mouse.y > rect.y &&
+                mouse.y < rect.y + rect.height
+              );
+            });
+          console.log(src);
+
+          src = src.sort((a, b) => {
+            // small one first
+            return a.rect.width * a.rect.height - b.rect.width * b.rect.height;
+          })?.[0]?.src;
+
+          console.log(src);
+
+          if (src) {
+            let w = 600,
+              h = 600,
+              left = screen.width / 2 - w / 2,
+              top = screen.height / 2 - h / 2;
+
+            let win = window.open(
+              "",
+              "",
+              `scrollbars=yes,width=${w},height=${h},top=${top},left=${left}`
+            );
+            win.document.write(`
+          <style>
+            html, body {
+              margin: 0;
+              padding: 0;
+              width: 100%;
+              height: 100%;
+              background-color: #221c1c;
+            }
+            .magnify {
+              box-sizing: border-box;
+              padding: 5px 5px 0;
+              position: absolute;
+              text-align: center;
+              top: 0;
+              left: 0;
+              overflow: hidden;
+              width: 100%;
+              height: 100%;
+              transform-origin: 0px 0px;
+              transform: scale(1) translate(0px, 0px);
+            }
+          </style>
+          <div class="magnify">
+            <img src="${src}" style="width: 500px" />
+          </div>`);
+          }
+        } catch (e) {
+          console.log("ERROR", e);
+        }
+      }
+    );
+  },
+};

scripts/insta_injectDownloadBtn.png

@@ -5,8 +5,8 @@ export default {
     vi: "Hack Wheel of Names",
   },
   description: {
-    en: "Hack result of wheelofnames.com/wheelrandom.com/spinthewheel.io, choose your target, then result will always be your target.",
-    vi: "Hack kết quả trang web wheelofnames.com/wheelrandom.com/spinthewheel.io, luôn ra kết quả bạn mong muốn thay vì ngẫu nhiên.",
+    en: "Hack result of <ul><li>wheelofnames.com</li><li>wheelrandom.com</li><li>spinthewheel.io</li></ul>always get the result you want.",
+    vi: "Hack kết quả trang web <ul><li>wheelofnames.com</li><li>wheelrandom.com</li><li>spinthewheel.io</li></ul>luôn ra kết quả bạn mong muốn.",
   },
   whiteList: [
     "https://wheelofnames.com/*",

scripts/magnify_image.js

@@ -1,6 +1,6 @@
 # WORKING NOTES
 
-## 29/03/2024
+## 29/03/2024 - 10/04/2024
 
 - [ ] fb_invisible_message có vẻ không hoạt động
 
@@ -35,3 +35,7 @@
 - [x] Wheel of name - input list of values
 
 - [ ] duck race - input list of values
+
+- [ ] fb_getAllUidOfGroupMembers đang lỗi
+
+- [ ] text to qrcode <https://hoothin.com/qrcode/>