refactor

Author: HoangTran0410

scripts/scrollToVeryEnd.js

@@ -24,7 +24,7 @@ export default {
   },
 };
 
-export function scrollToVeryEnd() {
+export function scrollToVeryEnd(animation = true) {
   return new Promise(async (resolve, reject) => {
     const notify = UfsGlobal.DOM.notify({
       msg: "Useful-script: Scrolling to very end...",
@@ -49,8 +49,6 @@ export function scrollToVeryEnd() {
         }
       }
 
-      console.log(scrollableElements);
-
       // If only one scrollable element is found, return it
       if (scrollableElements.length === 1) {
         return scrollableElements[0];
@@ -72,7 +70,12 @@ export function scrollToVeryEnd() {
     }
 
     let height = (ele) => (ele || document.body).scrollHeight;
-    let down = (ele = document) => ele.scrollTo({ left: 0, top: height(ele) });
+    let down = (ele = document) =>
+      ele.scrollTo({
+        left: 0,
+        top: height(ele),
+        behavior: animation ? "smooth" : "instant",
+      });
     let sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 
     let lastScroll = {
@@ -91,8 +94,6 @@ export function scrollToVeryEnd() {
 
     let scrollEle = findMainScrollableElement();
 
-    console.log(scrollEle);
-
     while (running) {
       down(scrollEle);
       let currentHeight = height(scrollEle);

scripts/tiktok_batchDownload.jpg

@@ -1,4 +1,5 @@
 import { UfsGlobal } from "./content-scripts/ufs_global.js";
+import { BADGES } from "./helpers/badge.js";
 import { hookFetch } from "./libs/ajax-hook/index.js";
 import { scrollToVeryEnd } from "./scrollToVeryEnd.js";
 
@@ -11,19 +12,21 @@ export default {
   description: {
     en: "Select and download all tiktok video (user profile, tiktok explore).",
     vi: "Tải hàng loạt video tiktok (trang người dùng, trang tìm kiếm), có giao diện chọn video muốn tải.",
-    img: "/scripts/tiktok_batchDownload.jpg",
+    img: "/scripts/tiktok_batchDownload.png",
   },
-
+  badges: [BADGES.new, BADGES.hot],
   changeLogs: {
     "2024-04-27": "fix bug - use snaptik",
     "2024-05-16": "fix style",
+    "2024-07-28": "re-build hook fetch",
   },
 
   whiteList: ["https://www.tiktok.com/*"],
 
   pageScript: {
     onDocumentStart: async () => {
       const CACHED = {
+        hasNew: true,
         videoById: new Map(),
       };
 
@@ -39,8 +42,10 @@ export default {
 
             if (json?.itemList) {
               json.itemList.forEach((_) => {
-                if (_.video.playAddr || _.imagePost?.images?.length)
+                if (_.video.playAddr || _.imagePost?.images?.length) {
                   CACHED.videoById.set(_.video.id, _);
+                  CACHED.hasNew = true;
+                }
 
                 if (_.imagePost?.images?.length) console.log(_);
               });
@@ -56,6 +61,7 @@ export default {
               json.data.forEach((_) => {
                 if (_.type === 1) {
                   CACHED.videoById.set(_.item.video.id, _.item);
+                  CACHED.hasNew = true;
                 }
               });
             }
@@ -169,9 +175,13 @@ export default {
 </div>`,
         created() {
           setInterval(() => {
-            this.videos = Array.from(CACHED.videoById.values())
-              // inject index
-              .map((v, i) => ({ ...v, index: i + 1 }));
+            if (CACHED.hasNew) {
+              this.videos = Array.from(CACHED.videoById.values())
+                // inject index
+                .map((v, i) => ({ ...v, index: i + 1 }));
+
+              CACHED.hasNew = false;
+            }
           }, 1000);
         },
         data() {
@@ -384,7 +394,7 @@ export default {
             );
           },
           scrollToVeryEnd() {
-            setTimeout(() => scrollToVeryEnd(), 100);
+            setTimeout(() => scrollToVeryEnd(false), 100);
           },
           scrollToTop(e) {
             e.target.parentElement.scrollTo({ top: 0, behavior: "smooth" });