websocket client and cloudflare durable object websocket

[wighawag]

my worker:

app.get('/room/:name/websocket', (c) => {
			console.log({name: c.req.param().name});
			const room = getRoom(c, c.req.param().name);
			return room.fetch(c.req.url);
		});

my durable object

if (request.url.endsWith('/websocket')) {
			const upgradeHeader = request.headers.get('Upgrade');
			if (!upgradeHeader || upgradeHeader !== 'websocket') {
				return new Response('Durable Object expected Upgrade: websocket', {status: 426});
			}
			const webSocketPair = new WebSocketPair();
			const [client, server] = Object.values(webSocketPair);
			this.state.acceptWebSocket(server);

			return new Response(null, {
				status: 101,
				webSocket: client,
			});
}

my client

import {hc} from 'hono/client';

// client.ts
const client = hc('http://localhost:8787');

const socket = client.room['hello'].websocket.$ws({
	params: {name: 'test'},
});
socket.onopen = (w) => {
	socket.send('hello');
};
socket.onmessage = (ev) => {
	console.log(`from server: ${ev.data}`);
};

First there is a type error in the client on .websocket : Property 'websocket' does not exist on type 'never'.ts(2339)

then when I run this client, no error but the socket is in Connecting state

any idea what the hono client should be ?

[wighawag]

Ha nevermind, I was not passing the header from the worker to the durable object

[wighawag]

Oh but the type error is still a mistery