hotfix isolated world manifest.json + a lot of new features + fix bugs

empty_script.js

@@ -7,6 +7,7 @@ export default {
   description: {
     en: "",
     vi: "",
+    img: "",
   },
   infoLink: "",
 

manifest.json

@@ -27,20 +27,29 @@
   "host_permissions": ["<all_urls>"],
   "options_page": "./pages/options/options.html",
   "content_scripts": [
+    {
+      "matches": ["<all_urls>"],
+      "js": ["scripts/content-scripts/scripts/ufs_global_webpage_context.js"],
+      "run_at": "document_start",
+      "world": "MAIN"
+    },
     {
       "matches": ["<all_urls>"],
       "js": ["scripts/content-scripts/document_start.js"],
-      "run_at": "document_start"
+      "run_at": "document_start",
+      "world": "ISOLATED"
     },
     {
       "matches": ["<all_urls>"],
       "js": ["scripts/content-scripts/document_idle.js"],
-      "run_at": "document_idle"
+      "run_at": "document_idle",
+      "world": "ISOLATED"
     },
     {
       "matches": ["<all_urls>"],
       "js": ["scripts/content-scripts/document_end.js"],
-      "run_at": "document_end"
+      "run_at": "document_end",
+      "world": "ISOLATED"
     }
   ],
   "web_accessible_resources": [

popup/helpers/category.js

@@ -32,13 +32,6 @@ export const CATEGORY = {
       vi: `<i class="fa-solid fa-play fa-beat-fade" style="color:#1F51FF"></i> Tự động chạy`,
     },
   },
-  ai: {
-    id: "ai",
-    name: {
-      en: `<i class="fa-solid fa-robot"></i> AI`,
-      vi: `<i class="fa-solid fa-robot"></i> AI`,
-    },
-  },
   search: {
     id: "search",
     name: {
@@ -88,20 +81,6 @@ export const CATEGORY = {
       vi: `<i class="fa-brands fa-tiktok"></i> Tiktok`,
     },
   },
-  shopping: {
-    id: "shopping",
-    name: {
-      en: `<i class="fa-solid fa-cart-shopping"></i> Shopping`,
-      vi: `<i class="fa-solid fa-cart-shopping"></i> Mua sắm`,
-    },
-  },
-  github: {
-    id: "github",
-    name: {
-      en: `<i class="fa-brands fa-github"></i> Github`,
-      vi: `<i class="fa-brands fa-github"></i> Github`,
-    },
-  },
   automation: {
     id: "automation",
     name: {

popup/index.js

@@ -288,7 +288,10 @@ function createScriptButton(script, isFavorite = false) {
   // tooltip
   const tooltip = document.createElement("span");
   tooltip.classList.add("tooltiptext");
-  tooltip.innerText = t(script.description);
+  tooltip.innerHTML = t(script.description);
+  if (script.description?.img) {
+    tooltip.innerHTML += `<img src="${script.description.img}" style="width:95%" />`;
+  }
   button.appendChild(tooltip);
 
   buttonContainer.appendChild(button);

popup/main.js

@@ -1,3 +1,7 @@
 import("./index.js").then(() => {
   document.querySelector("#loading-fullscreen")?.remove();
 });
+
+import("../scripts/content-scripts/scripts/ufs_global_webpage_context.js").then(() => {
+  console.log("loaded ufs_global_webpage_context")
+})

popup/popup.html

@@ -61,9 +61,7 @@ <h3 class="modal-title">Modal Title</h3>
         <div class="loader"></div>
     </div>
 
-    <script src="../scripts/content-scripts/scripts/ufs_global_webpage_context.js"></script>
-    <!-- <script type="module" src="./index.js"></script> -->
     <script src="main.js"></script>
 </body>
 
-</html>
+</html>

popup/styles/style.css

@@ -319,6 +319,7 @@ a:hover {
     border-radius: 6px;
     padding: 5px;
     pointer-events: none;
+    width: calc(100vw - 40px);
 
     /* Position the tooltip */
     position: absolute;
@@ -536,4 +537,4 @@ a:hover {
 /* Handle on hover */
 ::-webkit-scrollbar-thumb:hover {
     background: #555;
-}
+}