websocket-stream1 is not working anymore

[sivanovvv]

Hello, in our project we were using a bit older cockpit and we were using in our frontend applications websockets.
LIke this:
const query = window.btoa(JSON.stringify({
payload: 'websocket-stream1',
address: url.hostname,
port: parseInt(url.port, 10) || 80,
path: /${socketPath}
}))

everything was working good.

We decided to update our cockpit now all of our applications websockets are not working.
Saw commits from last year theat the old bridge is changed to python.

What are my alternatives now? Do I need to rewrite everything that use that kind of communication in our applications?

[jelly]

Can you provide more information, what errors do you get, from what Cockpit version did you upgrade?

We still run websocket unit tests and they pass on main.

[sivanovvv]

Hi, we were using few years old version, if I check the cokcpit version.
cockpit-bridge --version
Version: 1.5.2
Protocol: 1
Payloads: dbus-json3 http-stream1 http-stream2 stream fsread1
fsreplace1 fswatch1 fslist1 null echo websocket-stream1
Authorization: crypt1

Now with the new version that is the latest one here the error we got this error on the websocket:

I checked the code for the bridge in python in the current version actually the only places i found something regarding websocket-stream1 is the tests and the documentation.

additional info:
Our app is cockpit plugin and we are connecting to backend which is running in docker container web server and we connect to it through the websocket.

[jelly]

The not-supported message is interesting, it can come from cockpit-ws or cockpit-bridge. How do you exactly connect to the websocket?

[sivanovvv]

Here is how we use it:

const createWebsocket = async () => {
  const url = new URL(websocketURI.startsWith('/')
    ? window.location.host
    : websocketURI)

  const query = window.btoa(JSON.stringify({
    payload: 'websocket-stream1',
    address: url.hostname,
    port: parseInt(url.port, 10) || 80,
    path: `/${socketPath}`
  }))

  const loc = window.location.toString()
  const proto = (loc.indexOf('http:') === 0 && 'ws://') || 'wss://'

  await new Promise<void>((resolve) => { cockpit.transport.wait(() => { resolve() }) })

  return new WebSocket(`${proto}${window.location.host}/cockpit/channel/${cockpit.transport.csrf_token}?${query}`)
}

and the uri is like http://192.23.45.12:9898/something