diff --git a/examples/with-websocket-slim/.gitignore b/examples/with-websocket-slim/.gitignore
new file mode 100644
index 0000000..59ca762
--- /dev/null
+++ b/examples/with-websocket-slim/.gitignore
@@ -0,0 +1 @@
+/public/build
\ No newline at end of file
diff --git a/examples/with-websocket-slim/index.ts b/examples/with-websocket-slim/index.ts
new file mode 100644
index 0000000..f2c8275
--- /dev/null
+++ b/examples/with-websocket-slim/index.ts
@@ -0,0 +1,77 @@
+import { ws, delay } from 'msw'
+import { setupWorker } from 'msw/browser'
+
+const service = ws.link('wss://*')
+
+function formatMessage(username: string, message: string) {
+ return JSON.stringify({ username, message })
+}
+
+const worker = setupWorker(
+ service.on('connection', ({ client }) => {
+ client.addEventListener('message', async (event) => {
+ const { username, message } = JSON.parse(event.data)
+
+ // First, broadcast the client message to other clients.
+ service.broadcastExcept(client, formatMessage(username, message))
+
+ await delay()
+
+ // Then, respond to the message for everyone to see.
+ service.broadcast(formatMessage('msw-bot', `Welcome, ${username}!`))
+
+ setTimeout(() => {
+ service.broadcast(formatMessage('msw-bot', 'How are you?'))
+ }, 1500)
+ })
+ }),
+)
+
+await worker.start()
+
+// App.
+const chat = document.getElementById('chat') as HTMLOListElement
+const form = document.getElementById('chat-message') as HTMLFormElement
+
+const client = new WebSocket('wss://example.com')
+client.onerror = () => console.error('WebSocket client error')
+
+client.addEventListener('open', () => {
+ form.addEventListener('submit', (event) => {
+ event.preventDefault()
+
+ const data = new FormData(event.target as HTMLFormElement)
+ const username = data.get('username') as string
+ const message = data.get('message') as string
+ form.reset()
+
+ renderMessage(username, message)
+ client.send(formatMessage(username, message))
+ })
+})
+
+client.addEventListener('message', (event) => {
+ const { username, message } = JSON.parse(event.data)
+ renderMessage(username, message, 'incoming')
+})
+
+function renderMessage(
+ author: string,
+ text: string,
+ type: 'incoming' | 'outgoing' = 'outgoing',
+) {
+ const messageParent = document.createElement('li')
+
+ const authorText = document.createElement('strong')
+ authorText.textContent = author
+ authorText.classList.add('author')
+
+ const message = document.createElement('span')
+ message.textContent = text
+ message.classList.add('message', type)
+
+ messageParent.appendChild(authorText)
+ messageParent.appendChild(message)
+ chat.appendChild(messageParent)
+ chat.scrollTop = chat.scrollHeight
+}
diff --git a/examples/with-websocket-slim/package.json b/examples/with-websocket-slim/package.json
new file mode 100644
index 0000000..2ffe609
--- /dev/null
+++ b/examples/with-websocket-slim/package.json
@@ -0,0 +1,16 @@
+{
+ "type": "module",
+ "name": "with-websocket",
+ "scripts": {
+ "start": "tsx ./server.ts"
+ },
+ "dependencies": {
+ "@fastify/static": "^7.0.1",
+ "fastify": "^4.26.1",
+ "msw": "^2.2.0"
+ },
+ "devDependencies": {
+ "tsup": "^8.0.2",
+ "tsx": "^4.7.1"
+ }
+}
diff --git a/examples/with-websocket-slim/public/index.html b/examples/with-websocket-slim/public/index.html
new file mode 100644
index 0000000..613026d
--- /dev/null
+++ b/examples/with-websocket-slim/public/index.html
@@ -0,0 +1,20 @@
+
+
+
+ WebSocket + MSW Example
+
+
+
+
+
WebSocket Example
+
+
+
+
WebSocket + MSW
+
+
+
+