Changelog

create-liveblocks-app

• Add Comments hooks and options to --init command.

@liveblocks/client

• Export all CommentBody-related types.

@liveblocks/react-comments

• Improve default styles:
  • Cap CSS selector specificity to improve overridability.
  • Set tokens on .lb-root instead of :root to improve cascading tokens (overriding --lb-accent on body for example, didn't create the expected results), and to work within shadow DOMs.
• Fix reactions and links styles on Safari.

@liveblocks/react

• Fix userIds type in ResolveUsersArgs.

@liveblocks/react

• Fix a race condition that could cause a Liveblocks client to hang during loading when using Suspense.
• Fix useStatus return value on SSR responses.
• Breaking (beta): The resolveUser option in createRoomContext is now called resolveUsers and it receives a list of user IDs (via the userIds property, replacing userId) instead of a single one. Instead of returning user info of a single user ID, this function will now expect a list of users' info matching the provided list of user IDs.
• Breaking (beta): The ResolveUserOptions and ResolveMentionSuggestionsOptions types were renamed to ResolveUsersArgs and ResolveMentionSuggestionsArgs respectively.
• resolveUsers and resolveMentionSuggestions now accept synchronous functions.
• resolveUsers now also provides the current room ID.
• editThreadMetadata now correctly allows null to be set on a property. Doing so deletes existing metadata properties.

@liveblocks/react-comments

• Export ComposerSubmitComment type from root too, in addition to /primitives.
• Add onThreadDelete to Thread.
• Add metadata to Composer to attach custom metadata to new threads.
• Add support for specifying a custom ThreadMetadata type on Thread and Composer.
• Breaking (beta): Comment’s onEdit and onDelete were renamed to onEditComment and onDeleteComment respectively.

@liveblocks/react

• Fix createThread not creating valid comment.

@liveblocks/node

• Fix URL encoding bug

@liveblocks/react

• Fix removeReaction not removing reactions which led to reactions displaying a count of 0.

@liveblocks/react-comments

• Fix reactions list (and its add button) showing on all comments.
• Improve emoji rendering on Windows.
• Hide country flag emojis when unsupported. (e.g. on Windows)

@liveblocks/react

• Add new Comments hooks to add/remove reactions.
• Fix a bug in useOthers() that could lead to the warning "The result of getServerSnapshot should be cached to avoid an infinite loop"

@liveblocks/react-comments

• Add support for reactions. (👍)
• Add keyboard navigation to emoji picker.

@liveblocks/client

• Fix a bug where calculating the insertion position between two existing elements could happen incorrectly in a small edge case

@liveblocks/*

• #1177 Fix an issue with internal LiveList serialization that could lead to a "ghosting" bug with @liveblocks/zustand / @liveblocks/redux when using tuples.

@liveblocks/node

• Add comment reaction webhook events CommentReactionAdded and CommentReactionRemoved

DevTools

• New Yjs tab: visualize Yjs documents as a diagram, a tree, or as a list of operations, and inspect Awareness at the same time as Presence.
• New Events tab: inspect all custom Events a client receives in an event timeline, for easy testing/debugging.

@liveblocks/yjs

• Add support for the Liveblocks DevTools.

@liveblocks/client

• Broadcast event messages now include a user property to indicate the user that sent the event:

  room.subscribe("event", ({ event, user }) => {  //                              ^^^^ New!});

@liveblocks/react

• Broadcast event messages now include a user property to indicate the user that sent the event:

  useEventListener(({ event, user }) => {  //                       ^^^^ New!});
• Breaking (beta): Comments' hook useThreads now returns an object in its Suspense version. (const threads = useThreads() becomes const { threads } = useThreads())

@liveblocks/react-comments

• Breaking (beta): Comment’s indentBody and Thread’s indentCommentBody were renamed to indentContent and indentCommentContent respectively. Thread’s onResolveChange was renamed to onResolvedChange.
• Add emoji button in Composer.

@liveblocks/node

• Support using @liveblocks/node in Edge runtimes.

@liveblocks/client

• Support unstable_fallbackToHTTP client option when using any auth token type (previously it only worked when using single-room tokens, which we no longer recommend since 1.2)