title: "Private Chat" page: chat compute.room_seed = "#now|replace:\"-\",\"\"|replace:\":\",\"\"|replace:\"T\",\"\"#-#session.id|truncate:8#"

Private Chat

Create a private room, copy the link, and test a shareable conversation powered by plain HTML files.

Create A Room

Every load generates a fresh room id from the current time and your session.

Next Room

#room_seed#

Open Private Room

Join A Room

Paste a room id or open the shared link in another browser window.

If you skip the name, messages are sent as Guest.

Active Room

#query.room#

Send A Message

Open the same room in two browsers. Sending updates your thread immediately, and the other browser can pull the latest messages with the refresh control.

Why This Demo Matters

Shareable Rooms

The room id lives in the URL query string, so you can copy and distribute the link without extra routing code.

Server Data

Messages are stored through w-action and fetched back with local: queries filtered by room.

Extensible Components

Each message is rendered through a reusable <what-chat-bubble> component so the source shows how to extend the framework cleanly.

Source Code

The room demo is three focused files:

Page site/demo/apps/chat.html — room flow, share link, message form

Partial site/partials/chat-room.html — room query, thread refresh, message loop

Component components/chat-bubble.html — reusable chat message UI