From d7bca93af85c882837cff840565ae9160e1aa79f Mon Sep 17 00:00:00 2001
From: httpjamesm <github@httpjames.space>
Date: Sat, 4 Feb 2023 12:58:50 -0500
Subject: [PATCH 1/3] feat: sort select with button

---
 public/icons/sort.svg   |  3 +++
 public/question.css     | 36 ++++++++++++++++++++++++++++++++++++
 templates/question.html | 30 +++++++++++++++++++++++-------
 3 files changed, 62 insertions(+), 7 deletions(-)
 create mode 100644 public/icons/sort.svg

diff --git a/public/icons/sort.svg b/public/icons/sort.svg
new file mode 100644
index 0000000..774757a
--- /dev/null
+++ b/public/icons/sort.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
+  <path stroke-linecap="round" stroke-linejoin="round" d="M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 01-.659 1.591l-5.432 5.432a2.25 2.25 0 00-.659 1.591v2.927a2.25 2.25 0 01-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 00-.659-1.591L3.659 7.409A2.25 2.25 0 013 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0112 3z" />
+</svg>
diff --git a/public/question.css b/public/question.css
index 87f54ef..cf25d6c 100644
--- a/public/question.css
+++ b/public/question.css
@@ -111,6 +111,42 @@ img {
     margin-bottom: 1rem;
 }
 
