Implement reply rich rendering. Add jump to and highlight/hovering functionality for them

internal/util/util.go

@@ -1,19 +1,35 @@
 package util
 
 import (
+	"fmt"
 	"html/template"
 	"strings"
 )
 
 func EnrichPost(body string) string {
-	lines := strings.Split(body, "\n")
-	for i, line := range lines {
-		if strings.HasPrefix(line, ">") {
-			escaped := template.HTMLEscapeString(line)
-			lines[i] = `<span class="greentext">` + escaped + `</span>`
-		} else {
-			lines[i] = template.HTMLEscapeString(line)
+	var b strings.Builder
+	for _, raw := range strings.Split(body, "\n") {
+		var out string
+		switch {
+		case strings.HasPrefix(raw, ">>"):
+			postId := strings.TrimPrefix(raw, ">>")
+			esc := template.HTMLEscapeString(raw)
+			out = fmt.Sprintf(
+				`<a  onclick="onReplyLinkClick(event)" 
+					 onmouseover="highlightPost(%[1]s, event)" `+
+					`onmouseleave="highlightPost(%[1]s, event, false)" `+
+					`href="#post-%[1]s" class="reply-link">%s</a>`,
+				postId, esc,
+			)
+		case strings.HasPrefix(raw, ">"):
+			esc := template.HTMLEscapeString(raw)
+			out = `<span class="greentext">` + esc + `</span>`
+		default:
+			out = template.HTMLEscapeString(raw)
 		}
+
+		b.WriteString(out)
+		b.WriteString("<br />")
 	}
-	return strings.Join(lines, "<br />")
+	return b.String()
 }