@liveblocks/react 0.17.10-debug2 → 0.17.11-debug2

package/.built-by-link-script

@@ -1 +1 @@
-b041a8c758a86d19b0562b0ce83856147a5b1661
+7a145c07616c7ce057d49178c31d7436fb2ab297

package/index.d.ts

@@ -183,7 +183,12 @@ declare type RoomContextBundle<TPresence extends JsonObject, TStorage extends Ls
      * Storage.
      *
      * @example
-     * const [root] = useStorage();
+     * const [root] = useStorageRoot();
+     */
+    useStorageRoot(): [root: LiveObject<TStorage> | null];
+    /**
+     * @deprecated In the next major version, we're changing the meaning of `useStorage()`.
+     * Please use `useStorageRoot()` instead for the current behavior.
      */
     useStorage(): [root: LiveObject<TStorage> | null];
     /**
@@ -332,6 +337,14 @@ declare function useRoom<TPresence extends JsonObject, TStorage extends LsonObje
  * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
  */
 declare function useSelf<TPresence extends JsonObject, TUserMeta extends BaseUserMeta>(): User<TPresence, TUserMeta> | null;
+/**
+ * @deprecated Please use `createRoomContext()` instead of importing
+ * `useStorageRoot` from `@liveblocks/react` directly. See
+ * https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details.
+ */
+declare function useStorageRoot<TStorage extends LsonObject>(): [
+    root: LiveObject<TStorage> | null
+];
 /**
  * @deprecated Please use `createRoomContext()` instead of importing
  * `useStorage` from `@liveblocks/react` directly. See
@@ -391,4 +404,4 @@ declare function useObject<TData extends LsonObject>(key: string): LiveObject<TD
  */
 declare function useObject<TData extends LsonObject>(key: string, initialData: TData): LiveObject<TData> | null;
 
-export { LiveblocksProvider, RoomProvider, createRoomContext, useBatch, useBroadcastEvent, useClient, useErrorListener, useEventListener, useHistory, useList, useMap, useMyPresence, useObject, useOthers, useRedo, useRoom, useSelf, useStorage, useUndo, useUpdateMyPresence };
+export { LiveblocksProvider, RoomProvider, createRoomContext, useBatch, useBroadcastEvent, useClient, useErrorListener, useEventListener, useHistory, useList, useMap, useMyPresence, useObject, useOthers, useRedo, useRoom, useSelf, useStorage, useStorageRoot, useUndo, useUpdateMyPresence };

package/index.js

@@ -221,7 +221,7 @@ function createRoomContext(client) {
     }, [room, rerender]);
     return room.getSelf();
   }
