Changelog

Dashboard

• Liveblocks events are now visible in the dashboard.
  • New "Events" tab within a project.
  • Filter room events by type (e.g. userEntered, userLeft), exact roomId, and exact userId.
  • Select a date range (with available presets).
  • Click on an event to open the event details modal.
  • Navigate between events using the previous/next buttons without leaving the modal.
• On the room's detail page, click "View room events" at the top right to access the room events.
• Added a new date picker to the "Overview" and "Events" pages.
• Improved onboarding.
  • Making sure the default team name isn't too long and can be submitted.
  • Improved form submission performance by only calling the required API endpoints.

Misc

• Fixed broken link in one onboarding email.
• Internal refactorings to enable simpler setup for @liveblocks/react in the future.

Contributors

4 authors

Website

• New changelog section.

Documentation

• Completely rewritten API reference for @liveblocks/client.
• New components for showing arguments, returns, properties.
• Refreshed banner components.
• Add webhooks source IP addresses for receiving endpoints behind NAT or firewalls.
• Fixed a typo in query language rooms guide.

Dashboard

• The project quickstart connection status can now be dismissed.
• Improved copy to clarify the difference between production and development projects.
• Improved project overview banner copy for when Liveblocks hasn't yet been set up.

Infrastructure

• Made batch processing of webhook and other events more efficient at scale.

Contributors

5 authors

@liveblocks/react

• Add support for custom notification kinds.
• Add new useInboxNotificationThread hook to createLiveblocksContext, which can be used to retrieve threads within thread notifications for more flexibility.
• Add support for startsWith operator to useThreads when filtering based on metadata.

@liveblocks/react-comments

• Add support for custom notification kinds to the InboxNotification component via the kinds prop and the InboxNotification.Custom component.
• Add destructive color tokens. (--lb-destructive, --lb-destructive-foreground, and --lb-destructive-contrast)

@liveblocks/node

• Add triggerInboxNotification method that lets you trigger custom notification kinds.
• Enable filtering rooms by room ID in the getRooms method. This works via query.roomId, metadata is deprecated and is now query.metadata.
• Add support for our query language when filtering with the getRooms and getThreads methods.
• Add support for an alternative object-based query notation to the getRooms and getThreads methods, which supports exact matches and the startsWith operator.

@liveblocks/client

• Fixes a potential RangeError: Maximum call stack size exceeded in applications that produce many operations

@liveblocks/node

• Add missing updatedAt property to YDocUpdatedEvent type. (@alexlande)

create-liveblocks-app

• Add support for the updated Starter Kit.

@liveblocks/react-comments

• Fix the composer’s placeholder to appear instantly instead of being initially invisible.
• Fix the default composer’s actions not being disabled when the composer is.

@liveblocks/node

• Fix "process is undefined" issue in Vite builds. This issue was already fixed for @liveblocks/core, but not for @liveblocks/node yet.

DevTools

• Improve tree view to visualize Y.js documents and inspect Y.js awareness.

@liveblocks/node

• Add updateRoomId method that lets you update the room ID of the specified room.
• Add an optional guid parameter to sendYjsBinaryUpdate and getYjsDocumentAsBinaryUpdate to point to a Yjs subdocument with the specified guid.

@liveblocks/react

• Add scrollOnLoad option to useThreads: enabled by default, this option controls whether to scroll to a comment on load based on the URL hash.
• useUser and useRoomInfo no longer support returning nothing. Returning undefined will now be treated as an error.
• Fix bug where useUser and useRoomInfo returned an extra data superfluous property.
• Fix bug where customizing types on createLiveblocksContext would conflict with the provided Client.

@liveblocks/react-comments

• Add actions to InboxNotification with a single action for now: marking as read.
• Improve actions hover behavior in Comment/Thread.
• Change Comment background color when it’s linked to or being edited.

• Fix bundling issue in Vite projects, where process is not defined could happen

@liveblocks/react-comments

• Add support for Emoji v15.1 in emoji picker, along two additional locales: Bengali (bn) and Hindi (hi).
• Fix bug where the showRoomName prop on InboxNotification.Thread wasn’t applied to notifications about mentions.

@liveblocks/react

• Fix bug where removing metadata via useEditThreadMetadata would result in a brief flash of the old metadata after the metadata was removed optimistically.

@liveblocks/client

• Fix bug where calling .clone() immediately after creating a new LiveObject could throw an error