commit 59dafdf0addd0f5bfb93098447743706dff813b4
from: Oliver Lowe <o@olowe.co>
date: Wed Apr 16 09:08:27 2025 UTC

service: support queries without javascript

I was curious how it all worked if I disabled javascript entirely.
Pretty cool how it all "just worked" once I set the usual `action`
attr in the form element.

While here fix little nit about using a boolean type for a
boolean condition

commit - 874b706b1cb8542a2aa62bd35d6da2ba7bc16f78
commit + 59dafdf0addd0f5bfb93098447743706dff813b4
blob - 4b18ed7b92c24b94ded69ac7c9f72d3b415a8587
blob + e03df411766d7530d1f97f11d077a14853a3aee0
--- internal/service/handlers.go
+++ internal/service/handlers.go
@@ -21,7 +21,7 @@ func (service *Service) homeHandler(w http.ResponseWri
 }
 
 func (service *Service) searchHandler(w http.ResponseWriter, r *http.Request) {
-	isHtmx := r.Header.Get("HX-Request")
+	isHtmx := r.Header.Get("HX-Request") == "true"
 	searchQuery := r.URL.Query().Get("search")
 
 	channels, err := service.findChannel(searchQuery)
@@ -29,9 +29,9 @@ func (service *Service) searchHandler(w http.ResponseW
 		panic("TODO")
 	}
 
-	if isHtmx == "true" {
+	if isHtmx {
 		render(w, "results", channels)
-	} else {
-		render(w, "home", TemplateData{Results: channels})
+		return
 	}
+	render(w, "home", TemplateData{Results: channels})
 }
blob - 3bd640cfe45b9537c67de612912f71e541b42941
blob + 0cf6eed00b7dcfbdeca42e826f92a48ce7895b6c
--- internal/templates/home.tmpl
+++ internal/templates/home.tmpl
@@ -15,7 +15,7 @@
         </div>
     </hgroup>
 
-    <form hx-get="/search" hx-target="#search-results" hx-push-url="true">
+    <form action="/search" hx-get="/search" hx-target="#search-results" hx-push-url="true">
         <div class="search-box">
             <button type="button" aria-label="Filter">
                 <svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" fill="currentColor" class="bi bi-filter"
@@ -40,4 +40,4 @@
     </div>
 </main>
 {{ template "footer" }}
-{{ end }}
\ No newline at end of file
+{{ end }}