@liveblocks/react 0.17.8 → 0.17.9

package/index.js

@@ -1,636 +1,639 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: !0 });
-var internal = require("@liveblocks/client/internal"),
-  React = require("react"),
-  client = require("@liveblocks/client");
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  return (
-    e &&
-      Object.keys(e).forEach(function (k) {
-        if ("default" !== k) {
-          var d = Object.getOwnPropertyDescriptor(e, k);
-          Object.defineProperty(
-            n,
-            k,
-            d.get
-              ? d
-              : {
-                  enumerable: !0,
-                  get: function () {
-                    return e[k];
-                  },
-                }
-          );
-        }
-      }),
-    (n.default = e),
-    Object.freeze(n)
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }var __async = (__this, __arguments, generator) => {
+  return new Promise((resolve, reject) => {
+    var fulfilled = (value) => {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var rejected = (value) => {
+      try {
+        step(generator.throw(value));
+      } catch (e) {
+        reject(e);
+      }
+    };
+    var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+    step((generator = generator.apply(__this, __arguments)).next());
+  });
+};
+
+// src/client.tsx
+var _internal = require('@liveblocks/client/internal');
+var _react = require('react'); var React = _interopRequireWildcard(_react); var React2 = _interopRequireWildcard(_react);
+var ClientContext = React.createContext(null);
+function LiveblocksProvider(props) {
+  _internal.deprecate.call(void 0, 
+    "LiveblocksProvider is no longer needed in your component tree if you set up your Liveblocks context using `createRoomContext()`. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
   );
+  return /* @__PURE__ */ React.createElement(ClientContext.Provider, {
+    value: props.client
+  }, props.children);
 }
-var React__namespace = _interopNamespace(React),
-  ClientContext = React__namespace.createContext(null);
 function useClient() {
-  var client = React__namespace.useContext(ClientContext);
-  if (null == client)
+  const client = React.useContext(ClientContext);
+  if (client == null) {
     throw new Error("LiveblocksProvider is missing from the react tree");
-  return client;
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg),
-      value = info.value;
-  } catch (error) {
-    return void reject(error);
   }
-  info.done ? resolve(value) : Promise.resolve(value).then(_next, _throw);
-}
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-      args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-      _next(void 0);
-    });
-  };
+  return client;
 }
+
+// src/factory.tsx
+var _client2 = require('@liveblocks/client');
+
+
+
+// src/hooks.ts
+
 function useRerender() {
-  return React.useReducer(function (x) {
-    return x + 1;
-  }, 0)[1];
+  const [, update] = _react.useReducer.call(void 0, 
+    (x) => x + 1,
+    0
+  );
+  return update;
 }
+
+// src/factory.tsx
 function useInitial(value) {
-  return React__namespace.useRef(value).current;
+  return React2.useRef(value).current;
 }
