remove gzip from events endpoint to fix sse (#103)

* remove gzip from events endpoint to fix sse

* revert docker compose file

Caddyfile

@@ -9,15 +9,25 @@
 		path *.ico *.css *.js *.gif *.jpg *.jpeg *.png *.svg *.woff *.woff2 *.webp
 	}
 
+    @not_sse {
+        not path /api/events
+    }
+
     # Handles User Images
 	handle_path /api/assets/* {
 		header @static Cache-Control max-age=31536000
 		root * /usr/src/app/uploads/
 		file_server
 	}
 
-    encode gzip
-    reverse_proxy :3000
+    # gzip makes sse not work so use it for everything but the events api
+    encode @not_sse {
+        gzip
+    }
+
+    reverse_proxy :3000 {
+        flush_interval -1
+    }
 }
 
 

docker-compose.yaml

@@ -4,7 +4,6 @@ services:
     app:
         container_name: wishlist-app
         image: ghcr.io/cmintey/wishlist
-        build: .
         ports:
             - 3280:3280
         volumes:

src/routes/api/items/updates/+server.ts → src/routes/api/events/+server.ts

@@ -10,8 +10,9 @@ export const GET = (async () => {
     subscribeToEvent(itemEmitter, SSEvents.item.delete);
     return new Response(readable, {
         headers: {
-            "cache-control": "no-cache",
-            "content-type": "text/event-stream"
+            "Cache-Control": "no-cache",
+            "Content-Type": "text/event-stream",
+            "X-Accel-Buffering": "no"
         }
     });
 }) satisfies RequestHandler;

src/routes/wishlists/[username]/+page.svelte

@@ -45,7 +45,7 @@
     onDestroy(() => eventSource?.close());
 
     const subscribeToEvents = () => {
-        eventSource = new EventSource("/api/items/updates");
+        eventSource = new EventSource("/api/events");
         eventSource.addEventListener(SSEvents.item.update, (e) => {
             const message = JSON.parse(e.data) as Item;
             updateItems(message);