diff --git a/sse/be/be b/sse/be/be
index f236190..38e13e7 100755
Binary files a/sse/be/be and b/sse/be/be differ
diff --git a/sse/be/static/_app/version.json b/sse/be/static/_app/version.json
index 0a10037..525c542 100644
--- a/sse/be/static/_app/version.json
+++ b/sse/be/static/_app/version.json
@@ -1 +1 @@
-{"version":"1703070251152"}
\ No newline at end of file
+{"version":"1703074552121"}
\ No newline at end of file
diff --git a/sse/be/static/_app/version.json.br b/sse/be/static/_app/version.json.br
index 970fdde..c37509d 100644
Binary files a/sse/be/static/_app/version.json.br and b/sse/be/static/_app/version.json.br differ
diff --git a/sse/be/static/_app/version.json.gz b/sse/be/static/_app/version.json.gz
index 213d49e..cc9c0df 100644
Binary files a/sse/be/static/_app/version.json.gz and b/sse/be/static/_app/version.json.gz differ
diff --git a/sse/be/static/index.html b/sse/be/static/index.html
index ec61e04..e7b67e1 100644
--- a/sse/be/static/index.html
+++ b/sse/be/static/index.html
@@ -5,17 +5,17 @@
 		<link rel="icon" href="/favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		
-		<link rel="modulepreload" href="/_app/immutable/entry/start.tfT6_LLF.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/start.T-L7090x.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/scheduler.k-kUyWhY.js">
-		<link rel="modulepreload" href="/_app/immutable/chunks/singletons.y0J0ZVZx.js">
-		<link rel="modulepreload" href="/_app/immutable/entry/app.ck5GlgzY.js">
+		<link rel="modulepreload" href="/_app/immutable/chunks/singletons.j1PGATaQ.js">
+		<link rel="modulepreload" href="/_app/immutable/entry/app.uCGb8Gwq.js">
 		<link rel="modulepreload" href="/_app/immutable/chunks/index.PctGSwCt.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">
 			<script>
 				{
-					__sveltekit_lfjj3r = {
+					__sveltekit_gr3k9f = {
 						base: "",
 						env: null
 					};
@@ -23,8 +23,8 @@
 					const element = document.currentScript.parentElement;
 
 					Promise.all([
-						import("/_app/immutable/entry/start.tfT6_LLF.js"),
-						import("/_app/immutable/entry/app.ck5GlgzY.js")
+						import("/_app/immutable/entry/start.T-L7090x.js"),
+						import("/_app/immutable/entry/app.uCGb8Gwq.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element);
 					});
diff --git a/sse/be/static/index.html.br b/sse/be/static/index.html.br
index b5e42fc..4e1d444 100644
Binary files a/sse/be/static/index.html.br and b/sse/be/static/index.html.br differ
diff --git a/sse/be/static/index.html.gz b/sse/be/static/index.html.gz
index a3486dc..76566c8 100644
Binary files a/sse/be/static/index.html.gz and b/sse/be/static/index.html.gz differ
diff --git a/sse/be/static/sse/index.html b/sse/be/static/sse/index.html
index 40997a8..f0ad753 100644
--- a/sse/be/static/sse/index.html
+++ b/sse/be/static/sse/index.html
@@ -5,17 +5,17 @@
 		<link rel="icon" href="../favicon.png" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		
-		<link rel="modulepreload" href="../_app/immutable/entry/start.tfT6_LLF.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/start.T-L7090x.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/scheduler.k-kUyWhY.js">
-		<link rel="modulepreload" href="../_app/immutable/chunks/singletons.y0J0ZVZx.js">
-		<link rel="modulepreload" href="../_app/immutable/entry/app.ck5GlgzY.js">
+		<link rel="modulepreload" href="../_app/immutable/chunks/singletons.j1PGATaQ.js">
+		<link rel="modulepreload" href="../_app/immutable/entry/app.uCGb8Gwq.js">
 		<link rel="modulepreload" href="../_app/immutable/chunks/index.PctGSwCt.js">
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents">
 			<script>
 				{
-					__sveltekit_lfjj3r = {
+					__sveltekit_gr3k9f = {
 						base: new URL("..", location).pathname.slice(0, -1),
 						env: null
 					};
@@ -23,8 +23,8 @@
 					const element = document.currentScript.parentElement;
 
 					Promise.all([
-						import("../_app/immutable/entry/start.tfT6_LLF.js"),
-						import("../_app/immutable/entry/app.ck5GlgzY.js")
+						import("../_app/immutable/entry/start.T-L7090x.js"),
+						import("../_app/immutable/entry/app.uCGb8Gwq.js")
 					]).then(([kit, app]) => {
 						kit.start(app, element);
 					});
diff --git a/sse/be/static/sse/index.html.br b/sse/be/static/sse/index.html.br
index 9cd9587..8b17f60 100644
Binary files a/sse/be/static/sse/index.html.br and b/sse/be/static/sse/index.html.br differ
diff --git a/sse/be/static/sse/index.html.gz b/sse/be/static/sse/index.html.gz
index d4b6ae3..5b400a4 100644
Binary files a/sse/be/static/sse/index.html.gz and b/sse/be/static/sse/index.html.gz differ
diff --git a/sse/fe/src/routes/sse/+page.svelte b/sse/fe/src/routes/sse/+page.svelte
index dadd6dc..dc8ae1a 100644
--- a/sse/fe/src/routes/sse/+page.svelte
+++ b/sse/fe/src/routes/sse/+page.svelte
@@ -12,6 +12,35 @@
         return now.toISOString();
     }
 
+    function SSEMsg() {
+		const sse = new EventSource(`/api/sse?event=ping&event=pong`);
+		console.log('subscribe ping pong');
+
+        sse.onopen = () => {
+            console.log(`sse open ${now()}`);
+            msg = `sse open ${now()}`;
+        };        
+
+        sse.addEventListener('ping', (e) => {
+            let Msg = JSON.parse(e.data);
+            msg = `ping: ${Msg.id} ${Msg.data} ${now()}`;
+            console.log(msg);
+            dping = Msg.id;
+        });
+        
+        sse.addEventListener('pong', (e) => {
+            let Msg = JSON.parse(e.data);
+            msg = `pong: ${Msg.id} ${Msg.data} ${now()}`;
+            console.log(msg);
+            dpong = Msg.id;
+        });
+
+        return () => {
+			sse.close();
+			console.log(`sse closing ${Date.now()}`);
+		};
+    }
+
     function Subscribe() {
 		const sse = new EventSource(`/api/sse`);
 		console.log('subscribe');
@@ -64,10 +93,10 @@
 		};
 	}
 
-	onMount(() => {
-		const unsub = Subscribe();
-		return unsub;
-	});
+	// onMount(() => {
+	// 	const unsub = Subscribe();
+	// 	return unsub;
+	// });
 
     async function newmsg() {
         await fetch('/api/msg');
@@ -103,4 +132,6 @@
 
 <hr>
 
-<button on:click={Subscribe}>SSE Msg</button>
+<button on:click={SSEMsg}>SSE PingPong</button>
+<br>
+<button on:click={Subscribe}>SSE ALL</button>
