@tamagui/web 2.7.7 → 3.0.0-beta.643.1

package/dist/cjs/helpers/nativeStyleEngine.cjs

@@ -0,0 +1,209 @@
+
+var __defProp = Object.defineProperty;
+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: 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var nativeStyleEngine_exports = {};
+__export(nativeStyleEngine_exports, {
+	getNativeStyleEngine: () => getNativeStyleEngine,
+	getNativeStyleEngineCacheStats: () => getNativeStyleEngineCacheStats,
+	linkNativeStyleMapping: () => linkNativeStyleMapping,
+	queueNativeViewState: () => queueNativeViewState,
+	removeNativeStyleScope: () => removeNativeStyleScope,
+	resolveNativeStyleMapping: () => resolveNativeStyleMapping,
+	setNativeStyleEngine: () => setNativeStyleEngine,
+	setNativeStyleEngineFlushListener: () => setNativeStyleEngineFlushListener,
+	updateNativeStyleLink: () => updateNativeStyleLink,
+	updateNativeStyleScope: () => updateNativeStyleScope
+});
+module.exports = __toCommonJS(nativeStyleEngine_exports);
+var import_createVariable = require("../createVariable.cjs");
+let engine = null;
+const scopeStates = /* @__PURE__ */ new Map();
+const mappingKeys = /* @__PURE__ */ new WeakMap();
+const compiledMappings = /* @__PURE__ */ new Map();
+const activeCompiledMappings = /* @__PURE__ */ new Set();
+const processedBases = /* @__PURE__ */ new WeakMap();
+function getCompiledMapping(mapping) {
+	let key = mappingKeys.get(mapping);
+	if (!key) {
+		key = JSON.stringify(Object.keys(mapping).sort().map((styleKey) => [styleKey, mapping[styleKey]]));
+		mappingKeys.set(mapping, key);
+	}
+	let compiled = compiledMappings.get(key);
+	if (!compiled) {
+		compiled = {
+			mapping,
+			states: /* @__PURE__ */ new Map(),
+			links: /* @__PURE__ */ new Set()
+		};
+		if (compiledMappings.size >= 1e4) {
+			compiledMappings.clear();
+		}
+		compiledMappings.set(key, compiled);
+	}
+	return compiled;
+}
+function resolveCompiledMapping(compiled, stateName, theme) {
+	const cached = compiled.states.get(stateName);
+	if (cached?.theme === theme) return cached.props;
+	const props = {};
+	for (const styleKey in compiled.mapping) {
+		const value = theme[compiled.mapping[styleKey]];
+		props[styleKey] = value === void 0 ? null : (0, import_createVariable.getVariableValue)(value);
+	}
+	const processed = engine?.processStyleColors(props) ?? props;
+	if (compiled.states.size >= 1e4) {
+		compiled.states.clear();
+		for (const link of compiled.links) {
+			link.stateThemes.clear();
+		}
+	}
+	compiled.states.set(stateName, {
+		theme,
+		props: processed
+	});
+	return processed;
+}
+function setNativeStyleEngine(next) {
+	if (engine !== next) {
+		compiledMappings.clear();
+		activeCompiledMappings.clear();
+	}
+	engine = next;
+	if (next) {
+		for (const [scopeId, state] of scopeStates) {
+			next.setStateName(state.name, scopeId);
+		}
+	}
+}
+function getNativeStyleEngine() {
+	return engine;
+}
+function updateNativeStyleScope(scopeId, stateName, theme) {
+	const previous = scopeStates.get(scopeId);
+	if (previous?.name === stateName && previous.theme === theme) return;
+	scopeStates.set(scopeId, {
+		name: stateName,
+		theme
+	});
+	if (engine) {
+		const entries = [];
+		for (const compiled of activeCompiledMappings) {
+			let props;
+			for (const link of compiled.links) {
+				if (link.scopeId !== scopeId) continue;
+				const linkedTheme = link.stateThemes.get(stateName);
+				if (linkedTheme === theme) continue;
+				props ||= resolveCompiledMapping(compiled, stateName, theme);
+				entries.push({
+					id: link.handle.id,
+					state: stateName,
+					props
+				});
+				link.stateThemes.set(stateName, theme);
+			}
+		}
+		if (entries.length) engine.updateViewStateTables(entries);
+	}
+	engine?.setStateName(stateName, scopeId);
+}
+function removeNativeStyleScope(scopeId) {
+	if (!scopeStates.delete(scopeId)) return;
+	engine?.removeScope(scopeId);
+}
+function resolveNativeStyleMapping(mapping, stateName, theme) {
+	return resolveCompiledMapping(getCompiledMapping(mapping), stateName, theme);
+}
+function linkNativeStyleMapping(ref, baseStyle, mapping, scopeId, stateName, theme) {
+	if (!engine) return null;
+	const compiled = getCompiledMapping(mapping);
+	const stateProps = resolveCompiledMapping(compiled, stateName, theme);
+	let base = processedBases.get(baseStyle);
+	if (!base || base.engine !== engine) {
+		base = {
+			engine,
+			props: engine.processStyleColors(baseStyle)
+		};
+		processedBases.set(baseStyle, base);
+	}
+	const state = {};
+	const stateThemes = /* @__PURE__ */ new Map();
+	for (const [name, cached] of compiled.states) {
+		state[name] = cached.props;
+		stateThemes.set(name, cached.theme);
+	}
+	state[stateName] = stateProps;
+	stateThemes.set(stateName, theme);
+	const handle = engine.link(ref, {
+		base: base.props,
+		state
+	}, scopeId);
+	if (!handle) return null;
+	const link = {
+		handle,
+		scopeId,
+		stateThemes
+	};
+	compiled.links.add(link);
+	activeCompiledMappings.add(compiled);
+	return {
+		id: handle.id,
+		unlink: () => {
+			compiled.links.delete(link);
+			if (!compiled.links.size) {
+				activeCompiledMappings.delete(compiled);
+			}
+			handle.unlink();
+		}
+	};
+}
+const getNativeStyleEngineCacheStats = () => ({
+	mappings: compiledMappings.size,
+	activeMappings: activeCompiledMappings.size,
+	states: [.../* @__PURE__ */ new Set([...compiledMappings.values(), ...activeCompiledMappings])].reduce((total, compiled) => total + compiled.states.size, 0)
+});
+let pending = null;
+let flushListener = null;
+function setNativeStyleEngineFlushListener(cb) {
+	flushListener = cb;
+}
+function updateNativeStyleLink(ref, host) {
+	if (ref.nativeLink) {
+		ref.nativeLink.unlink();
+		ref.nativeLink = null;
+	}
+	ref.nativePushedKeys = void 0;
+	if (host && engine && ref.nativeStyleUpdate) {
+		ref.nativeLink = engine.link(host, {});
+	}
+}
+function queueNativeViewState(entry) {
+	if (!engine) return;
+	if (!pending) {
+		pending = [];
+		queueMicrotask(() => {
+			const entries = pending;
+			pending = null;
+			engine?.applyViewStates(entries);
+			flushListener?.(entries);
+		});
+	}
+	pending.push(entry);
+}

