Fix long standing bug with settings and lint.

index.js

@@ -42,7 +42,7 @@ const rammerheadScopes = [
 const rammerheadSession = /^\/[a-z0-9]{32}/;
 
 function shouldRouteRh(req) {
-  const url = new URL(req.url, 'http://0.0.0.0');
+  const url = new URL(req.url, "http://0.0.0.0");
   return rammerheadScopes.includes(url.pathname) || rammerheadSession.test(url.pathname);
 }
 
@@ -91,20 +91,19 @@ app.get("/search", async (req, res) => {
   try {
     const { query } = req.query;
 
-    const response = await fetch(
+    const response = await fetch(`http://api.duckduckgo.com/ac?q=${query}&format=json`).then(
-      `http://api.duckduckgo.com/ac?q=${query}&format=json`
+      (apiRes) => apiRes.json()
-    ).then((apiRes) => apiRes.json());
+    );
 
     res.send(response);
   } catch (err) {
     res.redirect(302, "/404.html");
   }
 });
-app.get('*', function(req, res){
+app.get("*", function (req, res) {
-  res.redirect(302, '/404.html');
+  res.redirect(302, "/404.html");
 });
 
-
 console.log(chalk.gray("Starting Alu..."));
 console.log(chalk.green("Alu started successfully!"));
 server.on("listening", () => {

src/components/Footer.astro

@@ -65,4 +65,3 @@ const t = useTranslations(lang);
     }
   </style>
 </div>
-</div>

src/components/SettingsTablist.astro

@@ -47,13 +47,13 @@ const t = useTranslations(lang);
   <div id="current-content"></div>
 </div>
 <script is:inline>
+  function settingsLoad() {
     document.addEventListener("astro:after-swap", () => {
       window.currentlySelectedTab = "";
       document.removeEventListener("setting-tabChange", determineListener);
     });
     window.currentlySelectedTab;
     window.loadedContentStorage = {};
-
     Array.from(document.getElementsByClassName("setting-tab")).forEach((tab) => {
     let contentToLoad = document.getElementById("content-" + tab.id);
     if (contentToLoad) {
@@ -159,17 +159,6 @@ const t = useTranslations(lang);
         }
       });
     });
-    // Array.from(item.children).forEach((item) => {
-    //     item.addEventListener('click', () => {
-    //       localStorage.setItem(localStorageItem, item.dataset.setting)
-    //       applySavedLocalStorage(localStorageItem, dropdownID)
-    //       closeDropdown(item.parentElement.id);
-
-    //       if (typeof optionalCallback == "function") {
-    //         optionalCallback();
-    //       }
-    //     })
-    //   })
   }
 
   function applyInputListeners(item, localStorageItem) {
@@ -353,6 +342,11 @@ const t = useTranslations(lang);
         break;
     }
   }
+  }
+  document.addEventListener('astro:after-swap', () => {
+    settingsLoad()
+  })
+  settingsLoad()
 </script>
 <style is:global>
   .content-hidden {

src/pages/[lang]/index.astro

@@ -16,7 +16,13 @@ export function getStaticPaths() {
     <h1 class="title-text">{t("menu.welcome")}</h1>
     <div class="form-wrapper">
       <form class="url-input-form" id="url-input-form">
-        <input class="url-input" id="url-input" type="text" placeholder={t("menu.search")} autocomplete="off" />
+        <input
+          class="url-input"
+          id="url-input"
+          type="text"
+          placeholder={t("menu.search")}
+          autocomplete="off"
+        />
         <div id="search-suggestions"></div>
         <div id="loading-content">Loading...</div>
         <div id="top-bar"></div>
@@ -38,11 +44,8 @@ export function getStaticPaths() {
         <p>
           Spreading the word of Alu is a great start, but if you really enjoy Alu, and want private
           links, consider supporting me through Patreon! You can support me
-          <Link
+          <Link href="https://www.patreon.com/wearr/membership" newTab linkTextContent="Here!" />,
-            href="https://www.patreon.com/wearr/membership"
+          thank you for helping to make Alu great!
-            newTab
-            linkTextContent="Here!"
-          />, thank you for helping to make Alu great!
         </p>
       </div>
     </div>
@@ -52,8 +55,8 @@ export function getStaticPaths() {
 <script>
   type Suggestion = {
     phrase: string;
-    }
+  };
-    const debounce = (func: Function, delay: number): (...args: any[]) => void => {
+  const debounce = (func: Function, delay: number): ((...args: any[]) => void) => {
     let debounceTimer: NodeJS.Timeout;
     return function (this: Function, ...args: any[]) {
       const context: any = this;
@@ -78,7 +81,7 @@ export function getStaticPaths() {
       suggestionElement.style.marginTop = "5px";
       suggestionElement.innerText = suggestion.phrase;
       suggestionElement.addEventListener("click", () => {
-              console.log("here")
+        console.log("here");
         urlInput.value = suggestion.phrase;
         // I can't be bothered to extend the window object, so I'm just going to use any
         (window as any).loadFormContent();
@@ -95,10 +98,10 @@ export function getStaticPaths() {
   }
   function addEventListeners() {
     let urlInput = document.getElementById("url-input") as HTMLInputElement;
-      let searchSuggestions = document.getElementById('search-suggestions') as HTMLDivElement;
+    let searchSuggestions = document.getElementById("search-suggestions") as HTMLDivElement;
     // Silently return if the required elements aren't found, this prevents the console from getting cluttered with errors.
     if (!urlInput || !searchSuggestions) return;
-        urlInput.addEventListener('focus', () => {
+    urlInput.addEventListener("focus", () => {
       if (!searchSuggestions) {
         throw new Error("searchSuggestions is null");
       }
@@ -107,23 +110,21 @@ export function getStaticPaths() {
         searchSuggestions.style.pointerEvents = "all";
         urlInput.classList.add("search-results");
       }
-      })
+    });
-      urlInput.addEventListener('blur', () => {
+    urlInput.addEventListener("blur", () => {
       searchSuggestions.style.opacity = "0";
       setTimeout(() => {
         searchSuggestions.style.pointerEvents = "none";
       }, 200);
-          urlInput.classList.remove("search-results")
+      urlInput.classList.remove("search-results");
-      })
+    });
 
     urlInput.addEventListener("keyup", () => {
       debounce(sendAPIRequest, 300).apply(null, [urlInput, searchSuggestions]);
     });
   }
-    document.addEventListener('astro:after-swap', addEventListeners);
+  document.addEventListener("astro:after-swap", addEventListeners);
   addEventListeners();
-
-
 </script>
 
 <style>

tsconfig.json

@@ -2,6 +2,6 @@
   "extends": "astro/tsconfigs/strict",
   "exclude": ["node_modules/**", "dist/**"],
   "compilerOptions": {
-    "verbatimModuleSyntax": false,
+    "verbatimModuleSyntax": false
   }
 }