-  function useStorage2() {
+  function useStorageRoot2() {
     const room = useRoom2();
     const [root, setState] = React2.useState(null);
     React2.useEffect(() => {
@@ -241,6 +241,12 @@ function createRoomContext(client) {
     }, [room]);
     return [root];
   }
+  function useStorage2() {
+    _internal.deprecate.call(void 0, 
+      "In the upcoming 0.18 version, the name `useStorage()` is going to be repurposed for a new hook. Please use `useStorageRoot()` instead to keep the current behavior."
+    );
+    return useStorageRoot2();
+  }
   function useMap_deprecated(key, entries) {
     _internal.errorIf.call(void 0, 
       entries,
@@ -434,7 +440,7 @@ Please see https://bit.ly/3Niy5aP for details.`
   }
   function useStorageValue(key, initialValue) {
     const room = useRoom2();
-    const [root] = useStorage2();
+    const [root] = useStorageRoot2();
     const rerender = useRerender();
     const frozenInitialValue = useInitial(initialValue);
     React2.useEffect(() => {
@@ -500,6 +506,7 @@ Please see https://bit.ly/3Niy5aP for details.`
     useRedo: useRedo2,
     useRoom: useRoom2,
     useSelf: useSelf2,
+    useStorageRoot: useStorageRoot2,
     useStorage: useStorage2,
     useUndo: useUndo2,
     useUpdateMyPresence: useUpdateMyPresence2,
@@ -579,6 +586,12 @@ function useSelf() {
   );
   return _hooks.useSelf();
 }
+function useStorageRoot() {
+  _internal.deprecate.call(void 0, 
+    "Please use `createRoomContext()` instead of importing `useStorageRoot` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useStorageRoot();
+}
 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."
@@ -636,4 +649,5 @@ function useObject(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;
+
+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.useStorageRoot = useStorageRoot; exports.useUndo = useUndo; exports.useUpdateMyPresence = useUpdateMyPresence;

package/index.mjs

@@ -1,3 +1,633 @@
+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
+import { deprecate } from "@liveblocks/client/internal";
+import * as React from "react";
+var ClientContext = React.createContext(null);
+function LiveblocksProvider(props) {
+  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."
+  );
+  return /* @__PURE__ */ React.createElement(ClientContext.Provider, {
+    value: props.client
+  }, props.children);
+}
+function useClient() {
+  const client = React.useContext(ClientContext);
+  if (client == null) {
+    throw new Error("LiveblocksProvider is missing from the react tree");
+  }
+  return client;
+}
+
+// src/factory.tsx
+import { LiveList, LiveMap, LiveObject } from "@liveblocks/client";
+import { deprecate as deprecate2, errorIf } from "@liveblocks/client/internal";
+import * as React2 from "react";
+
+// src/hooks.ts
+import { useReducer } from "react";
+function useRerender() {
+  const [, update] = useReducer(
+    (x) => x + 1,
+    0
+  );
+  return update;
+}
+
+// src/factory.tsx
+function useInitial(value) {
+  return React2.useRef(value).current;
+}
+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.");
+      }
+    }
+    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"
+    );
+    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"
+    );
+    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 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 useStorageRoot2() {
+    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 useStorage2() {
+    deprecate2(
+      "In the upcoming 0.18 version, the name `useStorage()` is going to be repurposed for a new hook. Please use `useStorageRoot()` instead to keep the current behavior."
+    );
+    return useStorageRoot2();
+  }
+  function useMap_deprecated(key, entries) {
+    errorIf(
+      entries,
+      `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.`
+    );
+    const value = useStorageValue(key, new LiveMap(entries != null ? entries : void 0));
+    if (value.status === "ok") {
+      return value.value;
+    } else {
+      errorIf(
+        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) {
+    errorIf(
+      items,
+      `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.`
+    );
+    const value = useStorageValue(key, new LiveList(items));
+    if (value.status === "ok") {
+      return value.value;
+    } else {
+      errorIf(
+        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) {
+    errorIf(
+      initialData,
+      `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.`
+    );
+    const value = useStorageValue(key, new LiveObject(initialData));
+    if (value.status === "ok") {
+      return value.value;
+    } else {
+      errorIf(
+        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 useList2(key) {
+    return useList_deprecated(key);
+  }
+  function useMap2(key) {
+    return useMap_deprecated(key);
+  }
+  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)
+      );
+      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)
+      );
+      return () => {
+        unsubscribe();
+      };
+    }, [room]);
+    return canRedo;
+  }
+  function useBatch2() {
+    return useRoom2().batch;
+  }
+  function useStorageValue(key, initialValue) {
+    const room = useRoom2();
+    const [root] = useStorageRoot2();
+    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
+      );
+      const unsubscribeRoot = room.subscribe(
+        root,
+        onRootChange
+      );
+      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,
+    useStorageRoot: useStorageRoot2,
+    useStorage: useStorage2,
+    useUndo: useUndo2,
+    useUpdateMyPresence: useUpdateMyPresence2,
+    RoomContext,
+    useList_deprecated,
+    useMap_deprecated,
+    useObject_deprecated
+  };
+}
+
+// src/compat.tsx
+import { deprecate as deprecate3 } from "@liveblocks/client/internal";
+var _hooks = createRoomContext("__legacy");
+function RoomProvider(props) {
+  deprecate3(
+    "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."
+  );
+  return _hooks.RoomProvider(props);
+}
+function useBatch() {
+  deprecate3(
+    "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() {
+  deprecate3(
+    "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) {
+  deprecate3(
+    "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) {
+  deprecate3(
+    "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() {
+  deprecate3(
+    "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() {
+  deprecate3(
+    "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() {
+  deprecate3(
+    "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() {
+  deprecate3(
+    "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() {
+  deprecate3(
+    "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() {
+  deprecate3(
+    "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 useStorageRoot() {
+  deprecate3(
+    "Please use `createRoomContext()` instead of importing `useStorageRoot` from `@liveblocks/react` directly. See https://liveblocks.io/docs/guides/upgrading#upgrading-from-0-16-to-0-17 for details."
+  );
+  return _hooks.useStorageRoot();
+}
+function useStorage() {
+  deprecate3(
+    "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() {
+  deprecate3(
+    "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() {
+  deprecate3(
+    "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) {
+  deprecate3(
+    "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) {
+  deprecate3(
+    "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) {
+  deprecate3(
+    "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);
+}
 export {
   LiveblocksProvider,
   RoomProvider,
@@ -17,6 +647,7 @@ export {
   useRoom,
   useSelf,
   useStorage,
+  useStorageRoot,
   useUndo,
-  useUpdateMyPresence,
-} from "./index.js";
+  useUpdateMyPresence
+};

package/package.json

@@ -1,10 +1,17 @@
 {
   "name": "@liveblocks/react",
-  "version": "0.17.10-debug2",
+  "version": "0.17.11-debug2",
   "description": "A set of React hooks and providers to use Liveblocks declaratively.",
   "main": "./index.js",
   "module": "./index.mjs",
   "types": "./index.d.ts",
+  "exports": {
+    ".": {
+      "require": "./index.js",
+      "import": "./index.mjs",
+      "types": "./index.d.ts"
+    }
+  },
   "keywords": [
     "react",
     "liveblocks",
@@ -17,7 +24,7 @@
   },
   "license": "Apache-2.0",
   "peerDependencies": {
-    "@liveblocks/client": "0.17.10-debug2",
+    "@liveblocks/client": "0.17.11-debug2",
     "react": "^16.14.0 || ^17 || ^18"
   },
   "repository": {