@tamagui/use-store 2.7.7 → 3.0.0-beta.637.1

package/dist/cjs/useStore.native.cjs

@@ -0,0 +1,557 @@
+"use strict";
+
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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: 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;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useStore_exports = {};
+__export(useStore_exports, {
+	allStores: () => allStores,
+	createStore: () => createStore,
+	createUseStore: () => createUseStore,
+	createUseStoreSelector: () => createUseStoreSelector,
+	getOrCreateStore: () => getOrCreateStore,
+	getStore: () => getStore,
+	getStoreInfo: () => getStoreInfo,
+	onCreateStore: () => onCreateStore,
+	setIsInReaction: () => setIsInReaction,
+	trackStoresAccess: () => trackStoresAccess,
+	useGlobalStore: () => useGlobalStore,
+	useGlobalStoreSelector: () => useGlobalStoreSelector,
+	useStore: () => useStore,
+	useStoreDebug: () => useStoreDebug,
+	useStoreSelector: () => useStoreSelector
+});
+module.exports = __toCommonJS(useStore_exports);
+var import_react = __toESM(require("react"), 1);
+var import_comparators = require("./comparators.native.js");
+var import_configureUseStore = require("./configureUseStore.native.js");
+var import_constants = require("./constants.native.js");
+var import_helpers = require("./helpers.native.js");
+var import_useStoreDebug = require("./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;
+}
+var idFn = function(_) {
+	return _;
+};
+function useStore(StoreKlass, props) {
+	var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : import_constants.defaultOptions;
+	return useStoreFromInfo(getOrCreateStoreInfo(StoreKlass, props, options), options.selector, options);
+}
+function useStoreDebug(StoreKlass, props) {
+	return useStore(StoreKlass, props, { debug: true });
+}
+function createStore(StoreKlass, props, options) {
+	var _getOrCreateStoreInfo;
+	return (_getOrCreateStoreInfo = getOrCreateStoreInfo(StoreKlass, props, options)) === null || _getOrCreateStoreInfo === void 0 ? void 0 : _getOrCreateStoreInfo.store;
+}
+function useGlobalStore(instance, debug) {
+	var store = instance[import_constants.UNWRAP_PROXY];
+	var uid = (0, import_helpers.getStoreUid)(store.constructor, store.props);
+	var info = import_helpers.cache.get(uid);
+	if (!info) throw new Error(`This store not created using createStore()`);
+	return useStoreFromInfo(info, void 0, { debug });
+}
+function useGlobalStoreSelector(instance, selector, debug) {
+	var store = instance[import_constants.UNWRAP_PROXY];
+	var uid = (0, import_helpers.getStoreUid)(store.constructor, store.props);
+	var info = import_helpers.cache.get(uid);
+	if (!info) throw new Error(`This store not created using createStore()`);
+	return useStoreFromInfo(info, selector, { debug });
+}
+function createUseStore(StoreKlass) {
+	return function(props, options) {
+		return useStore(StoreKlass, props, options);
+	};
+}
+function createUseStoreSelector(StoreKlass, selector) {
+	return function(props) {
+		return useStore(StoreKlass, props, { selector });
+	};
+}
+function useStoreSelector(StoreKlass, selector, props) {
+	return useStore(StoreKlass, props, { selector });
+}
+var storeAccessTrackers = /* @__PURE__ */ new Set();
+function trackStoresAccess(cb) {
+	storeAccessTrackers.add(cb);
+	return function() {
+		storeAccessTrackers.delete(cb);
+	};
+}
+function getStore(StoreKlass, props) {
+	var _getStoreInfo;
+	return (_getStoreInfo = getStoreInfo(StoreKlass, props)) === null || _getStoreInfo === void 0 ? void 0 : _getStoreInfo.store;
+}
+function getOrCreateStore(StoreKlass, props) {
+	var _getOrCreateStoreInfo;
+	return (_getOrCreateStoreInfo = getOrCreateStoreInfo(StoreKlass, props, { refuseCreation: false })) === null || _getOrCreateStoreInfo === void 0 ? void 0 : _getOrCreateStoreInfo.store;
+}
+function getStoreInfo(StoreKlass, props) {
+	return getOrCreateStoreInfo(StoreKlass, props, { refuseCreation: true });
+}
+var onCreateListeners = /* @__PURE__ */ new Set();
+function onCreateStore(cb) {
+	onCreateListeners.add(cb);
+	return function() {
+		onCreateListeners.delete(cb);
+	};
+}
+function getOrCreateStoreInfo(StoreKlass, props, options, propsKeyCalculated) {
+	var _store_mount;
+	if (!StoreKlass) return null;
+	var uid = (0, import_helpers.getStoreUid)(StoreKlass, propsKeyCalculated !== null && propsKeyCalculated !== void 0 ? propsKeyCalculated : props);
+	if (!(options === null || options === void 0 ? void 0 : options.avoidCache) && import_helpers.cache.has(uid)) return import_helpers.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 = {};
+	var actions = {};
+	var stateKeys = /* @__PURE__ */ new Set();
+	var descriptors = (0, import_helpers.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);
+	}
+	var keyComparators = storeInstance["_comparators"];
+	var listeners = /* @__PURE__ */ new Set();
+	var storeInfo = {
+		uid,
+		keyComparators,
+		storeInstance,
+		getters,
+		stateKeys,
+		props,
+		actions,
+		debug: options === null || options === void 0 ? void 0 : options.debug,
+		disableTracking: false,
+		gettersState: {
+			getCache: /* @__PURE__ */ new Map(),
+			depsToGetter: /* @__PURE__ */ new Map(),
+			curGetKeys: /* @__PURE__ */ new Set(),
+			isGetting: false
+		},
+		listeners,
+		trackers: /* @__PURE__ */ new Set(),
+		version: 0,
+		subscribe: function(onChanged) {
+			listeners.add(onChanged);
+			return function() {
+				listeners.delete(onChanged);
+			};
+		},
+		triggerUpdate: function() {
+			storeInfo.version = (storeInfo.version + 1) % Number.MAX_SAFE_INTEGER;
+			var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+			try {
+				for (var _iterator = listeners[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+					var cb = _step.value;
+					cb();
+				}
+			} catch (err) {
+				_didIteratorError = true;
+				_iteratorError = err;
+			} finally {
+				try {
+					if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+				} finally {
+					if (_didIteratorError) throw _iteratorError;
+				}
+			}
+		}
+	};
+	var store = createProxiedStore(storeInfo);
+	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;
+	import_helpers.cache.set(uid, result);
+	onCreateListeners.forEach(function(cb) {
+		return cb(result);
+	});
+	return result;
+}
+var allStores = {};
+if (process.env.NODE_ENV === "development") {
+	var _globalThis, _Store;
+	(_globalThis = globalThis)[_Store = "Store"] || (_globalThis[_Store] = allStores);
+}
+var emptyObj = {};
+var selectKeys = function(obj, keys) {
+	if (!keys.length) return emptyObj;
+	var res = {};
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = keys[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var key = _step.value;
+			res[key] = obj[key];
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+		} finally {
+			if (_didIteratorError) throw _iteratorError;
+		}
+	}
+	return res;
+};
+var isInReaction = false;
+var setIsInReaction = function(val) {
+	isInReaction = val;
+};
+function useStoreFromInfo(info, userSelector, options) {
+	var store = info === null || info === void 0 ? void 0 : info.store;
+	var internal = import_react.default.useRef(void 0);
+	var component = (0, import_useStoreDebug.useCurrentComponent)();
+	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 = import_react.default.useCallback(function() {
+		if (!info || !store) return;
+		var curInternal2 = internal.current;
+		var isTracking = curInternal2.tracked.size;
+		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;
+		curInternal2.lastKeys = nextKeys;
+		var snap;
+		info.disableTracking = true;
+		var last = curInternal2.last;
+		if (userSelector) snap = userSelector(store);
+		else snap = selectKeys(store, keys);
+		info.disableTracking = false;
+		var isUnchanged = !userSelector && !isTracking && last || typeof last !== "undefined" && (0, import_comparators.isEqualSubsetShallow)(last, snap, { keyComparators: info.keyComparators });
+		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 = import_react.default.useSyncExternalStore((info === null || info === void 0 ? void 0 : info.subscribe) || idFn, getSnapshot, getSnapshot);
+	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;
+		var keyString = key;
+		if (info.stateKeys.has(keyString) || keyString in info.getters) {
+			if (shouldPrintDebug) console.info("👀 tracking", keyString);
+			curInternal.tracked.add(keyString);
+		}
+		if (Reflect.has(state, key)) return Reflect.get(state, key);
+		return curVal;
+	} });
+}
+var setters = /* @__PURE__ */ new Set();
+var logStack = /* @__PURE__ */ new Set();
+function createProxiedStore(storeInfo) {
+	var _loop = function(key2) {
+		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];
+			var res;
+			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);
+			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);
+				return hash;
+			}, strColor2 = function(str) {
+				return `hsl(${hashCode2(str) % 360}, 90%, 40%)`;
+			};
+			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;
+					if (!(process.env.LOG_LEVEL !== "0" && (isDebugging || import_configureUseStore.configureOpts.logLevel !== "error"))) return Reflect.apply(target, thisArg, args);
+					setters = /* @__PURE__ */ new Set();
+					var curSetters = setters;
+					var isTopLevelLogger = logStack.size == 0;
+					var logs = /* @__PURE__ */ new Set();
+					logStack.add(logs);
+					var res;
+					var id = counter++;
+					try {
+						res = Reflect.apply(target, thisArg, args);
+					} catch (err) {
+						console.error("Error", err);
+						throw err;
+					} finally {
+						logStack.add("end");
+						var name = constr.name;
+						var color = strColor2(name);
+						var simpleArgs = args.map(import_helpers.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 (isTopLevelLogger) {
+							var error = null;
+							try {
+								var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+								try {
+									for (var _iterator = logStack[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+										var item = _step.value;
+										if (item === "end") {
+											console.groupEnd();
+											continue;
+										}
+										var [head, ...rest] = item;
+										if (head) {
+											console.groupCollapsed(...head);
+											console.groupCollapsed("...");
+											console.info("args", args);
+											console.info("response", res);
+											console.groupCollapsed("trace");
+											console.trace();
+											console.groupEnd();
+											console.groupEnd();
+											var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+											try {
+												for (var _iterator1 = rest[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+													var [name1, ...log] = _step1.value;
+													console.groupCollapsed(name1);
+													console.info(...log);
+													console.groupEnd();
+												}
+											} catch (err) {
+												_didIteratorError1 = true;
+												_iteratorError1 = err;
+											} finally {
+												try {
+													if (!_iteratorNormalCompletion1 && _iterator1.return != null) _iterator1.return();
+												} finally {
+													if (_didIteratorError1) throw _iteratorError1;
+												}
+											}
+										} else console.info("Weird log", head, ...rest);
+									}
+								} catch (err) {
+									_didIteratorError = true;
+									_iteratorError = err;
+								} finally {
+									try {
+										if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+									} finally {
+										if (_didIteratorError) throw _iteratorError;
+									}
+								}
+							} catch (err) {
+								error = err;
+							}
+							var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
+							try {
+								for (var _iterator2 = logStack[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+									_step2.value;
+									console.groupEnd();
+								}
+							} catch (err) {
+								_didIteratorError2 = true;
+								_iteratorError2 = err;
+							} finally {
+								try {
+									if (!_iteratorNormalCompletion2 && _iterator2.return != null) _iterator2.return();
+								} finally {
+									if (_didIteratorError2) throw _iteratorError2;
+								}
+							}
+							if (error) console.error(`error loggin`, error);
+							logStack.clear();
+						}
+						return res;
+					}
+				} });
+			}
+		}
+	};
+	var { actions, storeInstance, getters, gettersState } = storeInfo;
+	var { getCache, curGetKeys, depsToGetter } = gettersState;
+	var constr = storeInstance.constructor;
+	var _storeInfo_debug;
+	var shouldDebug2 = (_storeInfo_debug = storeInfo.debug) !== null && _storeInfo_debug !== void 0 ? _storeInfo_debug : import_useStoreDebug.DebugStores.has(constr);
+	var didSet = false;
+	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 (didSet) {
+			storeInfo.triggerUpdate();
+			didSet = false;
+		}
+		return val;
+	};
+	var isTriggering = false;
+	var proxiedStore = new Proxy(storeInstance, {
+		get(_, key2) {
+			if (key2 in wrappedActions) return wrappedActions[key2];
+			if (key2 in passThroughKeys) return Reflect.get(storeInstance, key2);
+			if (key2 === import_constants.UNWRAP_PROXY) return storeInstance;
+			if (key2 === import_helpers.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);
+			}
+			if (key2 in getters) {
+				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;
+				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());
+						depsToGetter.get(gk).add(key2);
+					}
+				} catch (err) {
+					_didIteratorError = true;
+					_iteratorError = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+					} finally {
+						if (_didIteratorError) throw _iteratorError;
+					}
+				}
+				getCache.set(key2, res);
+				return res;
+			}
+			return Reflect.get(storeInstance, key2);
+		},
+		set(target, key2, value, receiver) {
+			var cur = Reflect.get(target, key2);
+			var res = Reflect.set(target, key2, value, receiver);
+			if (res && cur !== value) {
+				if (typeof key2 === "string") {
+					clearGetterCache(key2);
+					if (shouldDebug2) {
+						setters.add({
+							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;
+					waitForEventLoop(function() {
+						storeInfo.triggerUpdate();
+						isTriggering = false;
+					});
+				}
+			}
+			return res;
+		}
+	});
+	function clearGetterCache(setKey) {
+		var parentGetters = depsToGetter.get(setKey);
+		getCache.delete(setKey);
+		if (!parentGetters) return;
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			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);
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) _iterator.return();
+			} finally {
+				if (_didIteratorError) throw _iteratorError;
+			}
+		}
+	}
+	return proxiedStore;
+}
+var waitForEventLoop = (process.env.NODE_ENV, function(cb) {
+	return cb();
+});
+var counter = 0;
+var passThroughKeys = {
+	subscribe: true,
+	_version: true,
+	_trackers: true,
+	$$typeof: true,
+	_listeners: true,
+	_enableTracking: true
+};
+function getShouldDebug(storeInfo) {
+	var info = { storeInstance: storeInfo.store };
+	return [...storeInfo.trackers].some(function(tracker) {
+		return tracker.component && (0, import_useStoreDebug.shouldDebug)(tracker.component, info);
+	});
+}