←back to thread

Learn Yjs Interactively

(learn.yjs.dev)
309 points paulgb | 1 comments | | HN request time: 0.21s | source
Show context
adeptima ◴[] No.42734827[source]
Yjs is nice. Easy to get p2p results.

Yjs backend, its persistence, eventual conflict resolution (one of editors stayed too long offline), history rewind seems like a tough engineering challenge to crack.

Always wanted to have a nice experience with block editor like Platejs https://platejs.org/

There are nice attempts simplify dev experience with solutions like Liveblocks https://liveblocks.io/text-editor However most options come at the expense of controlling your data.

CRDT keyword search on HN bring consistently good results and interest in the topic, but no good options on open source backend side. Checked it many times in the past. Please correct me if I missed something.

https://hn.algolia.com/?dateRange=pastYear&page=0&prefix=tru...

Most people expectations it should work at least as in Google Docs or Notion, and on the dev side it should be store privately in Postgres JSONB like format without going deep into details.

replies(1): >>42734910 #
blixt ◴[] No.42734910[source]
I agree. In theory you need to just distribute serialized patches but in a real world backend scenario you may need to integrate with knowledge of current document state, user identity, and possibly even some level of access control.

I’ve wanted to use Y.js with a Go backend multiple times but gave up each time due to time constraints as it’s hard to find simple reference implementations.

I’ve been checking back over the years but it still seems hard to do this outside of Node.js.

replies(3): >>42735159 #>>42735191 #>>42753525 #
1. dtkav ◴[] No.42753525[source]
I'm working on an Obsidian plugin called Relay [0] that makes Obsidian real-time collaborative. Users can share specific subsets of their vault with different groups of people. Our goal is to make Obsidian suitable for corporate use.

We use y-sweet for real-time collaboration backends (thanks paulgb and team!) and handle authentication via Pocketbase. We host everything on fly.io.

I believe there's a lot of interesting space between "pure" local-first software and being a data serf to modern SaaS applications.

On the technical side, it makes sense to have most of your graph be server-managed but locally mirrored. We maintain a store of all user-accessible metadata on the user's device while keeping it up-to-date with SSE – similar to a simplified version of Replicache. Pocketbase makes this very convenient to work with. We modified Pocketbase to use h2c, enabling end-to-end HTTP/2 through fly's edge proxies. This allows us to serve numerous SSE connections for collections related to authentication, authorization, file sync, and other metadata.

We aim to keep all documents on the user's machine (following Obsidian's file-over-app principle). This means the Obsidian client needs to sync with files on disk that lack CRDT context when the codemirror editor is closed. We've developed novel solutions using a combination of diff-match-patch and a diff review tool that we surface to users in these scenarios.

One cool thing about using y-sweet's in your architecture (eg. separate collaboration backends), is that your customers could self-host the collaboration server, preventing you from accessing their data. This business-friendly version of partial-self-hosting (BYOC?) creates nicely aligned incentives for a more ethical kind of SaaS company -- you can build pretty much everything open source except the auth server, and then charge for authn/authz in order to fund development of the project, and the customer gets sovereignty over their data.

One interesting feature on fly.io is the `fly-replay` header, which enables dynamic request routing of websocket connections to machines [1]. This is not a redirect that the user can see, rather this allows the edge proxy to replay the connection to another host transparently to the user. Combined with fly.io's auto start/stop functionality [2], you can build something similar to jamsocket/plane with minimal code and some nice properties like controlling geographic placement and having a single URL for all document servers.

It is a super exciting space to build in right now. I'm grateful for yjs and to the jamsocket team for everything they've built (and open-sourced!).

[0] https://system3.md/relay [1] https://fly.io/docs/networking/dynamic-request-routing/ [2] https://fly.io/docs/launch/autostop-autostart/