Drop jQuery

ProjectMyosotis · Aug 17, 2024 · 7df6cf1 · 7df6cf1
1 parent 8e19106
commit 7df6cf1
Show file tree

Hide file tree

Showing 5 changed files with 35 additions and 43 deletions.
diff --git a/entrypoints/content.ts b/entrypoints/content.ts
@@ -18,7 +18,7 @@ async function nyanize() {
   walk(document.body);
 
   const observer = new MutationObserver((mutationRecords) => {
-    for (const record of mutationRecords) {
+    for (const record of mutationRecords) {        
       for (const node of record.addedNodes) {
         walk(node);
       }
@@ -60,6 +60,9 @@ function walk(node: Node) {
     case 3: // Text node
       handleText(node as Text);
       break;
+
+    default:
+      console.log(node)
   }
 }
 

diff --git a/entrypoints/popup/index.html b/entrypoints/popup/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en" style="display: none">
+<html lang="en" style="opacity: 0">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />

diff --git a/entrypoints/popup/main.ts b/entrypoints/popup/main.ts
@@ -1,7 +1,5 @@
 import "./style.scss";
 
-import $ from "jquery";
-
 async function init_main() {
   let isEnyabled = 1;
   //get the current enyabled state and rule list
@@ -12,42 +10,58 @@ async function init_main() {
     isEnyabled = parseInt(data.nyanizeStatus);
   }
   //make the switch reflect our current state
+  const nyanizeStatus = document.getElementById(
+    "nyanizeStatus",
+  ) as HTMLInputElement;
+  const ultimatenyanizeStatus = document.getElementById(
+    "ultimatenyanizeStatus",
+  ) as HTMLInputElement;
+
   if (isEnyabled == 1) {
-    $("#nyanizeStatus").prop("checked", true);
-    $("#ultimatenyanizeStatus").prop("checked", false);
+    nyanizeStatus.checked = true;
+    ultimatenyanizeStatus.checked = false;
   } else if (isEnyabled == 2) {
-    $("#nyanizeStatus").prop("checked", true);
-    $("#ultimatenyanizeStatus").prop("checked", true);
+    nyanizeStatus.checked = true;
+    ultimatenyanizeStatus.checked = true;
   } else {
-    $("#nyanizeStatus").prop("checked", false);
-    $("#ultimatenyanizeStatus").prop("checked", false);
+    nyanizeStatus.checked = false;
+    ultimatenyanizeStatus.checked = false;
   }
 
   setupEventHandler();
 
-  //show the menu
-
-  $("html").fadeIn("slow");
+  //show the menu with fade-in effect
+  document.documentElement.style.transition = "opacity 1s";
+  setTimeout(() => {
+    document.documentElement.style.opacity = "1";
+  }, 0);
 }
 
 function setupEventHandler() {
+  const nyanizeStatus = document.getElementById(
+    "nyanizeStatus",
+  ) as HTMLInputElement;
+  const ultimatenyanizeStatus = document.getElementById(
+    "ultimatenyanizeStatus",
+  ) as HTMLInputElement;
+
   //handle enyabling or disabling or the extension
-  $<HTMLInputElement>("#nyanizeStatus").on("change", function (event) {
+  nyanizeStatus.addEventListener("change", function (event) {
     if (this.checked) {
       browser.storage.local.set({
         nyanizeStatus: 1,
       });
     } else {
-      $("#ultimatenyanizeStatus").prop("checked", false);
+      ultimatenyanizeStatus.checked = false;
       browser.storage.local.set({
         nyanizeStatus: 0,
       });
     }
   });
 
-  $<HTMLInputElement>("#ultimatenyanizeStatus").on("change", function (event) {
+  ultimatenyanizeStatus.addEventListener("change", function (event) {
     if (this.checked) {
-      $("#nyanizeStatus").prop("checked", true);
+      nyanizeStatus.checked = true;
       browser.storage.local.set({
         nyanizeStatus: 2,
       });

diff --git a/package.json b/package.json
@@ -16,15 +16,13 @@
     "postinstall": "wxt prepare"
   },
   "devDependencies": {
-    "@types/jquery": "^3.5.30",
     "prettier": "^3.3.3",
     "sass": "^1.77.8",
     "typescript": "^5.5.4",
     "wxt": "^0.19.1"
   },
   "packageManager": "pnpm@9.7.1+sha512.faf344af2d6ca65c4c5c8c2224ea77a81a5e8859cbc4e06b1511ddce2f0151512431dd19e6aff31f2c6a8f5f2aced9bd2273e1fed7dd4de1868984059d2c4247",
   "dependencies": {
-    "bootstrap": "^5.3.3",
-    "jquery": "^3.7.1"
+    "bootstrap": "^5.3.3"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml