From c52c389f0c2ffd8459139d62865fc0085262f7e7 Mon Sep 17 00:00:00 2001
From: Ryan Hamamura <58859899+ryanhamamura@users.noreply.github.com>
Date: Tue, 3 Mar 2026 09:15:46 -1000
Subject: [PATCH] Reapply "fix: append chat messages instead of re-rendering
 entire game"

This reverts commit 513467470c90cb13c9b152c832b50e738dbdb0eb.
---
 chat/components/chat.templ     | 19 ++++++++++++-------
 features/c4game/handlers.go    |  9 +++++++--
 features/snakegame/handlers.go |  9 +++++++--
 3 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/chat/components/chat.templ b/chat/components/chat.templ
index f2d02fe..326bd3e 100644
--- a/chat/components/chat.templ
+++ b/chat/components/chat.templ
@@ -23,16 +23,21 @@ type Config struct {
 	StopKeyPropagation bool
 }
 
+// ChatMessage renders a single chat message. Used for appending new messages via SSE.
+templ ChatMessage(m chat.Message, cfg Config) {
+	<div class={ cfg.CSSPrefix + "-chat-msg" }>
+		<span style={ fmt.Sprintf("color:%s;font-weight:bold;", cfg.Color(m.Slot)) }>
+			{ m.Nickname + ": " }
+		</span>
+		<span>{ m.Message }</span>
+	</div>
+}
+
 templ Chat(messages []chat.Message, cfg Config) {
 	<div id={ cfg.CSSPrefix + "-chat" } class={ cfg.CSSPrefix + "-chat" }>
-		<div class={ cfg.CSSPrefix + "-chat-history" }>
+		<div id={ cfg.CSSPrefix + "-chat-history" } class={ cfg.CSSPrefix + "-chat-history" }>
 			for _, m := range messages {
-				<div class={ cfg.CSSPrefix + "-chat-msg" }>
-					<span style={ fmt.Sprintf("color:%s;font-weight:bold;", cfg.Color(m.Slot)) }>
-						{ m.Nickname + ": " }
-					</span>
-					<span>{ m.Message }</span>
-				</div>
+				@ChatMessage(m, cfg)
 			}
 		</div>
 		<div class={ cfg.CSSPrefix + "-chat-input" } data-morph-ignore>
diff --git a/features/c4game/handlers.go b/features/c4game/handlers.go
index c5a5bc0..be6c09b 100644
--- a/features/c4game/handlers.go
+++ b/features/c4game/handlers.go
@@ -148,8 +148,13 @@ func HandleGameEvents(store *connect4.Store, nc *nats.Conn, sm *scs.SessionManag
 					return
 				}
 			case msg := <-chatCh:
-				room.Receive(msg.Data)
-				if err := patchAll(); err != nil {
+				chatMsg, _ := room.Receive(msg.Data)
+				err := sse.PatchElementTempl(
+					chatcomponents.ChatMessage(chatMsg, chatCfg),
+					datastar.WithSelectorID("c4-chat-history"),
+					datastar.WithModeAppend(),
+				)
+				if err != nil {
 					return
 				}
 			}
diff --git a/features/snakegame/handlers.go b/features/snakegame/handlers.go
index dffb6a0..7a96ed4 100644
--- a/features/snakegame/handlers.go
+++ b/features/snakegame/handlers.go
@@ -172,8 +172,13 @@ func HandleSnakeEvents(snakeStore *snake.SnakeStore, nc *nats.Conn, sm *scs.Sess
 				if msg == nil {
 					continue
 				}
-				room.Receive(msg.Data)
-				if err := patchAll(); err != nil {
+				chatMsg, _ := room.Receive(msg.Data)
+				err := sse.PatchElementTempl(
+					chatcomponents.ChatMessage(chatMsg, chatCfg),
+					datastar.WithSelectorID("snake-chat-history"),
+					datastar.WithModeAppend(),
+				)
+				if err != nil {
 					return
 				}
 			}