-function createRoomContext(client$1) {
-  var useClient$1;
-  useClient$1 =
-    "__legacy" !== client$1
-      ? function () {
-          return client$1;
-        }
-      : useClient;
-  var RoomContext = React__namespace.createContext(null);
-  function useRoom() {
-    var room = React__namespace.useContext(RoomContext);
-    if (null == room)
+function createRoomContext(client) {
+  let useClient2;
+  if (client !== "__legacy") {
+    useClient2 = () => client;
+  } else {
+    useClient2 = useClient;
+  }
+  const RoomContext = React2.createContext(null);
+  function RoomProvider2(props) {
+    const {
+      id: roomId,
+      initialPresence,
+      initialStorage,
+      defaultPresence,
+      defaultStorageRoot
+    } = props;
+    if (process.env.NODE_ENV !== "production") {
+      if (roomId == null) {
+        throw new Error(
+          "RoomProvider id property is required. For more information: https://liveblocks.io/docs/errors/liveblocks-react/RoomProvider-id-property-is-required"
+        );
+      }
+      if (typeof roomId !== "string") {
+        throw new Error("RoomProvider id property should be a string.");
+      }
+    }
+    _internal.errorIf.call(void 0, 
+      defaultPresence,
+      "RoomProvider's `defaultPresence` prop will be removed in @liveblocks/react 0.18. Please use `initialPresence` instead. For more info, see https://bit.ly/3Niy5aP"
+    );
+    _internal.errorIf.call(void 0, 
+      defaultStorageRoot,
+      "RoomProvider's `defaultStorageRoot` prop will be removed in @liveblocks/react 0.18. Please use `initialStorage` instead. For more info, see https://bit.ly/3Niy5aP"
+    );
+    const _client = useClient2();
+    const frozen = useInitial({
+      initialPresence,
+      initialStorage,
+      defaultPresence,
+      defaultStorageRoot
+    });
+    const [room, setRoom] = React2.useState(
+      () => _client.enter(roomId, {
+        initialPresence,
+        initialStorage,
+        defaultPresence,
+        defaultStorageRoot,
+        DO_NOT_USE_withoutConnecting: typeof window === "undefined"
+      })
+    );
+    React2.useEffect(() => {
+      setRoom(
+        _client.enter(roomId, {
+          initialPresence: frozen.initialPresence,
+          initialStorage: frozen.initialStorage,
+          defaultPresence: frozen.defaultPresence,
+          defaultStorageRoot: frozen.defaultStorageRoot,
+          DO_NOT_USE_withoutConnecting: typeof window === "undefined"
+        })
+      );
+      return () => {
+        _client.leave(roomId);
+      };
+    }, [_client, roomId, frozen]);
+    return /* @__PURE__ */ React2.createElement(RoomContext.Provider, {
+      value: room
+    }, props.children);
+  }
+  function useRoom2() {
+    const room = React2.useContext(RoomContext);
+    if (room == null) {
       throw new Error("RoomProvider is missing from the react tree");
+    }
     return room;
   }
-  function useStorage() {
-    var room = useRoom(),
-      _React$useState2 = React__namespace.useState(null),
-      root = _React$useState2[0],
-      setState = _React$useState2[1];
-    return (
-      React__namespace.useEffect(
-        function () {
-          var didCancel = !1;
-          function _fetchStorage() {
-            return (_fetchStorage = _asyncToGenerator(
-              regeneratorRuntime.mark(function _callee() {
-                var storage;
-                return regeneratorRuntime.wrap(function (_context) {
-                  for (;;)
-                    switch ((_context.prev = _context.next)) {
-                      case 0:
-                        return (_context.next = 2), room.getStorage();
-                      case 2:
-                        (storage = _context.sent),
-                          didCancel || setState(storage.root);
-                      case 4:
-                      case "end":
-                        return _context.stop();
-                    }
-                }, _callee);
-              })
-            )).apply(this, arguments);
-          }
-          return (
-            (function () {
-              _fetchStorage.apply(this, arguments);
-            })(),
-            function () {
-              didCancel = !0;
-            }
-          );
-        },
-        [room]
-      ),
-      [root]
+  function useMyPresence2() {
+    const room = useRoom2();
+    const presence = room.getPresence();
+    const rerender = useRerender();
+    React2.useEffect(() => {
+      const unsubscribe = room.subscribe("my-presence", rerender);
+      return () => {
+        unsubscribe();
+      };
+    }, [room, rerender]);
+    const setPresence = React2.useCallback(
+      (overrides, options) => room.updatePresence(overrides, options),
+      [room]
+    );
+    return [presence, setPresence];
+  }
+  function useUpdateMyPresence2() {
+    const room = useRoom2();
+    return React2.useCallback(
+      (overrides, options) => {
+        room.updatePresence(overrides, options);
+      },
+      [room]
     );
   }
+  function useOthers2() {
+    const room = useRoom2();
+    const rerender = useRerender();
+    React2.useEffect(() => {
+      const unsubscribe = room.subscribe("others", rerender);
+      return () => {
+        unsubscribe();
+      };
+    }, [room, rerender]);
+    return room.getOthers();
+  }
+  function useBroadcastEvent2() {
+    const room = useRoom2();
+    return React2.useCallback(
+      (event, options = { shouldQueueEventIfNotReady: false }) => {
+        room.broadcastEvent(event, options);
+      },
+      [room]
+    );
+  }
+  function useErrorListener2(callback) {
+    const room = useRoom2();
+    const savedCallback = React2.useRef(callback);
+    React2.useEffect(() => {
+      savedCallback.current = callback;
+    });
+    React2.useEffect(() => {
+      const listener = (e) => savedCallback.current(e);
+      const unsubscribe = room.subscribe("error", listener);
+      return () => {
+        unsubscribe();
+      };
+    }, [room]);
+  }
+  function useEventListener2(callback) {
+    const room = useRoom2();
+    const savedCallback = React2.useRef(callback);
+    React2.useEffect(() => {
+      savedCallback.current = callback;
+    });
+    React2.useEffect(() => {
+      const listener = (eventData) => {
+        savedCallback.current(eventData);
+      };
+      const unsubscribe = room.subscribe("event", listener);
+      return () => {
+        unsubscribe();
+      };
+    }, [room]);
+  }
+  function useSelf2() {
+    const room = useRoom2();
+    const rerender = useRerender();
+    React2.useEffect(() => {
+      const unsubscribePresence = room.subscribe("my-presence", rerender);
+      const unsubscribeConnection = room.subscribe("connection", rerender);
+      return () => {
+        unsubscribePresence();
+        unsubscribeConnection();
+      };
+    }, [room, rerender]);
+    return room.getSelf();
+  }
+  function useStorage2() {
+    const room = useRoom2();
+    const [root, setState] = React2.useState(null);
+    React2.useEffect(() => {
+      let didCancel = false;
+      function fetchStorage() {
+        return __async(this, null, function* () {
+          const storage = yield room.getStorage();
+          if (!didCancel) {
+            setState(storage.root);
+          }
+        });
+      }
+      fetchStorage();
+      return () => {
+        didCancel = true;
+      };
+    }, [room]);
+    return [root];
+  }
   function useMap_deprecated(key, entries) {
-    internal.errorIf(
+    _internal.errorIf.call(void 0, 
       entries,
-      "Support for initializing entries in useMap() directly will be removed in @liveblocks/react 0.18.\n\nInstead, please initialize this data where you set up your RoomProvider:\n\n    const initialStorage = () => ({\n      " +
-        JSON.stringify(key) +
-        ": new LiveMap(...),\n      ...\n    });\n\n    <RoomProvider initialStorage={initialStorage}>\n      ...\n    </RoomProvider>\n\nPlease see https://bit.ly/3Niy5aP for details."
-    );
-    var value = useStorageValue(
-      key,
-      new client.LiveMap(null != entries ? entries : void 0)
+      `Support for initializing entries in useMap() directly will be removed in @liveblocks/react 0.18.
+
+Instead, please initialize this data where you set up your RoomProvider:
+
+    const initialStorage = () => ({
+      ${JSON.stringify(key)}: new LiveMap(...),
+      ...
+    });
+
+    <RoomProvider initialStorage={initialStorage}>
+      ...
+    </RoomProvider>
+
+Please see https://bit.ly/3Niy5aP for details.`
     );
-    return "ok" === value.status
-      ? value.value
-      : (internal.errorIf(
-          "notfound" === value.status,
-          "Key " +
-            JSON.stringify(key) +
-            ' was not found in Storage. Starting with 0.18, useMap() will no longer automatically create this key.\n\nInstead, please initialize your storage where you set up your RoomProvider:\n\n    import { LiveMap } from "@liveblocks/client";\n\n    const initialStorage = () => ({\n      ' +
-            JSON.stringify(key) +
-            ": new LiveMap(...),\n      ...\n    });\n\n    <RoomProvider initialStorage={initialStorage}>\n      ...\n    </RoomProvider>\n\nPlease see https://bit.ly/3Niy5aP for details."
-        ),
-        null);
+    const value = useStorageValue(key, new (0, _client2.LiveMap)(entries != null ? entries : void 0));
+    if (value.status === "ok") {
+      return value.value;
+    } else {
+      _internal.errorIf.call(void 0, 
+        value.status === "notfound",
+        `Key ${JSON.stringify(
+          key
+        )} was not found in Storage. Starting with 0.18, useMap() will no longer automatically create this key.
+
+Instead, please initialize your storage where you set up your RoomProvider:
+
+    import { LiveMap } from "@liveblocks/client";
+
+    const initialStorage = () => ({
+      ${JSON.stringify(key)}: new LiveMap(...),
+      ...
+    });
+
+    <RoomProvider initialStorage={initialStorage}>
+      ...
+    </RoomProvider>
+
+Please see https://bit.ly/3Niy5aP for details.`
+      );
+      return null;
+    }
   }
   function useList_deprecated(key, items) {
-    internal.errorIf(
+    _internal.errorIf.call(void 0, 
       items,
-      'Support for initializing items in useList() directly will be removed in @liveblocks/react 0.18.\n\nInstead, please initialize this data where you set up your RoomProvider:\n\n    import { LiveList } from "@liveblocks/client";\n\n    const initialStorage = () => ({\n      ' +
-        JSON.stringify(key) +
-        ": new LiveList(...),\n      ...\n    });\n\n    <RoomProvider initialStorage={initialStorage}>\n      ...\n    </RoomProvider>\n\nPlease see https://bit.ly/3Niy5aP for details."
+      `Support for initializing items in useList() directly will be removed in @liveblocks/react 0.18.
+
+Instead, please initialize this data where you set up your RoomProvider:
+
+    import { LiveList } from "@liveblocks/client";
+
+    const initialStorage = () => ({
+      ${JSON.stringify(key)}: new LiveList(...),
+      ...
+    });
+
+    <RoomProvider initialStorage={initialStorage}>
+      ...
+    </RoomProvider>
+
+Please see https://bit.ly/3Niy5aP for details.`
     );
-    var value = useStorageValue(key, new client.LiveList(items));
-    return "ok" === value.status
-      ? value.value
-      : (internal.errorIf(
-          "notfound" === value.status,
-          "Key " +
-            JSON.stringify(key) +
-            ' was not found in Storage. Starting with 0.18, useList() will no longer automatically create this key.\n\nInstead, please initialize your storage where you set up your RoomProvider:\n\n    import { LiveList } from "@liveblocks/client";\n\n    const initialStorage = () => ({\n      ' +
-            JSON.stringify(key) +
-            ": new LiveList(...),\n      ...\n    });\n\n    <RoomProvider initialStorage={initialStorage}>\n      ...\n    </RoomProvider>\n\nPlease see https://bit.ly/3Niy5aP for details."
-        ),
-        null);
+    const value = useStorageValue(key, new (0, _client2.LiveList)(items));
+    if (value.status === "ok") {
+      return value.value;
+    } else {
+      _internal.errorIf.call(void 0, 
+        value.status === "notfound",
+        `Key ${JSON.stringify(
+          key
+        )} was not found in Storage. Starting with 0.18, useList() will no longer automatically create this key.
+
+Instead, please initialize your storage where you set up your RoomProvider:
+
+    import { LiveList } from "@liveblocks/client";
+
+    const initialStorage = () => ({
+      ${JSON.stringify(key)}: new LiveList(...),
+      ...
+    });
+
+    <RoomProvider initialStorage={initialStorage}>
+      ...
+    </RoomProvider>
+
+Please see https://bit.ly/3Niy5aP for details.`
+      );
+      return null;
+    }
   }
   function useObject_deprecated(key, initialData) {
-    internal.errorIf(
+    _internal.errorIf.call(void 0, 
       initialData,
-      'Support for initializing data in useObject() directly will be removed in @liveblocks/react 0.18.\n\nInstead, please initialize this data where you set up your RoomProvider:\n\n    import { LiveObject } from "@liveblocks/client";\n\n    const initialStorage = () => ({\n      ' +
-        JSON.stringify(key) +
-        ": new LiveObject(...),\n      ...\n    });\n\n    <RoomProvider initialStorage={initialStorage}>\n      ...\n    </RoomProvider>\n\nPlease see https://bit.ly/3Niy5aP for details."
+      `Support for initializing data in useObject() directly will be removed in @liveblocks/react 0.18.
+
+Instead, please initialize this data where you set up your RoomProvider:
+
+    import { LiveObject } from "@liveblocks/client";
+
+    const initialStorage = () => ({
+      ${JSON.stringify(key)}: new LiveObject(...),
+      ...
+    });
+
+    <RoomProvider initialStorage={initialStorage}>
+      ...
+    </RoomProvider>
+
+Please see https://bit.ly/3Niy5aP for details.`
     );
-    var value = useStorageValue(key, new client.LiveObject(initialData));
-    return "ok" === value.status
-      ? value.value
-      : (internal.errorIf(
-          "notfound" === value.status,
-          "Key " +
-            JSON.stringify(key) +
-            ' was not found in Storage. Starting with 0.18, useObject() will no longer automatically create this key.\n\nInstead, please initialize your storage where you set up your RoomProvider:\n\n    import { LiveObject } from "@liveblocks/client";\n\n    const initialStorage = () => ({\n      ' +
-            JSON.stringify(key) +
-            ": new LiveObject(...),\n      ...\n    });\n\n    <RoomProvider initialStorage={initialStorage}>\n      ...\n    </RoomProvider>\n\nPlease see https://bit.ly/3Niy5aP for details."
-        ),
-        null);
+    const value = useStorageValue(key, new (0, _client2.LiveObject)(initialData));
+    if (value.status === "ok") {
+      return value.value;
+    } else {
+      _internal.errorIf.call(void 0, 
+        value.status === "notfound",
+        `Key ${JSON.stringify(
+          key
+        )} was not found in Storage. Starting with 0.18, useObject() will no longer automatically create this key.
+
+Instead, please initialize your storage where you set up your RoomProvider:
+
+    import { LiveObject } from "@liveblocks/client";
+
+    const initialStorage = () => ({
+      ${JSON.stringify(key)}: new LiveObject(...),
+      ...
+    });
+
+    <RoomProvider initialStorage={initialStorage}>
+      ...
+    </RoomProvider>
+
+Please see https://bit.ly/3Niy5aP for details.`
+      );
+      return null;
+    }
   }
-  function useHistory() {
-    return useRoom().history;
+  function useList2(key) {
+    return useList_deprecated(key);
   }
-  function useStorageValue(key, initialValue) {
-    var room = useRoom(),
-      root = useStorage()[0],
-      rerender = useRerender(),
-      frozenInitialValue = useInitial(initialValue);
-    if (
-      (React__namespace.useEffect(
-        function () {
-          if (null != root) {
-            var liveValue = root.get(key);
-            null == liveValue &&
-              ((liveValue = frozenInitialValue), root.set(key, liveValue));
-            var unsubscribeCrdt = room.subscribe(liveValue, rerender),
-              unsubscribeRoot = room.subscribe(root, function () {
-                var newCrdt = root.get(key);
-                newCrdt !== liveValue &&
-                  (unsubscribeCrdt(),
-                  (liveValue = newCrdt),
-                  (unsubscribeCrdt = room.subscribe(liveValue, rerender)),
-                  rerender());
-              });
-            return (
-              rerender(),
-              function () {
-                unsubscribeRoot(), unsubscribeCrdt();
-              }
-            );
-          }
-        },
-        [root, room, key, frozenInitialValue, rerender]
-      ),
-      null == root)
-    )
-      return { status: "loading" };
-    var value = root.get(key);
-    return null == value
-      ? { status: "notfound" }
-      : { status: "ok", value: value };
+  function useMap2(key) {
+    return useMap_deprecated(key);
   }
-  return {
-    RoomProvider: function (props) {
-      var roomId = props.id,
-        initialPresence = props.initialPresence,
-        initialStorage = props.initialStorage,
-        defaultPresence = props.defaultPresence,
-        defaultStorageRoot = props.defaultStorageRoot;
-      if ("production" !== process.env.NODE_ENV) {
-        if (null == roomId)
-          throw new Error(
-            "RoomProvider id property is required. For more information: https://liveblocks.io/docs/errors/liveblocks-react/RoomProvider-id-property-is-required"
-          );
-        if ("string" != typeof roomId)
-          throw new Error("RoomProvider id property should be a string.");
-      }
-      internal.errorIf(
-        defaultPresence,
-        "RoomProvider's `defaultPresence` prop will be removed in @liveblocks/react 0.18. Please use `initialPresence` instead. For more info, see https://bit.ly/3Niy5aP"
-      ),
-        internal.errorIf(
-          defaultStorageRoot,
-          "RoomProvider's `defaultStorageRoot` prop will be removed in @liveblocks/react 0.18. Please use `initialStorage` instead. For more info, see https://bit.ly/3Niy5aP"
-        );
-      var _client = useClient$1(),
-        frozen = useInitial({
-          initialPresence: initialPresence,
-          initialStorage: initialStorage,
-          defaultPresence: defaultPresence,
-          defaultStorageRoot: defaultStorageRoot,
-        }),
-        _React$useState = React__namespace.useState(function () {
-          return _client.enter(roomId, {
-            initialPresence: initialPresence,
-            initialStorage: initialStorage,
-            defaultPresence: defaultPresence,
-            defaultStorageRoot: defaultStorageRoot,
-            DO_NOT_USE_withoutConnecting: "undefined" == typeof window,
-          });
-        }),
-        room = _React$useState[0],
-        setRoom = _React$useState[1];
-      return (
-        React__namespace.useEffect(
-          function () {
-            return (
-              setRoom(
-                _client.enter(roomId, {
-                  initialPresence: frozen.initialPresence,
-                  initialStorage: frozen.initialStorage,
-                  defaultPresence: frozen.defaultPresence,
-                  defaultStorageRoot: frozen.defaultStorageRoot,
-                  DO_NOT_USE_withoutConnecting: "undefined" == typeof window,
-                })
-              ),
-              function () {
-                _client.leave(roomId);
-              }
-            );
-          },
-          [_client, roomId, frozen]
-        ),
-        React__namespace.createElement(
-          RoomContext.Provider,
-          { value: room },
-          props.children
-        )
-      );
-    },
-    useBatch: function () {
-      return useRoom().batch;
-    },
-    useBroadcastEvent: function () {
-      var room = useRoom();
-      return React__namespace.useCallback(
-        function (event, options) {
-          void 0 === options && (options = { shouldQueueEventIfNotReady: !1 }),
-            room.broadcastEvent(event, options);
-        },
-        [room]
-      );
-    },
-    useCanRedo: function () {
-      var room = useRoom(),
-        _React$useState4 = React__namespace.useState(room.history.canRedo),
-        canRedo = _React$useState4[0],
-        setCanRedo = _React$useState4[1];
-      return (
-        React__namespace.useEffect(
-          function () {
-            var unsubscribe = room.subscribe("history", function (_ref2) {
-              var canRedo = _ref2.canRedo;
-              return setCanRedo(canRedo);
-            });
-            return function () {
-              unsubscribe();
-            };
-          },
-          [room]
-        ),
-        canRedo
-      );
-    },
-    useCanUndo: function () {
-      var room = useRoom(),
-        _React$useState3 = React__namespace.useState(room.history.canUndo),
-        canUndo = _React$useState3[0],
-        setCanUndo = _React$useState3[1];
-      return (
-        React__namespace.useEffect(
-          function () {
-            var unsubscribe = room.subscribe("history", function (_ref) {
-              var canUndo = _ref.canUndo;
-              return setCanUndo(canUndo);
-            });
-            return function () {
-              unsubscribe();
-            };
-          },
-          [room]
-        ),
-        canUndo
-      );
-    },
-    useErrorListener: function (callback) {
-      var room = useRoom(),
-        savedCallback = React__namespace.useRef(callback);
-      React__namespace.useEffect(function () {
-        savedCallback.current = callback;
-      }),
-        React__namespace.useEffect(
-          function () {
-            var unsubscribe = room.subscribe("error", function (e) {
-              return savedCallback.current(e);
-            });
-            return function () {
-              unsubscribe();
-            };
-          },
-          [room]
-        );
-    },
-    useEventListener: function (callback) {
-      var room = useRoom(),
-        savedCallback = React__namespace.useRef(callback);
-      React__namespace.useEffect(function () {
-        savedCallback.current = callback;
-      }),
-        React__namespace.useEffect(
-          function () {
-            var unsubscribe = room.subscribe("event", function (eventData) {
-              savedCallback.current(eventData);
-            });
-            return function () {
-              unsubscribe();
-            };
-          },
-          [room]
-        );
-    },
-    useHistory: useHistory,
-    useList: function (key) {
-      return useList_deprecated(key);
-    },
-    useMap: function (key) {
-      return useMap_deprecated(key);
-    },
-    useMyPresence: function () {
-      var room = useRoom(),
-        presence = room.getPresence(),
-        rerender = useRerender();
-      return (
-        React__namespace.useEffect(
-          function () {
-            var unsubscribe = room.subscribe("my-presence", rerender);
-            return function () {
-              unsubscribe();
-            };
-          },
-          [room, rerender]
-        ),
-        [
-          presence,
-          React__namespace.useCallback(
-            function (overrides, options) {
-              return room.updatePresence(overrides, options);
-            },
-            [room]
-          ),
-        ]
+  function useObject2(key) {
+    return useObject_deprecated(key);
+  }
+  function useHistory2() {
+    return useRoom2().history;
+  }
+  function useUndo2() {
+    return useHistory2().undo;
+  }
+  function useRedo2() {
+    return useHistory2().redo;
+  }
+  function useCanUndo() {
+    const room = useRoom2();
+    const [canUndo, setCanUndo] = React2.useState(room.history.canUndo);
+    React2.useEffect(() => {
+      const unsubscribe = room.subscribe(
+        "history",
+        ({ canUndo: canUndo2 }) => setCanUndo(canUndo2)
       );
-    },
-    useObject: function (key) {
-      return useObject_deprecated(key);
-    },
-    useOthers: function () {
-      var room = useRoom(),
-        rerender = useRerender();
-      return (
-        React__namespace.useEffect(
-          function () {
-            var unsubscribe = room.subscribe("others", rerender);
-            return function () {
-              unsubscribe();
-            };
-          },
-          [room, rerender]
-        ),
-        room.getOthers()
+      return () => {
+        unsubscribe();
+      };
+    }, [room]);
+    return canUndo;
+  }
+  function useCanRedo() {
+    const room = useRoom2();
+    const [canRedo, setCanRedo] = React2.useState(room.history.canRedo);
+    React2.useEffect(() => {
+      const unsubscribe = room.subscribe(
+        "history",
+        ({ canRedo: canRedo2 }) => setCanRedo(canRedo2)
       );
-    },
-    useRedo: function () {
-      return useHistory().redo;
-    },
-    useRoom: useRoom,
-    useSelf: function () {
-      var room = useRoom(),
-        rerender = useRerender();
-      return (
-        React__namespace.useEffect(
-          function () {
-            var unsubscribePresence = room.subscribe("my-presence", rerender),
-              unsubscribeConnection = room.subscribe("connection", rerender);
-            return function () {
-              unsubscribePresence(), unsubscribeConnection();
-            };
-          },
-          [room, rerender]
-        ),
-        room.getSelf()
+      return () => {
+        unsubscribe();
+      };
+    }, [room]);
+    return canRedo;
+  }
+  function useBatch2() {
+    return useRoom2().batch;
+  }
+  function useStorageValue(key, initialValue) {
+    const room = useRoom2();
+    const [root] = useStorage2();
+    const rerender = useRerender();
+    const frozenInitialValue = useInitial(initialValue);
+    React2.useEffect(() => {
+      if (root == null) {
+        return;
+      }
+      let liveValue = root.get(key);
+      if (liveValue == null) {
+        liveValue = frozenInitialValue;
+        root.set(key, liveValue);
+      }
+      function onRootChange() {
+        const newCrdt = root.get(key);
+        if (newCrdt !== liveValue) {
+          unsubscribeCrdt();
+          liveValue = newCrdt;
+          unsubscribeCrdt = room.subscribe(
+            liveValue,
+            rerender
+          );
+          rerender();
+        }
+      }
+      let unsubscribeCrdt = room.subscribe(
+        liveValue,
+        rerender
       );
-    },
-    useStorage: useStorage,
-    useUndo: function () {
-      return useHistory().undo;
-    },
-    useUpdateMyPresence: function () {
-      var room = useRoom();
-      return React__namespace.useCallback(
-        function (overrides, options) {
-          room.updatePresence(overrides, options);
-        },
-        [room]
+      const unsubscribeRoot = room.subscribe(
+        root,
+        onRootChange
       );
-    },
-    RoomContext: RoomContext,
-    useList_deprecated: useList_deprecated,
-    useMap_deprecated: useMap_deprecated,
-    useObject_deprecated: useObject_deprecated,
+      rerender();
+      return () => {
+        unsubscribeRoot();
+        unsubscribeCrdt();
+      };
+    }, [root, room, key, frozenInitialValue, rerender]);
+    if (root == null) {
+      return { status: "loading" };
+    } else {
+      const value = root.get(key);
+      if (value == null) {
+        return { status: "notfound" };
+      } else {
+        return { status: "ok", value };
+      }
+    }
+  }
+  return {
+    RoomProvider: RoomProvider2,
+    useBatch: useBatch2,
+    useBroadcastEvent: useBroadcastEvent2,
+    useCanRedo,
+    useCanUndo,
+    useErrorListener: useErrorListener2,
+    useEventListener: useEventListener2,
+    useHistory: useHistory2,
+    useList: useList2,
+    useMap: useMap2,
+    useMyPresence: useMyPresence2,
+    useObject: useObject2,
+    useOthers: useOthers2,
+    useRedo: useRedo2,
+    useRoom: useRoom2,
+    useSelf: useSelf2,
+    useStorage: useStorage2,
+    useUndo: useUndo2,
+    useUpdateMyPresence: useUpdateMyPresence2,
+    RoomContext,
+    useList_deprecated,
+    useMap_deprecated,
+    useObject_deprecated
   };
 }
+
+// src/compat.tsx
+
 var _hooks = createRoomContext("__legacy");
-(exports.LiveblocksProvider = function (props) {
-  return (
-    internal.deprecate(
-      "LiveblocksProvider is no longer needed in your component tree if you set up your Liveblocks context using `createRoomContext()`. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-    ),
-    React__namespace.createElement(
-      ClientContext.Provider,
-      { value: props.client },
-      props.children
-    )
+function RoomProvider(props) {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `RoomProvider` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
   );
-}),
-  (exports.RoomProvider = function (props) {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `RoomProvider` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.RoomProvider(props)
-    );
-  }),
-  (exports.createRoomContext = createRoomContext),
-  (exports.useBatch = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useBatch` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useBatch()
-    );
-  }),
-  (exports.useBroadcastEvent = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useBroadcastEvent` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useBroadcastEvent()
-    );
-  }),
-  (exports.useClient = useClient),
-  (exports.useErrorListener = function (callback) {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useErrorListener` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useErrorListener(callback)
-    );
-  }),
-  (exports.useEventListener = function (callback) {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useEventListener` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useEventListener(callback)
-    );
-  }),
-  (exports.useHistory = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useHistory` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useHistory()
-    );
-  }),
-  (exports.useList = function (key, items) {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useList` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useList_deprecated(key, items)
-    );
-  }),
-  (exports.useMap = function (key, entries) {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useMap` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useMap_deprecated(key, entries)
-    );
-  }),
-  (exports.useMyPresence = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useMyPresence` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useMyPresence()
-    );
-  }),
-  (exports.useObject = function (key, initialData) {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useObject` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useObject_deprecated(key, initialData)
-    );
-  }),
-  (exports.useOthers = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useOthers` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useOthers()
-    );
-  }),
-  (exports.useRedo = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useRedo` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useRedo()
-    );
-  }),
-  (exports.useRoom = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useRoom` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useRoom()
-    );
-  }),
-  (exports.useSelf = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useSelf` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useSelf()
-    );
-  }),
-  (exports.useStorage = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useStorage` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useStorage()
-    );
-  }),
-  (exports.useUndo = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useUndo` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useUndo()
-    );
-  }),
-  (exports.useUpdateMyPresence = function () {
-    return (
-      internal.deprecate(
-        "Please use `createRoomContext()` instead of importing `useUpdateMyPresence` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
-      ),
-      _hooks.useUpdateMyPresence()
-    );
-  });
+  return _hooks.RoomProvider(props);
+}
+function useBatch() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useBatch` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useBatch();
+}
+function useBroadcastEvent() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useBroadcastEvent` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useBroadcastEvent();
+}
+function useErrorListener(callback) {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useErrorListener` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useErrorListener(callback);
+}
+function useEventListener(callback) {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useEventListener` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useEventListener(callback);
+}
+function useHistory() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useHistory` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useHistory();
+}
+function useMyPresence() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useMyPresence` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useMyPresence();
+}
+function useOthers() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useOthers` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useOthers();
+}
+function useRedo() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useRedo` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useRedo();
+}
+function useRoom() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useRoom` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useRoom();
+}
+function useSelf() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useSelf` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useSelf();
+}
+function useStorage() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useStorage` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useStorage();
+}
+function useUndo() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useUndo` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useUndo();
+}
+function useUpdateMyPresence() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useUpdateMyPresence` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useUpdateMyPresence();
+}
+function useList(key, items) {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useList` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useList_deprecated(key, items);
+}
+function useMap(key, entries) {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useMap` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useMap_deprecated(key, entries);
+}
+function useObject(key, initialData) {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useObject` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useObject_deprecated(key, initialData);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.LiveblocksProvider = LiveblocksProvider; exports.RoomProvider = RoomProvider; exports.createRoomContext = createRoomContext; exports.useBatch = useBatch; exports.useBroadcastEvent = useBroadcastEvent; exports.useClient = useClient; exports.useErrorListener = useErrorListener; exports.useEventListener = useEventListener; exports.useHistory = useHistory; exports.useList = useList; exports.useMap = useMap; exports.useMyPresence = useMyPresence; exports.useObject = useObject; exports.useOthers = useOthers; exports.useRedo = useRedo; exports.useRoom = useRoom; exports.useSelf = useSelf; exports.useStorage = useStorage; exports.useUndo = useUndo; exports.useUpdateMyPresence = useUpdateMyPresence;