fix: background.js, remove: unnecessary permissions

jsconfig.json

@@ -5,5 +5,5 @@
         "@/*": ["src/*"]
       }
     },
-    "include": ["src", "public/scripts/background.js", "public/scripts/content.js"]
+    "include": ["src", "src/background.js", "src/content.js"]
   }

public/manifest.json

@@ -4,15 +4,12 @@
   "version": "4.0",
   "description": "Rellena automáticamente el código 2FA en la Universidad de Sevilla.",
   "permissions": [
-    "activeTab",
-    "scripting",
-    "tabs",
     "storage"
   ],
   "background": {
-    "service_worker": "background.js",
+    "service_worker": "scripts/background.js",
     "type": "module",
-    "scripts": ["background.js"]
+    "scripts": ["scripts/background.js"]
   },
   "action": {
     "default_popup": "index.html"
@@ -22,9 +19,9 @@
   },
   "content_scripts": [
     {
-      "matches": ["https://sso.us.es/*"],
+      "matches": ["*://sso.us.es/*"],
       "js": ["scripts/content.js"],
-      "run_at": "document_start"
+      "run_at": "document_idle"
     }
   ],
   "host_permissions": [

public/scripts/content.js

@@ -1,39 +0,0 @@
-(async function() {
-  // eslint-disable-next-line no-undef
-  const api = typeof browser !== "undefined" ? browser : chrome;
-
-  const fillCode = (code) => {
-    const input = document.getElementById("input2factor");
-    const button = document.getElementById('btn-login') || document.querySelector("#notification_2factor_button_ok");
-    const error = document.querySelector("#otp_authn_wrong_code")?.offsetHeight > 0;
-
-    if (!input || error) return;
-
-    input.value = code;
-    input.dispatchEvent(new Event('input', { bubbles: true }));
-    
-    setTimeout(() => {
-      if (button) button.click();
-    }, 200);
-    console.log("Autofill");
-  };
-
-  api.runtime.onMessage.addListener((request, sender, sendResponse) => {
-    if (request.action === "autofill") {
-      fillCode(request.code);
-      sendResponse({ status: "ok" });
-    }
-  });
-
-  const data = await api.storage.local.get(['shasecret']);
-  if (data.shasecret) {
-    const input = document.getElementById("input2factor");
-    if (input && input.value.length === 0) {
-      api.runtime.sendMessage({ action: "GENERATE_TOKEN" }, response => {
-        if (response?.token) {
-          fillCode(response.token);
-        }
-      });
-    }
-  }
-})();

src/App.jsx

@@ -48,6 +48,8 @@ const App = () => {
                             }).catch(() => {});
                         }
                     });
+                } else {
+                    console.debug("DevEnv");
                 }
 
             } catch (err) {

src/content.js

@@ -0,0 +1,66 @@
+(async function() {
+  // eslint-disable-next-line no-undef
+  const api = typeof browser !== "undefined" ? browser : chrome;
+
+  const fillAndSubmit = (code) => {
+    const input = document.getElementById("input2factor");
+    const button = document.getElementById("notification_2factor_button_ok");
+
+    const errorMsg = document.querySelector(".ui-state-error");
+    const isErrorVisible = errorMsg && errorMsg.style.display !== "none";
+
+    if (!input || input.value.length > 0 || isErrorVisible) {
+      return;
+    }
+
+    console.log("Autofill");
+    
+    input.focus();
+    input.value = code;
+    ['input', 'change', 'keyup', 'keydown'].forEach(evt => {
+      input.dispatchEvent(new Event(evt, { bubbles: true }));
+    });
+
+    setTimeout(() => {
+      if (button) {
+        console.log("Clicking 'Aceptar'");
+        const clickEvent = new MouseEvent('click', {
+          view: window,
+          bubbles: true,
+          cancelable: true
+        });
+        button.dispatchEvent(clickEvent);
+      }
+    }, 400);
+  };
+
+  const tryAutofill = async () => {
+    const data = await api.storage.local.get(['shasecret']);
+    if (data.shasecret) {
+      api.runtime.sendMessage({ action: "GENERATE_TOKEN" }, response => {
+        if (response?.token) {
+          fillAndSubmit(response.token);
+        }
+      });
+    }
+  };
+
+  const observer = new MutationObserver(() => {
+    if (document.getElementById("input2factor")) {
+      tryAutofill();
+    }
+  });
+
+  observer.observe(document.body, {
+    childList: true,
+    subtree: true
+  });
+
+  api.runtime.onMessage.addListener((request) => {
+    if (request.action === "autofill") {
+      fillAndSubmit(request.code);
+    }
+  });
+
+  tryAutofill();
+})();

vite.config.js

@@ -6,24 +6,26 @@ export default defineConfig({
   plugins: [react()],
   build: {
     rollupOptions: {
-      input: [
-        resolve(__dirname, 'index.html'),
-      ],
+      input: {
+        main: resolve(__dirname, 'index.html'),
+        content: resolve(__dirname, 'src/content.js'),
+        background: resolve(__dirname, 'src/background.js'),
+      },
       output: {
+        format: 'es',
         entryFileNames: (chunkInfo) => {
+          if (chunkInfo.name === 'content' || chunkInfo.name === 'background') {
+            return 'scripts/[name].js';
+          }
           return 'assets/[name]-[hash].js';
         },
+        manualChunks: undefined,
       },
     },
   },
-  server: {
-    port: 3000,
-  },
   resolve: {
     alias: {
-      '@/': '/src/',
+      '@': resolve(__dirname, './src'),
     },
   },
-  publicDir: 'public',
 });
-