style improvements and bluesky comments!

view/blog.go

@@ -1,10 +1,13 @@
 package view
 
 import (
+	"fmt"
 	"html/template"
 	"net/http"
+	"os"
 	"time"
 
+	"arimelody-web/controller"
 	"arimelody-web/model"
 	"arimelody-web/templates"
 
@@ -20,16 +23,14 @@ var mdRenderer = html.NewRenderer(html.RendererOptions{
 func BlogHandler(app *model.AppState) http.Handler {
 	return http.HandlerFunc(func(w http.ResponseWriter, r *http.Request) {
 		blog := model.Blog{
-			Title: "hello world!~",
+			Title: "hello world!",
 			Description: "lorem ipsum yadda yadda something boobies babababababababa",
 			Visible: true,
 			Date: time.Now(),
 			AuthorID: "ari",
 			Markdown:
 `
-# hello, world!
-
-i'm ari!
+**i'm ari!**
 
 she/her 🏳️‍⚧️🏳️‍🌈💫🦆🇮🇪
 
@@ -72,7 +73,26 @@ thank you for stopping by- i hope you have a lovely rest of your day! 💫
 - impact meme
 - OpenTerminal
 - Silver.js
+
+### code block test
+
+~~~ c
+#include <stdio.h>
+
+int main(int argc, char *argv[]) {
+	printf("hello world!~\n");
+	return 0;
+}
+~~~
+
+### aridoodle
+
+this is `+"`"+`aridoodle`+"`"+`. please take care of her.
+
+![aridoodle](/img/aridoodle.png)
 `,
+			BlueskyActorID: "did:plc:yct6cvgfipngizry5umzkxr3",
+			BlueskyPostID: "3llsudsx7pc2u",
 		}
 
 		// blog.Markdown += " <i class=\"end-mark\"></i>"
@@ -81,6 +101,35 @@ thank you for stopping by- i hope you have a lovely rest of your day! 💫
 		md := mdParser.Parse([]byte(blog.Markdown))
 		blog.HTML = template.HTML(markdown.Render(md, mdRenderer))
 
-		templates.BlogTemplate.Execute(w, &blog)
+		comments := []*model.ThreadViewPost{}
+		blueskyPost, err := controller.FetchThreadViewPost(blog.BlueskyActorID, blog.BlueskyPostID)
+		if err != nil {
+			fmt.Fprintf(os.Stderr, "WARN: Failed to fetch blog post Bluesky thread: %v\n", err)
+		} else {
+			comments = append(comments, blueskyPost.Replies...)
+		}
+
+		type BlogView struct {
+			*model.Blog
+			Comments []*model.ThreadViewPost
+			Likes int
+			Reposts int
+			BlueskyURL string
+			MastodonURL string
+		}
+
+		err = templates.BlogTemplate.Execute(w, BlogView{
+			Blog: &blog,
+			Comments: blueskyPost.Replies,
+			Likes: 10,
+			Reposts: 10,
+			BlueskyURL: fmt.Sprintf("https://bsky.app/profile/%s/post/%s", blog.BlueskyActorID, blog.BlueskyPostID),
+			MastodonURL: "#",
+		})
+		if err != nil {
+            fmt.Fprintf(os.Stderr, "Error rendering blog post: %v\n", err)
+            http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
+            return
+		}
 	})
 }

view/blog.html

@@ -24,11 +24,63 @@
 
         <hr>
         {{.HTML}}
-        <hr>
 
-        <!-- comments section here! -->
     </article>
 
+    <hr>
+
+    <div class="interactions">
+        <span class="likes">❤️ {{.Likes}}</span>
+        <span class="reposts">🔁 {{.Reposts}}</span>
+        <a class="btn bluesky" href="{{.BlueskyURL}}" target="_blank">Bluesky 🦋</a>
+        <!-- TODO: mastodon support -->
+        <a class="btn mastodon" href="{{.MastodonURL}}" target="_blank">Mastodon 🐘</a>
+    </div>
+
+    <div class="comments">
+        {{range .Comments}}
+        {{template "comment" .}}
+        {{end}}
+    </div>
+
     <script type="module" src="/script/blog.js"></script>
 </main>
 {{end}}
+
+{{define "comment"}}
+<article class="comment">
+    <div class="comment-hover">
+        <div class="comment-header">
+            <a href="https://bsky.app/profile/{{.Post.Author.DID}}" target="_blank">
+                <img class="avatar" src="{{.Post.Author.Avatar}}" alt="{{.Post.Author.DisplayName}}'s avatar">
+                <span class="display-name">{{.Post.Author.DisplayName}}</span>
+                <span class="handle">@{{.Post.Author.Handle}}</span>
+            </a>
+        </div>
+        <a class="comment-body" href="{{.Post.BskyURL}}" target="_blank">
+            <div>
+                <p class="comment-text">{{.Post.Record.Text}}</p>
+                {{if .Post.HasImage}}
+                <p class="comment-images">
+                {{range .Post.Embed.Media.Images}}
+                <a href="{{.Fullsize}}" target="_blank">[image]</a>
+                {{end}}
+                </p>
+                {{end}}
+            </div>
+            <div class="comment-footer">
+                <!-- <span>{{.Post.LikeCount}} likes</span> -->
+                <!-- <span>{{.Post.RepostCount}} reposts</span> -->
+                <span class="comment-date">{{.Post.Record.CreatedAtPrint}}</span>
+            </div>
+        </a>
+    </div>
+
+    <div class="comment-replies">
+        {{range .Replies}}
+        {{template "comment" .}}
+        {{end}}
+    </div>
+</article>
+{{end}}
+

view/music.go

@@ -89,7 +89,7 @@ func ServeGateway(app *model.AppState, release *model.Release) http.Handler {
         err := templates.MusicGatewayTemplate.Execute(w, response)
 
         if err != nil {
-            fmt.Printf("Error rendering music gateway for %s: %s\n", release.ID, err)
+            fmt.Fprintf(os.Stderr, "Error rendering music gateway for %s: %v\n", release.ID, err)
             http.Error(w, http.StatusText(http.StatusInternalServerError), http.StatusInternalServerError)
             return
         }