feat: frontend receiving processing images and showing them as such

backend/events.go

@@ -3,6 +3,7 @@ package main
 import (
 	"context"
 	"database/sql"
+	"encoding/json"
 	"fmt"
 	"net/http"
 	"os"
@@ -151,6 +152,7 @@ func CreateEventsHandler(notifier *Notifier[Notification]) http.HandlerFunc {
 			// EG: The user could attempt to create many connections
 			// and they just get a 500, with no explanation.
 			w.WriteHeader(http.StatusInternalServerError)
+			w.(http.Flusher).Flush()
 			return
 		}
 
@@ -163,8 +165,15 @@ func CreateEventsHandler(notifier *Notifier[Notification]) http.HandlerFunc {
 				w.(http.Flusher).Flush()
 				return
 			case msg := <-listener:
+
+				msgString, err := json.Marshal(msg)
+				if err != nil {
+					w.WriteHeader(http.StatusInternalServerError)
+					return
+				}
+
 				fmt.Printf("Sending msg %s\n", msg)
-				fmt.Fprintf(w, "event: data\ndata: %s\n\n", msg)
+				fmt.Fprintf(w, "event: data\ndata: %s\n\n", string(msgString))
 				w.(http.Flusher).Flush()
 			}
 		}