Demos

Each demo syncs a different kind of Yjs document through the same Rails app. Five of them use one DocumentChannel. It saves every update with Y::Document, sends it to everyone in the room, and has no code for any particular demo. The Lexxy demo uses NoteChannel, a small subclass of lexxy-realtime's own channel for this site's public rooms. It creates each room's note when the first person joins, and the parent channel renders the note's body to HTML after each change. Every demo page has a panel that shows what Ruby reads from the saved state.

New to yrby? Start with the record-backed editor. It runs the quickstart code on a single record, with collaborative_document_tag and a CodeMirror editor.

Each demo opens in a new room with its own URL. Share the URL to edit together. Anyone with the link can edit the room. A room is deleted after 24 hours with no edits and nobody connected, so please don't paste anything private.

• Lexxy Y.XmlText Basecamp's Lexxy editor. After each change, the server renders the document to HTML and saves it to a record.
• Tiptap Y.XmlFragment Rich text with Tiptap's own collaboration extensions, including other people's cursors.
• Spreadsheet Y.Array of row Y.Maps Each cell is its own Y.Map, so edits to different cells merge. Each window sorts on its own.
• Whiteboard Y.Map of Y.Maps Sticky notes you can add, drag, and edit together.
• Kanban Y.Array of Y.Maps Moving a card changes one field, so two people can move different cards at the same time.
• Code Y.Text CodeMirror 6 with y-codemirror.next, including other people's cursors and selections.