add .html files for SSE and websocket examples

c-cube · Mar 12, 2024 · 78ded14 · 78ded14
1 parent fe9596f
commit 78ded14
Show file tree

Hide file tree

Showing 2 changed files with 46 additions and 0 deletions.
diff --git a/examples/sse_demo.html b/examples/sse_demo.html
@@ -0,0 +1,21 @@
+
+<!-- to be used with sse_server -p 8087 -->
+
+<html>
+<head>
+  <script src="https://unpkg.com/htmx.org@1.7.0"></script>
+
+  <script>
+    htmx.createEventSource = (url) => {
+		return new EventSource(url, {withCredentials:false});
+	}
+
+  </script>
+
+</head>
+<body hx-trigger="onload" hx-sse="connect:http://localhost:8087/clock">
+  <p>time:</p>
+  <div hx-sse="swap:tick" hx-swap="innerHtml"> </div>
+  <!-- <div hx-trigger="sse:tick" hx-get="/news"></div> -->
+</body>
+</html>
diff --git a/examples/ws_demo.html b/examples/ws_demo.html
@@ -0,0 +1,25 @@
+<!-- to be used with echo_ws -p 8085 -->
+<html>
+
+<head>
+  <script>
+
+    console.log('hello')
+
+    const ws = new WebSocket('ws://localhost:8085/echo');
+    ws.onmessage = (msg) => console.log(`received: ${msg}`);
+
+    let count = 0;
+    setInterval(() => {
+      const msg = `hello ${count++}`;
+      console.log(`send ${msg}`);
+      ws.send(msg);
+    }, 2000);
+  </script>
+</head>
+
+<body>
+  open console!
+</body>
+
+</html>