Websocket needs to open on the server side

[jcalfee]

I see the client trying to connect, but the websocket is not trying to start on the server.

I hoped to see this: console.log('ws createWebSocketServer')
Do you see anything missing?

XyzStore.js

import { createServerData$ } from "solid-start/server"
import {createEffect, onCleanup} from "solid-js"
import { createWebSocketServer } from "solid-start/websocket"
import server$ from "solid-start/server"

const websocket = createWebSocketServer(
  server$(function (ws) {
    console.log('ws createWebSocketServer')
    ws.addEventListener("message", async msg => {
      try {
        console.log('ws message', msg)
        ws.send('pong')
      } catch (err) {
        console.error('ws Internal error processing websocket request', err)
        ws.send(err.hint ?? 'Internal error processing websocket request')
      }
    })
    // ws.addEventListener("close",
    // ws.addEventListener("error",
  })
)
export function Watch() {
  createEffect(() => {
    const ws = websocket.connect()
    console.log('ws', 'connect', ws)
    ws.addEventListener('message', event => {
      console.log('ws message', event)
    })
    console.log('ws send "ping" (every 10s)')
    const i = setInterval(() => {ws.send('ping')}, 10e3)
    onCleanup(() => {
      console.log('ws', 'close')
      clearInterval(i)
      ws.close()
    })
  })
  return <div>watch</div>
}

[route].tsx

export default function(props) {
  return <Watch/>
}

entry-server.tsx

import {
  StartServer,
  createHandler,
  renderAsync,
} from "solid-start/entry-server"
import ws from 'solid-start/websocket/handler'
import {createDurableObject} from "solid-start/durable-object"
export const DO_WEBSOCKET = createDurableObject(ws)

export default createHandler(
  renderAsync((event) => <StartServer event={event} />)
)

vite.config.js

export default {
  plugins: [
    solid({
      ssr: 'streaming',
      // ssr: true
      experimental: {
        websocket: true
      }
    })
   //...
}