Merge branch 'dev' into feat/youglish_search

Author: HoangTran0410

popup/index.js

@@ -39,7 +39,7 @@ import {
   viewScriptSource,
 } from "./helpers/utils.js";
 import { checkPass } from "../scripts/auto_lockWebsite.js";
-import _ from "../md/exportScriptsToMd.js";
+// import _ from "../md/exportScriptsToMd.js";
 
 const settingsBtn = document.querySelector(".settings");
 const openInNewTabBtn = document.querySelector(".open-in-newtab");

popup/tabs.js

@@ -36,7 +36,7 @@ const tabs = [
   {
     ...CATEGORY.search,
     scripts: [
-      // s._test,
+      s._test,
       // s._ufs_statistic,
       s.similarWeb,
       s.similarWeb_bypassLimit,
@@ -498,9 +498,10 @@ const tabs = [
   {
     ...CATEGORY.youtube,
     scripts: [
-      // s.youtube_localDownloader,
       s.youtube_downloadVideo,
       s.youtube_downloadVideoUI,
+      s.youtube_getVideoThumbnail,
+      s.youtube_getVideoCaption,
       s.youtube_toggleLight,
       s.pictureInPicture,
       s.pip_fullWebsite,

scripts/_index.js

@@ -131,7 +131,6 @@ export { default as vuiz_createLogo } from "./vuiz_createLogo.js";
 export { default as vuiz_getLink } from "./vuiz_getLink.js";
 export { default as ggdrive_downloadPdf } from "./ggdrive_downloadPdf.js";
 export { default as ggdrive_downloadPresentation } from "./ggdrive_downloadPresentation.js";
-export { default as youtube_localDownloader } from "./youtube_localDownloader.js";
 export { default as twitter_downloadButton } from "./twitter_downloadButton.js";
 export { default as spotify_downloadButton } from "./spotify_downloadButton.js";
 export { default as ggdrive_downloadDoc } from "./ggdrive_downloadDoc.js";
@@ -170,3 +169,5 @@ export { default as fb_getPostReactionCount } from "./fb_getPostReactionCount.js
 export { default as bypass_learnAnything } from "./bypass_learnAnything.js";
 export { default as youtube_downloadVideoUI } from "./youtube_downloadVideoUI.js";
 export { default as youglish_search } from "./youglish_search.js";
+export { default as youtube_getVideoThumbnail } from "./youtube_getVideoThumbnail.js";
+export { default as youtube_getVideoCaption } from "./youtube_getVideoCaption.js";

scripts/_test.js

@@ -1,4 +1,5 @@
 import { UfsGlobal } from "./content-scripts/ufs_global.js";
+import { fetchGraphQl, getFbdtsg } from "./fb_GLOBAL.js";
 
 export default {
   icon: "",
@@ -12,6 +13,79 @@ export default {
   },
 
   popupScript: {
+    onClick: async () => {
+      function getAverageRGB(img) {
+        var blockSize = 5, // only visit every 5 pixels
+          defaultRGB = { r: 0, g: 0, b: 0 }, // for non-supporting envs
+          canvas = document.createElement("canvas"),
+          context = canvas.getContext && canvas.getContext("2d"),
+          data,
+          width,
+          height,
+          i = -4,
+          length,
+          rgb = { r: 0, g: 0, b: 0 },
+          count = 0;
+
+        if (!context) {
+          return defaultRGB;
+        }
+
+        height = canvas.height =
+          img.naturalHeight || img.offsetHeight || img.height;
+        width = canvas.width = img.naturalWidth || img.offsetWidth || img.width;
+
+        context.drawImage(img, 0, 0);
+
+        try {
+          data = context.getImageData(0, 0, width, height);
+        } catch (e) {
+          /* security error, img on diff domain */
+          return defaultRGB;
+        }
+
+        length = data.data.length;
+
+        while ((i += blockSize * 4) < length) {
+          ++count;
+          rgb.r += data.data[i];
+          rgb.g += data.data[i + 1];
+          rgb.b += data.data[i + 2];
+        }
+
+        // ~~ used to floor values
+        rgb.r = ~~(rgb.r / count);
+        rgb.g = ~~(rgb.g / count);
+        rgb.b = ~~(rgb.b / count);
+
+        return rgb;
+      }
+
+      function getAverageRGBFromUrl(url) {
+        return new Promise((resolve, reject) => {
+          let img = new Image();
+          img.src = url;
+          img.onload = () => {
+            let rgb = getAverageRGB(img);
+            resolve(rgb);
+          };
+          img.onerror = (error) => {
+            alert("Error: " + JSON.stringify(error));
+            console.log(error);
+            reject();
+          };
+        });
+      }
+
+      getAverageRGBFromUrl(
+        "https://scontent.fsgn2-7.fna.fbcdn.net/v/t39.30808-1/352545274_2285354618338828_3224207586206963955_n.jpg?stp=dst-jpg_p480x480&ccb=1-7&_nc_sid=0ecb9b&_nc_ohc=7D3Usqt8u2UQ7kNvgEeWxht&_nc_ht=scontent.fsgn2-7.fna&oh=00_AYAeunf-6BuCakj2L59wVi8mNA5QuGlLuVQ6eROL5UKC8A&oe=668D93B9"
+      ).then(console.log);
+
+      getAverageRGBFromUrl(
+        "https://www.facebook.com/profile/pic.php?cuid=AYjse6TURBs86Oy-7iO2UdCZFqYOhyemrWC2KV8yPo6ABGAHCWi87GNGtXwITHZJRPIOPLMTbuZetu6t3T9WQllYE5xhBm4t5rAZVKC1IGjSqGbJiwr9z4g-bDx6bHAPuqqXgfCaH4Yml-_UAAJgEGdftXSGc4uCKUer8j3oCtpLakjxWAOTYeNAzt-rWWp0fNtY03PE0XzLzPqKEI8leoS_08eYd_V9L4O_P1lwGxHyMA&square_px=64"
+      ).then(console.log);
+    },
+
     // selenium automation get album's images
     _onClick: async () => {
       const { openWebAndRunScript } = await import("./helpers/utils.js");

scripts/_ufs_statistic.css

@@ -9,21 +9,24 @@ canvas {
   max-height: 500px;
 }
 
+li {
+  position: relative;
+}
+
 li:hover {
   background: #555;
   color: white;
 }
 
 li a {
   display: inline-block;
-  position: relative;
 }
 
 li a img {
   width: 30px;
   transition: all 0.2s ease;
   position: absolute;
-  left: 0;
+  right: 0;
   top: 0;
 }
 

scripts/backup/auto-like-fb.js

@@ -0,0 +1,59 @@
+javascript: (async function () {
+  function sleep(ms) {
+    return new Promise((resolve) => setTimeout(resolve, ms));
+  }
+  function focusTo(element) {
+    element.dispatchEvent(
+      new MouseEvent("pointerover", {
+        view: window,
+        bubbles: true,
+        cancelable: true,
+      })
+    );
+  }
+
+  function scrollToBottom() {
+    window.scrollTo(0, document.body.scrollHeight, {
+      // behavior: "smooth",
+    });
+  }
+
+  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 *)")
+      );
+      let added = 0;
+      for (let btn of curBtns) {
+        if (btn.getAttribute(doneKey) === null) {
+          btns.push(btn);
+          btn.setAttribute(doneKey, true);
+          added++;
+        }
+      }
+      if (added === 0) break;
+    }
+
+    for (let btn of btns) {
+      btn.scrollIntoView({
+        block: "center",
+        // 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();
+        await sleep(500);
+      }
+      btns.splice(btns.indexOf(btn), 1);
+    }
+    scrollToBottom();
+    await sleep(3000);
+  }
+  alert("xong");
+})();