Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@liveblocks/react-ui

Package Overview
Dependencies
Maintainers
3
Versions
83
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@liveblocks/react-ui - npm Package Versions

1
79

2.0.3

Diff

Changelog

Source

v2.0.3

@liveblocks/client

  • In client.enterRoom(), the options initialPresence and initialStorage are now only mandatory if your custom type requires them to be.

@liveblocks/react

  • In <RoomProvider>, the props initialPresence and initialStorage are now only mandatory if your custom type requires them to be.
  • Nesting <LiveblocksProvider>s will now throw to prevent incorrect usage.

@liveblocks/react-ui

  • Prevent the composer from splitting text being composed.
  • Handle parentheses around and within auto links.
  • Count whitespace as empty to prevent posting empty comments.
  • Prevent clearing the composer if it's not handled. (via onComposerSubmit)

@liveblocks/yjs

  • Add missing type exports
guillaumesalles
published 2.0.3-test2 •

guillaumesalles
published 2.0.3-test1 •

guillaumesalles
published 2.0.2 •

Changelog

Source

v2.0.2

@liveblocks/node

  • Add deleteThread method to the client to delete a room's thread.
  • Add the threadDeleted webhook event to notify when a thread is deleted.
  • Fix type signatures of client.identifyUser() and client.prepareSession() to require userInfo if it's mandatory according to your global UserMeta type definition.
guillaumesalles
published 2.0.0 •

Changelog

Source

v2.0.0

This major release marks the maturity of Liveblocks. It contains new products (@liveblocks/react-lexical) and clarifications (e.g. @liveblocks/react-comments is now called @liveblocks/react-ui).

Also, we bring major DX improvements by allowing you to specify your types globally now. These types will be typed once and shared across all Liveblocks APIs, which includes your Node backend.

// ❌ Before
export const {
  suspense: {
    RoomProvider,
    useRoom,
    // etc
  },
} = createRoomContext<Presence, Storage>(client);

// ✅ After
declare global {
  interface Liveblocks {
    Presence: Presence;
    Storage: Storage;
  }
}

In @liveblocks/react, you can now import hooks directly:

// ❌ Before: get hooks exported from your Liveblocks config
import { RoomProvider, useRoom, ... } from "./liveblocks.config";

// ✅ After: import hooks directly
import { RoomProvider, useRoom, ... } from "@liveblocks/react";
import { RoomProvider, useRoom, ... } from "@liveblocks/react/suspense";
// ❌ Before
const client = createClient(/* options */);

// ✅ After
<LiveblocksProvider /* options */>
  <App />
</LiveblocksProvider>

For full upgrade instructions and codemods, see the 2.0 upgrade guide.

create-liveblocks-app

  • Update config generation for Liveblocks 2.0.
  • Add --upgrade flag to automatically update all Liveblocks package to their latest version.

@liveblocks/client

  • DX improvements: type once, globally, benefit everywhere

@liveblocks/react

  • DX improvement: import hooks directly
  • DX improvement: <ClientSideSuspense> no longer needs a function as its children
  • New provider: LiveblocksProvider (replaces the need for createClient)
  • New hook: useClient
  • Tweak useMutation error message to be less confusing.
  • Allow thread and activity metadata types to contain undefined values.

@liveblocks/react-ui

  • Rename from @liveblocks/react-comments.
  • Rename <CommentsConfig /> to <LiveblocksUIConfig />.
  • Improve InboxNotification props types.

@liveblocks/react-lexical

  • Initial release.

@liveblocks/node-lexical

  • Initial release.

@liveblocks/yjs

  • LiveblocksProvider is no longer a default export, it’s now import { LiveblocksYjsProvider } from "@liveblocks/yjs".

@liveblocks/node

  • DX improvements: all Node client methods will pick up the same global types you’re using in your frontend
  • Rename RoomInfo to RoomData.
  • The webhook event NotificationEvent’s type can represent multiple kinds of notifications. ("thread", "textMention", and custom ones (e.g. "$myNotification"))

@liveblocks/codemod

  • Initial release.
guillaumesalles
published 2.0.0-alpha5 •

guillaumesalles
published 2.0.0-alpha4 •

guillaumesalles
published 2.0.0-alpha3 •

guillaumesalles
published 2.0.0-alpha2 •

guillaumesalles
published 2.0.0-alpha1 •

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc