We've added version history and a new data type for uploading files to Liveblocks Storage, public & private comment threads, and a new AI Slideshow Generator example.
Join thousands of companies using Liveblocks to build multiplayer experiences for people and agents.
This July, we’ve added improvements to Storage and Comments.
To use the latest features, update your packages with the following command.
If you were previously on Liveblocks 3.17 or below, make sure to follow our upgrade guides before updating.
Liveblocks Storage now supports version history, enabling users to browse previous snapshots of a room’s data, preview earlier states, and restore any version when needed. You can easily create a version history dialog box in your application, for example in this flowchart.
Restoring an old history version in our Collaborative Flowchart AI example
Versions can be created automatically via a setting on the dashboard, or
manually on the server with
createVersionHistorySnapshot()—each
snapshot includes timestamps and contributor information.
useHistoryVersions
returns a list of versions for a room, and our
version history components
make it easy to display a polished version UI.
Before restoring, you can preview or diff a version with
useHistoryVersionStorageData,
which returns that version’s Storage as a read-only LiveObject.
With
useRestoreToStorageVersion,
you can restore a version to the room’s Storage, applied as a single undoable
change.
To learn more, read our guide on adding version history to your app.
Learn more
We’ve released LiveFile, a
new data structure for storing files in a room’s Storage tree. Users can upload
files directly to their collaborative document, no third-party upload service
required, and everyone in the room will see them appear live.
Uploading an image in our Tldraw Whiteboard example.
All file types are supported, including images, videos, and PDFs. To find code
snippets, and learn more, read the dedicated blog post on LiveFile.
Learn more
You can now control who can see and reply to comment threads, enabling
internal-only notes and private review workflows. Comment threads now have a
visibility property—each thread is public by default, and can be made private
when created.
Creating a private comment in our Private Commenting example.
To learn more, read our recent blog post on private comment threads.
Learn more
We’ve added a new AI Slideshow Generator example, highlighting a number of different ways you can use Liveblocks in your own application.
.pptx files, ready for presentation.Inside the example, chat messages are stored in feeds, and update in realtime for all users. Feeds APIs allow you to stream in answers, create new chats, and list all existing chats within the UI.
Each slide is stored as HTML inside Yjs, and a collaborative CodeMirror editor is used to edit the HTML code. Drag-and-drop edits modify the HTML code behind each slide.
The comment pins use our default components and hooks for commenting. Each thread holds x/y coordinates in thread metadata, which are used to position the comment pin.
You can find the new AI slideshow example in our gallery.
View the example
uploadAttachment() to @liveblocks/node to upload comment
attachments, combined with attachmentIds params in createThread(),
createComment(), and editComment().@liveblocks/node and the Python SDK to list
room versions, create a version snapshot, and delete a version.useDeleteHistoryVersion() to permanently delete a room version.type and kind fields from the HistoryVersion type in
@liveblocks/client—the backend no longer returns these.useHistoryVersionYjsData() hook to retrieve raw Yjs binary data for a
given version, deprecating useHistoryVersionData() in its favor.Composer in @liveblocks/react-ui from collapsing after focusing
and blurring unless it was explicitly meant to support a collapsed state.visibility prop to Composer in @liveblocks/react-ui.To use these latest features, update your packages with:
Contributors include:
6 authors