From 980de2b59b4163fb65ddb38d0194b24dc9d7345b Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Wed, 21 Aug 2024 22:36:45 +0200
Subject: [PATCH 01/11] added search suggestions

---
 main.go                   |   1 +
 static/js/autocomplete.js | 315 ++++++++++++++++++++++++++++++++++++++
 suggestions.go            | 161 +++++++++++++++++++
 templates/search.html     |   5 +
 4 files changed, 482 insertions(+)
 create mode 100644 static/js/autocomplete.js
 create mode 100644 suggestions.go

diff --git a/main.go b/main.go
index d16485f..85c10c8 100755
--- a/main.go
+++ b/main.go
@@ -166,6 +166,7 @@ func runServer() {
 	http.Handle("/static/", http.StripPrefix("/static/", http.FileServer(http.Dir("static"))))
 	http.HandleFunc("/", handleSearch)
 	http.HandleFunc("/search", handleSearch)
+	http.HandleFunc("/suggestions", handleSuggestions)
 	http.HandleFunc("/img_proxy", handleImageProxy)
 	http.HandleFunc("/node", handleNodeRequest)
 	http.HandleFunc("/settings", handleSettings)
diff --git a/static/js/autocomplete.js b/static/js/autocomplete.js
new file mode 100644
index 0000000..c9049c5
--- /dev/null
+++ b/static/js/autocomplete.js
@@ -0,0 +1,315 @@
+/**
+ * @source: ./script.js (originally from araa-search on Github)
+ * 
+ * @licstart  The following is the entire license notice for the
+ *  JavaScript code in this page.
+ * 
+ * Copyright (C) 2023  Extravi
+ * 
+ * The JavaScript code in this page is free software: you can
+ * redistribute it and/or modify it under the terms of the GNU Affero
+ * General Public License as published by the Free Software Foundation,
+ * either version 3 of the License, or (at your option) any later version.
+ * 
+ * The code is distributed WITHOUT ANY WARRANTY; without even the
+ * implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
+ * See the GNU Affero General Public License for more details.
+ * 
+ * As additional permission under GNU Affero General Public License
+ * section 7, you may distribute non-source (e.g., minimized or compacted)
+ * forms of that code without the copy of the GNU Affero General Public
+ * License normally required by section 4, provided you include this
+ * license notice and a URL through which recipients can access the
+ * Corresponding Source.
+ * 
+ * @licend  The above is the entire license notice
+ *  for the JavaScript code in this page.
+ */
+
+// Removes the 'Apply Settings' button for Javascript users, 
+// since changing any of the elements causes the settings to apply
+// automatically.
+let resultsSave = document.querySelector(".results-save");
+if (resultsSave != null) {
+  resultsSave.style.display = "none";
+}
+
+const searchInput = document.getElementById('search-input');
+const searchWrapper = document.querySelectorAll('.wrapper, .wrapper-results')[0];
+const resultsWrapper = document.querySelector('.autocomplete');
+const clearSearch = document.querySelector("#clearSearch");
+
+async function getSuggestions(query) {
+    try {
+      const params = new URLSearchParams({ "q": query }).toString();
+      const response = await fetch(`/suggestions?${params}`);
+      const data = await response.json();
+      return data[1]; // Return only the array of suggestion strings
+    } catch (error) {
+      console.error(error);
+    }
+  }
+
+let currentIndex = -1; // Keep track of the currently selected suggestion
+
+let results = [];
+searchInput.addEventListener('input', async () => {
+  let input = searchInput.value;
+  if (input.length) {
+    results = await getSuggestions(input);
+  }
+  renderResults(results);
+  currentIndex = -1; // Reset index when we return new results
+});
+
+searchInput.addEventListener("focus", async () => {
+  let input = searchInput.value;
+  if (results.length === 0 && input.length != 0) {
+    results = await getSuggestions(input);
+  }
+  renderResults(results);
+})
+
+clearSearch.style.visibility = "visible"; // Only show the clear search button for JS users.
+clearSearch.addEventListener("click", () => {
+  searchInput.value = "";
+  searchInput.focus();
+})
+
+searchInput.addEventListener('keydown', (event) => {
+  if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
+    event.preventDefault(); // Prevent the cursor from moving in the search input
+
+    // Find the currently selected suggestion element
+    const selectedSuggestion = resultsWrapper.querySelector('.selected');
+    if (selectedSuggestion) {
+      selectedSuggestion.classList.remove('selected'); // Deselect the currently selected suggestion
+    }
+
+    // Increment or decrement the current index based on the arrow key pressed
+    if (event.key === 'ArrowUp') {
+      currentIndex--;
+    } else {
+      currentIndex++;
+    }
+
+    // Wrap around the index if it goes out of bounds
+    if (currentIndex < 0) {
+      currentIndex = resultsWrapper.querySelectorAll('li').length - 1;
+    } else if (currentIndex >= resultsWrapper.querySelectorAll('li').length) {
+      currentIndex = 0;
+    }
+
+    // Select the new suggestion
+    resultsWrapper.querySelectorAll('li')[currentIndex].classList.add('selected');
+    // Update the value of the search input
+    searchInput.value = resultsWrapper.querySelectorAll('li')[currentIndex].textContent;
+  }
+});
+
+function renderResults(results) {
+  if (!results || !results.length || !searchInput.value) {
+    return searchWrapper.classList.remove('show');
+  }
+
+  let content = '';
+  results.forEach((item) => {
+    content += `<li>${item}</li>`;
+  });
+
+  // Only show the autocomplete suggestions if the search input has a non-empty value
+  if (searchInput.value) {
+    searchWrapper.classList.add('show');
+  }
+  resultsWrapper.innerHTML = `<ul>${content}</ul>`;
+}
+
+resultsWrapper.addEventListener('click', (event) => {
+  if (event.target.tagName === 'LI') {
+    // Set the value of the search input to the clicked suggestion
+    searchInput.value = event.target.textContent;
+    // Reset the current index
+    currentIndex = -1;
+    // Submit the form
+    searchWrapper.querySelector('input[type="submit"]').click();
+    // Remove the show class from the search wrapper
+    searchWrapper.classList.remove('show');
+  }
+});
+
+
+document.addEventListener("keypress", (event) => {
+  if (document.activeElement == searchInput) {
+    // Allow the '/' character to be pressed when searchInput is active
+  } else if (document.querySelector(".calc") != null) {
+    // Do nothing if the calculator is available, so the division keybinding
+    // will still work
+  }
+  else if (event.key == "/") {
+    event.preventDefault();
+    searchInput.focus();
+    searchInput.selectionStart = searchInput.selectionEnd = searchInput.value.length;
+  }
+})
+
+// Add event listener to hide autocomplete suggestions when clicking outside of search-input or wrapper
+document.addEventListener('click', (event) => {
+  // Check if the target of the event is the search-input or any of its ancestors
+  if (!searchInput.contains(event.target) && !searchWrapper.contains(event.target)) {
+    // Remove the show class from the search wrapper
+    searchWrapper.classList.remove('show');
+  }
+});
+
+// Load material icons. If the file cannot be loaded,
+// skip them and put a warning in the console.
+const font = new FontFace('Material Icons Round', 'url("/fonts/material-icons-round-v108-latin-regular.woff2") format("woff2")');
+font.load().then(() => {
+  const icons = document.getElementsByClassName('material-icons-round');
+
+  // Display all icons.
+  for (let icon of icons) {
+    icon.style.visibility = 'visible';
+  }
+
+  // Ensure icons for the different types of searches are sized correctly.
+  document.querySelectorAll('#sub-search-wrapper-ico').forEach((el) => {
+    el.style.fontSize = '17px';
+  });
+}).catch(() => {
+  console.warn('Failed to load Material Icons Round. Hiding any icons using said pack.');
+});
+
+// load image after server side processing
+window.addEventListener('DOMContentLoaded', function () {
+  var knoTitleElement = document.getElementById('kno_title');
+  var kno_title = knoTitleElement.dataset.knoTitle;
+  fetch(kno_title)
+    .then(response => response.json())
+    .then(data => {
+      const pageId = Object.keys(data.query.pages)[0];
+      const thumbnailSource = data.query.pages[pageId].thumbnail.source;
+      const url = "/img_proxy?url=" + thumbnailSource;
+
+      // update the img tag with url and add kno_wiki_show
+      var imgElement = document.querySelector('.kno_wiki');
+      imgElement.src = url;
+      imgElement.classList.add('kno_wiki_show');
+
+      console.log(url);
+    })
+    .catch(error => {
+      console.log('Error fetching data:', error);
+    });
+});
+
+const urlParams = new URLSearchParams(window.location.search);
+
+if (document.querySelectorAll(".search-active")[1].getAttribute("value") === "image") {
+
+  // image viewer for image search
+  const closeButton = document.querySelector('.image-close');
+  const imageView = document.querySelector('.image_view');
+  const images = document.querySelector('.images');
+  const viewImageImg = document.querySelector('.view-image-img');
+  const imageSource = document.querySelector('.image-source');
+  const imageFull = document.querySelector(".full-size");
+  const imageProxy = document.querySelector('.proxy-size');
+  const imageViewerLink = document.querySelector('.image-viewer-link');
+  const imageSize = document.querySelector('.image-size');
+  const fullImageSize = document.querySelector(".full-image-size");
+  const imageAlt = document.querySelector('.image-alt');
+  const openImageViewer = document.querySelectorAll('.open-image-viewer');
+  const imageBefore = document.querySelector('.image-before');
+  const imageNext = document.querySelector('.image-next');
+  let currentImageIndex = 0;
+
+  closeButton.addEventListener('click', function () {
+    imageView.classList.remove('image_show');
+    imageView.classList.add('image_hide');
+    for (const image of document.querySelectorAll(".image_selected")) {
+      image.classList = ['image'];
+    }
+    images.classList.add('images_viewer_hidden');
+  });
+
+  openImageViewer.forEach((image, index) => {
+    image.addEventListener('click', function (event) {
+      event.preventDefault();
+      currentImageIndex = index;
+      showImage();
+    });
+  });
+
+  document.addEventListener('keydown', function (event) {
+    if (searchInput == document.activeElement)
+      return;
+    if (event.key === 'ArrowLeft') {
+      currentImageIndex = (currentImageIndex - 1 + openImageViewer.length) % openImageViewer.length;
+      showImage();
+    }
+    else if (event.key === 'ArrowRight') {
+      currentImageIndex = (currentImageIndex + 1) % openImageViewer.length;
+      showImage();
+    }
+  });
+
+  imageBefore.addEventListener('click', function () {
+    currentImageIndex = (currentImageIndex - 1 + openImageViewer.length) % openImageViewer.length;
+    showImage();
+  });
+
+  imageNext.addEventListener('click', function () {
+    currentImageIndex = (currentImageIndex + 1) % openImageViewer.length;
+    showImage();
+  });
+
+  function showImage() {
+    for (const image of document.querySelectorAll(".image_selected")) {
+      image.classList = ['image'];
+    }
+    const current_image = document.querySelectorAll(".image")[currentImageIndex]; 
+    current_image.classList.add("image_selected");
+    var rect = current_image.getBoundingClientRect();
+    if (!(rect.top >= 0 && rect.left >= 0 &&
+        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+        rect.right <= (window.innerWidth || document.documentElement.clientWidth))) {
+      current_image.scrollIntoView(false);
+    }
+
+    const src = openImageViewer[currentImageIndex].getAttribute('src');
+    const alt = openImageViewer[currentImageIndex].getAttribute('alt');
+    const data = openImageViewer[currentImageIndex].getAttribute('data');
+    const clickableLink = openImageViewer[currentImageIndex].closest('.clickable');
+    const href = clickableLink.getAttribute('href');
+    viewImageImg.src = src;
+    imageProxy.href = src;
+    imageFull.href = data;
+    imageSource.href = href;
+    imageSource.textContent = href;
+    imageViewerLink.href = href;
+    images.classList.remove('images_viewer_hidden');
+    imageView.classList.remove('image_hide');
+    imageView.classList.add('image_show');
+    imageAlt.textContent = alt;
+    fullImageSize.textContent = document.querySelector(".image_selected .resolution").textContent;
+
+    getImageSize(src).then(size => {
+      imageSize.textContent = size;
+    });
+  }
+
+  function getImageSize(url) {
+    return new Promise((resolve, reject) => {
+      const img = new Image();
+      img.onload = function () {
+        const size = `${this.width} x ${this.height}`;
+        resolve(size);
+      };
+      img.onerror = function () {
+        reject('Error loading image');
+      };
+      img.src = url;
+    });
+  }
+}
\ No newline at end of file
diff --git a/suggestions.go b/suggestions.go
new file mode 100644
index 0000000..3990e11
--- /dev/null
+++ b/suggestions.go
@@ -0,0 +1,161 @@
+package main
+
+import (
+	"encoding/json"
+	"fmt"
+	"io"
+	"log"
+	"net/http"
+	"net/url"
+)
+
+func handleSuggestions(w http.ResponseWriter, r *http.Request) {
+	query := r.URL.Query().Get("q")
+	if query == "" {
+		w.Header().Set("Content-Type", "application/json")
+		fmt.Fprintf(w, `["",[]]`)
+		return
+	}
+
+	// Define the fallback sequence with Google lower in the hierarchy
+	suggestionSources := []func(string) []string{
+		fetchDuckDuckGoSuggestions,
+		fetchEdgeSuggestions,
+		fetchBraveSuggestions,
+		fetchEcosiaSuggestions,
+		fetchQwantSuggestions,
+		fetchStartpageSuggestions,
+		// fetchGoogleSuggestions, // I advise against it, but you can use it if you want to
+	}
+
+	var suggestions []string
+	for _, fetchFunc := range suggestionSources {
+		suggestions = fetchFunc(query)
+		if len(suggestions) > 0 {
+			log.Printf("Suggestions found using %T\n", fetchFunc)
+			break
+		} else {
+			log.Printf("%T did not return any suggestions or failed.\n", fetchFunc)
+		}
+	}
+
+	if len(suggestions) == 0 {
+		log.Println("All suggestion services failed. Returning empty response.")
+	}
+
+	// Return the final suggestions as JSON
+	w.Header().Set("Content-Type", "application/json")
+	fmt.Fprintf(w, `["",%s]`, toJSONStringArray(suggestions))
+}
+
+func fetchGoogleSuggestions(query string) []string {
+	encodedQuery := url.QueryEscape(query)
+	url := fmt.Sprintf("http://suggestqueries.google.com/complete/search?client=firefox&q=%s", encodedQuery)
+	log.Println("Fetching suggestions from Google:", url)
+	return fetchSuggestionsFromURL(url)
+}
+
+func fetchDuckDuckGoSuggestions(query string) []string {
+	encodedQuery := url.QueryEscape(query)
+	url := fmt.Sprintf("https://duckduckgo.com/ac/?q=%s&type=list", encodedQuery)
+	log.Println("Fetching suggestions from DuckDuckGo:", url)
+	return fetchSuggestionsFromURL(url)
+}
+
+func fetchEdgeSuggestions(query string) []string {
+	encodedQuery := url.QueryEscape(query)
+	url := fmt.Sprintf("https://api.bing.com/osjson.aspx?query=%s", encodedQuery)
+	log.Println("Fetching suggestions from Edge (Bing):", url)
+	return fetchSuggestionsFromURL(url)
+}
+
+func fetchBraveSuggestions(query string) []string {
+	encodedQuery := url.QueryEscape(query)
+	url := fmt.Sprintf("https://search.brave.com/api/suggest?q=%s", encodedQuery)
+	log.Println("Fetching suggestions from Brave:", url)
+	return fetchSuggestionsFromURL(url)
+}
+
+func fetchEcosiaSuggestions(query string) []string {
+	encodedQuery := url.QueryEscape(query)
+	url := fmt.Sprintf("https://ac.ecosia.org/?q=%s&type=list", encodedQuery)
+	log.Println("Fetching suggestions from Ecosia:", url)
+	return fetchSuggestionsFromURL(url)
+}
+
+func fetchQwantSuggestions(query string) []string {
+	encodedQuery := url.QueryEscape(query)
+	url := fmt.Sprintf("https://api.qwant.com/v3/suggest?q=%s", encodedQuery)
+	log.Println("Fetching suggestions from Qwant:", url)
+	return fetchSuggestionsFromURL(url)
+}
+
+func fetchStartpageSuggestions(query string) []string {
+	encodedQuery := url.QueryEscape(query)
+	url := fmt.Sprintf("https://startpage.com/suggestions?q=%s", encodedQuery)
+	log.Println("Fetching suggestions from Startpage:", url)
+	return fetchSuggestionsFromURL(url)
+}
+
+func fetchSuggestionsFromURL(url string) []string {
+	resp, err := http.Get(url)
+	if err != nil {
+		log.Println("Error fetching suggestions from", url, ":", err)
+		return []string{}
+	}
+	defer resp.Body.Close()
+
+	body, err := io.ReadAll(resp.Body)
+	if err != nil {
+		log.Println("Error reading response body from", url, ":", err)
+		return []string{}
+	}
+
+	// Log the Content-Type for debugging
+	contentType := resp.Header.Get("Content-Type")
+	log.Println("Response Content-Type from", url, ":", contentType)
+
+	// Check if the body is non-empty
+	if len(body) == 0 {
+		log.Println("Received empty response body from", url)
+		return []string{}
+	}
+
+	// Attempt to parse the response as JSON regardless of Content-Type
+	var parsedResponse []interface{}
+	if err := json.Unmarshal(body, &parsedResponse); err != nil {
+		log.Println("Error parsing JSON from", url, ":", err)
+		log.Println("Response body:", string(body)) // Log the body for debugging
+		return []string{}
+	}
+
+	// Ensure the response structure is as expected
+	if len(parsedResponse) < 2 {
+		log.Println("Unexpected response format from", url, ":", string(body))
+		return []string{}
+	}
+
+	suggestions := []string{}
+	if items, ok := parsedResponse[1].([]interface{}); ok {
+		for _, item := range items {
+			if suggestion, ok := item.(string); ok {
+				suggestions = append(suggestions, suggestion)
+			}
+		}
+	} else {
+		log.Println("Unexpected suggestions format in response from", url)
+	}
+
+	return suggestions
+}
+
+func toJSONStringArray(strings []string) string {
+	result := ""
+	for i, str := range strings {
+		result += fmt.Sprintf(`"%s"`, str)
+		if i < len(strings)-1 {
+			result += ","
+		}
+	}
+	return "[" + result + "]"
+}
diff --git a/templates/search.html b/templates/search.html
index 1300d4e..8dd0cf9 100755
--- a/templates/search.html
+++ b/templates/search.html
@@ -9,6 +9,7 @@
     <link rel="search" type="application/opensearchdescription+xml" title="Ocásek" href="/opensearch.xml">
 </head>
 <body>
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         document.addEventListener('DOMContentLoaded', function () {
             // Define the updateSettings function first
@@ -83,6 +84,10 @@
         <div class="wrapper">
             <input type="text" name="q" autofocus id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="text" type="submit">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <!-- <a id="clearSearch" class="material-icons-round">close</a> -->
         </div>
         <div class="search-button-wrapper">
-- 
2.40.1


From 14b4f3aaf584d13b32f767e37eaff25be8e2a1dc Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Wed, 21 Aug 2024 22:56:21 +0200
Subject: [PATCH 02/11] added search suggestions to opensearch

---
 open-search.go | 14 ++++++++++----
 1 file changed, 10 insertions(+), 4 deletions(-)

diff --git a/open-search.go b/open-search.go
index 280fe3d..ee3887f 100644
--- a/open-search.go
+++ b/open-search.go
@@ -12,7 +12,7 @@ type OpenSearchDescription struct {
 	ShortName   string   `xml:"ShortName"`
 	Description string   `xml:"Description"`
 	Tags        string   `xml:"Tags"`
-	URL         URL      `xml:"Url"`
+	URLs        []URL    `xml:"Url"`
 }
 
 type URL struct {
@@ -28,9 +28,15 @@ func generateOpenSearchXML(config Config) {
 		ShortName:   "Search Engine",
 		Description: "Search engine",
 		Tags:        "search, engine",
-		URL: URL{
-			Type:     "text/html",
-			Template: fmt.Sprintf("%s/search?q={searchTerms}", baseURL),
+		URLs: []URL{
+			{
+				Type:     "text/html",
+				Template: fmt.Sprintf("%s/search?q={searchTerms}", baseURL),
+			},
+			{
+				Type:     "application/x-suggestions+json",
+				Template: fmt.Sprintf("%s/suggestions?q={searchTerms}", baseURL),
+			},
 		},
 	}
 
-- 
2.40.1


From 6ef817a2b09ecee632f597c427939cc5c9416f8c Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Wed, 21 Aug 2024 23:23:08 +0200
Subject: [PATCH 03/11] added search suggestions to all pages

---
 open-search.go        |  6 +++---
 suggestions.go        | 37 ++++++++++++++++++-------------------
 templates/files.html  |  5 +++++
 templates/forums.html |  5 +++++
 templates/images.html |  5 +++++
 templates/map.html    |  4 ++++
 templates/text.html   |  5 +++++
 templates/videos.html |  5 +++++
 8 files changed, 50 insertions(+), 22 deletions(-)

diff --git a/open-search.go b/open-search.go
index ee3887f..8ae97e1 100644
--- a/open-search.go
+++ b/open-search.go
@@ -25,9 +25,9 @@ func generateOpenSearchXML(config Config) {
 
 	opensearch := OpenSearchDescription{
 		Xmlns:       "http://a9.com/-/spec/opensearch/1.1/",
-		ShortName:   "Search Engine",
-		Description: "Search engine",
-		Tags:        "search, engine",
+		ShortName:   "Warp",
+		Description: "Warp search engine",
+		Tags:        "search, engine, warp",
 		URLs: []URL{
 			{
 				Type:     "text/html",
diff --git a/suggestions.go b/suggestions.go
index 3990e11..73e9b02 100644
--- a/suggestions.go
+++ b/suggestions.go
@@ -4,7 +4,6 @@ import (
 	"encoding/json"
 	"fmt"
 	"io"
-	"log"
 	"net/http"
 	"net/url"
 )
@@ -32,15 +31,15 @@ func handleSuggestions(w http.ResponseWriter, r *http.Request) {
 	for _, fetchFunc := range suggestionSources {
 		suggestions = fetchFunc(query)
 		if len(suggestions) > 0 {
-			log.Printf("Suggestions found using %T\n", fetchFunc)
+			printDebug("Suggestions found using %T", fetchFunc)
 			break
 		} else {
-			log.Printf("%T did not return any suggestions or failed.\n", fetchFunc)
+			printWarn("%T did not return any suggestions or failed.", fetchFunc)
 		}
 	}
 
 	if len(suggestions) == 0 {
-		log.Println("All suggestion services failed. Returning empty response.")
+		printErr("All suggestion services failed. Returning empty response.")
 	}
 
 	// Return the final suggestions as JSON
@@ -51,87 +50,87 @@ func handleSuggestions(w http.ResponseWriter, r *http.Request) {
 func fetchGoogleSuggestions(query string) []string {
 	encodedQuery := url.QueryEscape(query)
 	url := fmt.Sprintf("http://suggestqueries.google.com/complete/search?client=firefox&q=%s", encodedQuery)
-	log.Println("Fetching suggestions from Google:", url)
+	printDebug("Fetching suggestions from Google: %s", url)
 	return fetchSuggestionsFromURL(url)
 }
 
 func fetchDuckDuckGoSuggestions(query string) []string {
 	encodedQuery := url.QueryEscape(query)
 	url := fmt.Sprintf("https://duckduckgo.com/ac/?q=%s&type=list", encodedQuery)
-	log.Println("Fetching suggestions from DuckDuckGo:", url)
+	printDebug("Fetching suggestions from DuckDuckGo: %s", url)
 	return fetchSuggestionsFromURL(url)
 }
 
 func fetchEdgeSuggestions(query string) []string {
 	encodedQuery := url.QueryEscape(query)
 	url := fmt.Sprintf("https://api.bing.com/osjson.aspx?query=%s", encodedQuery)
-	log.Println("Fetching suggestions from Edge (Bing):", url)
+	printDebug("Fetching suggestions from Edge (Bing): %s", url)
 	return fetchSuggestionsFromURL(url)
 }
 
 func fetchBraveSuggestions(query string) []string {
 	encodedQuery := url.QueryEscape(query)
 	url := fmt.Sprintf("https://search.brave.com/api/suggest?q=%s", encodedQuery)
-	log.Println("Fetching suggestions from Brave:", url)
+	printDebug("Fetching suggestions from Brave: %s", url)
 	return fetchSuggestionsFromURL(url)
 }
 
 func fetchEcosiaSuggestions(query string) []string {
 	encodedQuery := url.QueryEscape(query)
 	url := fmt.Sprintf("https://ac.ecosia.org/?q=%s&type=list", encodedQuery)
-	log.Println("Fetching suggestions from Ecosia:", url)
+	printDebug("Fetching suggestions from Ecosia: %s", url)
 	return fetchSuggestionsFromURL(url)
 }
 
 func fetchQwantSuggestions(query string) []string {
 	encodedQuery := url.QueryEscape(query)
 	url := fmt.Sprintf("https://api.qwant.com/v3/suggest?q=%s", encodedQuery)
-	log.Println("Fetching suggestions from Qwant:", url)
+	printDebug("Fetching suggestions from Qwant: %s", url)
 	return fetchSuggestionsFromURL(url)
 }
 
 func fetchStartpageSuggestions(query string) []string {
 	encodedQuery := url.QueryEscape(query)
 	url := fmt.Sprintf("https://startpage.com/suggestions?q=%s", encodedQuery)
-	log.Println("Fetching suggestions from Startpage:", url)
+	printDebug("Fetching suggestions from Startpage: %s", url)
 	return fetchSuggestionsFromURL(url)
 }
 
 func fetchSuggestionsFromURL(url string) []string {
 	resp, err := http.Get(url)
 	if err != nil {
-		log.Println("Error fetching suggestions from", url, ":", err)
+		printWarn("Error fetching suggestions from %s: %v", url, err)
 		return []string{}
 	}
 	defer resp.Body.Close()
 
 	body, err := io.ReadAll(resp.Body)
 	if err != nil {
-		log.Println("Error reading response body from", url, ":", err)
+		printWarn("Error reading response body from %s: %v", url, err)
 		return []string{}
 	}
 
 	// Log the Content-Type for debugging
 	contentType := resp.Header.Get("Content-Type")
-	log.Println("Response Content-Type from", url, ":", contentType)
+	printDebug("Response Content-Type from %s: %s", url, contentType)
 
 	// Check if the body is non-empty
 	if len(body) == 0 {
-		log.Println("Received empty response body from", url)
+		printWarn("Received empty response body from %s", url)
 		return []string{}
 	}
 
 	// Attempt to parse the response as JSON regardless of Content-Type
 	var parsedResponse []interface{}
 	if err := json.Unmarshal(body, &parsedResponse); err != nil {
-		log.Println("Error parsing JSON from", url, ":", err)
-		log.Println("Response body:", string(body)) // Log the body for debugging
+		printErr("Error parsing JSON from %s: %v", url, err)
+		printDebug("Response body: %s", string(body))
 		return []string{}
 	}
 
 	// Ensure the response structure is as expected
 	if len(parsedResponse) < 2 {
-		log.Println("Unexpected response format from", url, ":", string(body))
+		printWarn("Unexpected response format from %v: %v", url, string(body))
 		return []string{}
 	}
 
@@ -143,7 +142,7 @@ func fetchSuggestionsFromURL(url string) []string {
 			}
 		}
 	} else {
-		log.Println("Unexpected suggestions format in response from", url)
+		printErr("Unexpected suggestions format in response from: %v", url)
 	}
 
 	return suggestions
diff --git a/templates/files.html b/templates/files.html
index af39437..8b0edee 100755
--- a/templates/files.html
+++ b/templates/files.html
@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="file">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="file" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -105,6 +109,7 @@
             Try rephrasing your search term and/or recorrect any spelling mistakes.
         </div>
     {{ end }}
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');
diff --git a/templates/forums.html b/templates/forums.html
index 0246110..f1e3446 100755
--- a/templates/forums.html
+++ b/templates/forums.html
@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="forum">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="forum" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -84,6 +88,7 @@
             {{ end }}
         </form>
     </div>
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');
diff --git a/templates/images.html b/templates/images.html
index ee3794a..91d1360 100755
--- a/templates/images.html
+++ b/templates/images.html
@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="image">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="image" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -101,6 +105,7 @@
     <div class="message-bottom-left" id="message-bottom-left">
         <span>Searching for new results...</span>
     </div>
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');
diff --git a/templates/map.html b/templates/map.html
index dedcb37..458f1a3 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -29,6 +29,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="map">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="map" />
         </div>
         <div class="sub-search-button-wrapper">
diff --git a/templates/text.html b/templates/text.html
index 12cfe53..905d4dc 100755
--- a/templates/text.html
+++ b/templates/text.html
@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="text">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="text" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -89,6 +93,7 @@
             {{ end }}
         </form>
     </div>
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');
diff --git a/templates/videos.html b/templates/videos.html
index d03b984..1365a10 100644
--- a/templates/videos.html
+++ b/templates/videos.html
@@ -14,6 +14,10 @@
         <div class="wrapper-results">
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="video">search</button>
+            <div class="autocomplete">
+                <ul>
+            </ul>
+            </div>
             <input type="submit" class="hide" name="t" value="video" />
         </div>
         <div class="sub-search-button-wrapper">
@@ -82,6 +86,7 @@
             {{ end }}
         </form>
     </div>
+    <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');
-- 
2.40.1


From f7df15e47f99d48fb2ae60ab75404edfe4fd58a3 Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Fri, 23 Aug 2024 18:12:24 +0200
Subject: [PATCH 04/11] update style, removed buttons on mobile

---
 static/css/style.css | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/static/css/style.css b/static/css/style.css
index a132aaa..782163e 100644
--- a/static/css/style.css
+++ b/static/css/style.css
@@ -1732,9 +1732,9 @@ body, h1, p, a, input, button {
         display: none;
     }
 
-    .search-menu {
+    /* .search-menu {
         display: none;
-    }
+    } */
 
     .sub-search-button-wrapper {
         margin: 0;
@@ -1838,9 +1838,9 @@ body, h1, p, a, input, button {
         top: 5px;
     }
 
-    .settings-search-div {
+    /* .settings-search-div {
         display: none;
-    }
+    } */
 
     .search-container h1 {
         font-size: 55px;
@@ -1861,9 +1861,7 @@ body, h1, p, a, input, button {
     }
 
     .search-button-wrapper button {
-        display: table-row;
-        margin: 30px 0px 0px 0px;
-        width: 80%;
+        display: none;
     }
 
     #clearSearch {
-- 
2.40.1


From da6fae4b4b74c57d8d4240b7ebce0cc8a2809c5d Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Wed, 28 Aug 2024 21:31:27 +0200
Subject: [PATCH 05/11] added support for Dark Reader

---
 files.go                |  2 ++
 forums.go               |  2 ++
 images.go               |  2 ++
 main.go                 | 10 ++++++++++
 templates/files.html    |  3 +++
 templates/forums.html   |  3 +++
 templates/images.html   |  3 +++
 templates/map.html      |  3 +++
 templates/search.html   |  3 +++
 templates/settings.html |  3 +++
 templates/text.html     |  3 +++
 templates/videos.html   |  3 +++
 text.go                 |  2 ++
 user-settings.go        |  9 ++++++---
 video.go                |  1 +
 15 files changed, 49 insertions(+), 3 deletions(-)

diff --git a/files.go b/files.go
index 68f8742..931daaa 100755
--- a/files.go
+++ b/files.go
@@ -71,6 +71,7 @@ func handleFileSearch(w http.ResponseWriter, settings UserSettings, query string
 		CurrentLang     string
 		Theme           string
 		Safe            string
+		IsThemeDark     bool
 	}{
 		Results:         combinedResults,
 		Query:           query,
@@ -84,6 +85,7 @@ func handleFileSearch(w http.ResponseWriter, settings UserSettings, query string
 		CurrentLang:     settings.Language,
 		Theme:           settings.Theme,
 		Safe:            settings.SafeSearch,
+		IsThemeDark:     settings.IsThemeDark,
 	}
 
 	// // Debugging: Print results before rendering template
diff --git a/forums.go b/forums.go
index d0be4f6..4c15490 100755
--- a/forums.go
+++ b/forums.go
@@ -115,6 +115,7 @@ func handleForumsSearch(w http.ResponseWriter, settings UserSettings, query stri
 		CurrentLang     string
 		Theme           string
 		Safe            string
+		IsThemeDark     bool
 	}{
 		Query:           query,
 		Results:         results,
@@ -125,6 +126,7 @@ func handleForumsSearch(w http.ResponseWriter, settings UserSettings, query stri
 		CurrentLang:     settings.Language,
 		Theme:           settings.Theme,
 		Safe:            settings.SafeSearch,
+		IsThemeDark:     settings.IsThemeDark,
 	}
 
 	funcMap := template.FuncMap{
diff --git a/images.go b/images.go
index 86920e2..dc2c9b0 100755
--- a/images.go
+++ b/images.go
@@ -44,6 +44,7 @@ func handleImageSearch(w http.ResponseWriter, settings UserSettings, query strin
 		CurrentLang     string
 		Theme           string
 		Safe            string
+		IsThemeDark     bool
 	}{
 		Results:         combinedResults,
 		Query:           query,
@@ -56,6 +57,7 @@ func handleImageSearch(w http.ResponseWriter, settings UserSettings, query strin
 		CurrentLang:     settings.Language,
 		Theme:           settings.Theme,
 		Safe:            settings.SafeSearch,
+		IsThemeDark:     settings.IsThemeDark,
 	}
 
 	err = tmpl.Execute(w, data)
diff --git a/main.go b/main.go
index 85c10c8..9f1bef3 100755
--- a/main.go
+++ b/main.go
@@ -91,6 +91,14 @@ func handleSearch(w http.ResponseWriter, r *http.Request) {
 		saveUserSettings(w, settings)
 	}
 
+	// This will do for now (to handle Dark Reader addon)
+	switch settings.Theme {
+	case "dark", "black", "night", "latte":
+		settings.IsThemeDark = true
+	default:
+		settings.IsThemeDark = false
+	}
+
 	// Check if there is a search query
 	if query == "" {
 		// If no query is provided, render the search page template
@@ -99,11 +107,13 @@ func handleSearch(w http.ResponseWriter, r *http.Request) {
 			CurrentLang     string
 			Theme           string
 			Safe            string
+			IsThemeDark     bool
 		}{
 			LanguageOptions: languageOptions,
 			CurrentLang:     settings.Language,
 			Theme:           settings.Theme,
 			Safe:            settings.SafeSearch,
+			IsThemeDark:     settings.IsThemeDark,
 		}
 
 		tmpl := template.Must(template.ParseFiles("templates/search.html"))
diff --git a/templates/files.html b/templates/files.html
index 8b0edee..e119424 100755
--- a/templates/files.html
+++ b/templates/files.html
@@ -3,6 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{ if .IsThemeDark }}
+    <meta name="darkreader-lock">
+    {{ end }}
     <title>{{.Query}} - Ocásek</title>
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
diff --git a/templates/forums.html b/templates/forums.html
index f1e3446..04a3c2b 100755
--- a/templates/forums.html
+++ b/templates/forums.html
@@ -3,6 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{ if .IsThemeDark }}
+    <meta name="darkreader-lock">
+    {{ end }}
     <title>{{.Query}} - Ocásek</title>
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
diff --git a/templates/images.html b/templates/images.html
index 91d1360..93b5e0a 100755
--- a/templates/images.html
+++ b/templates/images.html
@@ -3,6 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{ if .IsThemeDark }}
+    <meta name="darkreader-lock">
+    {{ end }}
     <title>{{.Query}} - Ocásek</title>
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
diff --git a/templates/map.html b/templates/map.html
index 458f1a3..5ce8c62 100644
--- a/templates/map.html
+++ b/templates/map.html
@@ -3,6 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{ if .IsThemeDark }}
+    <meta name="darkreader-lock">
+    {{ end }}
     <title>{{ .Query }} - Ocásek</title>
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
diff --git a/templates/search.html b/templates/search.html
index 8dd0cf9..61fbb0d 100755
--- a/templates/search.html
+++ b/templates/search.html
@@ -3,6 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{ if .IsThemeDark }}
+    <meta name="darkreader-lock">
+    {{ end }}
     <title>Search with Ocásek</title>
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
diff --git a/templates/settings.html b/templates/settings.html
index 73843f6..59eb844 100644
--- a/templates/settings.html
+++ b/templates/settings.html
@@ -3,6 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{ if .IsThemeDark }}
+    <meta name="darkreader-lock">
+    {{ end }}
     <title>Settings - Ocásek</title>
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
diff --git a/templates/text.html b/templates/text.html
index 905d4dc..809afeb 100755
--- a/templates/text.html
+++ b/templates/text.html
@@ -3,6 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{ if .IsThemeDark }}
+    <meta name="darkreader-lock">
+    {{ end }}
     <title>{{.Query}} - Ocásek</title>
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
diff --git a/templates/videos.html b/templates/videos.html
index 1365a10..3be0bc0 100644
--- a/templates/videos.html
+++ b/templates/videos.html
@@ -3,6 +3,9 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    {{ if .IsThemeDark }}
+    <meta name="darkreader-lock">
+    {{ end }}
     <title>{{.Query}} - Ocásek</title>
     <link rel="stylesheet" href="/static/css/style.css">
     <link rel="stylesheet" href="/static/css/{{.Theme}}.css">
diff --git a/text.go b/text.go
index 1fed73d..7ea602d 100755
--- a/text.go
+++ b/text.go
@@ -55,6 +55,7 @@ func HandleTextSearch(w http.ResponseWriter, settings UserSettings, query string
 		CurrentLang     string
 		Theme           string
 		Safe            string
+		IsThemeDark     bool
 	}{
 		Results:         combinedResults,
 		Query:           query,
@@ -67,6 +68,7 @@ func HandleTextSearch(w http.ResponseWriter, settings UserSettings, query string
 		CurrentLang:     settings.Language,
 		Theme:           settings.Theme,
 		Safe:            settings.SafeSearch,
+		IsThemeDark:     settings.IsThemeDark,
 	}
 
 	err = tmpl.Execute(w, data)
diff --git a/user-settings.go b/user-settings.go
index 83fee6c..92da588 100755
--- a/user-settings.go
+++ b/user-settings.go
@@ -7,9 +7,10 @@ import (
 )
 
 type UserSettings struct {
-	Theme      string
-	Language   string
-	SafeSearch string
+	Theme       string
+	Language    string
+	SafeSearch  string
+	IsThemeDark bool
 }
 
 func loadUserSettings(r *http.Request) UserSettings {
@@ -103,11 +104,13 @@ func handleSettings(w http.ResponseWriter, r *http.Request) {
 		CurrentLang     string
 		Theme           string
 		Safe            string
+		IsThemeDark     bool
 	}{
 		LanguageOptions: languageOptions,
 		CurrentLang:     settings.Language,
 		Theme:           settings.Theme,
 		Safe:            settings.SafeSearch,
+		IsThemeDark:     settings.IsThemeDark,
 	}
 
 	printDebug("Rendering settings with data: %+v", data)
diff --git a/video.go b/video.go
index ccda543..15c83a3 100644
--- a/video.go
+++ b/video.go
@@ -176,6 +176,7 @@ func handleVideoSearch(w http.ResponseWriter, settings UserSettings, query strin
 		"CurrentLang":     settings.Language,
 		"Theme":           settings.Theme,
 		"Safe":            settings.SafeSearch,
+		"IsThemeDark":     settings.IsThemeDark,
 	})
 	if err != nil {
 		printErr("Error executing template: %v", err)
-- 
2.40.1


From 9aabff0a1264056d0f6e9a1065ab56e53015ff89 Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Wed, 28 Aug 2024 23:10:18 +0200
Subject: [PATCH 06/11] fixed and cleaned autocomplete.js

---
 static/js/autocomplete.js | 215 ++++++++------------------------------
 1 file changed, 44 insertions(+), 171 deletions(-)

diff --git a/static/js/autocomplete.js b/static/js/autocomplete.js
index c9049c5..3e1cb58 100644
--- a/static/js/autocomplete.js
+++ b/static/js/autocomplete.js
@@ -37,7 +37,7 @@ if (resultsSave != null) {
 const searchInput = document.getElementById('search-input');
 const searchWrapper = document.querySelectorAll('.wrapper, .wrapper-results')[0];
 const resultsWrapper = document.querySelector('.autocomplete');
-const clearSearch = document.querySelector("#clearSearch");
+// const clearSearch = document.querySelector("#clearSearch");
 
 async function getSuggestions(query) {
     try {
@@ -70,15 +70,15 @@ searchInput.addEventListener("focus", async () => {
   renderResults(results);
 })
 
-clearSearch.style.visibility = "visible"; // Only show the clear search button for JS users.
-clearSearch.addEventListener("click", () => {
-  searchInput.value = "";
-  searchInput.focus();
-})
+// clearSearch.style.visibility = "visible"; // Only show the clear search button for JS users.
+// clearSearch.addEventListener("click", () => {
+//   searchInput.value = "";
+//   searchInput.focus();
+// })
 
 searchInput.addEventListener('keydown', (event) => {
-  if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
-    event.preventDefault(); // Prevent the cursor from moving in the search input
+  if (event.key === 'ArrowUp' || event.key === 'ArrowDown' || event.key === 'Tab') {
+    event.preventDefault(); // Prevent the default behavior, such as moving the cursor
 
     // Find the currently selected suggestion element
     const selectedSuggestion = resultsWrapper.querySelector('.selected');
@@ -86,7 +86,7 @@ searchInput.addEventListener('keydown', (event) => {
       selectedSuggestion.classList.remove('selected'); // Deselect the currently selected suggestion
     }
 
-    // Increment or decrement the current index based on the arrow key pressed
+    // Increment current index when ArrowUp is pressed otherwise hen Tab OR ArrowDown decrement
     if (event.key === 'ArrowUp') {
       currentIndex--;
     } else {
@@ -107,9 +107,14 @@ searchInput.addEventListener('keydown', (event) => {
   }
 });
 
+// Default to the currently selected type or fallback to 'text'
+let selectedType = document.querySelector('.search-active')?.value || 'text';
+
+// Function to render results
 function renderResults(results) {
   if (!results || !results.length || !searchInput.value) {
-    return searchWrapper.classList.remove('show');
+    searchWrapper.classList.remove('show');
+    return;
   }
 
   let content = '';
@@ -117,26 +122,38 @@ function renderResults(results) {
     content += `<li>${item}</li>`;
   });
 
-  // Only show the autocomplete suggestions if the search input has a non-empty value
   if (searchInput.value) {
     searchWrapper.classList.add('show');
   }
   resultsWrapper.innerHTML = `<ul>${content}</ul>`;
 }
 
-resultsWrapper.addEventListener('click', (event) => {
-  if (event.target.tagName === 'LI') {
-    // Set the value of the search input to the clicked suggestion
-    searchInput.value = event.target.textContent;
-    // Reset the current index
-    currentIndex = -1;
-    // Submit the form
-    searchWrapper.querySelector('input[type="submit"]').click();
-    // Remove the show class from the search wrapper
-    searchWrapper.classList.remove('show');
+// Function to handle search input
+searchInput.addEventListener('input', async () => {
+  let input = searchInput.value;
+  if (input.length) {
+      const results = await getSuggestions(input);
+      renderResults(results);
   }
 });
 
+// Handle click events on the type buttons
+const typeButtons = document.querySelectorAll('[name="t"]');
+typeButtons.forEach(button => {
+  button.addEventListener('click', function() {
+    selectedType = this.value;
+    typeButtons.forEach(btn => btn.classList.remove('search-active'));
+    this.classList.add('search-active');
+  });
+});
+
+// Handle clicks on search results
+resultsWrapper.addEventListener('click', (event) => {
+  if (event.target.tagName === 'LI') {
+    const query = event.target.textContent;
+    window.location.href = `/search?q=${encodeURIComponent(query)}&t=${encodeURIComponent(selectedType)}`;
+  }
+});
 
 document.addEventListener("keypress", (event) => {
   if (document.activeElement == searchInput) {
@@ -161,155 +178,11 @@ document.addEventListener('click', (event) => {
   }
 });
 
-// Load material icons. If the file cannot be loaded,
-// skip them and put a warning in the console.
-const font = new FontFace('Material Icons Round', 'url("/fonts/material-icons-round-v108-latin-regular.woff2") format("woff2")');
-font.load().then(() => {
-  const icons = document.getElementsByClassName('material-icons-round');
-
-  // Display all icons.
-  for (let icon of icons) {
-    icon.style.visibility = 'visible';
+// Update visual feedback for selected type on page load
+document.addEventListener("DOMContentLoaded", () => {
+  const activeButton = document.querySelector(`[name="t"][value="${selectedType}"]`);
+  if (activeButton) {
+    typeButtons.forEach(btn => btn.classList.remove('search-active'));
+    activeButton.classList.add('search-active');
   }
-
-  // Ensure icons for the different types of searches are sized correctly.
-  document.querySelectorAll('#sub-search-wrapper-ico').forEach((el) => {
-    el.style.fontSize = '17px';
-  });
-}).catch(() => {
-  console.warn('Failed to load Material Icons Round. Hiding any icons using said pack.');
 });
-
-// load image after server side processing
-window.addEventListener('DOMContentLoaded', function () {
-  var knoTitleElement = document.getElementById('kno_title');
-  var kno_title = knoTitleElement.dataset.knoTitle;
-  fetch(kno_title)
-    .then(response => response.json())
-    .then(data => {
-      const pageId = Object.keys(data.query.pages)[0];
-      const thumbnailSource = data.query.pages[pageId].thumbnail.source;
-      const url = "/img_proxy?url=" + thumbnailSource;
-
-      // update the img tag with url and add kno_wiki_show
-      var imgElement = document.querySelector('.kno_wiki');
-      imgElement.src = url;
-      imgElement.classList.add('kno_wiki_show');
-
-      console.log(url);
-    })
-    .catch(error => {
-      console.log('Error fetching data:', error);
-    });
-});
-
-const urlParams = new URLSearchParams(window.location.search);
-
-if (document.querySelectorAll(".search-active")[1].getAttribute("value") === "image") {
-
-  // image viewer for image search
-  const closeButton = document.querySelector('.image-close');
-  const imageView = document.querySelector('.image_view');
-  const images = document.querySelector('.images');
-  const viewImageImg = document.querySelector('.view-image-img');
-  const imageSource = document.querySelector('.image-source');
-  const imageFull = document.querySelector(".full-size");
-  const imageProxy = document.querySelector('.proxy-size');
-  const imageViewerLink = document.querySelector('.image-viewer-link');
-  const imageSize = document.querySelector('.image-size');
-  const fullImageSize = document.querySelector(".full-image-size");
-  const imageAlt = document.querySelector('.image-alt');
-  const openImageViewer = document.querySelectorAll('.open-image-viewer');
-  const imageBefore = document.querySelector('.image-before');
-  const imageNext = document.querySelector('.image-next');
-  let currentImageIndex = 0;
-
-  closeButton.addEventListener('click', function () {
-    imageView.classList.remove('image_show');
-    imageView.classList.add('image_hide');
-    for (const image of document.querySelectorAll(".image_selected")) {
-      image.classList = ['image'];
-    }
-    images.classList.add('images_viewer_hidden');
-  });
-
-  openImageViewer.forEach((image, index) => {
-    image.addEventListener('click', function (event) {
-      event.preventDefault();
-      currentImageIndex = index;
-      showImage();
-    });
-  });
-
-  document.addEventListener('keydown', function (event) {
-    if (searchInput == document.activeElement)
-      return;
-    if (event.key === 'ArrowLeft') {
-      currentImageIndex = (currentImageIndex - 1 + openImageViewer.length) % openImageViewer.length;
-      showImage();
-    }
-    else if (event.key === 'ArrowRight') {
-      currentImageIndex = (currentImageIndex + 1) % openImageViewer.length;
-      showImage();
-    }
-  });
-
-  imageBefore.addEventListener('click', function () {
-    currentImageIndex = (currentImageIndex - 1 + openImageViewer.length) % openImageViewer.length;
-    showImage();
-  });
-
-  imageNext.addEventListener('click', function () {
-    currentImageIndex = (currentImageIndex + 1) % openImageViewer.length;
-    showImage();
-  });
-
-  function showImage() {
-    for (const image of document.querySelectorAll(".image_selected")) {
-      image.classList = ['image'];
-    }
-    const current_image = document.querySelectorAll(".image")[currentImageIndex]; 
-    current_image.classList.add("image_selected");
-    var rect = current_image.getBoundingClientRect();
-    if (!(rect.top >= 0 && rect.left >= 0 &&
-        rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
-        rect.right <= (window.innerWidth || document.documentElement.clientWidth))) {
-      current_image.scrollIntoView(false);
-    }
-
-    const src = openImageViewer[currentImageIndex].getAttribute('src');
-    const alt = openImageViewer[currentImageIndex].getAttribute('alt');
-    const data = openImageViewer[currentImageIndex].getAttribute('data');
-    const clickableLink = openImageViewer[currentImageIndex].closest('.clickable');
-    const href = clickableLink.getAttribute('href');
-    viewImageImg.src = src;
-    imageProxy.href = src;
-    imageFull.href = data;
-    imageSource.href = href;
-    imageSource.textContent = href;
-    imageViewerLink.href = href;
-    images.classList.remove('images_viewer_hidden');
-    imageView.classList.remove('image_hide');
-    imageView.classList.add('image_show');
-    imageAlt.textContent = alt;
-    fullImageSize.textContent = document.querySelector(".image_selected .resolution").textContent;
-
-    getImageSize(src).then(size => {
-      imageSize.textContent = size;
-    });
-  }
-
-  function getImageSize(url) {
-    return new Promise((resolve, reject) => {
-      const img = new Image();
-      img.onload = function () {
-        const size = `${this.width} x ${this.height}`;
-        resolve(size);
-      };
-      img.onerror = function () {
-        reject('Error loading image');
-      };
-      img.src = url;
-    });
-  }
-}
\ No newline at end of file
-- 
2.40.1


From 56ce016db9448f9c4458b54e9f8e6fa197a6900f Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Thu, 29 Aug 2024 17:20:47 +0200
Subject: [PATCH 07/11] images from deviantart

---
 images-deviantart.go | 237 +++++++++++++++++++++++++++++++++++++++++++
 images-quant.go      |   2 +-
 images.go            |   1 +
 3 files changed, 239 insertions(+), 1 deletion(-)
 create mode 100644 images-deviantart.go

diff --git a/images-deviantart.go b/images-deviantart.go
new file mode 100644
index 0000000..cbeeea4
--- /dev/null
+++ b/images-deviantart.go
@@ -0,0 +1,237 @@
+package main
+
+import (
+	"fmt"
+	"net/http"
+	"net/url"
+	"strings"
+	"sync"
+	"time"
+
+	"github.com/PuerkitoBio/goquery"
+)
+
+// NextPageCache is a specialized cache for storing next page links
+type NextPageCache struct {
+	mu         sync.Mutex
+	links      map[string]string
+	expiration time.Duration
+}
+
+// NewNextPageCache creates a new NextPageCache with a specified expiration duration
+func NewNextPageCache(expiration time.Duration) *NextPageCache {
+	return &NextPageCache{
+		links:      make(map[string]string),
+		expiration: expiration,
+	}
+}
+
+// Get retrieves the next page link for a given key from the cache
+func (npc *NextPageCache) Get(key CacheKey) (string, bool) {
+	npc.mu.Lock()
+	defer npc.mu.Unlock()
+
+	link, exists := npc.links[npc.keyToString(key)]
+	if !exists {
+		return "", false
+	}
+
+	return link, true
+}
+
+// Set stores the next page link for a given key in the cache
+// Idk it maybye worth it to use "cache.go" for this
+func (npc *NextPageCache) Set(key CacheKey, link string) {
+	npc.mu.Lock()
+	defer npc.mu.Unlock()
+
+	npc.links[npc.keyToString(key)] = link
+}
+
+// keyToString converts a CacheKey to a string representation
+func (npc *NextPageCache) keyToString(key CacheKey) string {
+	return fmt.Sprintf("%s|%d|%t|%s|%s", key.Query, key.Page, key.Safe, key.Lang, key.Type)
+}
+
+var (
+	nextPageCache = NewNextPageCache(6 * time.Hour) // Cache with 6-hour expiration
+)
+
+// PerformDeviantArtImageSearch performs a search on DeviantArt and returns a list of image results
+func PerformDeviantArtImageSearch(query, safe, lang string, page int) ([]ImageSearchResult, time.Duration, error) {
+	startTime := time.Now()
+
+	cacheKey := CacheKey{
+		Query: query,
+		Page:  page,
+		Safe:  safe == "active",
+		Lang:  lang,
+		Type:  "deviantart",
+	}
+
+	// Check if the next page link is cached
+	var searchURL string
+	if page > 1 {
+		if nextPageLink, found := nextPageCache.Get(cacheKey); found {
+			searchURL = nextPageLink
+		} else {
+			return nil, 0, fmt.Errorf("next page link not found in cache")
+		}
+	} else {
+		searchURL = buildDeviantArtSearchURL(query, page)
+	}
+
+	// Get the User-Agent string
+	DeviantArtImageUserAgent, err := GetUserAgent("Image-Search-DeviantArt")
+	if err != nil {
+		return nil, 0, err
+	}
+
+	// Make the HTTP request with User-Agent header
+	client := &http.Client{}
+	req, err := http.NewRequest("GET", searchURL, nil)
+	if err != nil {
+		return nil, 0, fmt.Errorf("creating request: %v", err)
+	}
+	req.Header.Set("User-Agent", DeviantArtImageUserAgent)
+
+	resp, err := client.Do(req)
+	if err != nil {
+		return nil, 0, fmt.Errorf("making request: %v", err)
+	}
+	defer resp.Body.Close()
+
+	if resp.StatusCode != http.StatusOK {
+		return nil, 0, fmt.Errorf("unexpected status code: %d", resp.StatusCode)
+	}
+
+	// Parse the HTML document
+	doc, err := goquery.NewDocumentFromReader(resp.Body)
+	if err != nil {
+		return nil, 0, fmt.Errorf("loading HTML document: %v", err)
+	}
+
+	// Channel to receive valid image results
+	resultsChan := make(chan ImageSearchResult)
+	var wg sync.WaitGroup
+
+	// Extract data using goquery
+	doc.Find("div._2pZkk div div a").Each(func(i int, s *goquery.Selection) {
+		// Skip images that are blurred (premium content)
+		premiumText := s.Find("../div/div/div").Text()
+		if strings.Contains(premiumText, "Watch the artist to view this deviation") {
+			return
+		}
+
+		// Extract image source, fallback on data-src if necessary
+		imgSrc, exists := s.Find("div img").Attr("srcset")
+		if !exists {
+			imgSrc, exists = s.Find("div img").Attr("data-src")
+		}
+		if !exists || imgSrc == "" {
+			return
+		}
+		imgSrc = strings.Split(imgSrc, " ")[0]
+		parsedURL, err := url.Parse(imgSrc)
+		if err == nil {
+			parts := strings.Split(parsedURL.Path, "/v1")
+			parsedURL.Path = parts[0]
+			imgSrc = parsedURL.String()
+		}
+
+		// Extract URL and title
+		resultURL := s.AttrOr("href", "")
+		title := s.AttrOr("aria-label", "")
+
+		// Only proceed if title, URL, and img_src are not empty
+		if title != "" && resultURL != "" && imgSrc != "" {
+			wg.Add(1)
+			go func(imgSrc, resultURL, title string) {
+				defer wg.Done()
+				// Verify if the image URL is accessible
+				if isValidImageURL(imgSrc, DeviantArtImageUserAgent, resultURL) {
+					resultsChan <- ImageSearchResult{
+						Title:      strings.TrimSpace(title),
+						Media:      imgSrc,
+						Width:      0,
+						Height:     0,
+						Source:     resultURL,
+						ThumbProxy: imgSrc,
+					}
+				}
+			}(imgSrc, resultURL, title)
+		}
+	})
+
+	// Close the results channel when all goroutines are done
+	go func() {
+		wg.Wait()
+		close(resultsChan)
+	}()
+
+	// Collect results from the channel
+	var results []ImageSearchResult
+	for result := range resultsChan {
+		results = append(results, result)
+	}
+
+	// Cache the next page link, if any
+	nextPageLink := doc.Find("a._1OGeq").Last().AttrOr("href", "")
+	if nextPageLink != "" {
+		nextPageCache.Set(cacheKey, nextPageLink)
+	}
+
+	duration := time.Since(startTime)
+
+	// Check if the number of results is one or less
+	if len(results) == 0 {
+		return nil, duration, fmt.Errorf("no images found")
+	}
+
+	return results, duration, nil
+}
+
+// buildDeviantArtSearchURL builds the search URL for DeviantArt
+func buildDeviantArtSearchURL(query string, page int) string {
+	baseURL := "https://www.deviantart.com/search"
+	params := url.Values{}
+	params.Add("q", query)
+	return baseURL + "?" + params.Encode()
+}
+
+// isValidImageURL checks if the image URL is accessible with the provided User-Agent
+func isValidImageURL(imgSrc, userAgent, referer string) bool {
+	client := &http.Client{}
+	req, err := http.NewRequest("HEAD", imgSrc, nil)
+	if err != nil {
+		return false
+	}
+
+	// Set headers to mimic a regular browser request
+	req.Header.Set("User-Agent", userAgent)
+	req.Header.Set("Referer", referer)
+
+	resp, err := client.Do(req)
+	if err != nil {
+		return false
+	}
+	defer resp.Body.Close()
+
+	return resp.StatusCode == http.StatusOK
+}
+
+// // Example usage:
+// func main() {
+// 	results, duration, err := PerformDeviantArtImageSearch("kittens", "false", "en", 1)
+// 	if err != nil {
+// 		fmt.Println("Error:", err)
+// 		return
+// 	}
+
+// 	fmt.Printf("Search took: %v\n", duration)
+// 	fmt.Printf("Total results: %d\n", len(results))
+// 	for _, result := range results {
+// 		fmt.Printf("Title: %s\nThumbnail: %s\nMedia: %s\nSource (Original Image URL): %s\n\n",
+// 			result.Title, result.Thumbnail, result.Media, result.Source)
+// 	}
+// }
diff --git a/images-quant.go b/images-quant.go
index d9a9770..ce88500 100644
--- a/images-quant.go
+++ b/images-quant.go
@@ -58,7 +58,7 @@ func PerformQwantImageSearch(query, safe, lang string, page int) ([]ImageSearchR
 		return nil, 0, fmt.Errorf("creating request: %v", err)
 	}
 
-	ImageUserAgent, err := GetUserAgent("Image-Search")
+	ImageUserAgent, err := GetUserAgent("Image-Search-Quant")
 	if err != nil {
 		return nil, 0, err
 	}
diff --git a/images.go b/images.go
index dc2c9b0..4c6b957 100755
--- a/images.go
+++ b/images.go
@@ -13,6 +13,7 @@ var imageSearchEngines []SearchEngine
 func init() {
 	imageSearchEngines = []SearchEngine{
 		{Name: "Qwant", Func: wrapImageSearchFunc(PerformQwantImageSearch), Weight: 1},
+		{Name: "DeviantArt", Func: wrapImageSearchFunc(PerformDeviantArtImageSearch), Weight: 2},
 		{Name: "Bing", Func: wrapImageSearchFunc(PerformBingImageSearch), Weight: 2}, // Bing sometimes returns with low amount of images, this leads to danamica page loading not working
 		{Name: "Imgur", Func: wrapImageSearchFunc(PerformImgurImageSearch), Weight: 3},
 	}
-- 
2.40.1


From a02ccaa2f04103abe6049560ed33d08ea56353bd Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Thu, 29 Aug 2024 21:21:36 +0200
Subject: [PATCH 08/11] fixed quant images, and changed lang code from
 "lang_en" to "en"

---
 images-quant.go | 69 ++++++++++++++++++++++++++++++++++---
 main.go         | 92 ++++++++++++++++++++++++-------------------------
 text-google.go  |  2 +-
 3 files changed, 112 insertions(+), 51 deletions(-)

diff --git a/images-quant.go b/images-quant.go
index ce88500..0dccdec 100644
--- a/images-quant.go
+++ b/images-quant.go
@@ -24,6 +24,64 @@ type QwantAPIResponse struct {
 	} `json:"data"`
 }
 
+func ConvertToQwantLocale(langCode string) string {
+	langMap := map[string]string{
+		"en":    "en_us", // English
+		"af":    "en_us", // Afrikaans (no direct match, default to English)
+		"ar":    "ar",    // Arabic
+		"hy":    "en_us", // Armenian (no direct match, default to English)
+		"be":    "en_us", // Belarusian (no direct match, default to English)
+		"bg":    "bg_bg", // Bulgarian
+		"ca":    "ca_es", // Catalan
+		"zh-CN": "zh_cn", // Chinese Simplified
+		"zh-TW": "zh_hk", // Chinese Traditional
+		"hr":    "en_us", // Croatian (no direct match, default to English)
+		"cs":    "cs_cz", // Czech
+		"da":    "da_dk", // Danish
+		"nl":    "nl_nl", // Dutch
+		"eo":    "en_us", // Esperanto (no direct match, default to English)
+		"et":    "et_ee", // Estonian
+		"tl":    "en_us", // Tagalog (no direct match, default to English)
+		"fi":    "fi_fi", // Finnish
+		"fr":    "fr_fr", // French
+		"de":    "de_de", // German
+		"el":    "el_gr", // Greek
+		"iw":    "he_il", // Hebrew
+		"hi":    "en_us", // Hindi (no direct match, default to English)
+		"hu":    "hu_hu", // Hungarian
+		"is":    "en_us", // Icelandic (no direct match, default to English)
+		"id":    "en_us", // Indonesian (no direct match, default to English)
+		"it":    "it_it", // Italian
+		"ja":    "ja_jp", // Japanese
+		"ko":    "ko_kr", // Korean
+		"lv":    "en_us", // Latvian (no direct match, default to English)
+		"lt":    "en_us", // Lithuanian (no direct match, default to English)
+		"no":    "nb_no", // Norwegian
+		"fa":    "en_us", // Persian (no direct match, default to English)
+		"pl":    "pl_pl", // Polish
+		"pt":    "pt_pt", // Portuguese
+		"ro":    "ro_ro", // Romanian
+		"ru":    "ru_ru", // Russian
+		"sr":    "en_us", // Serbian (no direct match, default to English)
+		"sk":    "en_us", // Slovak (no direct match, default to English)
+		"sl":    "en_us", // Slovenian (no direct match, default to English)
+		"es":    "es_es", // Spanish
+		"sw":    "en_us", // Swahili (no direct match, default to English)
+		"sv":    "sv_se", // Swedish
+		"th":    "th_th", // Thai
+		"tr":    "tr_tr", // Turkish
+		"uk":    "en_us", // Ukrainian (no direct match, default to English)
+		"vi":    "en_us", // Vietnamese (no direct match, default to English)
+		"":      "en_us", // Default to English if no language is provided
+	}
+
+	if qwantLocale, exists := langMap[langCode]; exists {
+		return qwantLocale
+	}
+	printWarn("Qwant locale code missing: %v, defaulting to: en_us", langCode)
+	return "en_us" // Default fallback
+}
+
 // PerformQwantImageSearch performs an image search on Qwant and returns the results.
 func PerformQwantImageSearch(query, safe, lang string, page int) ([]ImageSearchResult, time.Duration, error) {
 	startTime := time.Now() // Start the timer
@@ -36,13 +94,16 @@ func PerformQwantImageSearch(query, safe, lang string, page int) ([]ImageSearchR
 		offset = (page - 1) * resultsPerPage
 	}
 
+	// Ensure count + offset is within acceptable limits
+	if offset+resultsPerPage > 250 {
+		return nil, 0, fmt.Errorf("count + offset must be lower than 250 for quant")
+	}
+
 	if safe == "" {
 		safe = "0"
 	}
 
-	if lang == "" {
-		lang = "en_CA"
-	}
+	lang = ConvertToQwantLocale(lang)
 
 	apiURL := fmt.Sprintf("https://api.qwant.com/v3/search/images?t=images&q=%s&count=%d&locale=%s&offset=%d&device=desktop&tgp=2&safesearch=%s",
 		url.QueryEscape(query),
@@ -87,7 +148,7 @@ func PerformQwantImageSearch(query, safe, lang string, page int) ([]ImageSearchR
 			Title:      item.Title,
 			Media:      item.Media,
 			Source:     item.Url,
-			ThumbProxy: "/img_proxy?url=" + url.QueryEscape(item.Media),
+			ThumbProxy: "/img_proxy?url=" + url.QueryEscape(item.Media), // New proxy not exactly working as intended
 			Width:      item.Width,
 			Height:     item.Height,
 		})
diff --git a/main.go b/main.go
index 9f1bef3..9bed1f1 100755
--- a/main.go
+++ b/main.go
@@ -18,52 +18,52 @@ var settings UserSettings
 
 var languageOptions = []LanguageOption{
 	{Code: "", Name: "Any Language"},
-	{Code: "lang_en", Name: "English"},
-	{Code: "lang_af", Name: "Afrikaans"},
-	{Code: "lang_ar", Name: "العربية (Arabic)"},
-	{Code: "lang_hy", Name: "Հայերեն (Armenian)"},
-	{Code: "lang_be", Name: "Беларуская (Belarusian)"},
-	{Code: "lang_bg", Name: "български (Bulgarian)"},
-	{Code: "lang_ca", Name: "Català (Catalan)"},
-	{Code: "lang_zh-CN", Name: "中文 (简体) (Chinese Simplified)"},
-	{Code: "lang_zh-TW", Name: "中文 (繁體) (Chinese Traditional)"},
-	{Code: "lang_hr", Name: "Hrvatski (Croatian)"},
-	{Code: "lang_cs", Name: "Čeština (Czech)"},
-	{Code: "lang_da", Name: "Dansk (Danish)"},
-	{Code: "lang_nl", Name: "Nederlands (Dutch)"},
-	{Code: "lang_eo", Name: "Esperanto"},
-	{Code: "lang_et", Name: "Eesti (Estonian)"},
-	{Code: "lang_tl", Name: "Filipino (Tagalog)"},
-	{Code: "lang_fi", Name: "Suomi (Finnish)"},
-	{Code: "lang_fr", Name: "Français (French)"},
-	{Code: "lang_de", Name: "Deutsch (German)"},
-	{Code: "lang_el", Name: "Ελληνικά (Greek)"},
-	{Code: "lang_iw", Name: "עברית (Hebrew)"},
-	{Code: "lang_hi", Name: "हिन्दी (Hindi)"},
-	{Code: "lang_hu", Name: "magyar (Hungarian)"},
-	{Code: "lang_is", Name: "íslenska (Icelandic)"},
-	{Code: "lang_id", Name: "Bahasa Indonesia (Indonesian)"},
-	{Code: "lang_it", Name: "italiano (Italian)"},
-	{Code: "lang_ja", Name: "日本語 (Japanese)"},
-	{Code: "lang_ko", Name: "한국어 (Korean)"},
-	{Code: "lang_lv", Name: "latviešu (Latvian)"},
-	{Code: "lang_lt", Name: "lietuvių (Lithuanian)"},
-	{Code: "lang_no", Name: "norsk (Norwegian)"},
-	{Code: "lang_fa", Name: "فارسی (Persian)"},
-	{Code: "lang_pl", Name: "polski (Polish)"},
-	{Code: "lang_pt", Name: "português (Portuguese)"},
-	{Code: "lang_ro", Name: "română (Romanian)"},
-	{Code: "lang_ru", Name: "русский (Russian)"},
-	{Code: "lang_sr", Name: "српски (Serbian)"},
-	{Code: "lang_sk", Name: "slovenčina (Slovak)"},
-	{Code: "lang_sl", Name: "slovenščina (Slovenian)"},
-	{Code: "lang_es", Name: "español (Spanish)"},
-	{Code: "lang_sw", Name: "Kiswahili (Swahili)"},
-	{Code: "lang_sv", Name: "svenska (Swedish)"},
-	{Code: "lang_th", Name: "ไทย (Thai)"},
-	{Code: "lang_tr", Name: "Türkçe (Turkish)"},
-	{Code: "lang_uk", Name: "українська (Ukrainian)"},
-	{Code: "lang_vi", Name: "Tiếng Việt (Vietnamese)"},
+	{Code: "en", Name: "English"},
+	{Code: "af", Name: "Afrikaans"},
+	{Code: "ar", Name: "العربية (Arabic)"},
+	{Code: "hy", Name: "Հայերեն (Armenian)"},
+	{Code: "be", Name: "Беларуская (Belarusian)"},
+	{Code: "bg", Name: "български (Bulgarian)"},
+	{Code: "ca", Name: "Català (Catalan)"},
+	{Code: "zh-CN", Name: "中文 (简体) (Chinese Simplified)"},
+	{Code: "zh-TW", Name: "中文 (繁體) (Chinese Traditional)"},
+	{Code: "hr", Name: "Hrvatski (Croatian)"},
+	{Code: "cs", Name: "Čeština (Czech)"},
+	{Code: "da", Name: "Dansk (Danish)"},
+	{Code: "nl", Name: "Nederlands (Dutch)"},
+	{Code: "eo", Name: "Esperanto"},
+	{Code: "et", Name: "Eesti (Estonian)"},
+	{Code: "tl", Name: "Filipino (Tagalog)"},
+	{Code: "fi", Name: "Suomi (Finnish)"},
+	{Code: "fr", Name: "Français (French)"},
+	{Code: "de", Name: "Deutsch (German)"},
+	{Code: "el", Name: "Ελληνικά (Greek)"},
+	{Code: "iw", Name: "עברית (Hebrew)"},
+	{Code: "hi", Name: "हिन्दी (Hindi)"},
+	{Code: "hu", Name: "magyar (Hungarian)"},
+	{Code: "is", Name: "íslenska (Icelandic)"},
+	{Code: "id", Name: "Bahasa Indonesia (Indonesian)"},
+	{Code: "it", Name: "italiano (Italian)"},
+	{Code: "ja", Name: "日本語 (Japanese)"},
+	{Code: "ko", Name: "한국어 (Korean)"},
+	{Code: "lv", Name: "latviešu (Latvian)"},
+	{Code: "lt", Name: "lietuvių (Lithuanian)"},
+	{Code: "no", Name: "norsk (Norwegian)"},
+	{Code: "fa", Name: "فارسی (Persian)"},
+	{Code: "pl", Name: "polski (Polish)"},
+	{Code: "pt", Name: "português (Portuguese)"},
+	{Code: "ro", Name: "română (Romanian)"},
+	{Code: "ru", Name: "русский (Russian)"},
+	{Code: "sr", Name: "српски (Serbian)"},
+	{Code: "sk", Name: "slovenčina (Slovak)"},
+	{Code: "sl", Name: "slovenščina (Slovenian)"},
+	{Code: "es", Name: "español (Spanish)"},
+	{Code: "sw", Name: "Kiswahili (Swahili)"},
+	{Code: "sv", Name: "svenska (Swedish)"},
+	{Code: "th", Name: "ไทย (Thai)"},
+	{Code: "tr", Name: "Türkçe (Turkish)"},
+	{Code: "uk", Name: "українська (Ukrainian)"},
+	{Code: "vi", Name: "Tiếng Việt (Vietnamese)"},
 }
 
 func handleSearch(w http.ResponseWriter, r *http.Request) {
diff --git a/text-google.go b/text-google.go
index 98cf897..4ea7866 100644
--- a/text-google.go
+++ b/text-google.go
@@ -67,7 +67,7 @@ func buildSearchURL(query, safe, lang string, page, resultsPerPage int) string {
 
 	langParam := ""
 	if lang != "" {
-		langParam = "&lr=" + lang
+		langParam = "&lr=lang_" + lang
 	}
 
 	// Generate random geolocation
-- 
2.40.1


From 18fca7dce210883fee5a59a0ec72a476ba3a2db2 Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Fri, 30 Aug 2024 17:22:07 +0200
Subject: [PATCH 09/11] improved dynamic scrolling + fixed bug for dynamic
 scrolling not working when not enough results

---
 static/js/dynamicscrolling.js | 96 +++++++++++++++++++++++++++++++++++
 templates/images.html         | 62 +---------------------
 templates/text.html           | 58 +--------------------
 3 files changed, 100 insertions(+), 116 deletions(-)
 create mode 100644 static/js/dynamicscrolling.js

diff --git a/static/js/dynamicscrolling.js b/static/js/dynamicscrolling.js
new file mode 100644
index 0000000..a3975eb
--- /dev/null
+++ b/static/js/dynamicscrolling.js
@@ -0,0 +1,96 @@
+document.addEventListener("DOMContentLoaded", function() {
+    const templateData = document.getElementById('template-data');
+    let page = parseInt(templateData.getAttribute('data-page')) || 1;
+    const query = templateData.getAttribute('data-query') || '';
+    let searchType = templateData.getAttribute('data-type') || 'text';  // Default to 'text' if not provided
+    let loading = false;
+    let hasMoreResults = true;
+    const loadingIndicator = document.getElementById('message-bottom-left');
+    let loadingTimeout;
+
+    function loadResults(newPage) {
+        if (loading || !hasMoreResults) return;
+        loading = true;
+
+        // Show loading indicator if taking more than 100ms
+        loadingTimeout = setTimeout(() => {
+            loadingIndicator.style.display = 'flex';
+        }, 100);
+
+        fetch(`/search?q=${encodeURIComponent(query)}&t=${encodeURIComponent(searchType)}&p=${newPage}`)
+            .then(response => {
+                if (!response.ok) {
+                    throw new Error('Network response was not ok');
+                }
+                return response.text();
+            })
+            .then(data => {
+                clearTimeout(loadingTimeout);
+                loadingIndicator.style.display = 'none';
+                const parser = new DOMParser();
+                const doc = parser.parseFromString(data, 'text/html');
+                const newResults = doc.getElementById('results').innerHTML;
+                const noResultsMessage = `No results found for '${query}'. Try different keywords.`;
+                const endOfResultsMessage = "Looks like this is the end of results.";
+                const serverError = "Internal Server Error";
+
+                if (newResults.includes(noResultsMessage) || newResults.includes(endOfResultsMessage) || newResults.includes(serverError)) {
+                    document.getElementById('results').innerHTML += newResults;
+                    hasMoreResults = false;
+                } else {
+                    document.getElementById('results').innerHTML += newResults;
+                    page = newPage;
+                    // Automatically load more results if content height is less than window height
+                    checkIfMoreResultsNeeded();
+                }
+                loading = false;
+            })
+            .catch(error => {
+                clearTimeout(loadingTimeout);
+                loadingIndicator.style.display = 'none';
+                console.error('Error loading results:', error);
+                hasMoreResults = false;
+                loading = false;
+            });
+    }
+
+    function checkIfMoreResultsNeeded() {
+        if (document.body.scrollHeight <= window.innerHeight && hasMoreResults) {
+            loadResults(page + 1);
+        }
+    }
+
+    window.addEventListener('scroll', () => {
+        if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
+            loadResults(page + 1);
+        }
+    });
+
+    // Ensure the correct search button has the active class at load
+    const buttons = document.querySelectorAll('.search-container-results-btn button');
+    if (buttons.length === 0) {
+        console.error("No search buttons found");
+    } else {
+        buttons.forEach(btn => {
+            btn.addEventListener('click', function() {
+                const activeElement = document.querySelector('.search-container-results-btn .search-active');
+                if (activeElement) {
+                    activeElement.classList.remove('search-active');
+                }
+                this.classList.add('search-active');
+                // Update search type when button is clicked
+                searchType = this.getAttribute('value');
+            });
+        });
+
+        // Ensure one button is active on page load
+        const initialActiveElement = document.querySelector('.search-container-results-btn .search-active');
+        if (!initialActiveElement) {
+            buttons[0].classList.add('search-active');
+            searchType = buttons[0].getAttribute('value');  // Set default search type
+        }
+    }
+
+    // Check if more results are needed right after the initial content is loaded
+    checkIfMoreResultsNeeded();
+});
diff --git a/templates/images.html b/templates/images.html
index 93b5e0a..ccf08ae 100755
--- a/templates/images.html
+++ b/templates/images.html
@@ -108,70 +108,12 @@
     <div class="message-bottom-left" id="message-bottom-left">
         <span>Searching for new results...</span>
     </div>
+    <div id="template-data" data-page="{{ .Page }}" data-query="{{ .Query }}" data-type="image"></div>
+    <script defer src="/static/js/dynamicscrolling.js"></script>
     <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');
     </script>
-    <script>
-        document.addEventListener("DOMContentLoaded", function() {
-            let page = {{ .Page }};
-            const query = "{{ .Query }}";
-            let loading = false;
-            let hasMoreResults = true;
-            const loadingIndicator = document.getElementById('message-bottom-left');
-            let loadingTimeout;
-
-            function loadResults(newPage) {
-                if (loading || !hasMoreResults) return;
-                loading = true;
-
-                // Show loading indicator if taking more than 100ms
-                loadingTimeout = setTimeout(() => {
-                    loadingIndicator.style.display = 'flex';
-                }, 100);
-
-                fetch(`/search?q=${encodeURIComponent(query)}&t=image&p=${newPage}`)
-                    .then(response => {
-                        if (!response.ok) {
-                            throw new Error('Network response was not ok');
-                        }
-                        return response.text();
-                    })
-                    .then(data => {
-                        clearTimeout(loadingTimeout);
-                        loadingIndicator.style.display = 'none';
-                        const parser = new DOMParser();
-                        const doc = parser.parseFromString(data, 'text/html');
-                        const newResults = doc.getElementById('results').innerHTML;
-                        const noResultsMessage = "No results found for '{{ .Query }}'. Try different keywords.";
-                        const endOfResultsMessage = "Looks like this is the end of results.";
-                        const serverError = "Internal Server Error";
-
-                        if (newResults.includes(noResultsMessage) || newResults.includes(endOfResultsMessage) || newResults.includes(serverError)) {
-                            document.getElementById('results').innerHTML += newResults;
-                            hasMoreResults = false;
-                        } else {
-                            document.getElementById('results').innerHTML += newResults;
-                            page = newPage;
-                        }
-                        loading = false;
-                    })
-                    .catch(error => {
-                        clearTimeout(loadingTimeout);
-                        loadingIndicator.style.display = 'none';
-                        console.error('Error loading results:', error);
-                        hasMoreResults = false;  // Stop further attempts
-                        loading = false;
-                    });
-            }
-
-            window.addEventListener('scroll', () => {
-                if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
-                    loadResults(page + 1);
-                }
-            });
-        });
-    </script>
 </body>
 </html>
diff --git a/templates/text.html b/templates/text.html
index 809afeb..21fdcd8 100755
--- a/templates/text.html
+++ b/templates/text.html
@@ -96,66 +96,12 @@
             {{ end }}
         </form>
     </div>
+    <div id="template-data" data-page="{{ .Page }}" data-query="{{ .Query }}" data-type="text"></div>
+    <script defer src="/static/js/dynamicscrolling.js"></script>
     <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
         document.getElementById('content').classList.remove('js-enabled');
     </script>
-    <script>
-        document.addEventListener("DOMContentLoaded", function() {
-            if (document.getElementById('prev-next')) {
-                document.getElementById('prev-next').style.display = 'none';
-
-                let page = {{ .Page }};
-                const query = "{{ .Query }}";
-                let loading = false;
-                let hasMoreResults = true;
-                const loadingIndicator = document.getElementById('message-bottom-left');
-                let loadingTimeout;
-
-                function loadResults(newPage) {
-                    if (loading || !hasMoreResults) return;
-                    loading = true;
-                    
-                    // Show loading indicator if taking more than 100ms
-                    loadingTimeout = setTimeout(() => {
-                        loadingIndicator.style.display = 'flex';
-                    }, 100);
-
-                    fetch(`/search?q=${encodeURIComponent(query)}&t=text&p=${newPage}`)
-                        .then(response => response.text())
-                        .then(data => {
-                            clearTimeout(loadingTimeout);
-                            loadingIndicator.style.display = 'none';
-                            const parser = new DOMParser();
-                            const doc = parser.parseFromString(data, 'text/html');
-                            const newResults = doc.getElementById('results').innerHTML;
-                            const noResultsMessage = "No results found for '{{ .Query }}'. Try different keywords.";
-
-                            if (newResults.includes(noResultsMessage)) {
-                                document.getElementById('results').innerHTML += "<div class='no-more-results'>Looks like this is the end of results.</div>";
-                                hasMoreResults = false;
-                            } else {
-                                document.getElementById('results').innerHTML += newResults;
-                                page = newPage;
-                            }
-                            loading = false;
-                        })
-                        .catch(error => {
-                            clearTimeout(loadingTimeout);
-                            loadingIndicator.style.display = 'none';
-                            console.error('Error loading results:', error);
-                            loading = false;
-                        });
-                }
-
-                window.addEventListener('scroll', () => {
-                    if (window.innerHeight + window.scrollY >= document.body.offsetHeight) {
-                        loadResults(page + 1);
-                    }
-                });
-            }
-        });
-    </script>
 </body>
 </html>
-- 
2.40.1


From 4d6b99c67e8a92d04b8d0e0946523bcc94bb18b3 Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Sat, 31 Aug 2024 19:04:41 +0200
Subject: [PATCH 10/11] added dynamic loading for "forums"

---
 templates/forums.html | 43 ++++++++++++++++++++++++++-----------------
 templates/text.html   | 14 ++++++++------
 2 files changed, 34 insertions(+), 23 deletions(-)

diff --git a/templates/forums.html b/templates/forums.html
index 04a3c2b..e833d4f 100755
--- a/templates/forums.html
+++ b/templates/forums.html
@@ -18,8 +18,7 @@
             <input type="text" name="q" value="{{ .Query }}" id="search-input" placeholder="Type to search..." />
             <button id="search-wrapper-ico" class="material-icons-round" name="t" value="forum">search</button>
             <div class="autocomplete">
-                <ul>
-            </ul>
+                <ul></ul>
             </div>
             <input type="submit" class="hide" name="t" value="forum" />
         </div>
@@ -41,10 +40,10 @@
                 <button name="t" value="forum" class="clickable search-active">Forums</button>
             </div>
             <div id="content" class="js-enabled">
-            <div class="search-container-results-btn">
-                <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="map">map</button>
-                <button name="t" value="map" class="clickable">Maps</button>
-            </div>
+                <div class="search-container-results-btn">
+                    <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="map">map</button>
+                    <button name="t" value="map" class="clickable">Maps</button>
+                </div>
             </div>
             <div class="search-container-results-btn">
                 <button id="sub-search-wrapper-ico" class="material-icons-round clickable" name="t" value="file">share</button>
@@ -63,9 +62,9 @@
             <option value="{{.Code}}" {{if eq .Code $.CurrentLang}}selected{{end}}>{{.Name}}</option>
             {{end}}
         </select>        
-        <button class="results-save" name="t" value="text">Apply settings</button>
+        <button class="results-save" name="t" value="forum">Apply settings</button>
     </form>    
-    <div class="results">
+    <div class="results" id="results">
         {{if .Results}}
             {{range .Results}}
                 <div class="result_item">
@@ -75,22 +74,32 @@
                 </div>
                 <br>
             {{end}}
-        {{else}}
+        {{else if .NoResults}}
             <div class="no-results">No results found for '{{ .Query }}'. Try different keywords.</div>
+        {{else}}
+            <div class="no-more-results">Looks like this is the end of results.</div>
         {{end}}
+    </div>    
+    <div class="message-bottom-left" id="message-bottom-left">
+        <span>Searching for new results...</span>
     </div>
-    <div class="prev-next prev-img">
+    <div class="prev-next prev-img" id="prev-next">
         <form action="/search" method="get">
             <input type="hidden" name="q" value="{{ .Query }}">
-            <input type="hidden" name="t" value="text">
-            {{ if .HasPrevPage }}
-            <button type="submit" name="p" value="{{ sub .Page 1 }}">Previous</button>
-            {{ end }}
-            {{ if .HasNextPage }}
-            <button type="submit" name="p" value="{{ add .Page 1 }}">Next</button>
-            {{ end }}
+            <input type="hidden" name="t" value="forum">
+            <div id="content" class="js-enabled">
+                {{ if .HasPrevPage }}
+                <button type="submit" name="p" value="{{ sub .Page 1 }}">Previous</button>
+                {{ end }}
+                {{ if .HasNextPage }}
+                <button type="submit" name="p" value="{{ add .Page 1 }}">Next</button>
+                {{ end }}
+            </div>
         </form>
     </div>
+    <!-- Pass the relevant data for dynamic scrolling -->
+    <div id="template-data" data-page="{{ .Page }}" data-query="{{ .Query }}" data-type="forum"></div>
+    <script defer src="/static/js/dynamicscrolling.js"></script>
     <script defer src="/static/js/autocomplete.js"></script>
     <script>
         // Check if JavaScript is enabled and modify the DOM accordingly
diff --git a/templates/text.html b/templates/text.html
index 21fdcd8..2be2d2b 100755
--- a/templates/text.html
+++ b/templates/text.html
@@ -88,12 +88,14 @@
         <form action="/search" method="get">
             <input type="hidden" name="q" value="{{ .Query }}">
             <input type="hidden" name="t" value="text">
-            {{ if .HasPrevPage }}
-            <button type="submit" name="p" value="{{ sub .Page 1 }}">Previous</button>
-            {{ end }}
-            {{ if .HasNextPage }}
-            <button type="submit" name="p" value="{{ add .Page 1 }}">Next</button>
-            {{ end }}
+            <div id="content" class="js-enabled">
+                {{ if .HasPrevPage }}
+                <button type="submit" name="p" value="{{ sub .Page 1 }}">Previous</button>
+                {{ end }}
+                {{ if .HasNextPage }}
+                <button type="submit" name="p" value="{{ add .Page 1 }}">Next</button>
+                {{ end }}
+            </div>
         </form>
     </div>
     <div id="template-data" data-page="{{ .Page }}" data-query="{{ .Query }}" data-type="text"></div>
-- 
2.40.1


From d414cf5ce4282866f7678c364981ddc3dd7b3cd1 Mon Sep 17 00:00:00 2001
From: partisan <none@noone.no>
Date: Mon, 9 Sep 2024 14:14:41 +0200
Subject: [PATCH 11/11] added lang "auto-detect" instead of random lang

---
 main.go          | 18 ++++++++-----
 user-settings.go | 68 +++++++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 76 insertions(+), 10 deletions(-)

diff --git a/main.go b/main.go
index 9bed1f1..63b60ca 100755
--- a/main.go
+++ b/main.go
@@ -17,7 +17,7 @@ type LanguageOption struct {
 var settings UserSettings
 
 var languageOptions = []LanguageOption{
-	{Code: "", Name: "Any Language"},
+	{Code: "", Name: "Auto-detect"},
 	{Code: "en", Name: "English"},
 	{Code: "af", Name: "Afrikaans"},
 	{Code: "ar", Name: "العربية (Arabic)"},
@@ -70,25 +70,31 @@ func handleSearch(w http.ResponseWriter, r *http.Request) {
 	query, safe, lang, searchType, page := parseSearchParams(r)
 
 	// Load user settings
-	settings = loadUserSettings(r)
+	settings = loadUserSettings(w, r)
 
-	// Update the theme, safe search, and language based on query parameters or use existing settings
+	// Update theme if provided, or use existing settings
 	theme := r.URL.Query().Get("theme")
 	if theme != "" {
 		settings.Theme = theme
-		saveUserSettings(w, settings)
+		saveUserSettings(w, settings) // Save if theme is updated
 	} else if settings.Theme == "" {
 		settings.Theme = "dark" // Default theme
 	}
 
+	// Update safe search if provided, or use existing settings
 	if safe != "" && safe != settings.SafeSearch {
 		settings.SafeSearch = safe
-		saveUserSettings(w, settings)
+		saveUserSettings(w, settings) // Save if safe search is updated
 	}
 
+	// Update language if provided, or use existing settings
 	if lang != "" && lang != settings.Language {
 		settings.Language = lang
-		saveUserSettings(w, settings)
+		saveUserSettings(w, settings) // Save if language is updated
+	} else if settings.Language == "" {
+		// If no language set, auto-detect from browser or default to "en"
+		settings.Language = normalizeLangCode(r.Header.Get("Accept-Language"))
+		saveUserSettings(w, settings) // Save if language is auto-detected
 	}
 
 	// This will do for now (to handle Dark Reader addon)
diff --git a/user-settings.go b/user-settings.go
index 92da588..bd2f02f 100755
--- a/user-settings.go
+++ b/user-settings.go
@@ -3,6 +3,7 @@ package main
 import (
 	"html/template"
 	"net/http"
+	"strings"
 	"time"
 )
 
@@ -13,21 +14,35 @@ type UserSettings struct {
 	IsThemeDark bool
 }
 
-func loadUserSettings(r *http.Request) UserSettings {
+func loadUserSettings(w http.ResponseWriter, r *http.Request) UserSettings {
 	var settings UserSettings
+	saveRequired := false // Track if we need to save settings back
 
 	// Load theme
 	if cookie, err := r.Cookie("theme"); err == nil {
 		settings.Theme = cookie.Value
 	} else {
 		settings.Theme = "dark" // Default theme
+		saveRequired = true     // No cookie found, need to save this later
 	}
 
 	// Load language
 	if cookie, err := r.Cookie("language"); err == nil {
 		settings.Language = cookie.Value
 	} else {
-		settings.Language = "en" // Default language
+		settings.Language = "" // Set language to empty, handled later
+	}
+
+	// If language is empty, get it from the Accept-Language header
+	if settings.Language == "" {
+		acceptLang := r.Header.Get("Accept-Language")
+		if acceptLang != "" {
+			// Get the first language from Accept-Language header and normalize
+			settings.Language = normalizeLangCode(strings.Split(acceptLang, ",")[0])
+		} else {
+			settings.Language = "en" // Default language if Accept-Language is not present
+		}
+		saveRequired = true // No language cookie found, need to save
 	}
 
 	// Load safe search
@@ -35,6 +50,12 @@ func loadUserSettings(r *http.Request) UserSettings {
 		settings.SafeSearch = cookie.Value
 	} else {
 		settings.SafeSearch = "" // Default safe search off
+		saveRequired = true      // No safe search cookie found, need to save
+	}
+
+	// Save settings if required (no cookie found for any of the settings)
+	if saveRequired {
+		saveUserSettings(w, settings)
 	}
 
 	return settings
@@ -74,7 +95,7 @@ func saveUserSettings(w http.ResponseWriter, settings UserSettings) {
 func handleSaveSettings(w http.ResponseWriter, r *http.Request) {
 	if r.Method == "POST" {
 		// Load current settings
-		settings := loadUserSettings(r)
+		settings := loadUserSettings(w, r)
 
 		// Update only the settings that were submitted in the form
 		if theme := r.FormValue("theme"); theme != "" {
@@ -82,6 +103,12 @@ func handleSaveSettings(w http.ResponseWriter, r *http.Request) {
 		}
 		if lang := r.FormValue("lang"); lang != "" {
 			settings.Language = lang
+		} else {
+			// If lang is empty, try to get from Accept-Language header
+			acceptLang := r.Header.Get("Accept-Language")
+			if acceptLang != "" {
+				settings.Language = strings.Split(acceptLang, ",")[0]
+			}
 		}
 		if safe := r.FormValue("safe"); safe != "" {
 			settings.SafeSearch = safe
@@ -97,7 +124,7 @@ func handleSaveSettings(w http.ResponseWriter, r *http.Request) {
 
 func handleSettings(w http.ResponseWriter, r *http.Request) {
 	// Load user settings
-	settings = loadUserSettings(r)
+	settings = loadUserSettings(w, r)
 
 	data := struct {
 		LanguageOptions []LanguageOption
@@ -129,3 +156,36 @@ func handleSettings(w http.ResponseWriter, r *http.Request) {
 		return
 	}
 }
+
+// Helper function to normalize language codes
+func normalizeLangCode(lang string) string {
+	lang = strings.ToLower(lang)
+
+	// First, check if the language code is already valid
+	if isValidLangCode(lang) {
+		return lang
+	}
+
+	// Strip regional codes (e.g., en-US -> en)
+	if strings.Contains(lang, "-") {
+		lang = strings.Split(lang, "-")[0]
+	}
+
+	// Re-check if the normalized version is valid
+	if isValidLangCode(lang) {
+		return lang
+	}
+
+	// If the language is not recognized, default to "en"
+	return "en"
+}
+
+// Helper function to check if a language code exists in the language options
+func isValidLangCode(lang string) bool {
+	for _, opt := range languageOptions {
+		if opt.Code == lang {
+			return true
+		}
+	}
+	return false
+}
-- 
2.40.1