minichat
Distributed real-time chat demo on Blueboat in 15 lines of JavaScript
APACHE-2.0 License
Stars
10
Ecosystems:
JavaScript
minichat
Distributed real-time chat demo on Blueboat in 15 lines of JavaScript,
The code
Router.get("/", () => new Response(`
<script>const roomId = new URL(location.href).searchParams.get("roomId") || "default";
new EventSource(\`/_blueboat/events?ns=chatroom&topic=\${encodeURIComponent(roomId)}\`)
.addEventListener("message", e => pre.textContent += e.data + "\\n");
const send = message => fetch('/broadcast', { method: 'POST', body: JSON.stringify({ roomId, message }) });
</script><input onkeyup="event.key=='Enter'&&send(this.value)"><pre id=pre>
`, { headers: { "content-type": "text/html" } }));
Router.post("/broadcast", async req => {
const { roomId, message } = await req.json();
await App.pubsub.chatroom.publish(roomId, message);
return new Response("ok");
});
App.pubsub.chatroom.authorizeClient(() => true);