who is typing - wip

Author: HoangTran0410

empty_script.js

@@ -11,10 +11,10 @@ export default {
   blackList: [],
   whiteList: [],
 
-  // path to script file that run (if enable autorun) in web page context
-  onDocumentStart: "",
-  onDocumentEnd: "",
-  onDocumentIdle: "",
+  // run (if enable autorun) in web page context
+  onDocumentStart: () => {},
+  onDocumentEnd: () => {},
+  onDocumentIdle: () => {},
 
   // run onclick in extension-popup-page context
   onClickExtension: () => {},

popup/index.js

@@ -33,10 +33,10 @@ const flagImg = document.querySelector("img#flag");
 const searchInput = document.querySelector(".search input");
 const searchFound = document.querySelector(".search .searchFound");
 
-async function initLanguage() {
+function initLanguage() {
   flagImg.setAttribute("src", getFlag());
 
-  flagImg.onclick = async () => {
+  flagImg.onclick = () => {
     toggleLang();
     flagImg.setAttribute("src", getFlag());
 
@@ -46,9 +46,9 @@ async function initLanguage() {
   };
 }
 
-async function createTabs() {
+function createTabs() {
   // prepare tabs
-  await refreshSpecialTabs();
+  refreshSpecialTabs();
 
   // clear UI
   tabDiv.innerHTML = "";
@@ -85,7 +85,7 @@ async function createTabs() {
   }
 
   // open tab
-  let activeTabId = await activeTabIdSaver.get();
+  let activeTabId = activeTabIdSaver.get();
   activeTabId && openTab(allTabs.find((tab) => tab.id === activeTabId));
 }
 
@@ -126,7 +126,7 @@ async function createTabContent(tab) {
     });
     contentContainer.appendChild(emptyText);
   } else {
-    const favoriteScriptIds = await favoriteScriptsSaver.getIds();
+    const favoriteScriptIds = favoriteScriptsSaver.getIds();
     tab.scripts.forEach((script) => {
       let isFavorite = favoriteScriptIds.find((id) => script.id === id);
       contentContainer.appendChild(createScriptButton(script, isFavorite));
@@ -157,7 +157,7 @@ function createScriptButton(script, isFavorite = false) {
     const checkmark = document.createElement("button");
     checkmark.className = "checkmark tooltip";
     checkmark.onclick = async (e) => {
-      let newValue = await toggleActiveScript(script.id);
+      let newValue = toggleActiveScript(script.id);
       updateButtonChecker(script, buttonContainer, newValue);
     };
 
@@ -279,7 +279,7 @@ function createScriptButton(script, isFavorite = false) {
 async function updateButtonChecker(script, button, val) {
   let checkmark = button.querySelector(".checkmark");
   if (!checkmark) return;
-  if (val ?? (await isActiveScript(script.id))) {
+  if (val ?? isActiveScript(script.id)) {
     checkmark.classList.add("active");
     checkmark.title = t({
       vi: "Tắt tự động chạy",
@@ -366,7 +366,7 @@ function initSearch() {
 (async function () {
   // initOpenInNewTabBtn();
   initSearch();
-  await initLanguage();
-  await createTabs();
+  initLanguage();
+  createTabs();
   await checkForUpdate();
 })();

popup/tabs.js

@@ -93,6 +93,7 @@ const tabs = [
     ...CATEGORY.facebook,
     scripts: [
       s.fb_revealDeletedMessages,
+      s.fb_whoIsTyping,
       createTitle("--- UI ---", "--- Giao diện ---"),
       s.fb_toggleLight,
       s.fb_toggleNewFeed,
@@ -440,13 +441,13 @@ function sortScriptsByTab(scripts, _tabs, addTabTitle = true) {
   return result;
 }
 
-async function refreshSpecialTabs() {
+function refreshSpecialTabs() {
   // add data to special tabs
   let recentTab = specialTabs.find((tab) => tab.id === CATEGORY.recently.id);
-  if (recentTab) recentTab.scripts = await recentScriptsSaver.get();
+  if (recentTab) recentTab.scripts = recentScriptsSaver.get();
 
   let favoriteTab = specialTabs.find((tab) => tab.id === CATEGORY.favorite.id);
-  if (favoriteTab) favoriteTab.scripts = await favoriteScriptsSaver.get();
+  if (favoriteTab) favoriteTab.scripts = favoriteScriptsSaver.get();
 
   let allTab = specialTabs.find((tab) => tab.id === CATEGORY.all.id);
   if (allTab) allTab.scripts = sortScriptsByTab(Object.values(s), tabs);

scripts/fb_revealDeletedMessages.js

@@ -17,7 +17,10 @@ export default {
       websocket_instant.addEventListener("message", async function (achunk) {
         const utf8_str = new TextDecoder("utf-8").decode(achunk.data);
         // Do something here
-        console.log(utf8_str);
+
+        if (utf8_str.includes("updateTypingIndicator")) {
+          // console.log(utf8_str);
+        }
       });
       return websocket_instant;
     };
@@ -130,13 +133,13 @@ export default {
     // MWChatTypingIndicator.bs
     // MWPTypingIndicators.bs
     requireLazy(["LSUpdateTypingIndicator"], (LSUpdateTypingIndicator) => {
-      alert("abc");
-      // const LSUpdateTypingIndicatorOrig = LSUpdateTypingIndicator;
+      // alert("abc");
+      const LSUpdateTypingIndicatorOrig = LSUpdateTypingIndicator;
 
-      // LSUpdateTypingIndicator = function () {
-      //   console.log(arguments);
-      //   return LSUpdateTypingIndicatorOrig.apply(this, arguments);
-      // };
+      LSUpdateTypingIndicator = function () {
+        console.log(arguments);
+        return LSUpdateTypingIndicatorOrig.apply(this, arguments);
+      };
     });
   },
 };

scripts/fb_whoIsTyping.js

@@ -0,0 +1,52 @@
+export default {
+  icon: '<i class="fa-regular fa-comment-dots"></i>',
+  name: {
+    en: "Facebook - Who is typing to you?",
+    vi: "Facebook - Ai đang nhắn cho bạn?",
+  },
+  description: {
+    en: "Notify when someone is typing chat to you.",
+    vi: "Thông báo khi có người đang gõ tin nhắn cho bạn.",
+  },
+  whiteList: ["https://*.facebook.com/*", "https://*.messenger.com/*"],
+
+  onDocumentStart: () => {
+    function notifyTypingEvent() {
+        
+    }
+    function saveTyingEvent(uid, typing) {
+      let key = "ufs-fb_whoIsTyping";
+      let old = JSON.parse(localStorage.getItem(key) ?? "[]");
+      old.push({
+        time: new Date().getTime(),
+        uid: uid,
+        typing: typing,
+      });
+      localStorage.setItem(key, JSON.stringify(old));
+    }
+
+    const WebSocketOrig = window.WebSocket;
+    window.WebSocket = function fakeConstructor(dt, config) {
+      const websocket_instant = new WebSocketOrig(dt, config);
+      websocket_instant.addEventListener("message", async function (achunk) {
+        let utf8_str = new TextDecoder("utf-8").decode(achunk.data);
+
+        if (utf8_str.includes("updateTypingIndicator")) {
+          let isStartTyping = utf8_str.includes(",true)");
+          let isStopTyping = utf8_str.includes(",false)");
+
+          let arr = utf8_str.match(/(\[)(.*?)(\])/g);
+          let uid = UsefulScriptGlobalWebpageContext.Facebook.decodeArrId(
+            JSON.parse(arr[arr.length - 2])
+          );
+
+          console.log(uid);
+          saveTyingEvent(uid, isStartTyping);
+        }
+      });
+      return websocket_instant;
+    };
+    window.WebSocket.prototype = WebSocketOrig.prototype;
+    window.WebSocket.prototype.constructor = window.WebSocket;
+  },
+};

scripts/index.js

@@ -158,6 +158,7 @@ import fb_invisible_message from "./fb_invisible_message.js";
 import insta_injectDownloadBtn from "./insta_injectDownloadBtn.js";
 import studocu_bypassPreview from "./studocu_bypassPreview.js";
 import fb_revealDeletedMessages from "./fb_revealDeletedMessages.js";
+import fb_whoIsTyping from "./fb_whoIsTyping.js";
 
 // inject badges
 const allScripts = {
@@ -337,6 +338,7 @@ const allScripts = {
   insta_injectDownloadBtn: addBadge(insta_injectDownloadBtn, BADGES.new),
   studocu_bypassPreview: addBadge(studocu_bypassPreview, BADGES.new),
   fb_revealDeletedMessages: addBadge(fb_revealDeletedMessages, BADGES.hot),
+  fb_whoIsTyping: addBadge(fb_whoIsTyping, BADGES.new),
 };
 
 // alert(Object.keys(allScripts).length);