=sse update event

sse/fe/src/routes/sse/+page.svelte

@@ -1,8 +1,11 @@
 <script>
 	import { onMount } from 'svelte';
 
+	let events = ['ping', 'pong'];
+
 	$: msg = '';
 	$: jmsg = {};
+	$: recv = '';
 	$: dping = '';
 	$: dpong = '';
 
@@ -13,7 +16,13 @@
 	}
 
 	function SSEMsg() {
-		const sse = new EventSource(`/api/sse?event=ping&event=pong`);
+		let url = '/api/sse?';
+		for (let e in events) {
+			url += `event=${events[e]}&`;
+		}
+		console.log(`sse url: ${url}`);
+		const sse = new EventSource(url);
+
 		console.log('subscribe ping pong');
 
 		sse.onopen = () => {
@@ -42,35 +51,35 @@
 	}
 
 	function Subscribe() {
-		const sse = new EventSource(`/api/sse`);
+		const sse = new EventSource(`/api/sse?event=*`);
 		console.log('subscribe');
 
-		sse.onopen = () => {
-			console.log(`sse open ${now()}`);
-			msg = `sse open ${now()}`;
-		};
+		// sse.onopen = () => {
+		// 	console.log(`sse open ${now()}`);
+		// 	msg = `sse open ${now()}`;
+		// };
 
-		sse.onerror = () => {
-			console.log(`sse error ${now()}`);
-			if (sse.readyState === EventSource.CONNECTING) {
-				console.log(`sse reconnecting ${now()}`);
-				msg = `sse reconnecting ${now()}`;
-			} else {
-				msg = `sse error ${now()}`;
-			}
-		};
+		// sse.onerror = () => {
+		// 	console.log(`sse error ${now()}`);
+		// 	if (sse.readyState === EventSource.CONNECTING) {
+		// 		console.log(`sse reconnecting ${now()}`);
+		// 		msg = `sse reconnecting ${now()}`;
+		// 	} else {
+		// 		msg = `sse error ${now()}`;
+		// 	}
+		// };
 
 		sse.onmessage = (e) => {
 			let Msg = JSON.parse(e.data);
 			console.log(`received: ${JSON.stringify(Msg)}`);
-			msg = `received: ${JSON.stringify(Msg)} ${now()}`;
-			jmsg = Msg;
+			recv = `received: ${JSON.stringify(Msg)} ${now()}`;
 		};
 
 		sse.addEventListener('ping', (e) => {
 			let Msg = JSON.parse(e.data);
 			msg = `ping: ${Msg.id} ${Msg.data} ${now()}`;
 			console.log(msg);
+			jmsg = Msg;
 			dping = Msg.id;
 		});
 
@@ -78,6 +87,7 @@
 			let Msg = JSON.parse(e.data);
 			msg = `pong: ${Msg.id} ${Msg.data} ${now()}`;
 			console.log(msg);
+			jmsg = Msg;
 			dpong = Msg.id;
 		});
 
@@ -85,6 +95,7 @@
 			let Msg = JSON.parse(e.data);
 			msg = `Msg: ${Msg.id} ${Msg.data} ${now()}`;
 			console.log(msg);
+			jmsg = Msg;
 		});
 
 		return () => {
@@ -113,11 +124,14 @@
 
 <h1>{msg}</h1>
 
-<ul>
-	<li>{jmsg.event}</li>
-	<li>{jmsg.data}</li>
-	<li>{jmsg.id}</li>
-</ul>
+{#if recv != ''}
+	<pre>{recv}</pre>
+{/if}
+
+{#if jmsg != {}}
+	<pre>{JSON.stringify(jmsg, null, 2)}</pre>
+{/if}
+
 <br />
 <h2>Ping: {dping}</h2>
 <br />