@liveblocks/zustand 0.15.0 → 0.15.4

package/README.md

@@ -0,0 +1,40 @@
+<p align="center">
+  <a href="https://liveblocks.io">
+    <img src="https://liveblocks.io/images/blog/introducing-liveblocks.png">
+  </a>
+</p>
+
+# Liveblocks · [![Twitter Follow](https://shields.io/twitter/follow/liveblocks?label=Follow)](https://twitter.com/liveblocks)
+
+**At [Liveblocks](https://liveblocks.io), we’re building tools to help companies create world-class collaborative products that attract, engage and retain users.** This repository is a set of open-source packages for building performant and reliable multiplayer experiences.
+
+## Installation
+
+```
+npm install @liveblocks/client @liveblocks/zustand
+```
+
+## Documentation
+
+- Start with the [React-Zustand guide](https://liveblocks.io/docs/get-started/react-zustand).
+- Explore the [API Reference](https://liveblocks.io/docs/api-reference/liveblocks-zustand).
+
+## Examples
+
+- Browse our gallery of collaborative UI patterns. [View examples gallery](https://liveblocks.io/examples)
+- Explore and clone any of our open-source examples. [View code examples](https://github.com/liveblocks/liveblocks/tree/main/examples)
+
+## Releases
+
+For changelog, visit [https://github.com/liveblocks/liveblocks/releases](https://github.com/liveblocks/liveblocks/releases).
+
+## Community
+
+- [Discord](https://discord.gg/X4YWJuH9VY) - To get involved with the Liveblocks community, ask questions and share tips.
+- [Twitter](https://twitter.com/liveblocks) - To receive updates, announcements, blog posts, and general Liveblocks tips.
+
+## License
+
+Licensed under the Apache License 2.0, Copyright © 2021-present [Liveblocks](https://liveblocks.io).
+
+See [LICENSE](../../LICENSE) for more information.

package/lib/esm/index.js

@@ -87,6 +87,11 @@ function middleware(config, options) {
           connection: room.getConnectionState()
         });
       }));
+      unsubscribeCallbacks.push(room.subscribe("my-presence", () => {
+        if (isPatching === false) {
+          set(patchPresenceState(room.getPresence(), presenceMapping));
+        }
+      }));
       room.getStorage().then(({ root }) => {
         const updates = {};
         room.batch(() => {
@@ -150,6 +155,13 @@ function patchState(state, updates, mapping) {
   }
   return result;
 }
+function patchPresenceState(presence, mapping) {
+  const partialState = {};
+  for (const key in mapping) {
+    partialState[key] = presence[key];
+  }
+  return partialState;
+}
 function updateZustandLiveblocksState(set, partial) {
   set((state) => ({ liveblocks: __spreadValues(__spreadValues({}, state.liveblocks), partial) }));
 }

package/lib/esm/index.mjs

@@ -87,6 +87,11 @@ function middleware(config, options) {
           connection: room.getConnectionState()
         });
       }));
+      unsubscribeCallbacks.push(room.subscribe("my-presence", () => {
+        if (isPatching === false) {
+          set(patchPresenceState(room.getPresence(), presenceMapping));
+        }
+      }));
       room.getStorage().then(({ root }) => {
         const updates = {};
         room.batch(() => {
@@ -150,6 +155,13 @@ function patchState(state, updates, mapping) {
   }
   return result;
 }
+function patchPresenceState(presence, mapping) {
+  const partialState = {};
+  for (const key in mapping) {
+    partialState[key] = presence[key];
+  }
+  return partialState;
+}
 function updateZustandLiveblocksState(set, partial) {
   set((state) => ({ liveblocks: __spreadValues(__spreadValues({}, state.liveblocks), partial) }));
 }

package/lib/index.js

@@ -141,6 +141,11 @@ function middleware(config, options) {
           connection: room.getConnectionState()
         });
       }));
+      unsubscribeCallbacks.push(room.subscribe("my-presence", function () {
+        if (isPatching === false) {
+          set(patchPresenceState(room.getPresence(), presenceMapping));
+        }
+      }));
       room.getStorage().then(function (_ref) {
         var root = _ref.root;
         var updates = {};
@@ -220,6 +225,16 @@ function patchState(state, updates, mapping) {
   return result;
 }
 
+function patchPresenceState(presence, mapping) {
+  var partialState = {};
+
+  for (var _key4 in mapping) {
+    partialState[_key4] = presence[_key4];
+  }
+
+  return partialState;
+}
+
 function updateZustandLiveblocksState(set, partial) {
   set(function (state) {
     return {
@@ -229,35 +244,35 @@ function updateZustandLiveblocksState(set, partial) {
 }
 
 function broadcastInitialPresence(room, state, mapping) {
-  for (var _key4 in mapping) {
+  for (var _key5 in mapping) {
     var _room$updatePresence;
 
-    room == null ? void 0 : room.updatePresence((_room$updatePresence = {}, _room$updatePresence[_key4] = state[_key4], _room$updatePresence));
+    room == null ? void 0 : room.updatePresence((_room$updatePresence = {}, _room$updatePresence[_key5] = state[_key5], _room$updatePresence));
   }
 }
 
 function updatePresence(room, oldState, newState, presenceMapping) {
-  for (var _key5 in presenceMapping) {
-    if (typeof newState[_key5] === "function") {
+  for (var _key6 in presenceMapping) {
+    if (typeof newState[_key6] === "function") {
       throw mappingToFunctionIsNotAllowed("value");
     }
 
-    if (oldState[_key5] !== newState[_key5]) {
+    if (oldState[_key6] !== newState[_key6]) {
       var _room$updatePresence2;
 
-      room.updatePresence((_room$updatePresence2 = {}, _room$updatePresence2[_key5] = newState[_key5], _room$updatePresence2));
+      room.updatePresence((_room$updatePresence2 = {}, _room$updatePresence2[_key6] = newState[_key6], _room$updatePresence2));
     }
   }
 }
 
 function patchLiveblocksStorage(root, oldState, newState, mapping) {
-  for (var _key6 in mapping) {
-    if (process.env.NODE_ENV !== "production" && typeof newState[_key6] === "function") {
+  for (var _key7 in mapping) {
+    if (process.env.NODE_ENV !== "production" && typeof newState[_key7] === "function") {
       throw mappingToFunctionIsNotAllowed("value");
     }
 
-    if (oldState[_key6] !== newState[_key6]) {
-      patchLiveObjectKey(root, _key6, oldState[_key6], newState[_key6]);
+    if (oldState[_key7] !== newState[_key7]) {
+      patchLiveObjectKey(root, _key7, oldState[_key7], newState[_key7]);
     }
   }
 }
@@ -267,9 +282,9 @@ function isObject(value) {
 }
 
 function validateNoDuplicateKeys(storageMapping, presenceMapping) {
-  for (var _key7 in storageMapping) {
-    if (presenceMapping[_key7] !== undefined) {
-      throw mappingShouldNotHaveTheSameKeys(_key7);
+  for (var _key8 in storageMapping) {
+    if (presenceMapping[_key8] !== undefined) {
+      throw mappingShouldNotHaveTheSameKeys(_key8);
     }
   }
 }
@@ -287,13 +302,13 @@ function validateMapping(mapping, mappingType) {
 
   var result = {};
 
-  for (var _key8 in mapping) {
-    if (process.env.NODE_ENV !== "production" && typeof mapping[_key8] !== "boolean") {
-      throw mappingValueShouldBeABoolean(mappingType, _key8);
+  for (var _key9 in mapping) {
+    if (process.env.NODE_ENV !== "production" && typeof mapping[_key9] !== "boolean") {
+      throw mappingValueShouldBeABoolean(mappingType, _key9);
     }
 
-    if (mapping[_key8] === true) {
-      result[_key8] = true;
+    if (mapping[_key9] === true) {
+      result[_key9] = true;
     }
   }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@liveblocks/zustand",
-  "version": "0.15.0",
+  "version": "0.15.4",
   "sideEffects": false,
   "description": "",
   "main": "./lib/index.js",
@@ -36,7 +36,7 @@
     "directory": "packages/liveblocks-zustand"
   },
   "peerDependencies": {
-    "@liveblocks/client": "0.15.0",
+    "@liveblocks/client": "0.15.4",
     "zustand": "^3"
   },
   "devDependencies": {
@@ -59,4 +59,4 @@
     "whatwg-fetch": "^3.6.2",
     "zustand": "^3.6.9"
   }
-}
+}