Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

y-websocket

Package Overview
Dependencies
Maintainers
1
Versions
59
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

y-websocket

Websockets provider for Yjs

  • 1.0.0-2
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
89K
decreased by-0.52%
Maintainers
1
Weekly downloads
 
Created
Source

Websocket Provider

The websocket provider implements a classical client server model. Clients connect to a single endpoint over websocket. The server distributes awareness information and document updates among clients.

The Websocket Provider is a solid choice if you want a central source that handles authentication and authorization. Websockets also send header information and cookies, so you can use existing authentication mechanisms with this server. I recommend that you slightly adapt the server in ./provider/websocket/server.js to your needs.

  • Supports cross-tab communication. When you open the same document in the same browser, changes on the document are exchanged via cross-tab communication (Broadcast Channel and localStorage as fallback).
  • Supports exange of awareness information (e.g. cursors)
Start a Websocket Server:
PORT=1234 node ./node_modules/yjs/provider/websocket/server.js

Websocket Server with Persistence

Persist document updates in a LevelDB database.

See [LevelDB Persistence](#LevelDB Persistence) for more info.

PORT=1234 YPERSISTENCE=./dbDir node ./node_modules/yjs/provider/websocket/server.js
Client Code:
import * as Y from 'yjs'
import { WebsocketProvider } from 'yjs/provider/websocket.js'

const provider = new WebsocketProvider('http://localhost:1234')

// open a websocket connection to http://localhost:1234/my-document-name
const sharedDocument = provider.get('my-document-name')

sharedDocument.on('status', event => {
  console.log(event.status) // logs "connected" or "disconnected"
})
Scaling

These are mere suggestions how you could scale your server environment.

Option 1: Websocket servers communicate with each other via a PubSub server. A room is represented by a PubSub channel. The downside of this approach is that the same shared document may be handled by many servers. But the upside is that this approach is fault tolerant, does not have a single point of failure, and is perfectly fit for route balancing.

Option 2: Sharding with consistent hashing. Each document is handled by a unique server. This patterns requires an entity, like etcd, that performs regular health checks and manages servers. Based on the list of available servers (which is managed by etcd) a proxy calculates which server is responsible for each requested document. The disadvantage of this approach is that it is that load distribution may not be fair. Still, this approach may be the preferred solution if you want to store the shared document in a database - e.g. for indexing.

Keywords

FAQs

Package last updated on 28 Apr 2019

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc