Fix security warnings

scripts/backup-restore.js

@@ -42,9 +42,7 @@ async function backupData() {
 
         console.log("Backup completed successfully!");
     } catch (error) {
-        await alertPrompt(
-            (translations[currentLanguage]?.failedbackup || translations["en"].failedbackup) + error.message
-        );
+        await alertPrompt((translations[currentLanguage]?.failedbackup || translations["en"].failedbackup) + error.message);
     }
 }
 

scripts/bookmarks.js

@@ -373,7 +373,7 @@ document.addEventListener("DOMContentLoaded", function () {
         if (!currentBookmarkId) return;
 
         const updatedTitle = editBookmarkName.value.trim();
-        const updatedURL = editBookmarkURL.value.trim();
+        const updatedURL = encodeURI(editBookmarkURL.value.trim());
 
         const updatedData = { title: updatedTitle, url: updatedURL };
 
@@ -438,7 +438,6 @@ document.addEventListener("DOMContentLoaded", function () {
 // Save and load the state of the bookmarks toggle
 document.addEventListener("DOMContentLoaded", function () {
     const bookmarksCheckbox = document.getElementById("bookmarksCheckbox");
-    const bookmarkGridCheckbox = document.getElementById("bookmarkGridCheckbox");
 
     bookmarksCheckbox.addEventListener("change", async function () {
         let bookmarksPermission;

scripts/google-apps.js

@@ -42,6 +42,7 @@ document.addEventListener("click", function (event) {
 // Save and load toggle state
 document.addEventListener("DOMContentLoaded", function () {
     const googleAppsCont = document.getElementById("googleAppsCont");
+    const googleAppsCheckbox = document.getElementById("googleAppsCheckbox");
 
     googleAppsCheckbox.addEventListener("change", function () {
         saveCheckboxState("googleAppsCheckboxState", googleAppsCheckbox);

scripts/save-load-states.js

@@ -13,6 +13,7 @@ function saveCheckboxState(key, checkbox) {
     localStorage.setItem(key, checkbox.checked ? "checked" : "unchecked");
 }
 
+const bookmarkGridCheckbox = document.getElementById("bookmarkGridCheckbox");
 // Function to load and apply checkbox state from localStorage
 function loadCheckboxState(key, checkbox) {
     const savedState = localStorage.getItem(key);

scripts/script.js

@@ -18,6 +18,7 @@
 
 // Showing border or outline when you click on the searchbar
 const searchbar = document.getElementById("searchbar");
+const searchInput = document.getElementById("searchQ");
 searchbar.addEventListener("click", function (event) {
     event.stopPropagation(); // Stop the click event from propagating to the document
     searchbar.classList.add("active");
@@ -61,7 +62,6 @@ document.addEventListener("DOMContentLoaded", () => {
     });
 
     const enterBTN = document.getElementById("enterBtn");
-    const searchInput = document.getElementById("searchQ");
     const searchEngineRadio = document.getElementsByName("search-engine");
     const searchDropdowns = document.querySelectorAll('[id$="-dropdown"]:not(*[data-default])');
     const defaultEngine = document.querySelector('#default-dropdown-item div[id$="-dropdown"]');
@@ -122,9 +122,8 @@ document.addEventListener("DOMContentLoaded", () => {
 
             localStorage.setItem("selectedSearchEngine", radioButton.value);
 
-            const searchBar = document.querySelector(".searchbar");
             searchInput.focus();
-            searchBar.classList.add("active");
+            searchbar.classList.add("active");
         });
     });
 
@@ -563,8 +562,6 @@ document.addEventListener("DOMContentLoaded", function () {
 });
 
 document.addEventListener("keydown", function (event) {
-    const searchInput = document.getElementById("searchQ");
-    const searchBar = document.querySelector(".searchbar");
     const modalContainer = document.getElementById("prompt-modal-container");
 
     // Prevent if modal is open
@@ -578,7 +575,7 @@ document.addEventListener("keydown", function (event) {
     if (event.key === "/" && event.target.tagName !== "INPUT" && event.target.tagName !== "TEXTAREA" && event.target.isContentEditable !== true) {
         event.preventDefault();
         searchInput.focus();
-        searchBar.classList.add("active");
+        searchbar.classList.add("active");
     }
 });
 

scripts/search-suggestions.js

@@ -50,6 +50,9 @@ document.addEventListener("DOMContentLoaded", () => {
 });
 
 // ---------------------------- Search Suggestions ----------------------------
+
+const resultBox = document.getElementById("resultBox");
+
 // Show the result box
 function showResultBox() {
     resultBox.classList.add("show");
@@ -77,7 +80,6 @@ document.getElementById("searchQ").addEventListener("input", async function () {
             engine5: "https://www.youtube.com/results?search_query="
         };
         const query = this.value;
-        const resultBox = document.getElementById("resultBox");
 
         if (query.length > 0) {
             try {
@@ -222,8 +224,6 @@ async function getAutocompleteSuggestions(query) {
 
 // Hide results when clicking outside
 document.addEventListener("click", function (event) {
-    const searchbar = document.getElementById("searchbar");
-
     if (!searchbar.contains(event.target)) {
         hideResultBox();
     }