fix(history): popstate goes to nothing

Author: mbaraa

static/js/search.js

@@ -10,7 +10,11 @@ function searchNoRealod(searchQuery) {
   searchInputEl.blur();
   const query = encodeURIComponent(searchQuery);
   document.getElementById("search-suggestions").style.display = "none";
-  window.history.pushState({}, "", `/search?query=${query}`);
+  const prevPath = window.location.href.substring(
+    (window.location.protocol + "//" + window.location.host).length,
+  );
+  window.location.prevPath = prevPath;
+  window.history.pushState({ prevPath }, "", `/search?query=${query}`);
 }
 
 searchFormEl.addEventListener("submit", (e) => {

static/js/utils.js

@@ -38,6 +38,16 @@ function getTextWidth() {
   return window.innerWidth > 768 ? 35 : 15;
 }
 
+window.addEventListener("popstate", (e) => {
+  e.stopImmediatePropagation();
+  e.preventDefault();
+  if (history.state && history.state.prevPath) {
+    window.open(history.state.prevPath, "_self");
+  } else {
+    window.open(window.location.prevPath, "_self");
+  }
+});
+
 window.Utils = {
   toggleLoading,
   formatTime,

views/components/navlink/navlink.templ

@@ -17,5 +17,7 @@ templ NavLink(title, imageUrl, path string) {
 }
 
 script updateHref(path string) {
-    window.history.pushState({}, "", path)
+    const prevPath = window.location.href.substring((window.location.protocol+"//"+window.location.host).length);
+    window.location.prevPath = prevPath;
+    window.history.pushState({ prevPath }, "", path)
 }