From a0357b599e646fb8018d746a537fa1073170277d Mon Sep 17 00:00:00 2001
From: Seongmin Lee <git@boltless.me>
Date: Fri, 10 Apr 2026 13:06:49 +0900
Subject: [PATCH] appview: add comment to strings

Signed-off-by: Seongmin Lee <git@boltless.me>
---
 appview/pages/pages.go                      |  1 +
 appview/pages/templates/strings/string.html | 57 +++++++++++++++++++++
 appview/strings/strings.go                  |  6 +++
 3 files changed, 64 insertions(+)

diff --git a/appview/pages/pages.go b/appview/pages/pages.go
index 27673b97..9e21f97c 100644
--- a/appview/pages/pages.go
+++ b/appview/pages/pages.go
@@ -1595,6 +1595,7 @@ type SingleStringParams struct {
 	IsStarred        bool
 	StarCount        int
 	Owner            identity.Identity
+	CommentList      []models.CommentListItem
 }
 
 func (p *Pages) SingleString(w io.Writer, params SingleStringParams) error {
diff --git a/appview/pages/templates/strings/string.html b/appview/pages/templates/strings/string.html
index f0fd65f1..f46d8d59 100644
--- a/appview/pages/templates/strings/string.html
+++ b/appview/pages/templates/strings/string.html
@@ -94,4 +94,61 @@
     </div>
     {{ template "fragments/multiline-select" }}
   </section>
+  <div class="flex flex-col gap-4 mt-4">
+    {{
+      template "fragments/comment/commentList"
+      (dict
+        "LoggedInUser" .LoggedInUser
+        "CommentList"  .CommentList)
+    }}
+    {{ template "newComment" . }}
+  </div>
+{{ end }}
+
+{{ define "newComment" }}
+  {{ if .LoggedInUser }}
+    <form
+      hx-post="/comment"
+      hx-trigger="submit, keydown[(ctrlKey || metaKey) && key=='Enter'] from:find textarea"
+      hx-swap="none"
+      hx-disabled-elt="find button[type='submit']"
+      hx-on::after-request="if(event.detail.successful) this.reset()"
+      class="group/form"
+    >
+      <input name="subject-uri" type="hidden" value="{{ .String.AtUri }}">
+      <div class="bg-white dark:bg-gray-800 rounded drop-shadow-sm py-4 px-4 relative w-full">
+        <div class="text-sm pb-2 text-gray-500 dark:text-gray-400">
+          {{ template "user/fragments/picHandleLink" .LoggedInUser.Did }}
+        </div>
+        <textarea
+          name="body"
+          class="w-full p-2 rounded"
+          placeholder="Add to the discussion. Markdown is supported."
+          rows="5"
+          required
+        ></textarea>
+        <div id="comment-error" class="error"></div>
+      </div>
+      <div class="flex gap-2 mt-2">
+        <button
+          id="comment-button"
+          type="submit"
+          class="btn-create p-2 flex items-center gap-2 no-underline hover:no-underline"
+        >
+          {{ i "message-square-plus" "w-4 h-4 inline group-[.htmx-request]/form:hidden" }}
+          {{ i "loader-circle" "w-4 h-4 animate-spin hidden group-[.htmx-request]/form:inline" }}
+          comment
+        </button>
+      </div>
+    </form>
+  {{ else }}
+    <div class="bg-amber-50 dark:bg-amber-900 border border-amber-500 rounded drop-shadow-sm p-6 relative flex gap-2 items-center">
+      <a href="/signup" class="btn-create py-0 hover:no-underline hover:text-white flex items-center gap-2">
+        sign up
+      </a>
+      <span class="text-gray-500 dark:text-gray-400">or</span>
+      <a href="/login" class="underline">login</a>
+      to add to the discussion
+    </div>
+  {{ end }}
 {{ end }}
diff --git a/appview/strings/strings.go b/appview/strings/strings.go
index 1c6627ac..f2465e89 100644
--- a/appview/strings/strings.go
+++ b/appview/strings/strings.go
@@ -156,6 +156,11 @@ func (s *Strings) contents(w http.ResponseWriter, r *http.Request) {
 		isStarred = db.GetStarStatus(s.Db, user.Active.Did, string.AtUri())
 	}
 
+	comments, err := db.GetComments(s.Db, orm.FilterEq("subject_uri", string.AtUri()))
+	if err != nil {
+		l.Error("failed to get comments", "err", err)
+	}
+
 	s.Pages.SingleString(w, pages.SingleStringParams{
 		LoggedInUser: user,
 		RenderToggle: renderToggle,
@@ -165,6 +170,7 @@ func (s *Strings) contents(w http.ResponseWriter, r *http.Request) {
 		IsStarred:    isStarred,
 		StarCount:    starCount,
 		Owner:        id,
+		CommentList:  models.NewCommentList(comments),
 	})
 }
 
-- 
2.51.2