examples/web: Remove browser-stdout dependency

Author: simnalamburt

examples/web/package.json

@@ -3,7 +3,6 @@
     "start": "concurrently 'rsbuild dev' 'websockify 80 irc.libera.chat 6697'"
   },
   "dependencies": {
-    "browser-stdout": "^1.3.1",
     "slate-irc": "workspace:*",
     "websocket-stream": "^5.5.2",
     "websockify": "workspace:*"

examples/web/src/index.js

@@ -1,17 +1,34 @@
-import BrowserStdout from 'browser-stdout'
+import { Writable } from 'node:stream'
+
 import irc from 'slate-irc'
 import websocket from 'websocket-stream'
 
-const stream = new websocket('ws://localhost', 'binary')
-stream.on('error', (error) => {
+document.head.insertAdjacentHTML(
+  'beforeend',
+  `<style>
+    #root {
+      white-space: pre;
+      font-family: monospace;
+    }
+  </style>`,
+)
+
+const root = document.getElementById('root')
+
+const browser = new Writable({
+  write(chunk, _encoding, callback) {
+    root.textContent += chunk.toString()
+    callback()
+  },
+})
+
+const ws = new websocket('ws://localhost', 'binary')
+ws.on('error', (error) => {
   throw error
 })
 
-const client = irc(stream)
-client.use((irc) => irc.stream.pipe(BrowserStdout())) // Pipe to browser log.
+const client = irc(ws)
+client.use((irc) => irc.stream.pipe(browser))
 client.pass('pass')
 client.nick(`slate-${(Math.random() * 100000) | 0}`)
 client.user('tobi', 'Tobi Ferret')
-
-const root = document.getElementById('root')
-root.textContent = 'Open your console and see the irc log!'