@liveblocks/zustand 0.16.4-beta1 → 0.16.5

package/index.d.ts

@@ -1,6 +1,7 @@
-import { StateCreator, SetState, GetState, StoreApi } from "zustand";
-import { Client, Presence, Room, User } from "@liveblocks/client";
-export declare type LiveblocksState<TState, TPresence extends Presence = Presence> = TState & {
+import { Presence, Room, User, Client } from '@liveblocks/client';
+import { StateCreator, SetState, GetState, StoreApi } from 'zustand';
+
+declare type LiveblocksState<TState, TPresence extends Presence = Presence> = TState & {
     /**
      * Liveblocks extra state attached by the middleware
      */
@@ -34,7 +35,7 @@ export declare type LiveblocksState<TState, TPresence extends Presence = Presenc
         readonly connection: "closed" | "authenticating" | "unavailable" | "failed" | "open" | "connecting";
     };
 };
-export declare type Mapping<T> = Partial<{
+declare type Mapping<T> = Partial<{
     [Property in keyof T]: boolean;
 }>;
 declare type Options<T> = {
@@ -51,5 +52,6 @@ declare type Options<T> = {
      */
     presenceMapping?: Mapping<T>;
 };
-export declare function middleware<T extends Record<string, unknown>, TPresence extends Record<string, unknown> = Presence>(config: StateCreator<T, SetState<T>, GetState<LiveblocksState<T>>, StoreApi<T>>, options: Options<T>): StateCreator<LiveblocksState<T, TPresence>, SetState<LiveblocksState<T, TPresence>>, GetState<LiveblocksState<T, TPresence>>, StoreApi<LiveblocksState<T, TPresence>>>;
-export {};
+declare function middleware<T extends Record<string, unknown>, TPresence extends Record<string, unknown> = Presence>(config: StateCreator<T, SetState<T>, GetState<LiveblocksState<T>>, StoreApi<T>>, options: Options<T>): StateCreator<LiveblocksState<T, TPresence>, SetState<LiveblocksState<T, TPresence>>, GetState<LiveblocksState<T, TPresence>>, StoreApi<LiveblocksState<T, TPresence>>>;
+
+export { LiveblocksState, Mapping, middleware };

package/index.js

@@ -1,318 +1,185 @@
-'use strict';
+"use strict";
 
-Object.defineProperty(exports, '__esModule', { value: true });
+Object.defineProperty(exports, "__esModule", {
+ value: !0
+});
 
-var client = require('@liveblocks/client');
+var internal = require("@liveblocks/client/internal");
 
 function _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+ return _extends = Object.assign || function(target) {
+  for (var i = 1; i < arguments.length; i++) {
+   var source = arguments[i];
+   for (var key in source) Object.prototype.hasOwnProperty.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+ }, _extends.apply(this, arguments);
 }
 
 function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-
-  return arr2;
+ (null == len || len > arr.length) && (len = arr.length);
+ for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
+ return arr2;
 }
 
 function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
-
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
-    return function () {
-      if (i >= o.length) return {
-        done: true
-      };
-      return {
-        done: false,
-        value: o[i++]
-      };
-    };
+ var it = "undefined" != typeof Symbol && o[Symbol.iterator] || o["@@iterator"];
+ if (it) return (it = it.call(o)).next.bind(it);
+ if (Array.isArray(o) || (it = function(o, minLen) {
+  if (o) {
+   if ("string" == typeof o) return _arrayLikeToArray(o, minLen);
+   var n = Object.prototype.toString.call(o).slice(8, -1);
+   return "Object" === n && o.constructor && (n = o.constructor.name), "Map" === n || "Set" === n ? Array.from(o) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? _arrayLikeToArray(o, minLen) : void 0;
   }
-
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+ }(o)) || allowArrayLike && o && "number" == typeof o.length) {
+  it && (o = it);
+  var i = 0;
+  return function() {
+   return i >= o.length ? {
+    done: !0
+   } : {
+    done: !1,
+    value: o[i++]
+   };
+  };
+ }
+ throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
 var ERROR_PREFIX = "Invalid @liveblocks/zustand middleware config.";
-function missingClient() {
-  return new Error(ERROR_PREFIX + " client is missing");
-}
-function missingMapping(mappingType) {
-  return new Error(ERROR_PREFIX + " " + mappingType + " is missing.");
-}
-function mappingShouldBeAnObject(mappingType) {
-  return new Error(ERROR_PREFIX + " " + mappingType + " should be an object where the values are boolean.");
-}
+
 function mappingValueShouldBeABoolean(mappingType, key) {
-  return new Error(ERROR_PREFIX + " " + mappingType + "." + key + " value should be a boolean");
+ return new Error(ERROR_PREFIX + " " + mappingType + "." + key + " value should be a boolean");
 }
+
 function mappingShouldNotHaveTheSameKeys(key) {
-  return new Error(ERROR_PREFIX + " \"" + key + "\" is mapped on presenceMapping and storageMapping. A key shouldn't exist on both mapping.");
+ return new Error(ERROR_PREFIX + ' "' + key + "\" is mapped on presenceMapping and storageMapping. A key shouldn't exist on both mapping.");
 }
+
 function mappingToFunctionIsNotAllowed(key) {
-  return new Error(ERROR_PREFIX + " mapping." + key + " is invalid. Mapping to a function is not allowed.");
+ return new Error(ERROR_PREFIX + " mapping." + key + " is invalid. Mapping to a function is not allowed.");
 }
 
-var patchLiveObjectKey = client.internals.patchLiveObjectKey,
-    patchImmutableObject = client.internals.patchImmutableObject,
-    lsonToJson = client.internals.lsonToJson;
-function middleware(config, options) {
-  if (process.env.NODE_ENV !== "production" && options.client == null) {
-    throw missingClient();
-  }
-
-  var client = options.client;
-  var storageMapping = validateMapping(options.storageMapping || {}, "storageMapping");
-  var presenceMapping = validateMapping(options.presenceMapping || {}, "presenceMapping");
-
-  if (process.env.NODE_ENV !== "production") {
-    validateNoDuplicateKeys(storageMapping, presenceMapping);
-  }
-
-  return function (set, get, api) {
-    var typedSet = set;
-    var room = null;
-    var isPatching = false;
-    var storageRoot = null;
-    var unsubscribeCallbacks = [];
-    var store = config(function (args) {
-      var oldState = get();
-      set(args);
-      var newState = get();
-
-      if (room) {
-        isPatching = true;
-        updatePresence(room, oldState, newState, presenceMapping);
-        room.batch(function () {
-          if (storageRoot) {
-            patchLiveblocksStorage(storageRoot, oldState, newState, storageMapping);
-          }
-        });
-        isPatching = false;
-      }
-    }, get, api);
-
-    function enterRoom(roomId, initialState) {
-      if (storageRoot) {
-        return;
-      }
+function updateZustandLiveblocksState(set, partial) {
+ set((function(state) {
+  return {
+   liveblocks: _extends({}, state.liveblocks, partial)
+  };
+ }));
+}
 
-      room = client.enter(roomId);
-      updateZustandLiveblocksState(set, {
-        isStorageLoading: true,
-        room: room
+function validateMapping(mapping, mappingType) {
+ if ("production" !== process.env.NODE_ENV) {
+  if (null == mapping) throw function(mappingType) {
+   return new Error(ERROR_PREFIX + " " + mappingType + " is missing.");
+  }(mappingType);
+  if (value = mapping, "[object Object]" !== Object.prototype.toString.call(value)) throw function(mappingType) {
+   return new Error(ERROR_PREFIX + " " + mappingType + " should be an object where the values are boolean.");
+  }(mappingType);
+ }
+ var value, result = {};
+ for (var key in mapping) {
+  if ("production" !== process.env.NODE_ENV && "boolean" != typeof mapping[key]) throw mappingValueShouldBeABoolean(mappingType, key);
+  !0 === mapping[key] && (result[key] = !0);
+ }
+ return result;
+}
+
+exports.middleware = function(config, options) {
+ if ("production" !== process.env.NODE_ENV && null == options.client) throw new Error(ERROR_PREFIX + " client is missing");
+ var client = options.client, storageMapping = validateMapping(options.storageMapping || {}, "storageMapping"), presenceMapping = validateMapping(options.presenceMapping || {}, "presenceMapping");
+ return "production" !== process.env.NODE_ENV && function(storageMapping, presenceMapping) {
+  for (var key in storageMapping) if (void 0 !== presenceMapping[key]) throw mappingShouldNotHaveTheSameKeys(key);
+ }(storageMapping, presenceMapping), function(set, get, api) {
+  var typedSet = set, room = null, isPatching = !1, storageRoot = null, unsubscribeCallbacks = [], store = config((function(args) {
+   var oldState = get();
+   set(args);
+   var newState = get();
+   room && (isPatching = !0, function(room, oldState, newState, presenceMapping) {
+    for (var key in presenceMapping) {
+     if ("function" == typeof newState[key]) throw mappingToFunctionIsNotAllowed("value");
+     var _room$updatePresence2;
+     if (oldState[key] !== newState[key]) room.updatePresence(((_room$updatePresence2 = {})[key] = newState[key], 
+     _room$updatePresence2));
+    }
+   }(room, oldState, newState, presenceMapping), room.batch((function() {
+    storageRoot && function(root, oldState, newState, mapping) {
+     for (var key in mapping) {
+      if ("production" !== process.env.NODE_ENV && "function" == typeof newState[key]) throw mappingToFunctionIsNotAllowed("value");
+      oldState[key] !== newState[key] && internal.patchLiveObjectKey(root, key, oldState[key], newState[key]);
+     }
+    }(storageRoot, oldState, newState, storageMapping);
+   })), isPatching = !1);
+  }), get, api);
+  return _extends({}, store, {
+   liveblocks: {
+    enterRoom: function(roomId, initialState) {
+     if (!storageRoot) {
+      room = client.enter(roomId), updateZustandLiveblocksState(set, {
+       isStorageLoading: !0,
+       room: room
       });
       var state = get();
-      broadcastInitialPresence(room, state, presenceMapping);
-      unsubscribeCallbacks.push(room.subscribe("others", function (others) {
-        updateZustandLiveblocksState(set, {
-          others: others.toArray()
-        });
-      }));
-      unsubscribeCallbacks.push(room.subscribe("connection", function () {
-        updateZustandLiveblocksState(set, {
-          connection: room.getConnectionState()
-        });
-      }));
-      unsubscribeCallbacks.push(room.subscribe("my-presence", function () {
-        if (isPatching === false) {
-          set(patchPresenceState(room.getPresence(), presenceMapping));
+      !function(room, state, mapping) {
+       for (var key in mapping) {
+        var _room$updatePresence;
+        null == room || room.updatePresence(((_room$updatePresence = {})[key] = state[key], 
+        _room$updatePresence));
+       }
+      }(room, state, presenceMapping), unsubscribeCallbacks.push(room.subscribe("others", (function(others) {
+       updateZustandLiveblocksState(set, {
+        others: others.toArray()
+       });
+      }))), unsubscribeCallbacks.push(room.subscribe("connection", (function() {
+       updateZustandLiveblocksState(set, {
+        connection: room.getConnectionState()
+       });
+      }))), unsubscribeCallbacks.push(room.subscribe("my-presence", (function() {
+       !1 === isPatching && set(function(presence, mapping) {
+        var partialState = {};
+        for (var key in mapping) partialState[key] = presence[key];
+        return partialState;
+       }(room.getPresence(), presenceMapping));
+      }))), room.getStorage().then((function(_ref) {
+       var root = _ref.root, updates = {};
+       room.batch((function() {
+        for (var key in storageMapping) {
+         var liveblocksStatePart = root.get(key);
+         null == liveblocksStatePart ? (updates[key] = initialState[key], internal.patchLiveObjectKey(root, key, void 0, initialState[key])) : updates[key] = internal.lsonToJson(liveblocksStatePart);
         }
+       })), typedSet(updates), storageRoot = root, unsubscribeCallbacks.push(room.subscribe(root, (function(updates) {
+        !1 === isPatching && set(function(state, updates, mapping) {
+         var partialState = {};
+         for (var key in mapping) partialState[key] = state[key];
+         var patched = internal.patchImmutableObject(partialState, updates), result = {};
+         for (var _key in mapping) result[_key] = patched[_key];
+         return result;
+        }(get(), updates, storageMapping));
+       }), {
+        isDeep: !0
+       })), updateZustandLiveblocksState(set, {
+        isStorageLoading: !1
+       });
       }));
-      room.getStorage().then(function (_ref) {
-        var root = _ref.root;
-        var updates = {};
-        room.batch(function () {
-          for (var _key in storageMapping) {
-            var liveblocksStatePart = root.get(_key);
-
-            if (liveblocksStatePart == null) {
-              updates[_key] = initialState[_key];
-              patchLiveObjectKey(root, _key, undefined, initialState[_key]);
-            } else {
-              updates[_key] = lsonToJson(liveblocksStatePart);
-            }
-          }
-        });
-        typedSet(updates);
-        storageRoot = root;
-        unsubscribeCallbacks.push(room.subscribe(root, function (updates) {
-          if (isPatching === false) {
-            set(patchState(get(), updates, storageMapping));
-          }
-        }, {
-          isDeep: true
-        }));
-        updateZustandLiveblocksState(set, {
-          isStorageLoading: false
-        });
-      });
-    }
-
-    function leaveRoom(roomId) {
-      for (var _iterator = _createForOfIteratorHelperLoose(unsubscribeCallbacks), _step; !(_step = _iterator()).done;) {
-        var unsubscribe = _step.value;
-        unsubscribe();
-      }
-
-      storageRoot = null;
-      room = null;
-      isPatching = false;
-      unsubscribeCallbacks = [];
-      client.leave(roomId);
-      updateZustandLiveblocksState(set, {
-        others: [],
-        connection: "closed",
-        isStorageLoading: false,
-        room: null
-      });
-    }
-
-    return _extends({}, store, {
-      liveblocks: {
-        enterRoom: enterRoom,
-        leaveRoom: leaveRoom,
-        room: null,
-        others: [],
-        connection: "closed",
-        isStorageLoading: false
-      }
-    });
-  };
-}
-
-function patchState(state, updates, mapping) {
-  var partialState = {};
-
-  for (var _key2 in mapping) {
-    partialState[_key2] = state[_key2];
-  }
-
-  var patched = patchImmutableObject(partialState, updates);
-  var result = {};
-
-  for (var _key3 in mapping) {
-    result[_key3] = patched[_key3];
-  }
-
-  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 {
-      liveblocks: _extends({}, state.liveblocks, partial)
-    };
+     }
+    },
+    leaveRoom: function(roomId) {
+     for (var _step, _iterator = _createForOfIteratorHelperLoose(unsubscribeCallbacks); !(_step = _iterator()).done; ) {
+      (0, _step.value)();
+     }
+     storageRoot = null, room = null, isPatching = !1, unsubscribeCallbacks = [], client.leave(roomId), 
+     updateZustandLiveblocksState(set, {
+      others: [],
+      connection: "closed",
+      isStorageLoading: !1,
+      room: null
+     });
+    },
+    room: null,
+    others: [],
+    connection: "closed",
+    isStorageLoading: !1
+   }
   });
-}
-
-function broadcastInitialPresence(room, state, mapping) {
-  for (var _key5 in mapping) {
-    var _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 _key6 in presenceMapping) {
-    if (typeof newState[_key6] === "function") {
-      throw mappingToFunctionIsNotAllowed("value");
-    }
-
-    if (oldState[_key6] !== newState[_key6]) {
-      var _room$updatePresence2;
-
-      room.updatePresence((_room$updatePresence2 = {}, _room$updatePresence2[_key6] = newState[_key6], _room$updatePresence2));
-    }
-  }
-}
-
-function patchLiveblocksStorage(root, oldState, newState, mapping) {
-  for (var _key7 in mapping) {
-    if (process.env.NODE_ENV !== "production" && typeof newState[_key7] === "function") {
-      throw mappingToFunctionIsNotAllowed("value");
-    }
-
-    if (oldState[_key7] !== newState[_key7]) {
-      patchLiveObjectKey(root, _key7, oldState[_key7], newState[_key7]);
-    }
-  }
-}
-
-function isObject(value) {
-  return Object.prototype.toString.call(value) === "[object Object]";
-}
-
-function validateNoDuplicateKeys(storageMapping, presenceMapping) {
-  for (var _key8 in storageMapping) {
-    if (presenceMapping[_key8] !== undefined) {
-      throw mappingShouldNotHaveTheSameKeys(_key8);
-    }
-  }
-}
-
-function validateMapping(mapping, mappingType) {
-  if (process.env.NODE_ENV !== "production") {
-    if (mapping == null) {
-      throw missingMapping(mappingType);
-    }
-
-    if (!isObject(mapping)) {
-      throw mappingShouldBeAnObject(mappingType);
-    }
-  }
-
-  var result = {};
-
-  for (var _key9 in mapping) {
-    if (process.env.NODE_ENV !== "production" && typeof mapping[_key9] !== "boolean") {
-      throw mappingValueShouldBeABoolean(mappingType, _key9);
-    }
-
-    if (mapping[_key9] === true) {
-      result[_key9] = true;
-    }
-  }
-
-  return result;
-}
-
-exports.middleware = middleware;
+ };
+};

package/index.mjs

@@ -0,0 +1,137 @@
+import { patchLiveObjectKey, lsonToJson, patchImmutableObject } from "@liveblocks/client/internal";
+
+const ERROR_PREFIX = "Invalid @liveblocks/zustand middleware config.";
+
+function mappingValueShouldBeABoolean(mappingType, key) {
+ return new Error(`${ERROR_PREFIX} ${mappingType}.${key} value should be a boolean`);
+}
+
+function mappingShouldNotHaveTheSameKeys(key) {
+ return new Error(`${ERROR_PREFIX} "${key}" is mapped on presenceMapping and storageMapping. A key shouldn't exist on both mapping.`);
+}
+
+function mappingToFunctionIsNotAllowed(key) {
+ return new Error(`${ERROR_PREFIX} mapping.${key} is invalid. Mapping to a function is not allowed.`);
+}
+
+function middleware(config, options) {
+ if ("production" !== process.env.NODE_ENV && null == options.client) throw new Error(`${ERROR_PREFIX} client is missing`);
+ const client = options.client, storageMapping = validateMapping(options.storageMapping || {}, "storageMapping"), presenceMapping = validateMapping(options.presenceMapping || {}, "presenceMapping");
+ return "production" !== process.env.NODE_ENV && function(storageMapping, presenceMapping) {
+  for (const key in storageMapping) if (void 0 !== presenceMapping[key]) throw mappingShouldNotHaveTheSameKeys(key);
+ }(storageMapping, presenceMapping), (set, get, api) => {
+  const typedSet = set;
+  let room = null, isPatching = !1, storageRoot = null, unsubscribeCallbacks = [];
+  const store = config((args => {
+   const oldState = get();
+   set(args);
+   const newState = get();
+   room && (isPatching = !0, function(room, oldState, newState, presenceMapping) {
+    for (const key in presenceMapping) {
+     if ("function" == typeof newState[key]) throw mappingToFunctionIsNotAllowed("value");
+     oldState[key] !== newState[key] && room.updatePresence({
+      [key]: newState[key]
+     });
+    }
+   }(room, oldState, newState, presenceMapping), room.batch((() => {
+    storageRoot && function(root, oldState, newState, mapping) {
+     for (const key in mapping) {
+      if ("production" !== process.env.NODE_ENV && "function" == typeof newState[key]) throw mappingToFunctionIsNotAllowed("value");
+      oldState[key] !== newState[key] && patchLiveObjectKey(root, key, oldState[key], newState[key]);
+     }
+    }(storageRoot, oldState, newState, storageMapping);
+   })), isPatching = !1);
+  }), get, api);
+  return Object.assign(Object.assign({}, store), {
+   liveblocks: {
+    enterRoom: function(roomId, initialState) {
+     if (storageRoot) return;
+     room = client.enter(roomId), updateZustandLiveblocksState(set, {
+      isStorageLoading: !0,
+      room: room
+     });
+     const state = get();
+     !function(room, state, mapping) {
+      for (const key in mapping) null == room || room.updatePresence({
+       [key]: state[key]
+      });
+     }(room, state, presenceMapping), unsubscribeCallbacks.push(room.subscribe("others", (others => {
+      updateZustandLiveblocksState(set, {
+       others: others.toArray()
+      });
+     }))), unsubscribeCallbacks.push(room.subscribe("connection", (() => {
+      updateZustandLiveblocksState(set, {
+       connection: room.getConnectionState()
+      });
+     }))), unsubscribeCallbacks.push(room.subscribe("my-presence", (() => {
+      !1 === isPatching && set(function(presence, mapping) {
+       const partialState = {};
+       for (const key in mapping) partialState[key] = presence[key];
+       return partialState;
+      }(room.getPresence(), presenceMapping));
+     }))), room.getStorage().then((({root: root}) => {
+      const updates = {};
+      room.batch((() => {
+       for (const key in storageMapping) {
+        const liveblocksStatePart = root.get(key);
+        null == liveblocksStatePart ? (updates[key] = initialState[key], patchLiveObjectKey(root, key, void 0, initialState[key])) : updates[key] = lsonToJson(liveblocksStatePart);
+       }
+      })), typedSet(updates), storageRoot = root, unsubscribeCallbacks.push(room.subscribe(root, (updates => {
+       !1 === isPatching && set(function(state, updates, mapping) {
+        const partialState = {};
+        for (const key in mapping) partialState[key] = state[key];
+        const patched = patchImmutableObject(partialState, updates), result = {};
+        for (const key in mapping) result[key] = patched[key];
+        return result;
+       }(get(), updates, storageMapping));
+      }), {
+       isDeep: !0
+      })), updateZustandLiveblocksState(set, {
+       isStorageLoading: !1
+      });
+     }));
+    },
+    leaveRoom: function(roomId) {
+     for (const unsubscribe of unsubscribeCallbacks) unsubscribe();
+     storageRoot = null, room = null, isPatching = !1, unsubscribeCallbacks = [], client.leave(roomId), 
+     updateZustandLiveblocksState(set, {
+      others: [],
+      connection: "closed",
+      isStorageLoading: !1,
+      room: null
+     });
+    },
+    room: null,
+    others: [],
+    connection: "closed",
+    isStorageLoading: !1
+   }
+  });
+ };
+}
+
+function updateZustandLiveblocksState(set, partial) {
+ set((state => ({
+  liveblocks: Object.assign(Object.assign({}, state.liveblocks), partial)
+ })));
+}
+
+function validateMapping(mapping, mappingType) {
+ if ("production" !== process.env.NODE_ENV) {
+  if (null == mapping) throw function(mappingType) {
+   return new Error(`${ERROR_PREFIX} ${mappingType} is missing.`);
+  }(mappingType);
+  if (value = mapping, "[object Object]" !== Object.prototype.toString.call(value)) throw function(mappingType) {
+   return new Error(`${ERROR_PREFIX} ${mappingType} should be an object where the values are boolean.`);
+  }(mappingType);
+ }
+ var value;
+ const result = {};
+ for (const key in mapping) {
+  if ("production" !== process.env.NODE_ENV && "boolean" != typeof mapping[key]) throw mappingValueShouldBeABoolean(mappingType, key);
+  !0 === mapping[key] && (result[key] = !0);
+ }
+ return result;
+}
+
+export { middleware };

package/package.json

@@ -1,21 +1,13 @@
 {
   "name": "@liveblocks/zustand",
-  "version": "0.16.4-beta1",
-  "sideEffects": false,
+  "version": "0.16.5",
   "description": "A middleware to integrate Liveblocks into Zustand stores.",
   "main": "./index.js",
+  "module": "./index.mjs",
   "types": "./index.d.ts",
   "files": [
     "**"
   ],
-  "exports": {
-    ".": {
-      "types": "./index.d.ts",
-      "module": "./esm/index.js",
-      "import": "./esm/index.mjs",
-      "default": "./index.js"
-    }
-  },
   "keywords": [
     "zustand",
     "react",
@@ -26,6 +18,7 @@
   ],
   "scripts": {
     "build": "rollup -c && cp ./package.json ./README.md ./lib",
+    "format": "eslint --fix src/ test/ && prettier --write src/ test/",
     "lint": "eslint src/ test/",
     "test": "jest --watch",
     "test-ci": "jest",
@@ -38,16 +31,17 @@
     "directory": "packages/liveblocks-zustand"
   },
   "peerDependencies": {
-    "@liveblocks/client": "0.16.4-beta1",
+    "@liveblocks/client": "0.16.5",
     "zustand": "^3"
   },
   "devDependencies": {
-    "@babel/core": "^7.16.7",
-    "@babel/plugin-transform-typescript": "^7.16.8",
-    "@babel/preset-env": "^7.16.8",
+    "@babel/core": "^7.17.10",
+    "@babel/preset-env": "^7.17.10",
+    "@babel/preset-typescript": "^7.16.7",
     "@definitelytyped/dtslint": "^0.0.103",
     "@rollup/plugin-babel": "^5.3.0",
     "@rollup/plugin-node-resolve": "^13.1.3",
+    "@rollup/plugin-replace": "^4.0.0",
     "@rollup/plugin-typescript": "^8.3.0",
     "@testing-library/jest-dom": "^5.16.1",
     "@testing-library/react": "^12.1.2",
@@ -55,13 +49,17 @@
     "@types/jest": "^27.4.0",
     "@typescript-eslint/eslint-plugin": "^5.18.0",
     "@typescript-eslint/parser": "^5.18.0",
-    "esbuild": "0.14.11",
     "eslint": "^8.12.0",
+    "eslint-plugin-import": "^2.26.0",
+    "eslint-plugin-simple-import-sort": "^7.0.0",
     "jest": "^27.4.7",
     "msw": "^0.36.4",
     "rollup": "^2.64.0",
-    "rollup-plugin-esbuild": "^4.8.2",
+    "rollup-plugin-command": "^1.1.3",
+    "rollup-plugin-dts": "^4.2.1",
+    "rollup-plugin-terser": "^7.0.2",
     "whatwg-fetch": "^3.6.2",
     "zustand": "^3.6.9"
-  }
+  },
+  "sideEffects": false
 }

package/esm/index.js

@@ -1,224 +0,0 @@
-import { internals } from '@liveblocks/client';
-
-const ERROR_PREFIX = "Invalid @liveblocks/zustand middleware config.";
-function missingClient() {
-  return new Error(`${ERROR_PREFIX} client is missing`);
-}
-function missingMapping(mappingType) {
-  return new Error(`${ERROR_PREFIX} ${mappingType} is missing.`);
-}
-function mappingShouldBeAnObject(mappingType) {
-  return new Error(`${ERROR_PREFIX} ${mappingType} should be an object where the values are boolean.`);
-}
-function mappingValueShouldBeABoolean(mappingType, key) {
-  return new Error(`${ERROR_PREFIX} ${mappingType}.${key} value should be a boolean`);
-}
-function mappingShouldNotHaveTheSameKeys(key) {
-  return new Error(`${ERROR_PREFIX} "${key}" is mapped on presenceMapping and storageMapping. A key shouldn't exist on both mapping.`);
-}
-function mappingToFunctionIsNotAllowed(key) {
-  return new Error(`${ERROR_PREFIX} mapping.${key} is invalid. Mapping to a function is not allowed.`);
-}
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const { patchLiveObjectKey, patchImmutableObject, lsonToJson } = internals;
-function middleware(config, options) {
-  if (process.env.NODE_ENV !== "production" && options.client == null) {
-    throw missingClient();
-  }
-  const client = options.client;
-  const storageMapping = validateMapping(options.storageMapping || {}, "storageMapping");
-  const presenceMapping = validateMapping(options.presenceMapping || {}, "presenceMapping");
-  if (process.env.NODE_ENV !== "production") {
-    validateNoDuplicateKeys(storageMapping, presenceMapping);
-  }
-  return (set, get, api) => {
-    const typedSet = set;
-    let room = null;
-    let isPatching = false;
-    let storageRoot = null;
-    let unsubscribeCallbacks = [];
-    const store = config((args) => {
-      const oldState = get();
-      set(args);
-      const newState = get();
-      if (room) {
-        isPatching = true;
-        updatePresence(room, oldState, newState, presenceMapping);
-        room.batch(() => {
-          if (storageRoot) {
-            patchLiveblocksStorage(storageRoot, oldState, newState, storageMapping);
-          }
-        });
-        isPatching = false;
-      }
-    }, get, api);
-    function enterRoom(roomId, initialState) {
-      if (storageRoot) {
-        return;
-      }
-      room = client.enter(roomId);
-      updateZustandLiveblocksState(set, { isStorageLoading: true, room });
-      const state = get();
-      broadcastInitialPresence(room, state, presenceMapping);
-      unsubscribeCallbacks.push(room.subscribe("others", (others) => {
-        updateZustandLiveblocksState(set, { others: others.toArray() });
-      }));
-      unsubscribeCallbacks.push(room.subscribe("connection", () => {
-        updateZustandLiveblocksState(set, {
-          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(() => {
-          for (const key in storageMapping) {
-            const liveblocksStatePart = root.get(key);
-            if (liveblocksStatePart == null) {
-              updates[key] = initialState[key];
-              patchLiveObjectKey(root, key, void 0, initialState[key]);
-            } else {
-              updates[key] = lsonToJson(liveblocksStatePart);
-            }
-          }
-        });
-        typedSet(updates);
-        storageRoot = root;
-        unsubscribeCallbacks.push(room.subscribe(root, (updates2) => {
-          if (isPatching === false) {
-            set(patchState(get(), updates2, storageMapping));
-          }
-        }, { isDeep: true }));
-        updateZustandLiveblocksState(set, { isStorageLoading: false });
-      });
-    }
-    function leaveRoom(roomId) {
-      for (const unsubscribe of unsubscribeCallbacks) {
-        unsubscribe();
-      }
-      storageRoot = null;
-      room = null;
-      isPatching = false;
-      unsubscribeCallbacks = [];
-      client.leave(roomId);
-      updateZustandLiveblocksState(set, {
-        others: [],
-        connection: "closed",
-        isStorageLoading: false,
-        room: null
-      });
-    }
-    return __spreadProps(__spreadValues({}, store), {
-      liveblocks: {
-        enterRoom,
-        leaveRoom,
-        room: null,
-        others: [],
-        connection: "closed",
-        isStorageLoading: false
-      }
-    });
-  };
-}
-function patchState(state, updates, mapping) {
-  const partialState = {};
-  for (const key in mapping) {
-    partialState[key] = state[key];
-  }
-  const patched = patchImmutableObject(partialState, updates);
-  const result = {};
-  for (const key in mapping) {
-    result[key] = patched[key];
-  }
-  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) }));
-}
-function broadcastInitialPresence(room, state, mapping) {
-  for (const key in mapping) {
-    room == null ? void 0 : room.updatePresence({ [key]: state[key] });
-  }
-}
-function updatePresence(room, oldState, newState, presenceMapping) {
-  for (const key in presenceMapping) {
-    if (typeof newState[key] === "function") {
-      throw mappingToFunctionIsNotAllowed("value");
-    }
-    if (oldState[key] !== newState[key]) {
-      room.updatePresence({ [key]: newState[key] });
-    }
-  }
-}
-function patchLiveblocksStorage(root, oldState, newState, mapping) {
-  for (const key in mapping) {
-    if (process.env.NODE_ENV !== "production" && typeof newState[key] === "function") {
-      throw mappingToFunctionIsNotAllowed("value");
-    }
-    if (oldState[key] !== newState[key]) {
-      patchLiveObjectKey(root, key, oldState[key], newState[key]);
-    }
-  }
-}
-function isObject(value) {
-  return Object.prototype.toString.call(value) === "[object Object]";
-}
-function validateNoDuplicateKeys(storageMapping, presenceMapping) {
-  for (const key in storageMapping) {
-    if (presenceMapping[key] !== void 0) {
-      throw mappingShouldNotHaveTheSameKeys(key);
-    }
-  }
-}
-function validateMapping(mapping, mappingType) {
-  if (process.env.NODE_ENV !== "production") {
-    if (mapping == null) {
-      throw missingMapping(mappingType);
-    }
-    if (!isObject(mapping)) {
-      throw mappingShouldBeAnObject(mappingType);
-    }
-  }
-  const result = {};
-  for (const key in mapping) {
-    if (process.env.NODE_ENV !== "production" && typeof mapping[key] !== "boolean") {
-      throw mappingValueShouldBeABoolean(mappingType, key);
-    }
-    if (mapping[key] === true) {
-      result[key] = true;
-    }
-  }
-  return result;
-}
-
-export { middleware };

package/esm/index.mjs

@@ -1,224 +0,0 @@
-import { internals } from '@liveblocks/client';
-
-const ERROR_PREFIX = "Invalid @liveblocks/zustand middleware config.";
-function missingClient() {
-  return new Error(`${ERROR_PREFIX} client is missing`);
-}
-function missingMapping(mappingType) {
-  return new Error(`${ERROR_PREFIX} ${mappingType} is missing.`);
-}
-function mappingShouldBeAnObject(mappingType) {
-  return new Error(`${ERROR_PREFIX} ${mappingType} should be an object where the values are boolean.`);
-}
-function mappingValueShouldBeABoolean(mappingType, key) {
-  return new Error(`${ERROR_PREFIX} ${mappingType}.${key} value should be a boolean`);
-}
-function mappingShouldNotHaveTheSameKeys(key) {
-  return new Error(`${ERROR_PREFIX} "${key}" is mapped on presenceMapping and storageMapping. A key shouldn't exist on both mapping.`);
-}
-function mappingToFunctionIsNotAllowed(key) {
-  return new Error(`${ERROR_PREFIX} mapping.${key} is invalid. Mapping to a function is not allowed.`);
-}
-
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const { patchLiveObjectKey, patchImmutableObject, lsonToJson } = internals;
-function middleware(config, options) {
-  if (process.env.NODE_ENV !== "production" && options.client == null) {
-    throw missingClient();
-  }
-  const client = options.client;
-  const storageMapping = validateMapping(options.storageMapping || {}, "storageMapping");
-  const presenceMapping = validateMapping(options.presenceMapping || {}, "presenceMapping");
-  if (process.env.NODE_ENV !== "production") {
-    validateNoDuplicateKeys(storageMapping, presenceMapping);
-  }
-  return (set, get, api) => {
-    const typedSet = set;
-    let room = null;
-    let isPatching = false;
-    let storageRoot = null;
-    let unsubscribeCallbacks = [];
-    const store = config((args) => {
-      const oldState = get();
-      set(args);
-      const newState = get();
-      if (room) {
-        isPatching = true;
-        updatePresence(room, oldState, newState, presenceMapping);
-        room.batch(() => {
-          if (storageRoot) {
-            patchLiveblocksStorage(storageRoot, oldState, newState, storageMapping);
-          }
-        });
-        isPatching = false;
-      }
-    }, get, api);
-    function enterRoom(roomId, initialState) {
-      if (storageRoot) {
-        return;
-      }
-      room = client.enter(roomId);
-      updateZustandLiveblocksState(set, { isStorageLoading: true, room });
-      const state = get();
-      broadcastInitialPresence(room, state, presenceMapping);
-      unsubscribeCallbacks.push(room.subscribe("others", (others) => {
-        updateZustandLiveblocksState(set, { others: others.toArray() });
-      }));
-      unsubscribeCallbacks.push(room.subscribe("connection", () => {
-        updateZustandLiveblocksState(set, {
-          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(() => {
-          for (const key in storageMapping) {
-            const liveblocksStatePart = root.get(key);
-            if (liveblocksStatePart == null) {
-              updates[key] = initialState[key];
-              patchLiveObjectKey(root, key, void 0, initialState[key]);
-            } else {
-              updates[key] = lsonToJson(liveblocksStatePart);
-            }
-          }
-        });
-        typedSet(updates);
-        storageRoot = root;
-        unsubscribeCallbacks.push(room.subscribe(root, (updates2) => {
-          if (isPatching === false) {
-            set(patchState(get(), updates2, storageMapping));
-          }
-        }, { isDeep: true }));
-        updateZustandLiveblocksState(set, { isStorageLoading: false });
-      });
-    }
-    function leaveRoom(roomId) {
-      for (const unsubscribe of unsubscribeCallbacks) {
-        unsubscribe();
-      }
-      storageRoot = null;
-      room = null;
-      isPatching = false;
-      unsubscribeCallbacks = [];
-      client.leave(roomId);
-      updateZustandLiveblocksState(set, {
-        others: [],
-        connection: "closed",
-        isStorageLoading: false,
-        room: null
-      });
-    }
-    return __spreadProps(__spreadValues({}, store), {
-      liveblocks: {
-        enterRoom,
-        leaveRoom,
-        room: null,
-        others: [],
-        connection: "closed",
-        isStorageLoading: false
-      }
-    });
-  };
-}
-function patchState(state, updates, mapping) {
-  const partialState = {};
-  for (const key in mapping) {
-    partialState[key] = state[key];
-  }
-  const patched = patchImmutableObject(partialState, updates);
-  const result = {};
-  for (const key in mapping) {
-    result[key] = patched[key];
-  }
-  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) }));
-}
-function broadcastInitialPresence(room, state, mapping) {
-  for (const key in mapping) {
-    room == null ? void 0 : room.updatePresence({ [key]: state[key] });
-  }
-}
-function updatePresence(room, oldState, newState, presenceMapping) {
-  for (const key in presenceMapping) {
-    if (typeof newState[key] === "function") {
-      throw mappingToFunctionIsNotAllowed("value");
-    }
-    if (oldState[key] !== newState[key]) {
-      room.updatePresence({ [key]: newState[key] });
-    }
-  }
-}
-function patchLiveblocksStorage(root, oldState, newState, mapping) {
-  for (const key in mapping) {
-    if (process.env.NODE_ENV !== "production" && typeof newState[key] === "function") {
-      throw mappingToFunctionIsNotAllowed("value");
-    }
-    if (oldState[key] !== newState[key]) {
-      patchLiveObjectKey(root, key, oldState[key], newState[key]);
-    }
-  }
-}
-function isObject(value) {
-  return Object.prototype.toString.call(value) === "[object Object]";
-}
-function validateNoDuplicateKeys(storageMapping, presenceMapping) {
-  for (const key in storageMapping) {
-    if (presenceMapping[key] !== void 0) {
-      throw mappingShouldNotHaveTheSameKeys(key);
-    }
-  }
-}
-function validateMapping(mapping, mappingType) {
-  if (process.env.NODE_ENV !== "production") {
-    if (mapping == null) {
-      throw missingMapping(mappingType);
-    }
-    if (!isObject(mapping)) {
-      throw mappingShouldBeAnObject(mappingType);
-    }
-  }
-  const result = {};
-  for (const key in mapping) {
-    if (process.env.NODE_ENV !== "production" && typeof mapping[key] !== "boolean") {
-      throw mappingValueShouldBeABoolean(mappingType, key);
-    }
-    if (mapping[key] === true) {
-      result[key] = true;
-    }
-  }
-  return result;
-}
-
-export { middleware };