@liveblocks/react 0.12.0-beta.6 → 0.12.0

package/README.md

@@ -12,16 +12,6 @@ Liveblocks helps you create performant and reliable collaborative experiences.
 
 ## Examples
 
-Try it live on [liveblocks.io](https://liveblocks.io/examples)
+Try it live on [liveblocks.io](https://liveblocks.io/examples).
 
-### Next.js
-
-Clone this [github repository](https://github.com/liveblocks/next-js-examples) or try it directly on [CodeSandbox](https://codesandbox.io/s/github/liveblocks/next-js-examples?file=/pages/presence.tsx)
-
-### Nuxt.js
-
-Clone this [github repository](https://github.com/liveblocks/nuxt-js-examples) or try it directly on [CodeSandbox](https://codesandbox.io/s/github/liveblocks/nuxt-js-examples?file=/pages/presence.vue)
-
-### Vanilla JavaScript + Express.js
-
-Clone this [github repository](https://github.com/liveblocks/javascript-examples)
+Clone one of our [examples](https://github.com/liveblocks/liveblocks/tree/main/examples).

package/lib/index.d.ts

@@ -128,7 +128,29 @@ export declare function useSelf<TPresence extends Presence = Presence>(): User<T
 export declare function useStorage<TRoot extends Record<string, any>>(): [
     root: LiveObject<TRoot> | null
 ];
+/**
+ * Returns the LiveMap associated to the provided key. If the LiveList does not exists, a new empty LiveMap will be created.
+ * The hook triggers a re-render if the LiveMap is updated, however it does not triggers a re-render if a nested CRDT is updated.
+ */
 export declare function useMap<TKey extends string, TValue>(key: string): LiveMap<TKey, TValue> | null;
+/**
+ * Returns the LiveList associated to the provided key. If the LiveList does not exists, a new empty LiveList will be created.
+ * The hook triggers a re-render if the LiveList is updated, however it does not triggers a re-render if a nested CRDT is updated.
+ */
 export declare function useList<TValue>(key: string): LiveList<TValue> | null;
-export declare function useObject<TData>(key: string): LiveObject<TData> | null;
+/**
+ * Returns the LiveObject associated to the provided key. If the LiveObject does not exists, it will be created with the initialData parameter.
+ * The hook triggers a re-render if the LiveObject is updated, however it does not triggers a re-render if a nested CRDT is updated.
+ */
+export declare function useObject<TData>(key: string, initialData?: TData): LiveObject<TData> | null;
+/**
+ * Returns a function that undo the last operation executed by the current client.
+ * Undo does not impact operations made by other clients.
+ */
+export declare function useUndo(): () => void;
+/**
+ * Returns a function that redo the last operation executed by the current client.
+ * Redo does not impact operations made by other clients.
+ */
+export declare function useRedo(): () => void;
 export {};

package/lib/index.js

@@ -300,6 +300,10 @@ function useStorage() {
     }, [room]);
     return [root];
 }
+/**
+ * Returns the LiveMap associated to the provided key. If the LiveList does not exists, a new empty LiveMap will be created.
+ * The hook triggers a re-render if the LiveMap is updated, however it does not triggers a re-render if a nested CRDT is updated.
+ */
 function useMap(key) {
     var _a;
     var root = useStorage()[0];
@@ -324,6 +328,10 @@ function useMap(key) {
     }, [root]);
     return (_a = root === null || root === void 0 ? void 0 : root.get(key)) !== null && _a !== void 0 ? _a : null;
 }
+/**
+ * Returns the LiveList associated to the provided key. If the LiveList does not exists, a new empty LiveList will be created.
+ * The hook triggers a re-render if the LiveList is updated, however it does not triggers a re-render if a nested CRDT is updated.
+ */
 function useList(key) {
     var _a;
     var root = useStorage()[0];
@@ -348,7 +356,11 @@ function useList(key) {
     }, [root]);
     return (_a = root === null || root === void 0 ? void 0 : root.get(key)) !== null && _a !== void 0 ? _a : null;
 }
-function useObject(key) {
+/**
+ * Returns the LiveObject associated to the provided key. If the LiveObject does not exists, it will be created with the initialData parameter.
+ * The hook triggers a re-render if the LiveObject is updated, however it does not triggers a re-render if a nested CRDT is updated.
+ */
+function useObject(key, initialData) {
     var _a;
     var root = useStorage()[0];
     var _b = React.useState(0), setCount = _b[1];
@@ -358,7 +370,7 @@ function useObject(key) {
         }
         var obj = root.get(key);
         if (obj == null) {
-            obj = new client.LiveObject();
+            obj = new client.LiveObject(initialData);
             root.set(key, obj);
         }
         function onChange() {
@@ -371,6 +383,20 @@ function useObject(key) {
         };
     }, [root]);
     return (_a = root === null || root === void 0 ? void 0 : root.get(key)) !== null && _a !== void 0 ? _a : null;
+}
+/**
+ * Returns a function that undo the last operation executed by the current client.
+ * Undo does not impact operations made by other clients.
+ */
+function useUndo() {
+    return useRoom().undo;
+}
+/**
+ * Returns a function that redo the last operation executed by the current client.
+ * Redo does not impact operations made by other clients.
+ */
+function useRedo() {
+    return useRoom().redo;
 }
 
 exports.LiveblocksProvider = LiveblocksProvider;
@@ -383,7 +409,9 @@ exports.useMap = useMap;
 exports.useMyPresence = useMyPresence;
 exports.useObject = useObject;
 exports.useOthers = useOthers;
+exports.useRedo = useRedo;
 exports.useSelf = useSelf;
 exports.useStorage = useStorage;
+exports.useUndo = useUndo;
 exports.useUpdateMyPresence = useUpdateMyPresence;
 //# sourceMappingURL=index.js.map

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  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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"}
+{"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\n/**\n * Returns the LiveMap associated to the provided key. If the LiveList does not exists, a new empty LiveMap will be created.\n * The hook triggers a re-render if the LiveMap is updated, however it does not triggers a re-render if a nested CRDT is updated.\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\n/**\n * Returns the LiveList associated to the provided key. If the LiveList does not exists, a new empty LiveList will be created.\n * The hook triggers a re-render if the LiveList is updated, however it does not triggers a re-render if a nested CRDT is updated.\n */\nexport function useList<TValue>(key: string): 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\n/**\n * Returns the LiveObject associated to the provided key. If the LiveObject does not exists, it will be created with the initialData parameter.\n * The hook triggers a re-render if the LiveObject is updated, however it does not triggers a re-render if a nested CRDT is updated.\n */\nexport function useObject<TData>(\n  key: string,\n  initialData?: TData\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(initialData);\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\n/**\n * Returns a function that undo the last operation executed by the current client.\n * Undo does not impact operations made by other clients.\n */\nexport function useUndo() {\n  return useRoom().undo;\n}\n\n/**\n * Returns a function that redo the last operation executed by the current client.\n * Redo does not impact operations made by other clients.\n */\nexport function useRedo() {\n  return useRoom().redo;\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.6",
+  "version": "0.12.0",
   "description": "",
   "main": "./lib/index.js",
   "files": [
@@ -23,7 +23,7 @@
   },
   "license": "Apache-2.0",
   "peerDependencies": {
-    "@liveblocks/client": "0.12.0-beta.6",
+    "@liveblocks/client": "0.12.0",
     "react": "^16.14.0 || ^17"
   },
   "devDependencies": {