@hanzogui/use-store 7.0.0 → 7.3.0

package/dist/esm/useStore.native.js

@@ -5,19 +5,14 @@ import { UNWRAP_PROXY, defaultOptions } from "./constants.native.js";
 import { UNWRAP_STORE_INFO, cache, getStoreDescriptors, getStoreUid, simpleStr } from "./helpers.native.js";
 import { DebugStores, shouldDebug, useCurrentComponent } from "./useStoreDebug.native.js";
 function _instanceof(left, right) {
-  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) {
-    return !!right[Symbol.hasInstance](left);
-  } else {
-    return left instanceof right;
-  }
+  if (right != null && typeof Symbol !== "undefined" && right[Symbol.hasInstance]) return !!right[Symbol.hasInstance](left);else return left instanceof right;
 }
 var idFn = function (_) {
   return _;
 };
 function useStore(StoreKlass, props) {
   var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : defaultOptions;
-  var info = getOrCreateStoreInfo(StoreKlass, props, options);
-  return useStoreFromInfo(info, options.selector, options);
+  return useStoreFromInfo(getOrCreateStoreInfo(StoreKlass, props, options), options.selector, options);
 }
 function useStoreDebug(StoreKlass, props) {
   return useStore(StoreKlass, props, {
@@ -32,9 +27,7 @@ function useGlobalStore(instance, debug) {
   var store = instance[UNWRAP_PROXY];
   var uid = getStoreUid(store.constructor, store.props);
   var info = cache.get(uid);
-  if (!info) {
-    throw new Error(`This store not created using createStore()`);
-  }
+  if (!info) throw new Error(`This store not created using createStore()`);
   return useStoreFromInfo(info, void 0, {
     debug
   });
@@ -43,9 +36,7 @@ function useGlobalStoreSelector(instance, selector, debug) {
   var store = instance[UNWRAP_PROXY];
   var uid = getStoreUid(store.constructor, store.props);
   var info = cache.get(uid);
-  if (!info) {
-    throw new Error(`This store not created using createStore()`);
-  }
+  if (!info) throw new Error(`This store not created using createStore()`);
   return useStoreFromInfo(info, selector, {
     debug
   });
@@ -98,16 +89,10 @@ function onCreateStore(cb) {
 }
 function getOrCreateStoreInfo(StoreKlass, props, options, propsKeyCalculated) {
   var _store_mount;
-  if (!StoreKlass) {
-    return null;
-  }
+  if (!StoreKlass) return null;
   var uid = getStoreUid(StoreKlass, propsKeyCalculated !== null && propsKeyCalculated !== void 0 ? propsKeyCalculated : props);
-  if (!(options === null || options === void 0 ? void 0 : options.avoidCache) && cache.has(uid)) {
-    return cache.get(uid);
-  }
-  if (options === null || options === void 0 ? void 0 : options.refuseCreation) {
-    throw new Error(`No store exists (${StoreKlass.name}) with props: ${props}`);
-  }
+  if (!(options === null || options === void 0 ? void 0 : options.avoidCache) && cache.has(uid)) return cache.get(uid);
+  if (options === null || options === void 0 ? void 0 : options.refuseCreation) throw new Error(`No store exists (${StoreKlass.name}) with props: ${props}`);
   var storeInstance = new StoreKlass(props);
   storeInstance.props = props;
   var getters = {};
@@ -116,15 +101,7 @@ function getOrCreateStoreInfo(StoreKlass, props, options, propsKeyCalculated) {
   var descriptors = getStoreDescriptors(storeInstance);
   for (var key in descriptors) {
     var descriptor = descriptors[key];
-    if (typeof descriptor.value === "function") {
-      actions[key] = descriptor.value;
-    } else if (typeof descriptor.get === "function") {
-      getters[key] = descriptor.get;
-    } else {
-      if (key !== "props" && key[0] !== "_") {
-        stateKeys.add(key);
-      }
-    }
+    if (typeof descriptor.value === "function") actions[key] = descriptor.value;else if (typeof descriptor.get === "function") getters[key] = descriptor.get;else if (key !== "props" && key[0] !== "_") stateKeys.add(key);
   }
   var keyComparators = storeInstance["_comparators"];
   var listeners = /* @__PURE__ */new Set();
@@ -168,13 +145,9 @@ function getOrCreateStoreInfo(StoreKlass, props, options, propsKeyCalculated) {
         _iteratorError = err;
       } finally {
         try {
-          if (!_iteratorNormalCompletion && _iterator.return != null) {
-            _iterator.return();
-          }
+          if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
         } finally {
-          if (_didIteratorError) {
-            throw _iteratorError;
-          }
+          if (_didIteratorError) throw _iteratorError;
         }
       }
     }
@@ -182,10 +155,8 @@ function getOrCreateStoreInfo(StoreKlass, props, options, propsKeyCalculated) {
   var store = createProxiedStore(
   // we assign store right after and proxiedStore never accesses it until later on
   storeInfo);
-  if (process.env.NODE_ENV === "development") {
-    allStores[StoreKlass.name + uid] = store;
-  }
-  (_store_mount = store.mount) === null || _store_mount === void 0 ? void 0 : _store_mount.call(store);
+  if (process.env.NODE_ENV === "development") allStores[StoreKlass.name + uid] = store;
+  (_store_mount = store.mount) === null || _store_mount === void 0 || _store_mount.call(store);
   storeInfo.store = store;
   var result = storeInfo;
   cache.set(uid, result);
@@ -201,9 +172,7 @@ if (process.env.NODE_ENV === "development") {
 }
 var emptyObj = {};
 var selectKeys = function (obj, keys) {
-  if (!keys.length) {
-    return emptyObj;
-  }
+  if (!keys.length) return emptyObj;
   var res = {};
   var _iteratorNormalCompletion = true,
     _didIteratorError = false,
@@ -218,13 +187,9 @@ var selectKeys = function (obj, keys) {
     _iteratorError = err;
   } finally {
     try {
-      if (!_iteratorNormalCompletion && _iterator.return != null) {
-        _iterator.return();
-      }
+      if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
     } finally {
-      if (_didIteratorError) {
-        throw _iteratorError;
-      }
+      if (_didIteratorError) throw _iteratorError;
     }
   }
   return res;
@@ -237,14 +202,12 @@ function useStoreFromInfo(info, userSelector, options) {
   var store = info === null || info === void 0 ? void 0 : info.store;
   var internal = React.useRef(void 0);
   var component = useCurrentComponent();
-  if (!internal.current) {
-    internal.current = {
-      component,
-      tracked: /* @__PURE__ */new Set(),
-      last: null,
-      lastKeys: null
-    };
-  }
+  if (!internal.current) internal.current = {
+    component,
+    tracked: /* @__PURE__ */new Set(),
+    last: null,
+    lastKeys: null
+  };
   var curInternal = internal.current;
   var shouldPrintDebug = options === null || options === void 0 ? void 0 : options.debug;
   var getSnapshot = React.useCallback(function () {
@@ -254,66 +217,46 @@ function useStoreFromInfo(info, userSelector, options) {
     var keys = [...(!isTracking ? info.stateKeys : curInternal2.tracked)];
     var nextKeys = `${info.version}${keys.join("")}${userSelector || ""}`;
     var lastKeys = curInternal2.lastKeys;
-    if (nextKeys === curInternal2.lastKeys) {
-      return curInternal2.last;
-    }
+    if (nextKeys === curInternal2.lastKeys) return curInternal2.last;
     curInternal2.lastKeys = nextKeys;
     var snap;
     info.disableTracking = true;
     var last = curInternal2.last;
-    if (userSelector) {
-      snap = userSelector(store);
-    } else {
-      snap = selectKeys(store, keys);
-    }
+    if (userSelector) snap = userSelector(store);else snap = selectKeys(store, keys);
     info.disableTracking = false;
     var isUnchanged = !userSelector && !isTracking && last || typeof last !== "undefined" && isEqualSubsetShallow(last, snap, {
       keyComparators: info.keyComparators
     });
-    if (shouldPrintDebug) {
-      console.info("\u{1F311} getSnapshot", {
-        storeState: selectKeys(store, Object.keys(store)),
-        userSelector,
-        info,
-        isUnchanged,
-        component,
-        keys,
-        last,
-        snap,
-        curInternal: curInternal2,
-        nextKeys,
-        lastKeys
-      });
-    }
-    if (isUnchanged) {
-      return last;
-    }
+    if (shouldPrintDebug) console.info("🌑 getSnapshot", {
+      storeState: selectKeys(store, Object.keys(store)),
+      userSelector,
+      info,
+      isUnchanged,
+      component,
+      keys,
+      last,
+      snap,
+      curInternal: curInternal2,
+      nextKeys,
+      lastKeys
+    });
+    if (isUnchanged) return last;
     curInternal2.last = snap;
     return snap;
   }, [store]);
   var state = React.useSyncExternalStore((info === null || info === void 0 ? void 0 : info.subscribe) || idFn, getSnapshot, getSnapshot);
-  if (!info || !store || !state) {
-    return state;
-  }
-  if (userSelector) {
-    return state;
-  }
+  if (!info || !store || !state) return state;
+  if (userSelector) return state;
   return new Proxy(store, {
     get(target, key) {
       var curVal = Reflect.get(target, key);
-      if (isInReaction) {
-        return curVal;
-      }
+      if (isInReaction) return curVal;
       var keyString = key;
       if (info.stateKeys.has(keyString) || keyString in info.getters) {
-        if (shouldPrintDebug) {
-          console.info("\u{1F440} tracking", keyString);
-        }
+        if (shouldPrintDebug) console.info("👀 tracking", keyString);
         curInternal.tracked.add(keyString);
       }
-      if (Reflect.has(state, key)) {
-        return Reflect.get(state, key);
-      }
+      if (Reflect.has(state, key)) return Reflect.get(state, key);
       return curVal;
     }
   });
@@ -322,51 +265,34 @@ var setters = /* @__PURE__ */new Set();
 var logStack = /* @__PURE__ */new Set();
 function createProxiedStore(storeInfo) {
   var _loop = function (key2) {
-    if (key2 === "subscribe") {
-      return "continue";
-    }
+    if (key2 === "subscribe") return "continue";
     var actionFn = actions[key2];
     var isGetFn = key2.startsWith("get");
     wrappedActions[key2] = function useStoreAction() {
-      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-        args[_key] = arguments[_key];
-      }
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) args[_key] = arguments[_key];
       var res;
-      if (isGetFn || gettersState.isGetting) {
-        return Reflect.apply(actionFn, proxiedStore, args);
-      }
-      if (process.env.NODE_ENV === "development" && shouldDebug2) {
-        console.info("(debug) startAction", key2);
-      }
+      if (isGetFn || gettersState.isGetting) return Reflect.apply(actionFn, proxiedStore, args);
+      if (process.env.NODE_ENV === "development" && shouldDebug2) console.info("(debug) startAction", key2);
       res = Reflect.apply(actionFn, proxiedStore, args);
-      if (_instanceof(res, Promise)) {
-        return res.then(finishAction);
-      }
+      if (_instanceof(res, Promise)) return res.then(finishAction);
       finishAction();
       return res;
     };
     if (process.env.NODE_ENV === "development") {
       let hashCode2 = function (str) {
           var hash = 0;
-          for (var i = 0; i < str.length; i++) {
-            hash = str.charCodeAt(i) + ((hash << 5) - hash);
-          }
+          for (var i = 0; i < str.length; i++) hash = str.charCodeAt(i) + ((hash << 5) - hash);
           return hash;
         },
         strColor2 = function (str) {
           return `hsl(${hashCode2(str) % 360}, 90%, 40%)`;
         };
-      var hashCode = hashCode2,
-        strColor = strColor2;
       if (!key2.startsWith("get") && !key2.startsWith("_") && key2 !== "subscribe") {
         var ogAction = wrappedActions[key2];
         wrappedActions[key2] = new Proxy(ogAction, {
           apply(target, thisArg, args) {
             var isDebugging = shouldDebug2 || storeInfo.debug;
-            var shouldLog = process.env.LOG_LEVEL !== "0" && (isDebugging || configureOpts.logLevel !== "error");
-            if (!shouldLog) {
-              return Reflect.apply(target, thisArg, args);
-            }
+            if (!(process.env.LOG_LEVEL !== "0" && (isDebugging || configureOpts.logLevel !== "error"))) return Reflect.apply(target, thisArg, args);
             setters = /* @__PURE__ */new Set();
             var curSetters = setters;
             var isTopLevelLogger = logStack.size == 0;
@@ -385,19 +311,13 @@ function createProxiedStore(storeInfo) {
               var color = strColor2(name);
               var simpleArgs = args.map(simpleStr);
               logs.add([`%c \u{1F311} ${id} ${name.padStart(isTopLevelLogger ? 8 : 4)}%c.${key2}(${simpleArgs.join(", ")})${isTopLevelLogger && logStack.size > 1 ? ` (+${logStack.size - 1})` : ""}`, `color: ${color};`, "color: black;"]);
-              if (curSetters.size) {
-                curSetters.forEach(function (param) {
-                  var {
-                    key: key3,
-                    value
-                  } = param;
-                  if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
-                    logs.add([` SET ${key3} ${value}`, value]);
-                  } else {
-                    logs.add([` SET ${key3}`, value]);
-                  }
-                });
-              }
+              if (curSetters.size) curSetters.forEach(function (param) {
+                var {
+                  key: key3,
+                  value
+                } = param;
+                if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") logs.add([` SET ${key3} ${value}`, value]);else logs.add([` SET ${key3}`, value]);
+              });
               if (isTopLevelLogger) {
                 var error = null;
                 try {
@@ -436,31 +356,21 @@ function createProxiedStore(storeInfo) {
                           _iteratorError1 = err;
                         } finally {
                           try {
-                            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                              _iterator1.return();
-                            }
+                            if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
                           } finally {
-                            if (_didIteratorError1) {
-                              throw _iteratorError1;
-                            }
+                            if (_didIteratorError1) throw _iteratorError1;
                           }
                         }
-                      } else {
-                        console.info("Weird log", head, ...rest);
-                      }
+                      } else console.info("Weird log", head, ...rest);
                     }
                   } catch (err) {
                     _didIteratorError = true;
                     _iteratorError = err;
                   } finally {
                     try {
-                      if (!_iteratorNormalCompletion && _iterator.return != null) {
-                        _iterator.return();
-                      }
+                      if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
                     } finally {
-                      if (_didIteratorError) {
-                        throw _iteratorError;
-                      }
+                      if (_didIteratorError) throw _iteratorError;
                     }
                   }
                 } catch (err) {
@@ -471,7 +381,7 @@ function createProxiedStore(storeInfo) {
                   _iteratorError2 = void 0;
                 try {
                   for (var _iterator2 = logStack[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
-                    var _ = _step2.value;
+                    _step2.value;
                     console.groupEnd();
                   }
                 } catch (err) {
@@ -479,18 +389,12 @@ function createProxiedStore(storeInfo) {
                   _iteratorError2 = err;
                 } finally {
                   try {
-                    if (!_iteratorNormalCompletion2 && _iterator2.return != null) {
-                      _iterator2.return();
-                    }
+                    if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
                   } finally {
-                    if (_didIteratorError2) {
-                      throw _iteratorError2;
-                    }
+                    if (_didIteratorError2) throw _iteratorError2;
                   }
                 }
-                if (error) {
-                  console.error(`error loggin`, error);
-                }
+                if (error) console.error(`error loggin`, error);
                 logStack.clear();
               }
               return res;
@@ -518,11 +422,9 @@ function createProxiedStore(storeInfo) {
   var wrappedActions = {};
   for (var key in actions) _loop(key);
   var finishAction = function (val) {
-    if (process.env.NODE_ENV === "development" && shouldDebug2) {
-      console.info("(debug) finishAction", {
-        didSet
-      });
-    }
+    if (process.env.NODE_ENV === "development" && shouldDebug2) console.info("(debug) finishAction", {
+      didSet
+    });
     if (didSet) {
       storeInfo.triggerUpdate();
       didSet = false;
@@ -531,68 +433,42 @@ function createProxiedStore(storeInfo) {
   };
   var isTriggering = false;
   var proxiedStore = new Proxy(storeInstance, {
-    // GET
     get(_, key2) {
-      if (key2 in wrappedActions) {
-        return wrappedActions[key2];
-      }
-      if (key2 in passThroughKeys) {
-        return Reflect.get(storeInstance, key2);
-      }
-      if (key2 === UNWRAP_PROXY) {
-        return storeInstance;
-      }
-      if (key2 === UNWRAP_STORE_INFO) {
-        return storeInfo;
-      }
-      if (storeAccessTrackers.size) {
-        storeAccessTrackers.forEach(function (cb) {
-          return cb(storeInfo);
-        });
-      }
-      if (typeof key2 !== "string") {
-        return Reflect.get(storeInstance, key2);
-      }
+      if (key2 in wrappedActions) return wrappedActions[key2];
+      if (key2 in passThroughKeys) return Reflect.get(storeInstance, key2);
+      if (key2 === UNWRAP_PROXY) return storeInstance;
+      if (key2 === UNWRAP_STORE_INFO) return storeInfo;
+      if (storeAccessTrackers.size) storeAccessTrackers.forEach(function (cb) {
+        return cb(storeInfo);
+      });
+      if (typeof key2 !== "string") return Reflect.get(storeInstance, key2);
       if (!storeInfo.disableTracking) {
-        if (gettersState.isGetting) {
-          gettersState.curGetKeys.add(key2);
-        } else {}
+        if (gettersState.isGetting) gettersState.curGetKeys.add(key2);
       }
       if (key2 in getters) {
-        if (getCache.has(key2)) {
-          return getCache.get(key2);
-        }
+        if (getCache.has(key2)) return getCache.get(key2);
         curGetKeys.clear();
         var isSubGetter = gettersState.isGetting;
         gettersState.isGetting = true;
         var res = getters[key2].call(proxiedStore);
-        if (!isSubGetter) {
-          gettersState.isGetting = false;
-        }
+        if (!isSubGetter) gettersState.isGetting = false;
         var _iteratorNormalCompletion = true,
           _didIteratorError = false,
           _iteratorError = void 0;
         try {
           for (var _iterator = curGetKeys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
             var gk = _step.value;
-            if (!depsToGetter.has(gk)) {
-              depsToGetter.set(gk, /* @__PURE__ */new Set());
-            }
-            var cur = depsToGetter.get(gk);
-            cur.add(key2);
+            if (!depsToGetter.has(gk)) depsToGetter.set(gk, /* @__PURE__ */new Set());
+            depsToGetter.get(gk).add(key2);
           }
         } catch (err) {
           _didIteratorError = true;
           _iteratorError = err;
         } finally {
           try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-              _iterator.return();
-            }
+            if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
           } finally {
-            if (_didIteratorError) {
-              throw _iteratorError;
-            }
+            if (_didIteratorError) throw _iteratorError;
           }
         }
         getCache.set(key2, res);
@@ -600,7 +476,6 @@ function createProxiedStore(storeInfo) {
       }
       return Reflect.get(storeInstance, key2);
     },
-    // SET
     set(target, key2, value, receiver) {
       var cur = Reflect.get(target, key2);
       var res = Reflect.set(target, key2, value, receiver);
@@ -612,16 +487,12 @@ function createProxiedStore(storeInfo) {
               key: key2,
               value
             });
-            if (getShouldDebug(storeInfo)) {
-              console.info("(debug) SET", res, key2, value);
-            }
-          }
-          if (process.env.NODE_ENV === "development" && shouldDebug2) {
-            console.info("SET...", {
-              key: key2,
-              value
-            });
+            if (getShouldDebug(storeInfo)) console.info("(debug) SET", res, key2, value);
           }
+          if (process.env.NODE_ENV === "development" && shouldDebug2) console.info("SET...", {
+            key: key2,
+            value
+          });
         }
         if (!isTriggering) {
           isTriggering = true;
@@ -637,9 +508,7 @@ function createProxiedStore(storeInfo) {
   function clearGetterCache(setKey) {
     var parentGetters = depsToGetter.get(setKey);
     getCache.delete(setKey);
-    if (!parentGetters) {
-      return;
-    }
+    if (!parentGetters) return;
     var _iteratorNormalCompletion = true,
       _didIteratorError = false,
       _iteratorError = void 0;
@@ -647,30 +516,24 @@ function createProxiedStore(storeInfo) {
       for (var _iterator = parentGetters[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
         var gk = _step.value;
         getCache.delete(gk);
-        if (depsToGetter.has(gk)) {
-          clearGetterCache(gk);
-        }
+        if (depsToGetter.has(gk)) clearGetterCache(gk);
       }
     } catch (err) {
       _didIteratorError = true;
       _iteratorError = err;
     } finally {
       try {
-        if (!_iteratorNormalCompletion && _iterator.return != null) {
-          _iterator.return();
-        }
+        if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
       } finally {
-        if (_didIteratorError) {
-          throw _iteratorError;
-        }
+        if (_didIteratorError) throw _iteratorError;
       }
     }
   }
   return proxiedStore;
 }
-var waitForEventLoop = process.env.NODE_ENV === "test" || true ? function (cb) {
+var waitForEventLoop = (process.env.NODE_ENV, function (cb) {
   return cb();
-} : queueMicrotask;
+});
 var counter = 0;
 var passThroughKeys = {
   subscribe: true,
@@ -684,8 +547,7 @@ function getShouldDebug(storeInfo) {
   var info = {
     storeInstance: storeInfo.store
   };
-  var trackers = storeInfo.trackers;
-  return [...trackers].some(function (tracker) {
+  return [...storeInfo.trackers].some(function (tracker) {
     return tracker.component && shouldDebug(tracker.component, info);
   });
 }