@liveblocks/react
Advanced tools
Comparing version 0.1.2 to 0.1.3
@@ -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
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
0
12872