auto like/unlike - nice

Author: HoangTran0410

scripts/content-scripts/ufs_global.js

@@ -561,9 +561,10 @@ function notify({
       }
       return false;
     },
-    setText(text) {
+    setText(text, duration) {
       if (div) {
         div.innerHTML = createTrustedHtml(text);
+        if (duration) closeAfter(duration);
         return true;
       }
       return false;

scripts/fb_autoLike.js

@@ -1,3 +1,4 @@
+import { UfsGlobal } from "./content-scripts/ufs_global.js";
 import { BADGES } from "./helpers/badge.js";
 
 export default {
@@ -7,21 +8,30 @@ export default {
     vi: "Tự động thích bài đăng Facebook",
   },
   description: {
-    en: "Auto like post on Facebook. Support all reactions, all post types (page, group, user, feed, ...)",
-    vi: "Tự động thả cảm xúc cho bài đăng trên Facebook. Hỗ trợ mọi cảm xúc, mọi loài bài đăng (trang, nhóm, người dùng, new feed, ...)",
+    en: `Auto like post on Facebook.
+    <ul>
+      <li>Support all post types (page, group, user, feed, ...)</li>
+      <li>Support bulk remove/add reactions</li>
+      <li>Support all reaction types</li>
+    </ul>`,
+    vi: `Tự động thả cảm xúc cho bài đăng trên Facebook.
+    <ul>
+      <li>Hỗ trợ mọi loại bài đăng (trang, nhóm, người dùng, new feed, ...)</li>
+      <li>Hỗ trợ gỡ/thêm cảm xúc hàng loạt</li>
+      <li>Hỗ trợ mọi loại cảm xúc</li>
+    </ul>`,
   },
   badges: [BADGES.new],
   changeLogs: {
     "2024-07-08": "init",
   },
 
-  whiteList: [],
+  // whiteList: ["https://*.facebook.com/*"],
+
+  pageScript: {
+    onClick: () => {
+      const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
-  contentScript: {
-    onClick: async () => {
-      function sleep(ms) {
-        return new Promise((resolve) => setTimeout(resolve, ms));
-      }
       function focusTo(element) {
         element.dispatchEvent(
           new MouseEvent("pointerover", {
@@ -33,89 +43,169 @@ export default {
       }
 
       function scrollToBottom() {
-        window.scrollTo(0, document.body.scrollHeight, {
-          // behavior: "smooth",
-        });
+        window.scrollTo(0, document.body.scrollHeight, { behavior: "smooth" });
+      }
+
+      function rand(min, max) {
+        return Math.floor(Math.random() * (max - min + 1) + min);
+      }
+
+      function isRunning(value) {
+        if (!(typeof value === "boolean"))
+          return window.ufs_fb_autoLike_running;
+        else window.ufs_fb_autoLike_running = value;
       }
 
       const Reactions = {
-        Like: {
-          en: "Like",
-          vi: "Thích",
-          emoji: "👍",
-        },
-        Love: {
-          en: "Love",
-          vi: "Yêu thích",
-          emoji: "❤️",
-        },
-        Care: {
-          en: "Care",
-          vi: "Nghiện",
-          emoji: "😊",
-        },
-        Haha: {
-          en: "Haha",
-          vi: "Há",
-          emoji: "😂",
-        },
-        Wow: {
-          en: "Wow",
-          vi: "Wow",
-          emoji: "😮",
-        },
-        Sad: {
-          en: "Sad",
-          vi: "Buồn",
-          emoji: "😢",
+        like: { vi: "Thích", en: "Like", emoji: "👍" },
+        love: { vi: "Yêu thích", en: "Love", emoji: "❤️" },
+        care: { vi: "Thương thương", en: "Care", emoji: "🤗" },
+        haha: { vi: "Haha", en: "Haha", emoji: "😂" },
+        wow: { vi: "Wow", en: "Wow", emoji: "😮" },
+        sad: { vi: "Buồn", en: "Sad", emoji: "😢" },
+        angry: { vi: "Phẫn nộ", en: "Angry", emoji: "😠" },
+      };
+
+      const Types = {
+        addReact: {
+          vi: "Bày tỏ cảm xúc",
+          en: "React",
+          name: "Thả cảm xúc - Add reaction",
         },
-        Angry: {
-          en: "Angry",
-          vi: "Khóc",
-          emoji: "😡",
+        removeReact: {
+          vi: "Gỡ ",
+          en: "Remove ",
+          name: "Gỡ cảm xúc - Remove reaction",
         },
       };
 
-      const doneKey = "auto-like-done";
-      const btns = [];
-      while (true) {
-        if (!btns.length) {
-          let curBtns = Array.from(
-            document.querySelectorAll(
-              "[aria-label='Bày tỏ cảm xúc']:not(li *), [aria-label='React']:not(li *)"
-            )
-          );
-          let added = 0;
-          for (let btn of curBtns) {
-            if (btn.getAttribute(doneKey) === null) {
-              btns.push(btn);
-              btn.setAttribute(doneKey, true);
-              added++;
-            }
+      async function startAutoLike(
+        type = Types.addReact,
+        reaction = Reactions.love,
+        maxPosts = Infinity
+      ) {
+        isRunning(true);
+
+        const notify = UfsGlobal.DOM.notify({
+          msg: "Đang chuẩn bị ...",
+          duration: 999999,
+        });
+
+        let count = 0;
+
+        const btns = [];
+        UfsGlobal.DOM.onElementsAdded(
+          [type.en, type.vi]
+            .map((_) => `[aria-label*='${_}']:not(li *)`)
+            .join(", "),
+          (nodes) => {
+            btns.push(...nodes);
           }
-          if (added === 0) break;
-        }
+        );
 
-        for (let btn of btns) {
+        let scrollTried = 0;
+        while (true) {
+          if (!isRunning()) {
+            alert("Stopped Auto react !\n\nĐã dừng tự động thích!");
+            break;
+          }
+          if (!btns.length) {
+            scrollTried++;
+            if (scrollTried > 50) break;
+            notify.setText("Scrolling to bottom... " + scrollTried, 99999);
+            scrollToBottom();
+            await sleep(2000);
+            continue;
+          }
+          scrollTried = 0;
+
+          const btn = btns.shift();
           btn.scrollIntoView({
             block: "center",
-            // behavior: "smooth",
+            behavior: "smooth",
           });
           btn.click();
-          await sleep(500);
-          let loveBtn = document.querySelector("[aria-label='Yêu thích']");
-          if (loveBtn) {
-            focusTo(loveBtn);
-            await sleep(500);
-            loveBtn.click();
+
+          if (type === Types.addReact) {
             await sleep(500);
+
+            let reactBtn = document.querySelector(
+              [reaction.en, reaction.vi]
+                .map((_) => `[aria-label='${_}']`)
+                .join(", ")
+            );
+            console.log(reactBtn);
+            if (reactBtn) {
+              focusTo(reactBtn);
+              await sleep(50);
+              reactBtn.click();
+              await sleep(50);
+            }
           }
-          btns.splice(btns.indexOf(btn), 1);
+
+          let waitFor = rand(2000, 5000);
+          count++;
+          if (count >= maxPosts) break;
+          notify.setText(
+            type.name +
+              ": " +
+              count +
+              "/" +
+              (count + btns.length) +
+              " - waiting: " +
+              (waitFor / 1000).toFixed(1) +
+              "s",
+            99999
+          );
+
+          await sleep(waitFor);
         }
-        scrollToBottom();
-        await sleep(3000);
+
+        let text = type.name + ": " + count + " posts";
+        notify.setText(text, 5000);
+        isRunning(false);
+        alert(text);
+      }
+
+      if (isRunning()) {
+        return isRunning(false);
+      }
+
+      const typeIndex = prompt(
+        "Bạn muốn?\n" +
+          Object.entries(Types)
+            .map(([key, value], i) => i + ": " + value.name)
+            .join("\n"),
+        0
+      );
+      let selectedType = Types[Object.keys(Types)[typeIndex]];
+      let selectedReact;
+      if (typeIndex === null || !selectedType) return;
+
+      if (typeIndex == 0) {
+        let reactIndex = prompt(
+          "Chọn reaction:\n" +
+            Object.entries(Reactions)
+              .map(
+                ([key, value], i) =>
+                  i + ": " + value.emoji + " " + value.en + " - " + value.vi
+              )
+              .join("\n"),
+          1
+        );
+        selectedReact = Reactions[Object.keys(Reactions)[reactIndex]];
+        if (reactIndex == null || !selectedReact) return;
       }
-      alert("xong");
+
+      let max = prompt(
+        "Thả bao nhiêu bài post? - Max post?: (0 = tất cả/all) ",
+        0
+      );
+      if (max == null) return;
+      if (max == 0) max = Infinity;
+      else max = parseInt(max);
+
+      startAutoLike(selectedType, selectedReact, max);
     },
   },
 };