GitLab Incubation Engineering, 21 Dec 2022

Previous Meeting Next Meeting

⏯

youtube image

►

From YouTube: An ActionCable based WebSocket Provider for Y.js

Description

Y.js comes with support for WebSockets and the Broadcast Channel API (https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API). Until now, we couldn't use that, but this npm package bridges the gap between Rails ActionCable and Y.js.

A

Hey folks and welcome to the last update for the year 2020.

A

um and I wanna I wanna start I want to finish the year with uh with something that is actually done and uh Therefore I may present the action cable websocket provider that has full support for ygs websocket for the ygs websocket provider format.

A

um This means in our rails application. We can just use this package to sync between two clients based on an existing websocket connection, and this is how it works. It has full cursor support. We can type on both ends.

A

It just works, ease of use was kind of important that it can we just plug and play on all the places in on all the places where we have editors that need support for that. I have a little example here to show how this is done.

A

uh One second, here's our editor, so we have a ygs document. We initialize our new provider. This is all we need. The graphql are the action cable channel that we use an arbitrary number of parameters that are just forwarded to that action: cable channel, um the already existing action, cable, consumer and um yeah- that's pretty much it. This is just tips, tip tip basic tip, tip configuration, um and we just put the provider here and that's pretty much it. So this allows us to use ygs with the tips of editors within our rails.

A

Action, cable, setup, cool, see you next year.