@pluv/react 0.14.1 → 0.16.0

package/dist/index.js

@@ -32,18 +32,17 @@ var src_exports = {};
 __export(src_exports, {
   ConnectionState: () => import_client2.ConnectionState,
   createBundle: () => createBundle,
-  createClient: () => import_client2.createClient,
-  y: () => import_client2.y
+  createClient: () => import_client2.createClient
 });
 module.exports = __toCommonJS(src_exports);
 var import_client2 = require("@pluv/client");
 
 // src/createBundle.tsx
 var import_react3 = require("react");
-var import_react4 = require("react");
 
 // src/createRoomBundle.tsx
 var import_client = require("@pluv/client");
+var import_crdt = require("@pluv/crdt");
 var import_fast_deep_equal = __toESM(require("fast-deep-equal"));
 var import_react2 = require("react");
 
@@ -69,7 +68,9 @@ var shallowArrayEqual = (a, b) => {
 
 // src/createRoomBundle.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var createRoomBundle = (client, options = {}) => {
+var createRoomBundle = (client, options) => {
+  var _a;
+  const _initialStorage = (_a = options.initialStorage) != null ? _a : import_crdt.noop.doc();
   const PluvRoomContext = (0, import_react2.createContext)(null);
   const MockedRoomContext = (0, import_react2.createContext)({ room: null });
   const MockedRoomProvider = (0, import_react2.memo)((props) => {
@@ -82,12 +83,10 @@ var createRoomBundle = (client, options = {}) => {
     } = props;
     const [room] = (0, import_react2.useState)(() => {
       return new import_client.MockedRoom(_room, {
-        captureTimeout: options.captureTimeout,
         events,
         initialPresence,
-        initialStorage: typeof initialStorage === "function" ? initialStorage : options.initialStorage,
-        presence: options.presence,
-        trackedOrigins: options.trackedOrigins
+        initialStorage: typeof initialStorage === "function" ? _initialStorage.getFactory(initialStorage) : _initialStorage,
+        presence: options.presence
       });
     });
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(MockedRoomContext.Provider, { value: { room }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PluvRoomContext.Provider, { value: room, children }) });
@@ -107,13 +106,11 @@ var createRoomBundle = (client, options = {}) => {
     const [room] = (0, import_react2.useState)(() => {
       return client.createRoom(_room, {
         addons: options.addons,
-        captureTimeout: options.captureTimeout,
         debug,
         initialPresence,
-        initialStorage: typeof initialStorage === "function" ? initialStorage : options.initialStorage,
+        initialStorage: typeof initialStorage === "function" ? _initialStorage.getFactory(initialStorage) : _initialStorage,
         presence: options.presence,
-        onAuthorizationFail,
-        trackedOrigins: options.trackedOrigins
+        onAuthorizationFail
       });
     });
     (0, import_react2.useEffect)(() => {
@@ -133,9 +130,9 @@ var createRoomBundle = (client, options = {}) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PluvRoomContext.Provider, { value: mockedRoom != null ? mockedRoom : room, children });
   });
   PluvRoomProvider.displayName = "PluvRoomProvider";
-  const usePluvRoom = () => (0, import_react2.useContext)(PluvRoomContext);
-  const usePluvBroadcast = () => {
-    const room = usePluvRoom();
+  const useRoom = () => (0, import_react2.useContext)(PluvRoomContext);
+  const useBroadcast = () => {
+    const room = useRoom();
     return (0, import_react2.useCallback)(
       (event, data) => {
         room.broadcast(event, data);
@@ -143,8 +140,8 @@ var createRoomBundle = (client, options = {}) => {
       [room]
     );
   };
-  const usePluvCanRedo = () => {
-    const room = usePluvRoom();
+  const useCanRedo = () => {
+    const room = useRoom();
     const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => room.storageRoot(onStoreChange),
       [room]
@@ -158,8 +155,8 @@ var createRoomBundle = (client, options = {}) => {
     );
     return canRedo;
   };
-  const usePluvCanUndo = () => {
-    const room = usePluvRoom();
+  const useCanUndo = () => {
+    const room = useRoom();
     const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => room.storageRoot(onStoreChange),
       [room]
@@ -173,9 +170,9 @@ var createRoomBundle = (client, options = {}) => {
     );
     return canRedo;
   };
-  const usePluvConnection = (selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useConnection = (selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.subscribe("connection", onStoreChange);
@@ -192,15 +189,15 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal.default
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : import_fast_deep_equal.default
     );
   };
-  const usePluvDoc = () => {
-    const room = usePluvRoom();
+  const useDoc = () => {
+    const room = useRoom();
     return room.getDoc();
   };
-  const usePluvEvent = (type, callback) => {
-    const room = usePluvRoom();
+  const useEvent = (type, callback) => {
+    const room = useRoom();
     (0, import_react2.useEffect)(() => {
       const unsubscribe = room.event(type, callback);
       return () => {
@@ -208,9 +205,9 @@ var createRoomBundle = (client, options = {}) => {
       };
     }, [callback, room, type]);
   };
-  const usePluvMyPresence = (selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useMyPresence = (selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.subscribe("my-presence", onStoreChange);
@@ -227,7 +224,7 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal.default
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : import_fast_deep_equal.default
     );
     const updateMyPresence = (0, import_react2.useCallback)(
       (value) => {
@@ -238,9 +235,9 @@ var createRoomBundle = (client, options = {}) => {
     );
     return [myPresence, updateMyPresence];
   };
-  const usePluvMyself = (selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useMyself = (selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.subscribe("myself", onStoreChange);
@@ -259,12 +256,12 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal.default
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : import_fast_deep_equal.default
     );
   };
-  const usePluvOther = (connectionId, selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useOther = (connectionId, selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.other(connectionId, onStoreChange);
@@ -286,12 +283,12 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal.default
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : import_fast_deep_equal.default
     );
   };
-  const usePluvOthers = (selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useOthers = (selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => {
         return room.subscribe("others", onStoreChange);
@@ -304,26 +301,31 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : shallowArrayEqual
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : shallowArrayEqual
     );
   };
-  const usePluvRedo = () => {
-    const room = usePluvRoom();
+  const useRedo = () => {
+    const room = useRoom();
     return room.redo;
   };
-  const usePluvStorage = (key, selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useStorage = (key, selector = identity, options2) => {
+    var _a2, _b;
+    const room = useRoom();
+    const rerender = useRerender();
+    room.subscribe("storage-loaded", () => {
+      rerender();
+    });
     const subscribe = (0, import_react2.useCallback)(
       (onStoreChange) => room.storage(key, onStoreChange),
       [key, room]
     );
     const getSnapshot = (0, import_react2.useCallback)(() => {
-      return room.getStorage(key).toJSON();
+      var _a3;
+      return (_a3 = room.getStorage(key)) == null ? void 0 : _a3.toJson();
     }, [key, room]);
     const _selector = (0, import_react2.useCallback)(
       (snapshot) => {
-        return selector(snapshot);
+        return snapshot === null ? null : selector(snapshot);
       },
       [selector]
     );
@@ -332,17 +334,17 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : import_fast_deep_equal.default
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : import_fast_deep_equal.default
     );
-    const sharedType = room.getStorage(key);
+    const sharedType = (_b = room.getStorage(key)) != null ? _b : null;
     return [data, sharedType];
   };
-  const usePluvTransact = () => {
-    const room = usePluvRoom();
+  const useTransact = () => {
+    const room = useRoom();
     return room.transact;
   };
-  const usePluvUndo = () => {
-    const room = usePluvRoom();
+  const useUndo = () => {
+    const room = useRoom();
     return room.undo;
   };
   return {
@@ -350,21 +352,21 @@ var createRoomBundle = (client, options = {}) => {
     MockedRoomProvider,
     PluvRoomProvider,
     // hooks
-    usePluvBroadcast,
-    usePluvCanRedo,
-    usePluvCanUndo,
-    usePluvConnection,
-    usePluvDoc,
-    usePluvEvent,
-    usePluvMyPresence,
-    usePluvMyself,
-    usePluvOther,
-    usePluvOthers,
-    usePluvRedo,
-    usePluvRoom,
-    usePluvStorage,
-    usePluvTransact,
-    usePluvUndo
+    useBroadcast,
+    useCanRedo,
+    useCanUndo,
+    useConnection,
+    useDoc,
+    useEvent,
+    useMyPresence,
+    useMyself,
+    useOther,
+    useOthers,
+    useRedo,
+    useRoom,
+    useStorage,
+    useTransact,
+    useUndo
   };
 };
 
@@ -372,23 +374,22 @@ var createRoomBundle = (client, options = {}) => {
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var createBundle = (client) => {
   const PluvContext = (0, import_react3.createContext)(null);
-  const PluvProvider = (0, import_react4.memo)((props) => {
+  const PluvProvider = (0, import_react3.memo)((props) => {
     const { children } = props;
     return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(PluvContext.Provider, { value: client, children });
   });
   PluvProvider.displayName = "PluvProvider";
-  const usePluvClient = () => (0, import_react4.useContext)(PluvContext);
-  const createRoomBundle2 = (options = {}) => createRoomBundle(client, options);
+  const useClient = () => (0, import_react3.useContext)(PluvContext);
+  const createRoomBundle2 = (options) => createRoomBundle(client, options);
   return {
     createRoomBundle: createRoomBundle2,
     PluvProvider,
-    usePluvClient
+    useClient
   };
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ConnectionState,
   createBundle,
-  createClient,
-  y
+  createClient
 });

package/dist/index.mjs

@@ -1,12 +1,12 @@
 // src/index.ts
-import { ConnectionState, createClient, y } from "@pluv/client";
+import { ConnectionState, createClient } from "@pluv/client";
 
 // src/createBundle.tsx
-import { createContext as createContext2 } from "react";
-import { memo as memo2, useContext as useContext2 } from "react";
+import { createContext as createContext2, memo as memo2, useContext as useContext2 } from "react";
 
 // src/createRoomBundle.tsx
 import { MockedRoom } from "@pluv/client";
+import { noop } from "@pluv/crdt";
 import fastDeepEqual from "fast-deep-equal";
 import {
   createContext,
@@ -39,7 +39,9 @@ var shallowArrayEqual = (a, b) => {
 
 // src/createRoomBundle.tsx
 import { jsx } from "react/jsx-runtime";
-var createRoomBundle = (client, options = {}) => {
+var createRoomBundle = (client, options) => {
+  var _a;
+  const _initialStorage = (_a = options.initialStorage) != null ? _a : noop.doc();
   const PluvRoomContext = createContext(null);
   const MockedRoomContext = createContext({ room: null });
   const MockedRoomProvider = memo((props) => {
@@ -52,12 +54,10 @@ var createRoomBundle = (client, options = {}) => {
     } = props;
     const [room] = useState2(() => {
       return new MockedRoom(_room, {
-        captureTimeout: options.captureTimeout,
         events,
         initialPresence,
-        initialStorage: typeof initialStorage === "function" ? initialStorage : options.initialStorage,
-        presence: options.presence,
-        trackedOrigins: options.trackedOrigins
+        initialStorage: typeof initialStorage === "function" ? _initialStorage.getFactory(initialStorage) : _initialStorage,
+        presence: options.presence
       });
     });
     return /* @__PURE__ */ jsx(MockedRoomContext.Provider, { value: { room }, children: /* @__PURE__ */ jsx(PluvRoomContext.Provider, { value: room, children }) });
@@ -77,13 +77,11 @@ var createRoomBundle = (client, options = {}) => {
     const [room] = useState2(() => {
       return client.createRoom(_room, {
         addons: options.addons,
-        captureTimeout: options.captureTimeout,
         debug,
         initialPresence,
-        initialStorage: typeof initialStorage === "function" ? initialStorage : options.initialStorage,
+        initialStorage: typeof initialStorage === "function" ? _initialStorage.getFactory(initialStorage) : _initialStorage,
         presence: options.presence,
-        onAuthorizationFail,
-        trackedOrigins: options.trackedOrigins
+        onAuthorizationFail
       });
     });
     useEffect(() => {
@@ -103,9 +101,9 @@ var createRoomBundle = (client, options = {}) => {
     return /* @__PURE__ */ jsx(PluvRoomContext.Provider, { value: mockedRoom != null ? mockedRoom : room, children });
   });
   PluvRoomProvider.displayName = "PluvRoomProvider";
-  const usePluvRoom = () => useContext(PluvRoomContext);
-  const usePluvBroadcast = () => {
-    const room = usePluvRoom();
+  const useRoom = () => useContext(PluvRoomContext);
+  const useBroadcast = () => {
+    const room = useRoom();
     return useCallback2(
       (event, data) => {
         room.broadcast(event, data);
@@ -113,8 +111,8 @@ var createRoomBundle = (client, options = {}) => {
       [room]
     );
   };
-  const usePluvCanRedo = () => {
-    const room = usePluvRoom();
+  const useCanRedo = () => {
+    const room = useRoom();
     const subscribe = useCallback2(
       (onStoreChange) => room.storageRoot(onStoreChange),
       [room]
@@ -128,8 +126,8 @@ var createRoomBundle = (client, options = {}) => {
     );
     return canRedo;
   };
-  const usePluvCanUndo = () => {
-    const room = usePluvRoom();
+  const useCanUndo = () => {
+    const room = useRoom();
     const subscribe = useCallback2(
       (onStoreChange) => room.storageRoot(onStoreChange),
       [room]
@@ -143,9 +141,9 @@ var createRoomBundle = (client, options = {}) => {
     );
     return canRedo;
   };
-  const usePluvConnection = (selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useConnection = (selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = useCallback2(
       (onStoreChange) => {
         return room.subscribe("connection", onStoreChange);
@@ -162,15 +160,15 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : fastDeepEqual
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : fastDeepEqual
     );
   };
-  const usePluvDoc = () => {
-    const room = usePluvRoom();
+  const useDoc = () => {
+    const room = useRoom();
     return room.getDoc();
   };
-  const usePluvEvent = (type, callback) => {
-    const room = usePluvRoom();
+  const useEvent = (type, callback) => {
+    const room = useRoom();
     useEffect(() => {
       const unsubscribe = room.event(type, callback);
       return () => {
@@ -178,9 +176,9 @@ var createRoomBundle = (client, options = {}) => {
       };
     }, [callback, room, type]);
   };
-  const usePluvMyPresence = (selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useMyPresence = (selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = useCallback2(
       (onStoreChange) => {
         return room.subscribe("my-presence", onStoreChange);
@@ -197,7 +195,7 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : fastDeepEqual
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : fastDeepEqual
     );
     const updateMyPresence = useCallback2(
       (value) => {
@@ -208,9 +206,9 @@ var createRoomBundle = (client, options = {}) => {
     );
     return [myPresence, updateMyPresence];
   };
-  const usePluvMyself = (selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useMyself = (selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = useCallback2(
       (onStoreChange) => {
         return room.subscribe("myself", onStoreChange);
@@ -229,12 +227,12 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : fastDeepEqual
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : fastDeepEqual
     );
   };
-  const usePluvOther = (connectionId, selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useOther = (connectionId, selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = useCallback2(
       (onStoreChange) => {
         return room.other(connectionId, onStoreChange);
@@ -256,12 +254,12 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : fastDeepEqual
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : fastDeepEqual
     );
   };
-  const usePluvOthers = (selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useOthers = (selector = identity, options2) => {
+    var _a2;
+    const room = useRoom();
     const subscribe = useCallback2(
       (onStoreChange) => {
         return room.subscribe("others", onStoreChange);
@@ -274,26 +272,31 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : shallowArrayEqual
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : shallowArrayEqual
     );
   };
-  const usePluvRedo = () => {
-    const room = usePluvRoom();
+  const useRedo = () => {
+    const room = useRoom();
     return room.redo;
   };
-  const usePluvStorage = (key, selector = identity, options2) => {
-    var _a;
-    const room = usePluvRoom();
+  const useStorage = (key, selector = identity, options2) => {
+    var _a2, _b;
+    const room = useRoom();
+    const rerender = useRerender();
+    room.subscribe("storage-loaded", () => {
+      rerender();
+    });
     const subscribe = useCallback2(
       (onStoreChange) => room.storage(key, onStoreChange),
       [key, room]
     );
     const getSnapshot = useCallback2(() => {
-      return room.getStorage(key).toJSON();
+      var _a3;
+      return (_a3 = room.getStorage(key)) == null ? void 0 : _a3.toJson();
     }, [key, room]);
     const _selector = useCallback2(
       (snapshot) => {
-        return selector(snapshot);
+        return snapshot === null ? null : selector(snapshot);
       },
       [selector]
     );
@@ -302,17 +305,17 @@ var createRoomBundle = (client, options = {}) => {
       getSnapshot,
       getSnapshot,
       _selector,
-      (_a = options2 == null ? void 0 : options2.isEqual) != null ? _a : fastDeepEqual
+      (_a2 = options2 == null ? void 0 : options2.isEqual) != null ? _a2 : fastDeepEqual
     );
-    const sharedType = room.getStorage(key);
+    const sharedType = (_b = room.getStorage(key)) != null ? _b : null;
     return [data, sharedType];
   };
-  const usePluvTransact = () => {
-    const room = usePluvRoom();
+  const useTransact = () => {
+    const room = useRoom();
     return room.transact;
   };
-  const usePluvUndo = () => {
-    const room = usePluvRoom();
+  const useUndo = () => {
+    const room = useRoom();
     return room.undo;
   };
   return {
@@ -320,21 +323,21 @@ var createRoomBundle = (client, options = {}) => {
     MockedRoomProvider,
     PluvRoomProvider,
     // hooks
-    usePluvBroadcast,
-    usePluvCanRedo,
-    usePluvCanUndo,
-    usePluvConnection,
-    usePluvDoc,
-    usePluvEvent,
-    usePluvMyPresence,
-    usePluvMyself,
-    usePluvOther,
-    usePluvOthers,
-    usePluvRedo,
-    usePluvRoom,
-    usePluvStorage,
-    usePluvTransact,
-    usePluvUndo
+    useBroadcast,
+    useCanRedo,
+    useCanUndo,
+    useConnection,
+    useDoc,
+    useEvent,
+    useMyPresence,
+    useMyself,
+    useOther,
+    useOthers,
+    useRedo,
+    useRoom,
+    useStorage,
+    useTransact,
+    useUndo
   };
 };
 
@@ -347,17 +350,16 @@ var createBundle = (client) => {
     return /* @__PURE__ */ jsx2(PluvContext.Provider, { value: client, children });
   });
   PluvProvider.displayName = "PluvProvider";
-  const usePluvClient = () => useContext2(PluvContext);
-  const createRoomBundle2 = (options = {}) => createRoomBundle(client, options);
+  const useClient = () => useContext2(PluvContext);
+  const createRoomBundle2 = (options) => createRoomBundle(client, options);
   return {
     createRoomBundle: createRoomBundle2,
     PluvProvider,
-    usePluvClient
+    useClient
   };
 };
 export {
   ConnectionState,
   createBundle,
-  createClient,
-  y
+  createClient
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pluv/react",
-  "version": "0.14.1",
+  "version": "0.16.0",
   "description": "@pluv/client React.js bindings",
   "author": "leedavidcs",
   "license": "MIT",
@@ -17,25 +17,24 @@
     "access": "public"
   },
   "dependencies": {
-    "@types/react": "^18.2.45",
+    "@types/react": "^18.2.55",
     "@types/use-sync-external-store": "^0.0.6",
     "fast-deep-equal": "^3.1.3",
     "use-sync-external-store": "^1.2.0",
-    "@pluv/client": "^0.14.1",
-    "@pluv/types": "^0.14.1"
+    "@pluv/client": "^0.16.0",
+    "@pluv/crdt": "^0.16.0",
+    "@pluv/types": "^0.16.0"
   },
   "peerDependencies": {
-    "react": "^17.0.0 || ^18.0.0",
-    "yjs": "^13.0.0"
+    "react": "^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
     "eslint": "^8.56.0",
     "react": "^18.2.0",
-    "tsup": "^8.0.1",
-    "typescript": "^5.2.2",
-    "yjs": "^13.6.10",
-    "@pluv/tsconfig": "^0.14.1",
-    "eslint-config-pluv": "^0.14.1"
+    "tsup": "^8.0.2",
+    "typescript": "^5.3.3",
+    "@pluv/tsconfig": "^0.16.0",
+    "eslint-config-pluv": "^0.16.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts --external react",