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, which is the channel lexxy-realtime's generator writes, adapted for public rooms. It also renders the document to HTML after each change. Every demo page has a panel that shows what Ruby reads from the saved document.

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.