urh .. . wip

Author: hoang.tran12

popup/tabs.js

@@ -816,7 +816,6 @@ const tabs = [
       s.viewStylesUsed,
       s.cssSelectorViewer,
       s.viewPartialSource,
-      s.consoleLog_withTime,
       createTitle("--- Remove ---", "--- Xoá ---"),
       s.removeColours,
       s.removeStylesheet,

scripts/_ufs_statistic.js

@@ -16,7 +16,7 @@ export default {
 
   whiteList: ["https://useful-script-statistic.glitch.me/log*"],
 
-  pageScript: {
+  contentScript: {
     onDocumentEnd: async () => {
       const logs = document.body.innerText
         .split("\n")

scripts/auto_redirectLargestImageSrc.js

@@ -22,26 +22,13 @@ export default {
     "2024-04-16": "init",
   },
 
-  pageScript: {
+  contentScript: {
     onDocumentStart: async () => {
       let oldHref = location.href;
       check(oldHref);
 
-      window.onload = () => {
-        // listen location href change
-        var bodyList = document.querySelector("body");
-        var observer = new MutationObserver(function (mutations) {
-          if (oldHref != document.location.href) {
-            oldHref = document.location.href;
-            check(oldHref);
-          }
-        });
-        var config = {
-          childList: true,
-          subtree: true,
-        };
-        observer.observe(bodyList, config);
-      };
+      window.onload = () =>
+        UfsGlobal.DOM.onHrefChanged((oldHref, newHref) => check(newHref));
 
       async function check(href) {
         let url = await UfsGlobal.Utils.getLargestImageSrc(href, href);

scripts/changeAudioOutput.js

@@ -11,7 +11,7 @@ export default {
   infoLink:
     "https://www.facebook.com/groups/j2team.community/posts/1362716140727169/",
 
-  pageScript: {
+  contentScript: {
     // Source: https://gist.github.com/monokaijs/44ef4bd0770f83272b83c038a2769c90
     onClick: () => {
       (async function () {

scripts/checkWebDie.js

@@ -9,7 +9,7 @@ export default {
     vi: "Dùng bên thứ 3 để kiểm tra xem website có bị die thật không",
   },
 
-  pageScript: {
+  popupScript: {
     onClick: async function () {
       const { getCurrentTab } = await import("./helpers/utils.js");
       let { url } = await getCurrentTab();

scripts/consoleLog_withTime.js

@@ -621,7 +621,7 @@ Call UseGlobal directly, no need to import
       });
     });
   }
-  function deleteElements(selector, willReRun) {
+  function deleteElements(selector, once) {
     onElementsVisible(
       selector,
       (nodes) => {
@@ -630,21 +630,35 @@ Call UseGlobal directly, no need to import
           console.log("Useful-scripts: element removed ", node);
         });
       },
-      willReRun
+      once
     );
   }
   function waitForElements(selector) {
     return new Promise((resolve, reject) => {
-      onElementsVisible(selector, resolve, false);
+      onElementsVisible(selector, resolve, true);
     });
   }
+  // https://stackoverflow.com/a/46428962
+  function onHrefChanged(callback, once) {
+    let oldHref = document.location.href;
+    const body = document.querySelector("body");
+    const observer = new MutationObserver((mutations) => {
+      let curHref = document.location.href;
+      if (oldHref !== curHref) {
+        callback?.(oldHref, curHref);
+        oldHref = document.location.href;
+        if (once) observer.disconnect();
+      }
+    });
+    observer.observe(body, { childList: true, subtree: true });
+  }
   // Idea from  https://github.com/gys-dev/Unlimited-Stdphim
   // https://stackoverflow.com/a/61511955/11898496
-  function onElementsVisible(selector, callback, willReRun) {
+  function onElementsVisible(selector, callback, once) {
     let nodes = document.querySelectorAll(selector);
     if (nodes?.length) {
       callback(nodes);
-      if (!willReRun) return;
+      if (once) return;
     }
 
     const observer = new MutationObserver((mutations) => {
@@ -660,7 +674,7 @@ Call UseGlobal directly, no need to import
 
           if (n?.length) {
             callback(n);
-            if (!willReRun) observer.disconnect();
+            if (once) observer.disconnect();
           }
         }
       });

scripts/content-scripts/ufs_global.js

@@ -9,7 +9,7 @@ export default {
     vi: "Kiểm tra mã css cho thành phần bất kỳ trong trang web",
   },
 
-  pageScript: {
+  contentScript: {
     onClick: function () {
       var s = document.createElement("div");
       s.innerHTML = "Loading...";

scripts/cssSelectorViewer.js

@@ -9,7 +9,7 @@ export default {
     vi: "Bật/Tắt chế độ tối cho PDF bạn đang xem",
   },
 
-  pageScript: {
+  contentScript: {
     onClick: function () {
       let id = "useful-scripts-darkModePDF";
 

scripts/darkModePDF.js

@@ -11,7 +11,7 @@ export default {
   infoLink:
     "https://viblo.asia/p/ky-tu-zero-width-sat-thu-vo-hinh-nam-giua-doan-van-ban-thuan-vo-hai-L4x5xM7qKBM",
 
-  pageScript: {
+  contentScript: {
     onDocumentIdle: detectZeroWidthCharacters,
     onClick: detectZeroWidthCharacters,
   },
@@ -49,10 +49,12 @@ function detectZeroWidthCharacters() {
     );
     const regExp = new RegExp(`([${zeroWidthCharacters}])`, "g");
     let textToAdd = '<span class="' + spanClass + '"></span>';
-    element.classList.add(containerClass);
-    element.innerHTML = element.innerHTML
-      .replace(textToAdd, "")
-      .replace(regExp, "$1" + textToAdd);
+    let preHighlight = element.querySelectorAll(`span.${spanClass}`);
+    preHighlight.forEach((el) => {
+      el.remove();
+    });
+    element.classList.toggle(containerClass, true);
+    element.innerHTML = element.innerHTML.replace(regExp, "$1" + textToAdd);
   };
   // From: https://jsfiddle.net/tim333/np874wae/13/
   const checkElement = function (element) {
@@ -90,7 +92,9 @@ function detectZeroWidthCharacters() {
   (async () => {
     // inject css
     UfsGlobal.DOM.injectCssFile(
-      await UfsGlobal.Extension.getURL("scripts/detect_zeroWidthCharacters.css")
+      await UfsGlobal.Extension.getURL(
+        "/scripts/detect_zeroWidthCharacters.css"
+      )
     );
 
     // Check Page