@pluv/react 2.0.2 → 2.1.0

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @pluv/react@2.0.2 build /home/runner/work/pluv/pluv/packages/react
+> @pluv/react@2.1.0 build /home/runner/work/pluv/pluv/packages/react
 > tsup src/index.ts --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.ts
@@ -8,11 +8,11 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-ESM dist/index.mjs 16.73 KB
-ESM ⚡️ Build success in 122ms
+ESM dist/index.mjs 16.72 KB
+ESM ⚡️ Build success in 105ms
 CJS dist/index.js 19.10 KB
-CJS ⚡️ Build success in 124ms
+CJS ⚡️ Build success in 101ms
 DTS Build start
-DTS ⚡️ Build success in 6265ms
+DTS ⚡️ Build success in 6294ms
 DTS dist/index.d.mts 5.70 KB
 DTS dist/index.d.ts  5.70 KB

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @pluv/react
 
+## 2.1.0
+
+### Minor Changes
+
+- 8931f7b: Moved `@pluv/client` from `peerDependencies` to `dependencies` due to an unfortunate [changesets design decision](https://github.com/changesets/changesets/issues/1011).
+
+### Patch Changes
+
+- e8d8fbc: Updated the internals of various hooks to use the new `PluvRoom.subscribe` object.
+- Updated dependencies [e8d8fbc]
+- Updated dependencies [a86ff5e]
+- Updated dependencies [d5ac29e]
+- Updated dependencies [5ca5cb6]
+- Updated dependencies [4acbe1e]
+- Updated dependencies [e8d8fbc]
+  - @pluv/client@2.1.0
+  - @pluv/crdt@2.1.0
+  - @pluv/types@2.1.0
+
 ## 2.0.2
 
 ### Patch Changes

package/dist/index.js

@@ -278,7 +278,7 @@ var createBundle = (client, options = {}) => {
         });
       });
       (0, import_react6.useEffect)(() => {
-        const unsubscribe = room.subscribe("connection", () => {
+        const unsubscribe = room.subscribe.connection(() => {
           rerender();
         });
         return () => {
@@ -351,7 +351,7 @@ var createBundle = (client, options = {}) => {
   const useCanRedo = () => {
     const room = useRoom();
     const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.storageRoot(onStoreChange),
+      (onStoreChange) => room.subscribe.storage(onStoreChange),
       [room]
     );
     const getSnapshot = (0, import_react6.useCallback)(() => room.canRedo(), [room]);
@@ -366,7 +366,7 @@ var createBundle = (client, options = {}) => {
   const useCanUndo = () => {
     const room = useRoom();
     const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.storageRoot(onStoreChange),
+      (onStoreChange) => room.subscribe.storage(onStoreChange),
       [room]
     );
     const getSnapshot = (0, import_react6.useCallback)(() => room.canUndo(), [room]);
@@ -383,7 +383,7 @@ var createBundle = (client, options = {}) => {
     const room = useRoom();
     const subscribe = (0, import_react6.useCallback)(
       (onStoreChange) => {
-        return room.subscribe("connection", onStoreChange);
+        return room.subscribe.connection(onStoreChange);
       },
       [room]
     );
@@ -407,7 +407,7 @@ var createBundle = (client, options = {}) => {
   const useEvent = (type, callback) => {
     const room = useRoom();
     (0, import_react6.useEffect)(() => {
-      const unsubscribe = room.event(type, callback);
+      const unsubscribe = room.subscribe.event(type, callback);
       return () => {
         unsubscribe();
       };
@@ -432,7 +432,7 @@ var createBundle = (client, options = {}) => {
     const room = useRoom();
     const subscribe = (0, import_react6.useCallback)(
       (onStoreChange) => {
-        return room.subscribe("my-presence", onStoreChange);
+        return room.subscribe.myPresence(onStoreChange);
       },
       [room]
     );
@@ -455,7 +455,7 @@ var createBundle = (client, options = {}) => {
     const room = useRoom();
     const subscribe = (0, import_react6.useCallback)(
       (onStoreChange) => {
-        return room.subscribe("myself", onStoreChange);
+        return room.subscribe.myself(onStoreChange);
       },
       [room]
     );
@@ -478,9 +478,7 @@ var createBundle = (client, options = {}) => {
     var _a;
     const room = useRoom();
     const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => {
-        return room.other(connectionId, onStoreChange);
-      },
+      (onStoreChange) => room.subscribe.other(connectionId, onStoreChange),
       [room, connectionId]
     );
     const getSnapshot = (0, import_react6.useCallback)(() => room.getOther(connectionId), [room, connectionId]);
@@ -503,7 +501,7 @@ var createBundle = (client, options = {}) => {
     const room = useRoom();
     const subscribe = (0, import_react6.useCallback)(
       (onStoreChange) => {
-        return room.subscribe("others", onStoreChange);
+        return room.subscribe.others(onStoreChange);
       },
       [room]
     );
@@ -529,11 +527,11 @@ var createBundle = (client, options = {}) => {
     var _a, _b;
     const room = useRoom();
     const rerender = useRerender();
-    room.subscribe("storage-loaded", () => {
+    room.subscribe.storageLoaded(() => {
       rerender();
     });
     const subscribe = (0, import_react6.useCallback)(
-      (onStoreChange) => room.storage(key, onStoreChange),
+      (onStoreChange) => room.subscribe.storage(key, onStoreChange),
       [key, room]
     );
     const getSnapshot = (0, import_react6.useCallback)(() => {

package/dist/index.mjs

@@ -245,7 +245,7 @@ var createBundle = (client, options = {}) => {
         });
       });
       useEffect3(() => {
-        const unsubscribe = room.subscribe("connection", () => {
+        const unsubscribe = room.subscribe.connection(() => {
           rerender();
         });
         return () => {
@@ -318,7 +318,7 @@ var createBundle = (client, options = {}) => {
   const useCanRedo = () => {
     const room = useRoom();
     const subscribe = useCallback4(
-      (onStoreChange) => room.storageRoot(onStoreChange),
+      (onStoreChange) => room.subscribe.storage(onStoreChange),
       [room]
     );
     const getSnapshot = useCallback4(() => room.canRedo(), [room]);
@@ -333,7 +333,7 @@ var createBundle = (client, options = {}) => {
   const useCanUndo = () => {
     const room = useRoom();
     const subscribe = useCallback4(
-      (onStoreChange) => room.storageRoot(onStoreChange),
+      (onStoreChange) => room.subscribe.storage(onStoreChange),
       [room]
     );
     const getSnapshot = useCallback4(() => room.canUndo(), [room]);
@@ -350,7 +350,7 @@ var createBundle = (client, options = {}) => {
     const room = useRoom();
     const subscribe = useCallback4(
       (onStoreChange) => {
-        return room.subscribe("connection", onStoreChange);
+        return room.subscribe.connection(onStoreChange);
       },
       [room]
     );
@@ -374,7 +374,7 @@ var createBundle = (client, options = {}) => {
   const useEvent = (type, callback) => {
     const room = useRoom();
     useEffect3(() => {
-      const unsubscribe = room.event(type, callback);
+      const unsubscribe = room.subscribe.event(type, callback);
       return () => {
         unsubscribe();
       };
@@ -399,7 +399,7 @@ var createBundle = (client, options = {}) => {
     const room = useRoom();
     const subscribe = useCallback4(
       (onStoreChange) => {
-        return room.subscribe("my-presence", onStoreChange);
+        return room.subscribe.myPresence(onStoreChange);
       },
       [room]
     );
@@ -422,7 +422,7 @@ var createBundle = (client, options = {}) => {
     const room = useRoom();
     const subscribe = useCallback4(
       (onStoreChange) => {
-        return room.subscribe("myself", onStoreChange);
+        return room.subscribe.myself(onStoreChange);
       },
       [room]
     );
@@ -445,9 +445,7 @@ var createBundle = (client, options = {}) => {
     var _a;
     const room = useRoom();
     const subscribe = useCallback4(
-      (onStoreChange) => {
-        return room.other(connectionId, onStoreChange);
-      },
+      (onStoreChange) => room.subscribe.other(connectionId, onStoreChange),
       [room, connectionId]
     );
     const getSnapshot = useCallback4(() => room.getOther(connectionId), [room, connectionId]);
@@ -470,7 +468,7 @@ var createBundle = (client, options = {}) => {
     const room = useRoom();
     const subscribe = useCallback4(
       (onStoreChange) => {
-        return room.subscribe("others", onStoreChange);
+        return room.subscribe.others(onStoreChange);
       },
       [room]
     );
@@ -496,11 +494,11 @@ var createBundle = (client, options = {}) => {
     var _a, _b;
     const room = useRoom();
     const rerender = useRerender();
-    room.subscribe("storage-loaded", () => {
+    room.subscribe.storageLoaded(() => {
       rerender();
     });
     const subscribe = useCallback4(
-      (onStoreChange) => room.storage(key, onStoreChange),
+      (onStoreChange) => room.subscribe.storage(key, onStoreChange),
       [key, room]
     );
     const getSnapshot = useCallback4(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pluv/react",
-  "version": "2.0.2",
+  "version": "2.1.0",
   "description": "@pluv/client React.js bindings",
   "author": "leedavidcs",
   "license": "MIT",
@@ -18,13 +18,13 @@
   },
   "dependencies": {
     "fast-deep-equal": "^3.1.3",
-    "@pluv/crdt": "^2.0.2",
-    "@pluv/types": "^2.0.2"
+    "@pluv/client": "^2.1.0",
+    "@pluv/crdt": "^2.1.0",
+    "@pluv/types": "^2.1.0"
   },
   "peerDependencies": {
     "@types/react": "^18.0.0 || ^19.0.0",
-    "react": "^18.0.0 || ^19.0.0",
-    "@pluv/client": "^2.0.2"
+    "react": "^18.0.0 || ^19.0.0"
   },
   "devDependencies": {
     "@types/react": "^19.1.3",
@@ -32,9 +32,8 @@
     "react": "^19.1.0",
     "tsup": "^8.4.0",
     "typescript": "^5.8.3",
-    "@pluv/client": "^2.0.2",
-    "@pluv/tsconfig": "^2.0.2",
-    "eslint-config-pluv": "^2.0.2"
+    "@pluv/tsconfig": "^2.1.0",
+    "eslint-config-pluv": "^2.1.0"
   },
   "scripts": {
     "build": "tsup src/index.ts --format esm,cjs --dts --external react",

package/src/createBundle.tsx

@@ -269,7 +269,7 @@ export const createBundle = <
             });
 
             useEffect(() => {
-                const unsubscribe = room.subscribe("connection", () => {
+                const unsubscribe = room.subscribe.connection(() => {
                     rerender();
                 });
 
@@ -378,7 +378,7 @@ export const createBundle = <
         const room = useRoom();
 
         const subscribe = useCallback(
-            (onStoreChange: () => void) => room.storageRoot(onStoreChange),
+            (onStoreChange: () => void) => room.subscribe.storage(onStoreChange),
             [room],
         );
 
@@ -398,7 +398,7 @@ export const createBundle = <
         const room = useRoom();
 
         const subscribe = useCallback(
-            (onStoreChange: () => void) => room.storageRoot(onStoreChange),
+            (onStoreChange: () => void) => room.subscribe.storage(onStoreChange),
             [room],
         );
 
@@ -422,7 +422,7 @@ export const createBundle = <
 
         const subscribe = useCallback(
             (onStoreChange: () => void) => {
-                return room.subscribe("connection", onStoreChange);
+                return room.subscribe.connection(onStoreChange);
             },
             [room],
         );
@@ -456,7 +456,7 @@ export const createBundle = <
         const room = useRoom();
 
         useEffect(() => {
-            const unsubscribe = room.event(type, callback);
+            const unsubscribe = room.subscribe.event(type, callback);
 
             return () => {
                 unsubscribe();
@@ -497,7 +497,7 @@ export const createBundle = <
 
         const subscribe = useCallback(
             (onStoreChange: () => void) => {
-                return room.subscribe("my-presence", onStoreChange);
+                return room.subscribe.myPresence(onStoreChange);
             },
             [room],
         );
@@ -528,7 +528,7 @@ export const createBundle = <
 
         const subscribe = useCallback(
             (onStoreChange: () => void) => {
-                return room.subscribe("myself", onStoreChange);
+                return room.subscribe.myself(onStoreChange);
             },
             [room],
         );
@@ -559,9 +559,7 @@ export const createBundle = <
         const room = useRoom();
 
         const subscribe = useCallback(
-            (onStoreChange: () => void) => {
-                return room.other(connectionId, onStoreChange);
-            },
+            (onStoreChange: () => void) => room.subscribe.other(connectionId, onStoreChange),
             [room, connectionId],
         );
 
@@ -591,7 +589,7 @@ export const createBundle = <
 
         const subscribe = useCallback(
             (onStoreChange: () => void) => {
-                return room.subscribe("others", onStoreChange);
+                return room.subscribe.others(onStoreChange);
             },
             [room],
         );
@@ -639,12 +637,12 @@ export const createBundle = <
         const room = useRoom();
         const rerender = useRerender();
 
-        room.subscribe("storage-loaded", () => {
+        room.subscribe.storageLoaded(() => {
             rerender();
         });
 
         const subscribe = useCallback(
-            (onStoreChange: () => void) => room.storage(key, onStoreChange),
+            (onStoreChange: () => void) => room.subscribe.storage(key, onStoreChange),
             [key, room],
         );