Enha: simplify sse (worsened event recieving)

2025-07-12 20:33:41 +03:00
parent a934d07be3
commit 8f9865db3f
6 changed files with 37 additions and 46 deletions
--- a/components/base.html
+++ b/components/base.html
@ -13,6 +13,12 @@
 </head>
 <body>
 <div id="ancestor" hx-ext="sse" sse-connect="/sub/sse">
+    <script type="text/javascript">
+    document.body.addEventListener('htmx:sseError', function (e) {
+    // do something before the event data is swapped in
+    console.log(e)
+})
+    </script>
    <div id="main-content">
        {{template "main" .}}
    </div>
--- a/components/index.html
+++ b/components/index.html
@ -22,6 +22,7 @@
 		{{template "roomlist" .List}}
 		</div>
 	{{else}}
+		<div id="sse-listener" sse-connect="/sub/sse" hx-trigger="sse:roomupdate_{{.State.RoomID}}" hx-get="/room" hx-target="#room-interier" hx-swap="none" style="display:none;"></div>
 		<div id="room">
 		{{template "room" .}}
 		</div>
--- a/components/room.html
+++ b/components/room.html
@ -1,5 +1,5 @@
 {{define "room"}}
-<div id="interier" hx-get="/" hx-trigger="sse:roomupdate_{{.State.RoomID}}" class=space-y-2>
+<div id="room-interier" class=space-y-2>
  <div id="meta">
    <p>Hello {{.State.Username}};</p>
    <p>Room created by {{.Room.CreatorName}};</p>