Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jamsocket/y-sweet
A realtime CRDT-based document store, backed by S3.
https://github.com/jamsocket/y-sweet
crdt multiplayer yjs
Last synced: 6 days ago
JSON representation
A realtime CRDT-based document store, backed by S3.
- Host: GitHub
- URL: https://github.com/jamsocket/y-sweet
- Owner: jamsocket
- License: other
- Created: 2023-07-17T14:44:25.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-13T19:48:09.000Z (12 days ago)
- Last Synced: 2024-12-15T21:02:43.062Z (10 days ago)
- Topics: crdt, multiplayer, yjs
- Language: Rust
- Homepage: https://docs.jamsocket.com/y-sweet
- Size: 2.12 MB
- Stars: 581
- Watchers: 7
- Forks: 31
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Y-Sweet: a realtime CRDT-based document store, backed by object storage
[](https://github.com/jamsocket/y-sweet)
[](https://discord.gg/N5sEpsuhh9)
**Y-Sweet** is an open-source document store and realtime sync backend, built on top of the [Yjs](https://github.com/yjs/yjs) CRDT library.
## Features
- Persists document data to S3-compatible storage, [like Figma](https://digest.browsertech.com/archive/browsertech-digest-figma-is-a-file-editor/).
- Scales horizontally with a [session backend](https://jamsocket.com/blog/session-backends) model.
- Deploys as a native Linux process.
- Provides document-level access control via client tokens.
- Written in Rust with a focus on stability and performance.
## Y-Sweet stack
The Y-Sweet server can be used by any Yjs app, or you can use our opinionated stack to integrate Yjs and Y-Sweet into a Next.js app.
- `create-y-sweet-app`, a command line tool to quickly create a Y-Sweet app.
- `@y-sweet/sdk`, a TypeScript library for interacting with `y-sweet-server` from your application backend.
- `@y-sweet/client`, a TypeScript library for syncing documents from a client to a Y-Sweet server.
- `@y-sweet/react`, a library of React hooks for connecting to a Y-Sweet server and manipulating Yjs docs.
- A [debugger](https://docs.jamsocket.com/y-sweet/features/debugger) for exploring Yjs document and presence state.
Y-Sweet is MIT-licensed, and was created by [Jamsocket](https://jamsocket.com).
## Getting started
The easiest way to start a Y-Sweet project is with the `create-y-sweet-app` command line tool:
```sh
npx create-y-sweet-app@latest
```
For more information, check out our [documentation](https://docs.jamsocket.com/y-sweet).
## Docs
- [API docs](https://docs.jamsocket.com/y-sweet)
- [TypeScript client](https://docs.jamsocket.com/y-sweet/reference/client)
- [React hooks](https://docs.jamsocket.com/y-sweet/reference/react)
- [Document management SDK](https://docs.jamsocket.com/y-sweet/reference/sdk)
- [Y-Sweet on Jamsocket (managed service) docs](https://docs.jamsocket.com/y-sweet/quickstart)
- [Self Hosting](https://github.com/jamsocket/y-sweet/blob/main/docs/running.md)
## Examples
Explore our [collaborative examples](https://github.com/jamsocket/y-sweet) to help you get started.
All examples are open source and live in this repository, within [/examples](https://github.com/jamsocket/y-sweet/tree/main/examples).
## Usage
Check the [vanilla js example](/examples/vanilla/) for more details.
### On the server
``` js
import { DocumentManager } from '@y-sweet/sdk';
// Pass in a CONNECTION_STRING, which you can get from a Y-Sweet service in the Jamsocket dashboard or from running npx y-sweet@latest serve locally
const manager = new DocumentManager(CONNECTION_STRING);
// create an endpoint that auths your user and returns a Y-Sweet client token
export async function POST(request) {
// in a production app, you'd want to authenticate the user
// and make sure they have access to the given doc
const body = await request.json();
const docId = body.docId;
const clientToken = await manager.getOrCreateDocAndToken(docId);
return Response.json(clientToken);
}
```
### On the client
``` js
import * as Y from 'yjs';
import { createYjsProvider } from '@y-sweet/client';
// Create the Yjs doc and link it to the Y-Sweet server:
const doc = new Y.Doc();
const docId = 'my-doc-id';
createYjsProvider(doc, docId, '/api/my-auth-endpoint');
// Now use the doc like a normal Yjs doc!
let mySharedMap = doc.getMap('thing');
mySharedMap.set("foo", 123);
// Update your UI based on `mySharedMap` changes like this, for example:
mySharedMap.observe((event) => {
event.keysChanged.forEach((key) => {
// do whatever you want based on the detected change:
yourUpdateFunction(key, mySharedMap.get(key));
});
});
```
## Packages
### Server
| Package Manager | Name | Version | Path |
| --- | ---- | ---- | ---- |
| npm | `y-sweet` | [](https://www.npmjs.com/package/y-sweet) | `js-pkg/server`
| crates.io | `y-sweet` | [](https://crates.io/crates/y-sweet) | `crates/y-sweet` |
| crates.io | `y-sweet-core` | [](https://crates.io/crates/y-sweet-core) | `crates/y-sweet-core` |
### Client
| Package Manager | Name | Version | Path |
| --- | ---- | ---- | ---- |
| npm | `@y-sweet/sdk` | [](https://www.npmjs.com/package/@y-sweet/sdk) | `js-pkg/sdk` |
| npm | `@y-sweet/client` | [](https://www.npmjs.com/package/@y-sweet/client) | `js-pkg/client` |
| npm | `@y-sweet/react` | [](https://www.npmjs.com/package/@y-sweet/react) | `js-pkg/react` |
| pypi | `y-sweet-sdk` | [](https://pypi.org/project/y-sweet-sdk/) | `python/y_sweet_sdk` |
## Hosted Y-Sweet on Jamsocket
You can run Y-Sweet on your own server, or you can run it on
[Jamsocket](https://jamsocket.com/y-sweet). Jamsocket is
purpose-built to scale up sync backends like Y-Sweet, and
allows you to bring your own storage.
You can try it out for free today by following our [quickstart](https://docs.jamsocket.com/y-sweet/quickstart) guide.