@liveblocks/react 0.12.0-beta.1 → 0.12.0-beta.10

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-import { Client, Others, Presence, LiveRecord, LiveList, RecordData, User } from "@liveblocks/client";
+import { Client, Others, Presence, LiveObject, LiveMap, User, LiveList } from "@liveblocks/client";
 import * as React from "react";
 declare type LiveblocksProviderProps = {
     children: React.ReactNode;
@@ -125,9 +125,10 @@ export declare function useEventListener<TEvent>(callback: ({ connectionId, even
  * const user = useSelf();
  */
 export declare function useSelf<TPresence extends Presence = Presence>(): User<TPresence> | null;
-export declare function useStorage<TRoot extends RecordData>(): [
-    root: LiveRecord<TRoot> | null
+export declare function useStorage<TRoot extends Record<string, any>>(): [
+    root: LiveObject<TRoot> | null
 ];
-export declare function useRecord<TData>(record: LiveRecord<TData>): TData;
-export declare function useList<T extends LiveRecord>(list: LiveList<T>): T[];
+export declare function useMap<TKey extends string, TValue>(key: string): LiveMap<TKey, TValue> | null;
+export declare function useList<TValue>(key: string): LiveList<TValue> | null;
+export declare function useObject<TData>(key: string): LiveObject<TData> | null;
 export {};

package/lib/index.js

@@ -1,5 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var client = require('@liveblocks/client');
 var React = require('react');
 
 /*! *****************************************************************************
@@ -17,17 +18,6 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-var __assign = function() {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-
 function __awaiter(thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -310,31 +300,77 @@ function useStorage() {
     }, [room]);
     return [root];
 }
-function useRecord(record) {
-    var _a = React.useState(record.toObject()), data = _a[0], setData = _a[1];
+function useMap(key) {
+    var _a;
+    var root = useStorage()[0];
+    var _b = React.useState(0), setCount = _b[1];
     React.useEffect(function () {
+        if (root == null) {
+            return;
+        }
+        var map = root.get(key);
+        if (map == null) {
+            map = new client.LiveMap();
+            root.set(key, map);
+        }
         function onChange() {
-            setData(__assign({}, record.toObject()));
+            setCount(function (x) { return x + 1; });
         }
-        record.subscribe(onChange);
+        map.subscribe(onChange);
+        setCount(function (x) { return x + 1; });
         return function () {
-            record.unsubscribe(onChange);
+            return map.unsubscribe(onChange);
         };
-    }, [record]);
-    return data;
+    }, [root]);
+    return (_a = root === null || root === void 0 ? void 0 : root.get(key)) !== null && _a !== void 0 ? _a : null;
 }
-function useList(list) {
-    var _a = React.useState(list.toArray()), items = _a[0], setItems = _a[1];
+function useList(key) {
+    var _a;
+    var root = useStorage()[0];
+    var _b = React.useState(0), setCount = _b[1];
     React.useEffect(function () {
+        if (root == null) {
+            return;
+        }
+        var list = root.get(key);
+        if (list == null) {
+            list = new client.LiveList();
+            root.set(key, list);
+        }
         function onChange() {
-            setItems(list.toArray());
+            setCount(function (x) { return x + 1; });
         }
         list.subscribe(onChange);
+        setCount(function (x) { return x + 1; });
+        return function () {
+            return list.unsubscribe(onChange);
+        };
+    }, [root]);
+    return (_a = root === null || root === void 0 ? void 0 : root.get(key)) !== null && _a !== void 0 ? _a : null;
+}
+function useObject(key) {
+    var _a;
+    var root = useStorage()[0];
+    var _b = React.useState(0), setCount = _b[1];
+    React.useEffect(function () {
+        if (root == null) {
+            return;
+        }
+        var obj = root.get(key);
+        if (obj == null) {
+            obj = new client.LiveObject();
+            root.set(key, obj);
+        }
+        function onChange() {
+            setCount(function (x) { return x + 1; });
+        }
+        obj.subscribe(onChange);
+        setCount(function (x) { return x + 1; });
         return function () {
-            list.unsubscribe(onChange);
+            return obj.unsubscribe(onChange);
         };
-    }, [list]);
-    return items;
+    }, [root]);
+    return (_a = root === null || root === void 0 ? void 0 : root.get(key)) !== null && _a !== void 0 ? _a : null;
 }
 
 exports.LiveblocksProvider = LiveblocksProvider;
@@ -343,9 +379,10 @@ exports.useBroadcastEvent = useBroadcastEvent;
 exports.useErrorListener = useErrorListener;
 exports.useEventListener = useEventListener;
 exports.useList = useList;
+exports.useMap = useMap;
 exports.useMyPresence = useMyPresence;
+exports.useObject = useObject;
 exports.useOthers = useOthers;
-exports.useRecord = useRecord;
 exports.useSelf = useSelf;
 exports.useStorage = useStorage;
 exports.useUpdateMyPresence = useUpdateMyPresence;

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import {\n  Client,\n  Others,\n  Presence,\n  LiveRecord,\n  LiveList,\n  RecordData,\n  Room,\n  User,\n} from \"@liveblocks/client\";\nimport * as React from \"react\";\n\ntype LiveblocksProviderProps = {\n  children: React.ReactNode;\n  client: Client;\n};\n\nconst ClientContext = React.createContext<Client | null>(null);\nconst RoomContext = React.createContext<Room | null>(null);\n\n/**\n * Makes the Liveblocks client available in the component hierarchy below.\n */\nexport function LiveblocksProvider(props: LiveblocksProviderProps) {\n  return (\n    <ClientContext.Provider value={props.client}>\n      {props.children}\n    </ClientContext.Provider>\n  );\n}\n\n/**\n * Returns the client of the nearest LiveblocksProvider above in the react component tree\n */\nfunction useClient(): Client {\n  const client = React.useContext(ClientContext);\n  if (client == null) {\n    throw new Error(\"LiveblocksProvider is missing from the react tree\");\n  }\n\n  return client;\n}\n\ntype RoomProviderProps<TStorageRoot> = {\n  /**\n   * The id of the room you want to connect to\n   */\n  id: string;\n  /**\n   * A callback that let you initialize the default presence when entering the room.\n   * If ommited, the default presence will be an empty object\n   */\n  defaultPresence?: () => Presence;\n\n  defaultStorageRoot?: TStorageRoot;\n\n  children: React.ReactNode;\n};\n\n/**\n * Makes a Room available in the component hierarchy below.\n * When this component is unmounted, the current user leave the room.\n * That means that you can't have 2 RoomProvider with the same room id in your react tree.\n */\nexport function RoomProvider<TStorageRoot>({\n  id,\n  children,\n  defaultPresence,\n  defaultStorageRoot,\n}: RoomProviderProps<TStorageRoot>) {\n  const client = useClient();\n\n  React.useEffect(() => {\n    return () => {\n      client.leave(id);\n    };\n  }, [client, id]);\n\n  const room =\n    client.getRoom(id) ||\n    client.enter(id, {\n      defaultPresence: defaultPresence ? defaultPresence() : undefined,\n      defaultStorageRoot,\n    });\n\n  return <RoomContext.Provider value={room}>{children}</RoomContext.Provider>;\n}\n\n/**\n * Returns the room of the nearest RoomProvider above in the react component tree\n */\nfunction useRoom() {\n  const room = React.useContext(RoomContext);\n\n  if (room == null) {\n    throw new Error(\"RoomProvider is missing from the react tree\");\n  }\n\n  return room;\n}\n\n/**\n * Returns the presence of the current user of the current room, and a function to update it.\n * It is different from the setState function returned by the useState hook from React.\n * You don't need to pass the full presence object to update it.\n *\n * @example\n * import { useMyPresence } from \"@liveblocks/react\";\n *\n * const [myPresence, updateMyPresence] = useMyPresence();\n * updateMyPresence({ x: 0 });\n * updateMyPresence({ y: 0 });\n *\n * // At the next render, \"myPresence\" will be equal to \"{ x: 0, y: 0 }\"\n */\nexport function useMyPresence<T extends Presence>(): [\n  T,\n  (overrides: Partial<T>) => void\n] {\n  const room = useRoom();\n  const presence = room.getPresence<T>();\n  const [, update] = React.useState(0);\n\n  React.useEffect(() => {\n    function onMyPresenceChange() {\n      update((x) => x + 1);\n    }\n\n    room.subscribe(\"my-presence\", onMyPresenceChange);\n\n    return () => {\n      room.unsubscribe(\"my-presence\", onMyPresenceChange);\n    };\n  }, [room]);\n\n  const setPresence = React.useCallback(\n    (overrides: Partial<T>) => room.updatePresence(overrides),\n    [room]\n  );\n\n  return [presence, setPresence];\n}\n\n/**\n * useUpdateMyPresence is similar to useMyPresence but it only returns the function to update the current user presence.\n * If you don't use the current user presence in your component, but you need to update it (e.g. live cursor), it's better to use useUpdateMyPresence to avoid unnecessary renders.\n *\n * @example\n * import { useUpdateMyPresence } from \"@liveblocks/react\";\n *\n * const updateMyPresence = useUpdateMyPresence();\n * updateMyPresence({ x: 0 });\n * updateMyPresence({ y: 0 });\n *\n * // At the next render, the presence of the current user will be equal to \"{ x: 0, y: 0 }\"\n */\nexport function useUpdateMyPresence<T extends Presence>(): (\n  overrides: Partial<T>\n) => void {\n  const room = useRoom();\n\n  return React.useCallback(\n    (overrides: Partial<T>) => {\n      room.updatePresence(overrides);\n    },\n    [room]\n  );\n}\n\n/**\n * Returns an object that lets you get information about all the the users currently connected in the room.\n *\n * @example\n * import { useOthers } from \"@liveblocks/react\";\n *\n * const others = useOthers();\n *\n * // Example to map all cursors in jsx\n * {\n *   others.map(({ connectionId, presence }) => {\n *     if(presence == null || presence.cursor == null) {\n *       return null;\n *     }\n *     return <Cursor key={connectionId} cursor={presence.cursor} />\n *   })\n * }\n */\nexport function useOthers<T extends Presence>(): Others<T> {\n  const room = useRoom();\n\n  const [, update] = React.useState(0);\n\n  React.useEffect(() => {\n    function onOthersChange() {\n      update((x) => x + 1);\n    }\n\n    room.subscribe(\"others\", onOthersChange);\n\n    return () => {\n      room.subscribe(\"others\", onOthersChange);\n    };\n  }, [room]);\n\n  return room.getOthers();\n}\n\n/**\n * Returns a callback that lets you broadcast custom events to other users in the room\n *\n * @example\n * import { useBroadcastEvent } from \"@liveblocks/react\";\n *\n * const broadcast = useBroadcastEvent();\n *\n * broadcast({ type: \"CUSTOM_EVENT\", data: { x: 0, y: 0 } });\n */\nexport function useBroadcastEvent() {\n  const room = useRoom();\n\n  return React.useCallback(\n    (event: any) => {\n      room.broadcastEvent(event);\n    },\n    [room]\n  );\n}\n\n/**\n * useErrorListener is a react hook that lets you react to potential room connection errors.\n *\n * @example\n * import { useErrorListener } from \"@liveblocks/react\";\n *\n * useErrorListener(er => {\n *   console.error(er);\n * })\n */\nexport function useErrorListener(callback: (er: Error) => void) {\n  const room = useRoom();\n  const savedCallback = React.useRef(callback);\n\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  });\n\n  React.useEffect(() => {\n    const listener = (e: Error) => savedCallback.current(e);\n\n    room.subscribe(\"error\", listener);\n\n    return () => {\n      room.unsubscribe(\"error\", listener);\n    };\n  }, [room]);\n}\n\n/**\n * useEventListener is a react hook that lets you react to event broadcasted by other users in the room.\n *\n * @example\n * import { useEventListener } from \"@liveblocks/react\";\n *\n * useEventListener(({ connectionId, event }) => {\n *   if (event.type === \"CUSTOM_EVENT\") {\n *     // Do something\n *   }\n * });\n */\nexport function useEventListener<TEvent>(\n  callback: ({\n    connectionId,\n    event,\n  }: {\n    connectionId: number;\n    event: TEvent;\n  }) => void\n) {\n  const room = useRoom();\n  const savedCallback = React.useRef(callback);\n\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  });\n\n  React.useEffect(() => {\n    const listener = (e: { connectionId: number; event: TEvent }) =>\n      savedCallback.current(e);\n\n    room.subscribe(\"event\", listener);\n\n    return () => {\n      room.unsubscribe(\"event\", listener);\n    };\n  }, [room]);\n}\n\n/**\n * Gets the current user once it is connected to the room.\n *\n * @example\n * import { useSelf } from \"@liveblocks/react\";\n *\n * const user = useSelf();\n */\nexport function useSelf<\n  TPresence extends Presence = Presence\n>(): User<TPresence> | null {\n  const room = useRoom();\n  const [, update] = React.useState(0);\n\n  React.useEffect(() => {\n    function onChange() {\n      update((x) => x + 1);\n    }\n\n    room.subscribe(\"my-presence\", onChange);\n    room.subscribe(\"connection\", onChange);\n\n    return () => {\n      room.unsubscribe(\"my-presence\", onChange);\n      room.unsubscribe(\"connection\", onChange);\n    };\n  }, [room]);\n\n  return room.getSelf<TPresence>();\n}\n\nexport function useStorage<TRoot extends RecordData>(): [\n  root: LiveRecord<TRoot> | null\n] {\n  const room = useRoom();\n  const [root, setState] = React.useState<LiveRecord<TRoot> | null>(null);\n\n  React.useEffect(() => {\n    async function fetchStorage() {\n      const storage = await room.getStorage<TRoot>();\n      setState(storage.root);\n    }\n\n    fetchStorage();\n\n    return () => {};\n  }, [room]);\n\n  return [root];\n}\n\nexport function useRecord<TData>(record: LiveRecord<TData>) {\n  const [data, setData] = React.useState<TData>(record.toObject());\n\n  React.useEffect(() => {\n    function onChange() {\n      setData({ ...record.toObject() });\n    }\n\n    record.subscribe(onChange);\n\n    return () => {\n      record.unsubscribe(onChange);\n    };\n  }, [record]);\n\n  return data;\n}\n\nexport function useList<T extends LiveRecord>(list: LiveList<T>) {\n  const [items, setItems] = React.useState<T[]>(list.toArray());\n\n  React.useEffect(() => {\n    function onChange() {\n      setItems(list.toArray());\n    }\n\n    list.subscribe(onChange);\n\n    return () => {\n      list.unsubscribe(onChange);\n    };\n  }, [list]);\n\n  return items;\n}\n"],"names":["React.createContext","React.createElement","React.useContext","React.useEffect","React.useState","React.useCallback","React.useRef"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../src/index.tsx"],"sourcesContent":["import {\n  Client,\n  Others,\n  Presence,\n  LiveObject,\n  LiveMap,\n  Room,\n  User,\n  LiveList,\n} from \"@liveblocks/client\";\nimport * as React from \"react\";\n\ntype LiveblocksProviderProps = {\n  children: React.ReactNode;\n  client: Client;\n};\n\nconst ClientContext = React.createContext<Client | null>(null);\nconst RoomContext = React.createContext<Room | null>(null);\n\n/**\n * Makes the Liveblocks client available in the component hierarchy below.\n */\nexport function LiveblocksProvider(props: LiveblocksProviderProps) {\n  return (\n    <ClientContext.Provider value={props.client}>\n      {props.children}\n    </ClientContext.Provider>\n  );\n}\n\n/**\n * Returns the client of the nearest LiveblocksProvider above in the react component tree\n */\nfunction useClient(): Client {\n  const client = React.useContext(ClientContext);\n  if (client == null) {\n    throw new Error(\"LiveblocksProvider is missing from the react tree\");\n  }\n\n  return client;\n}\n\ntype RoomProviderProps<TStorageRoot> = {\n  /**\n   * The id of the room you want to connect to\n   */\n  id: string;\n  /**\n   * A callback that let you initialize the default presence when entering the room.\n   * If ommited, the default presence will be an empty object\n   */\n  defaultPresence?: () => Presence;\n\n  defaultStorageRoot?: TStorageRoot;\n\n  children: React.ReactNode;\n};\n\n/**\n * Makes a Room available in the component hierarchy below.\n * When this component is unmounted, the current user leave the room.\n * That means that you can't have 2 RoomProvider with the same room id in your react tree.\n */\nexport function RoomProvider<TStorageRoot>({\n  id,\n  children,\n  defaultPresence,\n  defaultStorageRoot,\n}: RoomProviderProps<TStorageRoot>) {\n  const client = useClient();\n\n  React.useEffect(() => {\n    return () => {\n      client.leave(id);\n    };\n  }, [client, id]);\n\n  const room =\n    client.getRoom(id) ||\n    client.enter(id, {\n      defaultPresence: defaultPresence ? defaultPresence() : undefined,\n      defaultStorageRoot,\n    });\n\n  return <RoomContext.Provider value={room}>{children}</RoomContext.Provider>;\n}\n\n/**\n * Returns the room of the nearest RoomProvider above in the react component tree\n */\nfunction useRoom() {\n  const room = React.useContext(RoomContext);\n\n  if (room == null) {\n    throw new Error(\"RoomProvider is missing from the react tree\");\n  }\n\n  return room;\n}\n\n/**\n * Returns the presence of the current user of the current room, and a function to update it.\n * It is different from the setState function returned by the useState hook from React.\n * You don't need to pass the full presence object to update it.\n *\n * @example\n * import { useMyPresence } from \"@liveblocks/react\";\n *\n * const [myPresence, updateMyPresence] = useMyPresence();\n * updateMyPresence({ x: 0 });\n * updateMyPresence({ y: 0 });\n *\n * // At the next render, \"myPresence\" will be equal to \"{ x: 0, y: 0 }\"\n */\nexport function useMyPresence<T extends Presence>(): [\n  T,\n  (overrides: Partial<T>) => void\n] {\n  const room = useRoom();\n  const presence = room.getPresence<T>();\n  const [, update] = React.useState(0);\n\n  React.useEffect(() => {\n    function onMyPresenceChange() {\n      update((x) => x + 1);\n    }\n\n    room.subscribe(\"my-presence\", onMyPresenceChange);\n\n    return () => {\n      room.unsubscribe(\"my-presence\", onMyPresenceChange);\n    };\n  }, [room]);\n\n  const setPresence = React.useCallback(\n    (overrides: Partial<T>) => room.updatePresence(overrides),\n    [room]\n  );\n\n  return [presence, setPresence];\n}\n\n/**\n * useUpdateMyPresence is similar to useMyPresence but it only returns the function to update the current user presence.\n * If you don't use the current user presence in your component, but you need to update it (e.g. live cursor), it's better to use useUpdateMyPresence to avoid unnecessary renders.\n *\n * @example\n * import { useUpdateMyPresence } from \"@liveblocks/react\";\n *\n * const updateMyPresence = useUpdateMyPresence();\n * updateMyPresence({ x: 0 });\n * updateMyPresence({ y: 0 });\n *\n * // At the next render, the presence of the current user will be equal to \"{ x: 0, y: 0 }\"\n */\nexport function useUpdateMyPresence<T extends Presence>(): (\n  overrides: Partial<T>\n) => void {\n  const room = useRoom();\n\n  return React.useCallback(\n    (overrides: Partial<T>) => {\n      room.updatePresence(overrides);\n    },\n    [room]\n  );\n}\n\n/**\n * Returns an object that lets you get information about all the the users currently connected in the room.\n *\n * @example\n * import { useOthers } from \"@liveblocks/react\";\n *\n * const others = useOthers();\n *\n * // Example to map all cursors in jsx\n * {\n *   others.map(({ connectionId, presence }) => {\n *     if(presence == null || presence.cursor == null) {\n *       return null;\n *     }\n *     return <Cursor key={connectionId} cursor={presence.cursor} />\n *   })\n * }\n */\nexport function useOthers<T extends Presence>(): Others<T> {\n  const room = useRoom();\n\n  const [, update] = React.useState(0);\n\n  React.useEffect(() => {\n    function onOthersChange() {\n      update((x) => x + 1);\n    }\n\n    room.subscribe(\"others\", onOthersChange);\n\n    return () => {\n      room.subscribe(\"others\", onOthersChange);\n    };\n  }, [room]);\n\n  return room.getOthers();\n}\n\n/**\n * Returns a callback that lets you broadcast custom events to other users in the room\n *\n * @example\n * import { useBroadcastEvent } from \"@liveblocks/react\";\n *\n * const broadcast = useBroadcastEvent();\n *\n * broadcast({ type: \"CUSTOM_EVENT\", data: { x: 0, y: 0 } });\n */\nexport function useBroadcastEvent() {\n  const room = useRoom();\n\n  return React.useCallback(\n    (event: any) => {\n      room.broadcastEvent(event);\n    },\n    [room]\n  );\n}\n\n/**\n * useErrorListener is a react hook that lets you react to potential room connection errors.\n *\n * @example\n * import { useErrorListener } from \"@liveblocks/react\";\n *\n * useErrorListener(er => {\n *   console.error(er);\n * })\n */\nexport function useErrorListener(callback: (er: Error) => void) {\n  const room = useRoom();\n  const savedCallback = React.useRef(callback);\n\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  });\n\n  React.useEffect(() => {\n    const listener = (e: Error) => savedCallback.current(e);\n\n    room.subscribe(\"error\", listener);\n\n    return () => {\n      room.unsubscribe(\"error\", listener);\n    };\n  }, [room]);\n}\n\n/**\n * useEventListener is a react hook that lets you react to event broadcasted by other users in the room.\n *\n * @example\n * import { useEventListener } from \"@liveblocks/react\";\n *\n * useEventListener(({ connectionId, event }) => {\n *   if (event.type === \"CUSTOM_EVENT\") {\n *     // Do something\n *   }\n * });\n */\nexport function useEventListener<TEvent>(\n  callback: ({\n    connectionId,\n    event,\n  }: {\n    connectionId: number;\n    event: TEvent;\n  }) => void\n) {\n  const room = useRoom();\n  const savedCallback = React.useRef(callback);\n\n  React.useEffect(() => {\n    savedCallback.current = callback;\n  });\n\n  React.useEffect(() => {\n    const listener = (e: { connectionId: number; event: TEvent }) =>\n      savedCallback.current(e);\n\n    room.subscribe(\"event\", listener);\n\n    return () => {\n      room.unsubscribe(\"event\", listener);\n    };\n  }, [room]);\n}\n\n/**\n * Gets the current user once it is connected to the room.\n *\n * @example\n * import { useSelf } from \"@liveblocks/react\";\n *\n * const user = useSelf();\n */\nexport function useSelf<\n  TPresence extends Presence = Presence\n>(): User<TPresence> | null {\n  const room = useRoom();\n  const [, update] = React.useState(0);\n\n  React.useEffect(() => {\n    function onChange() {\n      update((x) => x + 1);\n    }\n\n    room.subscribe(\"my-presence\", onChange);\n    room.subscribe(\"connection\", onChange);\n\n    return () => {\n      room.unsubscribe(\"my-presence\", onChange);\n      room.unsubscribe(\"connection\", onChange);\n    };\n  }, [room]);\n\n  return room.getSelf<TPresence>();\n}\n\nexport function useStorage<TRoot extends Record<string, any>>(): [\n  root: LiveObject<TRoot> | null\n] {\n  const room = useRoom();\n  const [root, setState] = React.useState<LiveObject<TRoot> | null>(null);\n\n  React.useEffect(() => {\n    async function fetchStorage() {\n      const storage = await room.getStorage<TRoot>();\n      setState(storage.root);\n    }\n\n    fetchStorage();\n\n    return () => {};\n  }, [room]);\n\n  return [root];\n}\n\nexport function useMap<TKey extends string, TValue>(\n  key: string\n): LiveMap<TKey, TValue> | null {\n  const [root] = useStorage();\n  const [, setCount] = React.useState(0);\n\n  React.useEffect(() => {\n    if (root == null) {\n      return;\n    }\n\n    let map: LiveMap<TKey, TValue> = root.get(key);\n\n    if (map == null) {\n      map = new LiveMap();\n      root.set(key, map);\n    }\n\n    function onChange() {\n      setCount((x) => x + 1);\n    }\n\n    map.subscribe(onChange);\n\n    setCount((x) => x + 1);\n\n    return () => {\n      return map.unsubscribe(onChange);\n    };\n  }, [root]);\n\n  return root?.get(key) ?? null;\n}\n\nexport function useList<TValue>(\n  key: string,\n): LiveList<TValue> | null {\n  const [root] = useStorage();\n  const [, setCount] = React.useState(0);\n\n  React.useEffect(() => {\n    if (root == null) {\n      return;\n    }\n\n    let list: LiveList<TValue> = root.get(key);\n\n    if (list == null) {\n      list = new LiveList();\n      root.set(key, list);\n    }\n\n    function onChange() {\n      setCount((x) => x + 1);\n    }\n\n    list.subscribe(onChange);\n\n    setCount((x) => x + 1);\n\n    return () => {\n      return list.unsubscribe(onChange);\n    };\n  }, [root]);\n\n  return root?.get(key) ?? null;\n}\n\nexport function useObject<TData>(\n  key: string\n): LiveObject<TData> | null {\n  const [root] = useStorage();\n  const [, setCount] = React.useState(0);\n\n  React.useEffect(() => {\n    if (root == null) {\n      return;\n    }\n\n    let obj: LiveObject<TData> = root.get(key);\n\n    if (obj == null) {\n      obj = new LiveObject();\n      root.set(key, obj);\n    }\n\n    function onChange() {\n      setCount((x) => x + 1);\n    }\n\n    obj.subscribe(onChange);\n\n    setCount((x) => x + 1);\n\n    return () => {\n      return obj.unsubscribe(onChange);\n    };\n  }, [root]);\n\n  return root?.get(key) ?? null;\n}\n"],"names":["React.createContext","React.createElement","React.useContext","React.useEffect","React.useState","React.useCallback","React.useRef","LiveMap","LiveList","LiveObject"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/react",
-  "version": "0.12.0-beta.1",
+  "version": "0.12.0-beta.10",
   "description": "",
   "main": "./lib/index.js",
   "files": [
@@ -23,7 +23,7 @@
   },
   "license": "Apache-2.0",
   "peerDependencies": {
-    "@liveblocks/client": "0.12.0-beta.1",
+    "@liveblocks/client": "0.12.0-beta.10",
     "react": "^16.14.0 || ^17"
   },
   "devDependencies": {