@tamagui/core 2.7.3 → 2.7.5

package/.turbo/turbo-build.log

@@ -1,4 +1,4 @@
 $ tamagui-build
-built @tamagui/core in 608 ms
+built @tamagui/core in 598 ms
 Running afterBuild script...
-afterBuild completed in 213 ms
+afterBuild completed in 192 ms

package/dist/native.cjs

@@ -879,16 +879,6 @@ function enable() {
 		}
 	}
 }
-function startGlobalObservers() {
-	if (!ENABLE || globalIntersectionObserver) return;
-	globalIntersectionObserver = new IntersectionObserver(function(entries) {
-		for (var i = 0; i < entries.length; i++) {
-			var entry = entries[i];
-			var node = entry.target;
-			if (IntersectionState.get(node) !== entry.isIntersecting) IntersectionState.set(node, entry.isIntersecting);
-		}
-	}, { threshold: 0 });
-}
 function rectsEqual(a, b) {
 	return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
 }
@@ -912,11 +902,6 @@ function observeLayoutNode(node, disableKey) {
 	Nodes.add(node);
 	if (disableKey) LayoutDisableKey.set(node, disableKey);
 	else LayoutDisableKey.delete(node);
-	startGlobalObservers();
-	if (globalIntersectionObserver) {
-		globalIntersectionObserver.observe(node);
-		IntersectionState.set(node, true);
-	}
 	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
 }
 function registerLayoutNode(node, onChange, disableKey) {
@@ -931,8 +916,6 @@ function cleanupNode(node) {
 	LayoutHandlers.delete(node);
 	LayoutDisableKey.delete(node);
 	NodeRectCache.delete(node);
-	IntersectionState.delete(node);
-	if (globalIntersectionObserver) globalIntersectionObserver.unobserve(node);
 }
 function emitLayoutSync(node) {
 	var onLayout = LayoutHandlers.get(node);
@@ -995,14 +978,13 @@ function createMeasureLayout(node) {
 		return measureLayout$1(node, relativeTo, callback);
 	};
 }
-var LayoutHandlers, LayoutDisableKey, Nodes, IntersectionState, usePretransformDimensions, DisableLayoutContextValues, DisableLayoutContextKey, ENABLE, LayoutMeasurementController, globalIntersectionObserver, strategy, resumeLayoutLoop, NodeRectCache, avoidUpdates, queuedUpdates, BoundingRects, rectFetchObserver, rectFetchResolve, rectFetchStartTime, lastCallbackDelay, rAF, userSkipVal, BASE_SKIP_FRAMES, MAX_SKIP_FRAMES, skipFrames, frameCount, frameScheduled, getElementLayoutEvent, getPreTransformDimensions, getRelativeDimensions, PrevHostNode, getBoundingClientRectAsync, measureNode, measure, measureInWindow, createMeasureInWindow, measureLayout$1;
+var LayoutHandlers, LayoutDisableKey, Nodes, usePretransformDimensions, DisableLayoutContextValues, DisableLayoutContextKey, ENABLE, LayoutMeasurementController, strategy, resumeLayoutLoop, measureOnNextFrame, NodeRectCache, avoidUpdates, queuedUpdates, BoundingRects, rectFetchObserver, rectFetchResolve, rectFetchStartTime, lastCallbackDelay, rAF, userSkipVal, BASE_SKIP_FRAMES, MAX_SKIP_FRAMES, skipFrames, frameCount, frameScheduled, getElementLayoutEvent, getPreTransformDimensions, getRelativeDimensions, PrevHostNode, getBoundingClientRectAsync, measureNode, measure, measureInWindow, createMeasureInWindow, measureLayout$1;
 var init_index_native$11 = __esmMin((() => {
 	init_index_native$7();
 	init_asyncToGenerator();
 	LayoutHandlers = /* @__PURE__ */ new WeakMap();
 	LayoutDisableKey = /* @__PURE__ */ new WeakMap();
 	Nodes = /* @__PURE__ */ new Set();
-	IntersectionState = /* @__PURE__ */ new WeakMap();
 	usePretransformDimensions = function() {
 		return globalThis.__TAMAGUI_ONLAYOUT_PRETRANSFORM === true || process.env.TAMAGUI_ONLAYOUT_PRETRANSFORM === "1";
 	};
@@ -1013,14 +995,15 @@ var init_index_native$11 = __esmMin((() => {
 		var { disable, children } = param;
 		var id = (0, react.useId)();
 		useIsomorphicLayoutEffect(function() {
+			var wasDisabled = DisableLayoutContextValues[id] === true;
 			DisableLayoutContextValues[id] = disable;
+			if (wasDisabled && !disable) measureOnNextFrame === null || measureOnNextFrame === void 0 || measureOnNextFrame();
 		}, [disable, id]);
 		return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisableLayoutContextKey.Provider, {
 			value: id,
 			children
 		});
 	};
-	globalIntersectionObserver = null;
 	strategy = "async";
 	NodeRectCache = /* @__PURE__ */ new WeakMap();
 	avoidUpdates = true;
@@ -1088,7 +1071,7 @@ var init_index_native$11 = __esmMin((() => {
 				}
 				if (frameCount >= Number.MAX_SAFE_INTEGER) frameCount = 0;
 				if (strategy !== "off") {
-					var visibleNodes = [];
+					var activeNodes = [];
 					var parentsToObserve = /* @__PURE__ */ new Set();
 					var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 					try {
@@ -1101,8 +1084,7 @@ var init_index_native$11 = __esmMin((() => {
 							}
 							var disableKey = LayoutDisableKey.get(node);
 							if (disableKey && DisableLayoutContextValues[disableKey] === true) continue;
-							if (IntersectionState.get(node) === false) continue;
-							visibleNodes.push(node);
+							activeNodes.push(node);
 							parentsToObserve.add(parentElement);
 						}
 					} catch (err) {
@@ -1115,10 +1097,10 @@ var init_index_native$11 = __esmMin((() => {
 							if (_didIteratorError) throw _iteratorError;
 						}
 					}
-					if (visibleNodes.length > 0) {
+					if (activeNodes.length > 0) {
 						var io = ensureRectFetchObserver2();
 						rectFetchStartTime = performance.now();
-						for (var i = 0; i < visibleNodes.length; i++) io.observe(visibleNodes[i]);
+						for (var i = 0; i < activeNodes.length; i++) io.observe(activeNodes[i]);
 						var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
 						try {
 							for (var _iterator1 = parentsToObserve[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
@@ -1138,7 +1120,7 @@ var init_index_native$11 = __esmMin((() => {
 						yield new Promise(function(res) {
 							rectFetchResolve = res;
 						});
-						for (var i1 = 0; i1 < visibleNodes.length; i1++) io.unobserve(visibleNodes[i1]);
+						for (var i1 = 0; i1 < activeNodes.length; i1++) io.unobserve(activeNodes[i1]);
 						var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
 						try {
 							for (var _iterator2 = parentsToObserve[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
@@ -1157,7 +1139,7 @@ var init_index_native$11 = __esmMin((() => {
 						}
 						if (lastCallbackDelay > 50) skipFrames = Math.min(skipFrames + 2, MAX_SKIP_FRAMES);
 						else if (lastCallbackDelay < 20) skipFrames = Math.max(skipFrames - 1, BASE_SKIP_FRAMES);
-						for (var i2 = 0; i2 < visibleNodes.length; i2++) updateLayoutIfChanged(visibleNodes[i2]);
+						for (var i2 = 0; i2 < activeNodes.length; i2++) updateLayoutIfChanged(activeNodes[i2]);
 					}
 				}
 				frameScheduled = false;
@@ -1166,6 +1148,10 @@ var init_index_native$11 = __esmMin((() => {
 			return _layoutOnAnimationFrame.apply(this, arguments);
 		}
 		resumeLayoutLoop = scheduleLayoutFrame2;
+		measureOnNextFrame = function() {
+			frameCount = 0;
+			scheduleLayoutFrame2();
+		};
 		document.addEventListener("visibilitychange", scheduleLayoutFrame2);
 		scheduleLayoutFrame2();
 	}

package/dist/test.native.cjs

@@ -7187,7 +7187,6 @@ function _instanceof(left, right) {
 var LayoutHandlers = /* @__PURE__ */ new WeakMap();
 var LayoutDisableKey = /* @__PURE__ */ new WeakMap();
 var Nodes = /* @__PURE__ */ new Set();
-var IntersectionState = /* @__PURE__ */ new WeakMap();
 var usePretransformDimensions = function() {
 	return globalThis.__TAMAGUI_ONLAYOUT_PRETRANSFORM === true || process.env.TAMAGUI_ONLAYOUT_PRETRANSFORM === "1";
 };
@@ -7198,16 +7197,18 @@ var LayoutMeasurementController = function(param) {
 	var { disable, children } = param;
 	var id = (0, react.useId)();
 	useIsomorphicLayoutEffect(function() {
+		var wasDisabled = DisableLayoutContextValues[id] === true;
 		DisableLayoutContextValues[id] = disable;
+		if (wasDisabled && !disable) measureOnNextFrame === null || measureOnNextFrame === void 0 || measureOnNextFrame();
 	}, [disable, id]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DisableLayoutContextKey.Provider, {
 		value: id,
 		children
 	});
 };
-var globalIntersectionObserver = null;
 var strategy = "async";
 var resumeLayoutLoop;
+var measureOnNextFrame;
 function setOnLayoutStrategy(state) {
 	strategy = state;
 	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
@@ -7226,16 +7227,6 @@ function enable() {
 		}
 	}
 }
-function startGlobalObservers() {
-	if (!ENABLE || globalIntersectionObserver) return;
-	globalIntersectionObserver = new IntersectionObserver(function(entries) {
-		for (var i = 0; i < entries.length; i++) {
-			var entry = entries[i];
-			var node = entry.target;
-			if (IntersectionState.get(node) !== entry.isIntersecting) IntersectionState.set(node, entry.isIntersecting);
-		}
-	}, { threshold: 0 });
-}
 function rectsEqual(a, b) {
 	return a.x === b.x && a.y === b.y && a.width === b.width && a.height === b.height;
 }
@@ -7302,7 +7293,7 @@ if (ENABLE) {
 			}
 			if (frameCount >= Number.MAX_SAFE_INTEGER) frameCount = 0;
 			if (strategy !== "off") {
-				var visibleNodes = [];
+				var activeNodes = [];
 				var parentsToObserve = /* @__PURE__ */ new Set();
 				var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = void 0;
 				try {
@@ -7315,8 +7306,7 @@ if (ENABLE) {
 						}
 						var disableKey = LayoutDisableKey.get(node);
 						if (disableKey && DisableLayoutContextValues[disableKey] === true) continue;
-						if (IntersectionState.get(node) === false) continue;
-						visibleNodes.push(node);
+						activeNodes.push(node);
 						parentsToObserve.add(parentElement);
 					}
 				} catch (err) {
@@ -7329,10 +7319,10 @@ if (ENABLE) {
 						if (_didIteratorError) throw _iteratorError;
 					}
 				}
-				if (visibleNodes.length > 0) {
+				if (activeNodes.length > 0) {
 					var io = ensureRectFetchObserver2();
 					rectFetchStartTime = performance.now();
-					for (var i = 0; i < visibleNodes.length; i++) io.observe(visibleNodes[i]);
+					for (var i = 0; i < activeNodes.length; i++) io.observe(activeNodes[i]);
 					var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = void 0;
 					try {
 						for (var _iterator1 = parentsToObserve[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true) {
@@ -7352,7 +7342,7 @@ if (ENABLE) {
 					yield new Promise(function(res) {
 						rectFetchResolve = res;
 					});
-					for (var i1 = 0; i1 < visibleNodes.length; i1++) io.unobserve(visibleNodes[i1]);
+					for (var i1 = 0; i1 < activeNodes.length; i1++) io.unobserve(activeNodes[i1]);
 					var _iteratorNormalCompletion2 = true, _didIteratorError2 = false, _iteratorError2 = void 0;
 					try {
 						for (var _iterator2 = parentsToObserve[Symbol.iterator](), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
@@ -7371,7 +7361,7 @@ if (ENABLE) {
 					}
 					if (lastCallbackDelay > 50) skipFrames = Math.min(skipFrames + 2, MAX_SKIP_FRAMES);
 					else if (lastCallbackDelay < 20) skipFrames = Math.max(skipFrames - 1, BASE_SKIP_FRAMES);
-					for (var i2 = 0; i2 < visibleNodes.length; i2++) updateLayoutIfChanged(visibleNodes[i2]);
+					for (var i2 = 0; i2 < activeNodes.length; i2++) updateLayoutIfChanged(activeNodes[i2]);
 				}
 			}
 			frameScheduled = false;
@@ -7380,6 +7370,10 @@ if (ENABLE) {
 		return _layoutOnAnimationFrame.apply(this, arguments);
 	}
 	resumeLayoutLoop = scheduleLayoutFrame2;
+	measureOnNextFrame = function() {
+		frameCount = 0;
+		scheduleLayoutFrame2();
+	};
 	document.addEventListener("visibilitychange", scheduleLayoutFrame2);
 	scheduleLayoutFrame2();
 }
@@ -7435,11 +7429,6 @@ function observeLayoutNode(node, disableKey) {
 	Nodes.add(node);
 	if (disableKey) LayoutDisableKey.set(node, disableKey);
 	else LayoutDisableKey.delete(node);
-	startGlobalObservers();
-	if (globalIntersectionObserver) {
-		globalIntersectionObserver.observe(node);
-		IntersectionState.set(node, true);
-	}
 	resumeLayoutLoop === null || resumeLayoutLoop === void 0 || resumeLayoutLoop();
 }
 function registerLayoutNode(node, onChange, disableKey) {
@@ -7454,8 +7443,6 @@ function cleanupNode(node) {
 	LayoutHandlers.delete(node);
 	LayoutDisableKey.delete(node);
 	NodeRectCache.delete(node);
-	IntersectionState.delete(node);
-	if (globalIntersectionObserver) globalIntersectionObserver.unobserve(node);
 }
 //#endregion
 //#region src/getBaseViews.native.ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "2.7.3",
+  "version": "2.7.5",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "license": "MIT",
   "author": {
@@ -79,17 +79,17 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/helpers": "2.7.3",
-    "@tamagui/react-native-media-driver": "2.7.3",
-    "@tamagui/react-native-use-pressable": "2.7.3",
-    "@tamagui/use-element-layout": "2.7.3",
-    "@tamagui/use-event": "2.7.3",
-    "@tamagui/web": "2.7.3"
+    "@tamagui/helpers": "2.7.5",
+    "@tamagui/react-native-media-driver": "2.7.5",
+    "@tamagui/react-native-use-pressable": "2.7.5",
+    "@tamagui/use-element-layout": "2.7.5",
+    "@tamagui/use-event": "2.7.5",
+    "@tamagui/web": "2.7.5"
   },
   "devDependencies": {
-    "@tamagui/build": "2.7.3",
-    "@tamagui/native-bundle": "2.7.3",
-    "@tamagui/react-native-web-lite": "2.7.3",
+    "@tamagui/build": "2.7.5",
+    "@tamagui/native-bundle": "2.7.5",
+    "@tamagui/react-native-web-lite": "2.7.5",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "react": ">=19",