@tamagui/use-store 2.0.0-rc.8 → 2.0.0

package/dist/cjs/index.native.js

@@ -5,21 +5,23 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  },
-  __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var index_exports = {};
 __export(index_exports, {
@@ -36,19 +38,28 @@ var import_constants = require("./constants.native.js");
 __reExport(index_exports, require("./comparators.native.js"), module.exports);
 __reExport(index_exports, require("./decorators.native.js"), module.exports);
 function _class_call_check(instance, Constructor) {
-  if (!(instance instanceof Constructor)) throw new TypeError("Cannot call a class as a function");
+  if (!(instance instanceof Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
 }
 function _define_property(obj, key, value) {
-  return key in obj ? Object.defineProperty(obj, key, {
-    value,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : obj[key] = value, obj;
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
 }
 var Store = function Store2(props) {
   "use strict";
 
-  _class_call_check(this, Store2), _define_property(this, "props", void 0), this.props = props;
+  _class_call_check(this, Store2);
+  _define_property(this, "props", void 0);
+  this.props = props;
 };
 //# sourceMappingURL=index.native.js.map

package/dist/cjs/index.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","Store","UNWRAP_PROXY","import_constants","configureUseStore","import_configureUseStore","module","exports","__reExport","require","_class_call_check","instance","Constructor","TypeError"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAC,gBAAA,CAAAD,YAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAC,wBAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAb,YAAc,CAAAK,aAAA;AACdS,UAAA,CAAAT,aAAA,EAAAU,OAAkC,0BAAAH,MAAA,CAAAC,OAAA;AAClC,IAAAF,wBAAc,GAAAI,OAAA,gCAFd;AAGAD,UAAA,CAAAT,aAAA,EAAcU,OAAA,yBAHd,GAAAH,MAAA,CAAAC,OAAA;AAIAC,UAAA,CAAAT,aAA6B,EAAAU,OAAA,yBAAAH,MAAA,CAAAC,OAAA;AAC7B,IAAAJ,gBAAA,GAAAM,OAAc;AACdD,UAAA,CAAAT,aAAA,EAAcU,OAAA,6BANdH,MAAA,CAAAC,OAAA;AASOC,UAAM,CAAAT,aAAyC,EAAAU,OAAA,4BAAAH,MAAA,CAAAC,OAAA;AAAA,SACpDG,iBAAiCA,CAAAC,QAAA,EAAAC,WAAA;EAAd,MAAAD,QAAA,YAAAC,WAAA,GAAe,UAAAC,SAAA;AACpC","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","index_exports","__export","Store","UNWRAP_PROXY","import_constants","configureUseStore","import_configureUseStore","module","exports","__reExport","require","_class_call_check","instance","Constructor","TypeError"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,aAAA;AAAAC,QAAA,CAAAD,aAAA;EAAAE,KAAA,EAAAA,CAAA,KAAAA,KAAA;EAAAC,YAAA,EAAAA,CAAA,KAAAC,gBAAA,CAAAD,YAAA;EAAAE,iBAAA,EAAAA,CAAA,KAAAC,wBAAA,CAAAD;AAAA;AAAAE,MAAA,CAAAC,OAAA,GAAAb,YAAc,CAAAK,aAAA;AACdS,UAAA,CAAAT,aAAA,EAAAU,OAAkC,0BAAAH,MAAA,CAAAC,OAAA;AAClC,IAAAF,wBAAc,GAAAI,OAAA,gCAFd;AAGAD,UAAA,CAAAT,aAAA,EAAcU,OAAA,yBAHd,GAAAH,MAAA,CAAAC,OAAA;AAIAC,UAAA,CAAAT,aAA6B,EAAAU,OAAA,yBAAAH,MAAA,CAAAC,OAAA;AAC7B,IAAAJ,gBAAA,GAAAM,OAAc;AACdD,UAAA,CAAAT,aAAA,EAAcU,OAAA,6BANdH,MAAA,CAAAC,OAAA;AASOC,UAAM,CAAAT,aAAyC,EAAAU,OAAA,4BAAAH,MAAA,CAAAC,OAAA;AAAA,SACpDG,iBAAiCA,CAAAC,QAAA,EAAAC,WAAA;EAAd,MAAAD,QAAA,YAAAC,WAAA;IAAe,UAAAC,SAAA;EACpC","ignoreList":[]}

package/dist/cjs/interfaces.cjs

@@ -3,14 +3,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
   return to;
 };
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var interfaces_exports = {};
 module.exports = __toCommonJS(interfaces_exports);

package/dist/cjs/interfaces.native.js

@@ -5,14 +5,16 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
-    get: () => from[key],
-    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-  });
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
   return to;
 };
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var interfaces_exports = {};
 module.exports = __toCommonJS(interfaces_exports);

package/dist/cjs/interfaces.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","interfaces_exports"],"sources":["../../src/interfaces.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA","ignoreList":[]}
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","interfaces_exports"],"sources":["../../src/interfaces.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,kBAAA","ignoreList":[]}

package/dist/cjs/observe.cjs

@@ -2,118 +2,164 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var observe_exports = {};
 __export(observe_exports, {
   observe: () => observe,
   useObserve: () => useObserve
 });
 module.exports = __toCommonJS(observe_exports);
-var import_react = __toESM(require("react"), 1),
-  import_comparators = require("./comparators.cjs"),
-  import_constants = require("./constants.cjs"),
-  import_useStore = require("./useStore.cjs");
+var import_react = __toESM(require("react"), 1);
+var import_comparators = require("./comparators.cjs");
+var import_constants = require("./constants.cjs");
+var import_useStore = require("./useStore.cjs");
 const logUpdate = process.env.NODE_ENV === "development" ? (fn, stores, last, next) => {
-  const getStoreLogName = store => `${(store[import_constants.UNWRAP_PROXY] ?? store).constructor.name}${store.props?.id ? `:${store.props.id}` : ""}`,
-    storeNames = stores.map(getStoreLogName).join(", "),
-    name = `\u{1F311}  \u25B6\uFE0F %c${fn.name} ${storeNames} () ${last} => ${next}`;
-  console.groupCollapsed(name, "color: tomato;"), console.groupCollapsed("trace >"), console.trace(), console.groupEnd(), console.info("  next", next), console.groupEnd();
+  const getStoreLogName = store => {
+    const str = store[import_constants.UNWRAP_PROXY] ?? store;
+    return `${str.constructor.name}${store.props?.id ? `:${store.props.id}` : ""}`;
+  };
+  const storeNames = stores.map(getStoreLogName).join(", ");
+  const name = `\u{1F311}  \u25B6\uFE0F %c${fn.name} ${storeNames} () ${last} => ${next}`;
+  console.groupCollapsed(name, "color: tomato;");
+  console.groupCollapsed("trace >");
+  console.trace();
+  console.groupEnd();
+  console.info("  next", next);
+  console.groupEnd();
 } : null;
 function observe(fn) {
-  let prev = getObserverValueAndStoresAccessed(fn),
-    disposeValue = null;
+  let prev = getObserverValueAndStoresAccessed(fn);
+  let disposeValue = null;
   const subscribe = () => {
     const stores = [...prev.storeInfos];
     return subscribeToStores(stores, () => {
       disposeValue?.();
       const next = getObserverValueAndStoresAccessed(fn);
-      if (typeof next.value == "function") {
-        disposeValue = next.value, process.env.NODE_ENV === "development" && logUpdate(fn, [...next.storeInfos], "(fn)", "(fn)");
+      if (typeof next.value === "function") {
+        disposeValue = next.value;
+        if (process.env.NODE_ENV === "development") {
+          logUpdate(fn, [...next.storeInfos], "(fn)", "(fn)");
+        }
         return;
       }
-      (0, import_comparators.isEqualSubsetShallow)(prev.storeInfos, next.storeInfos) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value) || (process.env.NODE_ENV === "development" && logUpdate(fn, [...next.storeInfos], prev.value, next.value), prev = next, dispose(), dispose = subscribe());
+      if ((0, import_comparators.isEqualSubsetShallow)(prev.storeInfos, next.storeInfos) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value)) {
+        return;
+      }
+      if (process.env.NODE_ENV === "development") {
+        logUpdate(fn, [...next.storeInfos], prev.value, next.value);
+      }
+      prev = next;
+      dispose();
+      dispose = subscribe();
     });
   };
   let dispose = subscribe();
   return {
     dispose: () => {
-      dispose(), disposeValue?.();
+      dispose();
+      disposeValue?.();
     },
     getValue: () => prev.value
   };
 }
 function useObserve(fn) {
-  const [state, setState] = import_react.default.useState(() => getObserverValueAndStoresAccessed(fn));
-  return import_react.default.useEffect(() => {
+  const [state, setState] = import_react.default.useState(() => {
+    return getObserverValueAndStoresAccessed(fn);
+  });
+  import_react.default.useEffect(() => {
     let dispose;
     const unsub = subscribeToStores([...state.storeInfos], () => {
       dispose?.();
-      const next = getObserverValueAndStoresAccessed(fn),
-        nextStoreInfos = [...next.storeInfos],
-        prevStoreInfos = [...state.storeInfos];
-      if (typeof next.value == "function") {
-        process.env.NODE_ENV === "development" && logUpdate(fn, nextStoreInfos, "(fn)", "(fn)"), dispose = next.value;
+      const next = getObserverValueAndStoresAccessed(fn);
+      const nextStoreInfos = [...next.storeInfos];
+      const prevStoreInfos = [...state.storeInfos];
+      if (typeof next.value === "function") {
+        if (process.env.NODE_ENV === "development") {
+          logUpdate(fn, nextStoreInfos, "(fn)", "(fn)");
+        }
+        dispose = next.value;
         return;
       }
-      setState(prev => (0, import_comparators.isEqualSubsetShallow)(prevStoreInfos, nextStoreInfos) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value) ? prev : (process.env.NODE_ENV === "development" && logUpdate(fn, nextStoreInfos, prev.value, next.value), next));
+      setState(prev => {
+        if ((0, import_comparators.isEqualSubsetShallow)(prevStoreInfos, nextStoreInfos) && (0, import_comparators.isEqualSubsetShallow)(prev.value, next.value)) {
+          return prev;
+        }
+        if (process.env.NODE_ENV === "development") {
+          logUpdate(fn, nextStoreInfos, prev.value, next.value);
+        }
+        return next;
+      });
     });
     return () => {
-      unsub(), dispose?.();
+      unsub();
+      dispose?.();
     };
-  }, [[...state.storeInfos].map(i => i.uid).join(",")]), state.value;
+  }, [[...state.storeInfos].map(i => i.uid).join(",")]);
+  return state.value;
 }
 function getObserverValueAndStoresAccessed(selector) {
-  const storeInfos = /* @__PURE__ */new Set(),
-    dispose = (0, import_useStore.trackStoresAccess)(storeInfo => {
-      storeInfos.add(storeInfo);
-    }),
-    value = selector();
-  return dispose(), {
+  const storeInfos = /* @__PURE__ */new Set();
+  const dispose = (0, import_useStore.trackStoresAccess)(storeInfo => {
+    storeInfos.add(storeInfo);
+  });
+  const value = selector();
+  dispose();
+  return {
     value,
     storeInfos
   };
 }
 function subscribeToStores(storeInfos, onUpdate) {
   const disposes = [];
-  let isUpdating = !1;
+  let isUpdating = false;
   const onUpdateDebouncedWithoutTracking = () => {
-    isUpdating || (isUpdating = !0, queueMicrotask(() => {
+    if (isUpdating) return;
+    isUpdating = true;
+    queueMicrotask(() => {
       try {
-        for (const storeInfo of storeInfos) storeInfo.disableTracking = !0;
+        for (const storeInfo of storeInfos) {
+          storeInfo.disableTracking = true;
+        }
         onUpdate();
       } finally {
-        isUpdating = !1;
-        for (const storeInfo of storeInfos) storeInfo.disableTracking = !1;
+        isUpdating = false;
+        for (const storeInfo of storeInfos) {
+          storeInfo.disableTracking = false;
+        }
       }
-    }));
+    });
   };
-  for (const storeInfo of storeInfos) disposes.push(storeInfo.subscribe(onUpdateDebouncedWithoutTracking));
+  for (const storeInfo of storeInfos) {
+    disposes.push(storeInfo.subscribe(onUpdateDebouncedWithoutTracking));
+  }
   return () => {
     disposes.forEach(x => x());
   };