package/dist/cjs/helpers/nativeStyleEngine.native.cjs

@@ -0,0 +1,303 @@
+"use strict";
+
+
+var __defProp = Object.defineProperty;
+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: 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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var nativeStyleEngine_exports = {};
+__export(nativeStyleEngine_exports, {
+	getNativeStyleEngine: () => getNativeStyleEngine,
+	getNativeStyleEngineCacheStats: () => getNativeStyleEngineCacheStats,
+	linkNativeStyleMapping: () => linkNativeStyleMapping,
+	queueNativeViewState: () => queueNativeViewState,
+	removeNativeStyleScope: () => removeNativeStyleScope,
+	resolveNativeStyleMapping: () => resolveNativeStyleMapping,
+	setNativeStyleEngine: () => setNativeStyleEngine,
+	setNativeStyleEngineFlushListener: () => setNativeStyleEngineFlushListener,
+	updateNativeStyleLink: () => updateNativeStyleLink,
+	updateNativeStyleScope: () => updateNativeStyleScope
+});
+module.exports = __toCommonJS(nativeStyleEngine_exports);
+var import_createVariable = require("../createVariable.native.js");
+var engine = null;
+var scopeStates = /* @__PURE__ */ new Map();
+var mappingKeys = /* @__PURE__ */ new WeakMap();
+var compiledMappings = /* @__PURE__ */ new Map();
+var activeCompiledMappings = /* @__PURE__ */ new Set();
+var processedBases = /* @__PURE__ */ new WeakMap();
+function getCompiledMapping(mapping) {
+	var key = mappingKeys.get(mapping);
+	if (!key) {
+		key = JSON.stringify(Object.keys(mapping).sort().map(function(styleKey) {
+			return [styleKey, mapping[styleKey]];
+		}));
+		mappingKeys.set(mapping, key);
+	}
+	var compiled = compiledMappings.get(key);
+	if (!compiled) {
+		compiled = {
+			mapping,
+			states: /* @__PURE__ */ new Map(),
+			links: /* @__PURE__ */ new Set()
+		};
+		if (compiledMappings.size >= 1e4) {
+			compiledMappings.clear();
+		}
+		compiledMappings.set(key, compiled);
+	}
+	return compiled;
+}
+function resolveCompiledMapping(compiled, stateName, theme) {
+	var cached = compiled.states.get(stateName);
+	if ((cached === null || cached === void 0 ? void 0 : cached.theme) === theme) return cached.props;
+	var props = {};
+	for (var styleKey in compiled.mapping) {
+		var value = theme[compiled.mapping[styleKey]];
+		props[styleKey] = value === void 0 ? null : (0, import_createVariable.getVariableValue)(value);
+	}
+	var _engine_processStyleColors;
+	var processed = (_engine_processStyleColors = engine === null || engine === void 0 ? void 0 : engine.processStyleColors(props)) !== null && _engine_processStyleColors !== void 0 ? _engine_processStyleColors : props;
+	if (compiled.states.size >= 1e4) {
+		compiled.states.clear();
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = compiled.links[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var link = _step.value;
+				link.stateThemes.clear();
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	}
+	compiled.states.set(stateName, {
+		theme,
+		props: processed
+	});
+	return processed;
+}
+function setNativeStyleEngine(next) {
+	if (engine !== next) {
+		compiledMappings.clear();
+		activeCompiledMappings.clear();
+	}
+	engine = next;
+	if (next) {
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = scopeStates[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var [scopeId, state] = _step.value;
+				next.setStateName(state.name, scopeId);
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+	}
+}
+function getNativeStyleEngine() {
+	return engine;
+}
+function updateNativeStyleScope(scopeId, stateName, theme) {
+	var previous = scopeStates.get(scopeId);
+	if ((previous === null || previous === void 0 ? void 0 : previous.name) === stateName && previous.theme === theme) return;
+	scopeStates.set(scopeId, {
+		name: stateName,
+		theme
+	});
+	if (engine) {
+		var entries = [];
+		var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+		try {
+			for (var _iterator = activeCompiledMappings[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+				var compiled = _step.value;
+				var props = void 0;
+				var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
+				try {
+					for (var _iterator1 = compiled.links[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
+						var link = _step1.value;
+						if (link.scopeId !== scopeId) continue;
+						var linkedTheme = link.stateThemes.get(stateName);
+						if (linkedTheme === theme) continue;
+						props || (props = resolveCompiledMapping(compiled, stateName, theme));
+						entries.push({
+							id: link.handle.id,
+							state: stateName,
+							props
+						});
+						link.stateThemes.set(stateName, theme);
+					}
+				} catch (err) {
+					_didIteratorError1 = true;
+					_iteratorError1 = err;
+				} finally {
+					try {
+						if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
+							_iterator1.return();
+						}
+					} finally {
+						if (_didIteratorError1) {
+							throw _iteratorError1;
+						}
+					}
+				}
+			}
+		} catch (err) {
+			_didIteratorError = true;
+			_iteratorError = err;
+		} finally {
+			try {
+				if (!_iteratorNormalCompletion && _iterator.return != null) {
+					_iterator.return();
+				}
+			} finally {
+				if (_didIteratorError) {
+					throw _iteratorError;
+				}
+			}
+		}
+		if (entries.length) engine.updateViewStateTables(entries);
+	}
+	engine === null || engine === void 0 ? void 0 : engine.setStateName(stateName, scopeId);
+}
+function removeNativeStyleScope(scopeId) {
+	if (!scopeStates.delete(scopeId)) return;
+	engine === null || engine === void 0 ? void 0 : engine.removeScope(scopeId);
+}
+function resolveNativeStyleMapping(mapping, stateName, theme) {
+	return resolveCompiledMapping(getCompiledMapping(mapping), stateName, theme);
+}
+function linkNativeStyleMapping(ref, baseStyle, mapping, scopeId, stateName, theme) {
+	if (!engine) return null;
+	var compiled = getCompiledMapping(mapping);
+	var stateProps = resolveCompiledMapping(compiled, stateName, theme);
+	var base = processedBases.get(baseStyle);
+	if (!base || base.engine !== engine) {
+		base = {
+			engine,
+			props: engine.processStyleColors(baseStyle)
+		};
+		processedBases.set(baseStyle, base);
+	}
+	var state = {};
+	var stateThemes = /* @__PURE__ */ new Map();
+	var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
+	try {
+		for (var _iterator = compiled.states[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+			var [name, cached] = _step.value;
+			state[name] = cached.props;
+			stateThemes.set(name, cached.theme);
+		}
+	} catch (err) {
+		_didIteratorError = true;
+		_iteratorError = err;
+	} finally {
+		try {
+			if (!_iteratorNormalCompletion && _iterator.return != null) {
+				_iterator.return();
+			}
+		} finally {
+			if (_didIteratorError) {
+				throw _iteratorError;
+			}
+		}
+	}
+	state[stateName] = stateProps;
+	stateThemes.set(stateName, theme);
+	var handle = engine.link(ref, {
+		base: base.props,
+		state
+	}, scopeId);
+	if (!handle) return null;
+	var link = {
+		handle,
+		scopeId,
+		stateThemes
+	};
+	compiled.links.add(link);
+	activeCompiledMappings.add(compiled);
+	return {
+		id: handle.id,
+		unlink: function() {
+			compiled.links.delete(link);
+			if (!compiled.links.size) {
+				activeCompiledMappings.delete(compiled);
+			}
+			handle.unlink();
+		}
+	};
+}
+var getNativeStyleEngineCacheStats = function() {
+	return {
+		mappings: compiledMappings.size,
+		activeMappings: activeCompiledMappings.size,
+		states: [.../* @__PURE__ */ new Set([...compiledMappings.values(), ...activeCompiledMappings])].reduce(function(total, compiled) {
+			return total + compiled.states.size;
+		}, 0)
+	};
+};
+var pending = null;
+var flushListener = null;
+function setNativeStyleEngineFlushListener(cb) {
+	flushListener = cb;
+}
+function updateNativeStyleLink(ref, host) {
+	if (ref.nativeLink) {
+		ref.nativeLink.unlink();
+		ref.nativeLink = null;
+	}
+	ref.nativePushedKeys = void 0;
+	if (host && engine && ref.nativeStyleUpdate) {
+		ref.nativeLink = engine.link(host, {});
+	}
+}
+function queueNativeViewState(entry) {
+	if (!engine) return;
+	if (!pending) {
+		pending = [];
+		queueMicrotask(function() {
+			var entries = pending;
+			pending = null;
+			engine === null || engine === void 0 ? void 0 : engine.applyViewStates(entries);
+			flushListener === null || flushListener === void 0 ? void 0 : flushListener(entries);
+		});
+	}
+	pending.push(entry);
+}