+.answers-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+
+.answers-header .sorting form {
+    display: flex;
+    align-items: center;
+    gap: .5rem;
+}
+
+.answers-header select {
+    border: 0;
+    border-radius: 5px;
+    padding: 0.5rem;
+    background-color: var(--meta-bg);
+    color: var(--text-color);
+    height: 2rem;
+}
+
+.answers-header button {
+    width: 2rem;
+    border: 0;
+    height: 2rem;
+    border-radius: 5px;
+    background-color: var(--meta-bg);
+    color: var(--text-color);
+    font-size: 1.5rem;
+    cursor: pointer;
+
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
 @media only screen and (max-width: 800px) {
     body {
         padding-left: 1rem;
diff --git a/templates/question.html b/templates/question.html
index 57cb8eb..06e39eb 100644
--- a/templates/question.html
+++ b/templates/question.html
@@ -38,13 +38,30 @@
                     </p>
                 </div>
                 <div class="card-body">{{ .question.Body }}</div>
-                {{ if .question.Comments }}
-                    {{ template "comments.html" .question }}
-                {{end}}
-
+                {{ if .question.Comments }} {{ template "comments.html"
+                .question }} {{end}}
             </div>
             <hr class="post-divider" />
-            <h2>Answers</h2>
+            <div class="answers-header">
+                <h2>Answers</h2>
+                <div class="sorting">
+                    <form>
+                        <select name="sort_by">
+                            <option disabled value="votes">Sort answers by...</option>
+                            <option value="votes">Votes</option>
+                            <option value="newest">Trending</option>
+                            <option value="newest">Newest</option>
+                            <option value="oldest">Oldest</option>
+                        </select>
+                        <button type="submit">
+                            <img
+                                src="/static/icons/sort.svg"
+                                alt="Sieve icon"
+                            />
+                        </button>
+                    </form>
+                </div>
+            </div>
             {{ range $answer := .answers }}
             <div class="answer">
                 <div
@@ -65,8 +82,7 @@
                         >
                     </div>
                 </div>
-                {{ if $answer.Comments }}
-                    {{ template "comments.html" $answer }}
+                {{ if $answer.Comments }} {{ template "comments.html" $answer }}
                 {{end}}
             </div>
             <hr class="answer-divider" />

From eee8ec42c580de229c92be4f451ce4d5ab0e7323 Mon Sep 17 00:00:00 2001
From: httpjamesm <github@httpjames.space>
Date: Sat, 4 Feb 2023 13:05:10 -0500
Subject: [PATCH 2/3] feat: hashmap with SO sort values, ssr selection

---
 src/routes/question.go  | 20 +++++++++++++++++++-
 templates/question.html | 10 +++++-----
 2 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/routes/question.go b/src/routes/question.go
index 36d8fdf..0571153 100644
--- a/src/routes/question.go
+++ b/src/routes/question.go
@@ -21,6 +21,13 @@ import (
 var codeBlockRegex = regexp.MustCompile(`(?s)<pre><code>(.+?)<\/code><\/pre>`)
 var questionCodeBlockRegex = regexp.MustCompile(`(?s)<pre class=".+"><code( class=".+")?>(.+?)</code></pre>`)
 
+var soSortValues = map[string]string{
+	"votes":    "scoredesc",
+	"trending": "trending",
+	"newest":   "modifieddesc",
+	"oldest":   "createdasc",
+}
+
 func ViewQuestion(c *gin.Context) {
 	client := resty.New()
 
@@ -36,7 +43,17 @@ func ViewQuestion(c *gin.Context) {
 
 	questionTitle := c.Param("title")
 
-	soLink := fmt.Sprintf("https://stackoverflow.com/questions/%s/%s", questionId, questionTitle)
+	sortValue := c.Query("sort_by")
+	if sortValue == "" {
+		sortValue = "votes"
+	}
+
+	soSortValue, ok := soSortValues[sortValue]
+	if !ok {
+		soSortValue = soSortValues["votes"]
+	}
+
+	soLink := fmt.Sprintf("https://stackoverflow.com/questions/%s/%s?answertab=%s", questionId, questionTitle, soSortValue)
 
 	resp, err := client.R().Get(soLink)
 	if err != nil {
@@ -251,6 +268,7 @@ func ViewQuestion(c *gin.Context) {
 		"imagePolicy": imagePolicy,
 		"theme":       c.MustGet("theme").(string),
 		"currentUrl":  fmt.Sprintf("%s/questions/%s/%s", os.Getenv("APP_URL"), questionId, questionTitle),
+		"sortValue":   sortValue,
 	})
 
 }
diff --git a/templates/question.html b/templates/question.html
index 06e39eb..d62bc50 100644
--- a/templates/question.html
+++ b/templates/question.html
@@ -47,11 +47,11 @@
                 <div class="sorting">
                     <form>
                         <select name="sort_by">
-                            <option disabled value="votes">Sort answers by...</option>
-                            <option value="votes">Votes</option>
-                            <option value="newest">Trending</option>
-                            <option value="newest">Newest</option>
-                            <option value="oldest">Oldest</option>
+                            <option disabled value="">Sort answers by...</option>
+                            <option value="votes"{{ if eq .sortValue "votes" }} selected{{ end }}>Votes</option>
+                            <option value="trending"{{ if eq .sortValue "trending" }} selected{{ end }}>Trending</option>
+                            <option value="newest"{{ if eq .sortValue "newest" }} selected{{ end }}>Newest</option>
+                            <option value="oldest"{{ if eq .sortValue "oldest" }} selected{{ end }}>Oldest</option>
                         </select>
                         <button type="submit">
                             <img

From 4d8632e26cc5518e54a9ddc27dc51e65e4f0cdc2 Mon Sep 17 00:00:00 2001
From: httpjamesm <github@httpjames.space>
Date: Sat, 4 Feb 2023 13:14:52 -0500
Subject: [PATCH 3/3] fix: add no cache to static

---
 main.go              |  3 ++-
 src/routes/static.go | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)
 create mode 100644 src/routes/static.go

diff --git a/main.go b/main.go
index a0a7682..6ade272 100644
--- a/main.go
+++ b/main.go
@@ -32,7 +32,6 @@ func main() {
 	r := gin.Default()
 
 	r.LoadHTMLGlob("templates/*")
-	r.Static("/static", "./public")
 
 	r.Use(gin.Recovery())
 	r.Use(middleware.XssPreventionHeaders())
@@ -40,6 +39,8 @@ func main() {
 	r.Use(middleware.OptionsMiddleware())
 	r.Use(middleware.Ratelimit())
 
+	r.GET("/static/*filepath", routes.StaticContent)
+
 	r.GET("/robots.txt", func(c *gin.Context) {
 		c.String(200, "User-agent: *\nDisallow: /")
 	})
diff --git a/src/routes/static.go b/src/routes/static.go
new file mode 100644
index 0000000..b5934a3
--- /dev/null
+++ b/src/routes/static.go
@@ -0,0 +1,14 @@
+package routes
+
+import (
+	"fmt"
+	"strings"
+
+	"github.com/gin-gonic/gin"
+)
+
+func StaticContent(c *gin.Context) {
+	cleanFilePath := strings.ReplaceAll(c.Param("filepath"), "..", "")
+
+	c.File(fmt.Sprintf("./public/%s", cleanFilePath))
+}