loading UI + transfer.sh (WIP)

Author: HoangTran0410

popup/tabs.js

@@ -148,6 +148,7 @@ const tabs = [
   {
     ...CATEGORY.automation,
     scripts: [
+      s.transfer_sh,
       s.textToQRCode,
       s.webToQRCode,
       s.getAllEmailsInWeb,

scripts/fb_downloadAlbumMedia.js

@@ -1,3 +1,5 @@
+import { showLoading } from "./helpers/utils.js";
+
 export default {
   name: {
     en: "Download fb album media links",
@@ -14,6 +16,7 @@ export default {
     if (!accessToken) return;
     const albumId = prompt("Enter album id: ", "");
     if (!albumId) return;
+
     async function fetchAlbumPhotosFromCursor({ albumId, cursor }) {
       let url = `https://graph.facebook.com/v12.0/${albumId}/photos?fields=largest_image&limit=100&access_token=${accessToken}`;
       if (cursor) url += `&after=${cursor}`;
@@ -64,7 +67,11 @@ export default {
       }
       return allImgsData;
     }
-    async function fetchAllPhotoLinksInAlbum({ albumId, fromPhotoId }) {
+    async function fetchAllPhotoLinksInAlbum({
+      albumId,
+      fromPhotoId,
+      progress,
+    }) {
       const from_text = fromPhotoId
         ? "vị trí photo_id=" + fromPhotoId
         : "đầu album";
@@ -75,6 +82,7 @@ export default {
         fromPhotoId,
         pageFetchedCallback: (pageImgsData) => {
           result.push(...pageImgsData.map((_) => _.url));
+          progress?.(result.length);
         },
       });
       return result;
@@ -96,8 +104,17 @@ export default {
         }, 0);
       }
     }
-    fetchAllPhotoLinksInAlbum({ albumId }).then((links) => {
+
+    const { closeLoading, setLoadingText } = showLoading(
+      "Đang thu thập link ảnh/video trong album..."
+    );
+    fetchAllPhotoLinksInAlbum({
+      albumId,
+      progress: (length) =>
+        setLoadingText("Đang thu thập " + length + " links..."),
+    }).then((links) => {
       download(links.join("\n"), albumId, ".txt");
+      closeLoading();
     });
   },
 };

scripts/fb_getAvatarFromUid.js

@@ -1,3 +1,5 @@
+import { showLoading } from "./helpers/utils.js";
+
 export default {
   name: {
     en: "Get avatar from fb user id",
@@ -14,17 +16,29 @@ export default {
     if (!accessToken) return;
     let uids = prompt("Nhập danh sách uid, Mỗi uid 1 dòng:");
     if (!uids) return;
-    uids = uids.split("\n");
-    let urls = [];
-    for (let uid of uids) {
-      console.log("fetching avatar of " + uid + "...");
-      let url = `https://graph.facebook.com/${uid}/picture?type=large&access_token=${accessToken}`;
-      let data = await fetch(url);
-      if (data?.url) {
-        urls.push(data?.url);
+
+    const { closeLoading, setLoadingText } = showLoading();
+    try {
+      uids = uids.split("\n");
+      let urls = [];
+      for (let uid of uids) {
+        setLoadingText("Đang lấy avatar của " + uid + "...");
+        let url = `https://graph.facebook.com/${uid}/picture?type=large&access_token=${accessToken}`;
+        let data = await fetch(url);
+        if (data?.url) {
+          urls.push(data?.url);
+        }
       }
+    } catch (e) {
+      alert("ERROR: " + e);
+    } finally {
+      closeLoading();
     }
-    download(urls.join("\n"), `uid-${new Date().toLocaleString()}.txt`);
+
+    if (urls.length === 0) alert("Không tìm được avatar nào!");
+    else if (urls.length === 1) window.open(urls[0]);
+    else download(urls.join("\n"), `uid-${new Date().toLocaleString()}.txt`);
+
     function download(data, filename, type) {
       var file = new Blob([data], { type: type });
       if (window.navigator.msSaveOrOpenBlob)

scripts/fb_getTokenBusinessStudio.js

@@ -1,3 +1,5 @@
+import { showLoading } from "./helpers/utils.js";
+
 export default {
   icon: `<i class="fa-solid fa-key"></i>`,
   name: {
@@ -22,6 +24,9 @@ export default {
     //   alert("LỖI: " + e.message);
     // }
 
+    const { closeLoading, setLoadingText } = showLoading(
+      "Đang tìm access token..."
+    );
     fetch("https://business.facebook.com/creatorstudio/home", {
       method: "GET",
       credentials: "include",
@@ -40,6 +45,9 @@ export default {
       })
       .catch(function (e) {
         alert("ERROR:" + JSON.stringify(e));
+      })
+      .finally(() => {
+        closeLoading();
       });
   },
 };

scripts/fb_getTokenBussinessLocation.js

@@ -1,3 +1,5 @@
+import { showLoading } from "./helpers/utils.js";
+
 export default {
   icon: `<i class="fa-solid fa-key"></i>`,
   name: {
@@ -14,6 +16,7 @@ export default {
   func: function () {
     // Get token using cookies https://github.com/dz-id/fb_get_token_from_cookie/blob/main/main.py
 
+    const { closeLoading } = showLoading("Đang lấy access token...");
     fetch("https://business.facebook.com/business_locations")
       .then((res) => res.text())
       .then((htmlText) => {
@@ -28,7 +31,8 @@ export default {
           );
         }
       })
-      .catch((e) => alert("Error: " + e));
+      .catch((e) => alert("Error: " + e))
+      .finally(closeLoading);
   },
 };
 

scripts/fb_getTokenCampaigns.js

@@ -1,3 +1,5 @@
+import { showLoading } from "./helpers/utils.js";
+
 export default {
   icon: `<i class="fa-solid fa-key"></i>`,
   name: {
@@ -50,12 +52,14 @@ export default {
     }
 
     (async () => {
+      const { closeLoading } = showLoading("Đang lấy access token...");
       let token = await getToken();
       if (token) {
         window.prompt("Access token: ", token);
       } else {
         alert("Không tìm thấy access token");
       }
+      closeLoading();
     })();
   },
 };

scripts/fb_getTokenFfb.js

@@ -1,3 +1,5 @@
+import { showLoading } from "./helpers/utils.js";
+
 export default {
   icon: "https://ffb.vn/assets/img/illustrations/favicon.png",
   name: {
@@ -19,6 +21,8 @@ export default {
     }
 
     (async () => {
+      const { closeLoading, setLoadingText } =
+        showLoading("Đang lấy cookie...");
       let cookie = await getCookiesInExtensionContext("facebook.com");
       if (!cookie) {
         alert("Không thấy cookie. Hãy chắc rằng bạn đã đăng nhập facebook!");
@@ -51,6 +55,7 @@ export default {
         formData.append("cookie", cookie);
         formData.append("type", types[typeIndex]);
 
+        setLoadingText("Đang lấy accesstoken từ ffb.vn ...");
         let res = await fetch("https://ffb.vn/api/tool/cookie2token", {
           method: "POST",
           body: formData,
@@ -62,6 +67,7 @@ export default {
           prompt("Access token", json.token);
         }
       }
+      closeLoading();
     })();
   },
 };

scripts/fb_getTokenMFacebook.js

@@ -1,3 +1,5 @@
+import { showLoading } from "./helpers/utils.js";
+
 export default {
   icon: `<i class="fa-solid fa-key"></i>`,
   name: {
@@ -11,7 +13,7 @@ export default {
   runInExtensionContext: true,
 
   func: function () {
-    console.log("Đang lấy token ...");
+    const { closeLoading, setLoadingText } = showLoading("Đang lấy token ...");
     fetch("https://m.facebook.com/composer/ocelot/async_loader/?publisher=feed")
       .then((response) => response.text())
       .then((text) => {
@@ -33,6 +35,7 @@ export default {
       })
       .catch((e) => {
         alert("ERROR: " + e.message);
-      });
+      })
+      .finally(closeLoading);
   },
 };

scripts/fb_getUidFromUrl.js

@@ -1,3 +1,5 @@
+import { showLoading } from "./helpers/utils.js";
+
 export default {
   name: {
     en: "Get fb User ID from url",
@@ -24,12 +26,15 @@ export default {
       return null;
     };
     const url = window.prompt("Nhập url của user fb:", "");
-    if (url)
+    if (url) {
+      const { closeLoading } = showLoading("Đang lấy UID của " + url);
       _getUidFromUrl(url)
         .then((uid) => {
           if (uid) window.prompt(`UID của user ${url}:`, uid);
           else alert("Không tìm thấy uid của user!");
         })
-        .catch((err) => alert("Lỗi: " + err.message));
+        .catch((err) => alert("Lỗi: " + err.message))
+        .finally(closeLoading);
+    }
   },
 };

scripts/getFavicon.js

@@ -61,7 +61,12 @@ export default {
       "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=400,height=500,top=50,left=50"
     );
     win.document.title = location.hostname + " favicons";
-    win.document.body.innerHTML = `<div>
+
+    // https://stackoverflow.com/a/69309927/11898496
+    let escapeHTMLPolicy = trustedTypes.createPolicy("forceInner", {
+      createHTML: (to_escape) => to_escape,
+    });
+    win.document.body.innerHTML = escapeHTMLPolicy.createHTML(`<div>
       <style>
         .container {
           text-align: center;
@@ -80,6 +85,6 @@ export default {
         ${allFaviconsStr}
       </div>
     </div>
-    `;
+    `);
   },
 };