diff --git a/examples/server/public/simplechat.js b/examples/server/public/simplechat.js
new file mode 100644
index 000000000..d0cfb6f8e
--- /dev/null
+++ b/examples/server/public/simplechat.js
@@ -0,0 +1,35 @@
+// @ts-check
+
+class SimpleChat {
+
+    constructor() {
+        this.xchat = /** @type {{role: string, content: string}[]} */([]);
+    }
+
+    /**
+     * Add an entry into xchat
+     * @param {string} role
+     * @param {string} content
+     */
+    add(role, content) {
+        this.xchat.push( {role: role, content: content} );
+    }
+
+    /**
+     * Show the contents in the specified div
+     * @param {HTMLDivElement} div 
+     * @param {boolean} bClear 
+     */
+    show(div, bClear=true) {
+        if (bClear) {
+            div.replaceChildren();
+        }
+        for(const x of this.xchat) {
+            let entry = document.createElement("p");
+            entry.innerText = `${x.role}: ${x.content}`;
+            div.appendChild(entry);
+        }
+    }
+
+}
+