New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

@liveblocks/react

Package Overview
Dependencies
Maintainers
2
Versions
461
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@liveblocks/react - npm Package Compare versions

Comparing version 0.1.2 to 0.1.3

6

lib/index.d.ts

@@ -9,5 +9,5 @@ import { Client, RecordData, Users, UserState, Record, InitialRootFactory, Room } from "@liveblocks/client";

export declare function useClient(): Client;
export declare function useMyPresence<T extends UserState>(roomId: string, initPresence: () => T): [T, (overrides: Partial<T>) => void];
export declare function useOthersPresence<T extends UserState>(roomId: string): Users<T>;
export declare function useStorage<TRoot extends RecordData>(roomId: string, initDocument: InitialRootFactory<TRoot>): [
export declare function useMyPresence<T extends UserState>(room: string, initPresence: () => T): [T, (overrides: Partial<T>) => void];
export declare function useOthersPresence<T extends UserState>(room: string): Users<T>;
export declare function useStorage<TRoot extends RecordData>(room: string, initDocument: InitialRootFactory<TRoot>): [
root: Record<TRoot> | null,

@@ -14,0 +14,0 @@ actions: {

@@ -17,6 +17,6 @@ Object.defineProperty(exports, '__esModule', { value: true });

}
function useMyPresence(roomId, initPresence) {
function useMyPresence(room, initPresence) {
var client = useClient();
var _a = React.useState(function () {
var existingPresence = client.getPresence(roomId);
var existingPresence = client.getPresence(room);
if (existingPresence != null) {

@@ -31,17 +31,17 @@ return existingPresence;

}
var existingPresence = client.getPresence(roomId);
var existingPresence = client.getPresence(room);
if (existingPresence == null) {
client.setPresence(roomId, initPresence());
client.setPresence(room, initPresence());
}
client.observeMyPresence(roomId, onMyPresenceChange);
client.observeMyPresence(room, onMyPresenceChange);
return function () {
client.unobserveMyPresence(roomId, onMyPresenceChange);
client.unobserveMyPresence(room, onMyPresenceChange);
};
}, [client, roomId]);
}, [client, room]);
var setPresence = React.useCallback(function (overrides) {
client.setPresence(roomId, overrides);
}, [roomId, client]);
client.setPresence(room, overrides);
}, [room, client]);
return [me, setPresence];
}
function useOthersPresence(roomId) {
function useOthersPresence(room) {
var client = useClient();

@@ -53,10 +53,10 @@ var _a = React.useState({}), others = _a[0], setOthers = _a[1];

}
client.observeOthersPresence(roomId, onOthersChange);
client.observeOthersPresence(room, onOthersChange);
return function () {
client.unobserveOthersPresence(roomId, onOthersChange);
client.unobserveOthersPresence(room, onOthersChange);
};
}, [client, roomId]);
}, [client, room]);
return others;
}
function useStorage(roomId, initDocument) {
function useStorage(room, initDocument) {
var client = useClient();

@@ -68,25 +68,25 @@ var _a = React.useState(null), root = _a[0], innerSetRoot = _a[1];

}
client.observeStorage(roomId, onRootChange, initDocument);
client.observeStorage(room, onRootChange, initDocument);
return function () {
client.unobserveStorage(roomId, onRootChange);
client.unobserveStorage(room, onRootChange);
};
}, [roomId]);
}, [room]);
var actions = React.useMemo(function () {
function createRecord(data) {
return client.createRecord(roomId, data);
return client.createRecord(room, data);
}
function updateRecord(record, overrides) {
return client.updateRecord(roomId, record, overrides);
return client.updateRecord(room, record, overrides);
}
function createList() {
return client.createList(roomId);
return client.createList(room);
}
function moveItem(list, index, targetIndex) {
return client.moveItem(roomId, list, index, targetIndex);
return client.moveItem(room, list, index, targetIndex);
}
function deleteItem(list, index) {
return client.deleteItem(roomId, list, index);
return client.deleteItem(room, list, index);
}
function pushItem(list, item) {
return client.pushItem(roomId, list, item);
return client.pushItem(room, list, item);
}

@@ -101,3 +101,3 @@ return {

};
}, [client, roomId]);
}, [client, room]);
return [root, actions];

@@ -104,0 +104,0 @@ }

{
"name": "@liveblocks/react",
"version": "0.1.2",
"version": "0.1.3",
"description": "",

@@ -15,3 +15,3 @@ "main": "./lib/index.js",

"peerDependencies": {
"@liveblocks/client": "0.1.0",
"@liveblocks/client": "0.1.3",
"react": "^16.14.0 || ^17.0"

@@ -18,0 +18,0 @@ },

Sorry, the diff of this file is not supported yet

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