@tamagui/core 1.126.13-1747874018127 → 1.126.14

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/core",
-  "version": "1.126.13-1747874018127",
+  "version": "1.126.14",
   "source": "src/index.tsx",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -35,14 +35,14 @@
     "native-test.d.ts"
   ],
   "dependencies": {
-    "@tamagui/react-native-media-driver": "1.126.13-1747874018127",
-    "@tamagui/react-native-use-pressable": "1.126.13-1747874018127",
-    "@tamagui/react-native-use-responder-events": "1.126.13-1747874018127",
-    "@tamagui/use-event": "1.126.13-1747874018127",
-    "@tamagui/web": "1.126.13-1747874018127"
+    "@tamagui/react-native-media-driver": "1.126.14",
+    "@tamagui/react-native-use-pressable": "1.126.14",
+    "@tamagui/react-native-use-responder-events": "1.126.14",
+    "@tamagui/use-event": "1.126.14",
+    "@tamagui/web": "1.126.14"
   },
   "devDependencies": {
-    "@tamagui/build": "1.126.13-1747874018127",
+    "@tamagui/build": "1.126.14",
     "@testing-library/react": "^16.1.0",
     "csstype": "^3.0.10",
     "typescript": "^5.8.2",

package/src/hooks/useElementLayout.tsx

@@ -29,54 +29,64 @@ export type LayoutEvent = {
 const NodeRectCache = new WeakMap<HTMLElement, DOMRect>()
 const ParentRectCache = new WeakMap<HTMLElement, DOMRect>()
 
-if (isClient && typeof requestAnimationFrame === 'function') {
-  // prevent thrashing during first hydration (somewhat, streaming gets trickier)
-  let avoidUpdates = true
-  const queuedUpdates = new Map<HTMLElement, Function>()
-
-  ___onDidFinishClientRender(() => {
-    avoidUpdates = false
-    if (queuedUpdates) {
-      queuedUpdates.forEach((cb) => cb())
-      queuedUpdates.clear()
-    }
-  })
-
-  function updateLayoutIfChanged(node: HTMLElement) {
-    const nodeRect = node.getBoundingClientRect()
-    const parentNode = node.parentElement
-    const parentRect = parentNode?.getBoundingClientRect()
-
-    const onLayout = LayoutHandlers.get(node)
-    if (typeof onLayout !== 'function') return
-
-    const cachedRect = NodeRectCache.get(node)
-    const cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null
-
-    if (
-      !cachedRect ||
-      // has changed one rect
-      (!isEqualShallow(cachedRect, nodeRect) &&
-        (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect)))
-    ) {
-      NodeRectCache.set(node, nodeRect)
-      if (parentRect && parentNode) {
-        ParentRectCache.set(parentNode, parentRect)
+const rAF = typeof window !== 'undefined' ? window.requestAnimationFrame : undefined
+
+if (isClient) {
+  if (rAF) {
+    // prevent thrashing during first hydration (somewhat, streaming gets trickier)
+    let avoidUpdates = true
+    const queuedUpdates = new Map<HTMLElement, Function>()
+
+    ___onDidFinishClientRender(() => {
+      avoidUpdates = false
+      if (queuedUpdates) {
+        queuedUpdates.forEach((cb) => cb())
+        queuedUpdates.clear()
       }
-      const event = getElementLayoutEvent(node)
-      if (avoidUpdates) {
-        queuedUpdates.set(node, () => onLayout(event))
-      } else {
-        onLayout(event)
+    })
+
+    function updateLayoutIfChanged(node: HTMLElement) {
+      const nodeRect = node.getBoundingClientRect()
+      const parentNode = node.parentElement
+      const parentRect = parentNode?.getBoundingClientRect()
+
+      const onLayout = LayoutHandlers.get(node)
+      if (typeof onLayout !== 'function') return
+
+      const cachedRect = NodeRectCache.get(node)
+      const cachedParentRect = parentNode ? NodeRectCache.get(parentNode) : null
+
+      if (
+        !cachedRect ||
+        // has changed one rect
+        (!isEqualShallow(cachedRect, nodeRect) &&
+          (!cachedParentRect || !isEqualShallow(cachedParentRect, parentRect)))
+      ) {
+        NodeRectCache.set(node, nodeRect)
+        if (parentRect && parentNode) {
+          ParentRectCache.set(parentNode, parentRect)
+        }
+        const event = getElementLayoutEvent(node)
+        if (avoidUpdates) {
+          queuedUpdates.set(node, () => onLayout(event))
+        } else {
+          onLayout(event)
+        }
       }
     }
-  }
 
-  // note that getBoundingClientRect() does not thrash layout if its after an animation frame
-  requestAnimationFrame(layoutOnAnimationFrame)
-  function layoutOnAnimationFrame() {
-    Nodes.forEach(updateLayoutIfChanged)
-    requestAnimationFrame(layoutOnAnimationFrame)
+    // note that getBoundingClientRect() does not thrash layout if its after an animation frame
+    rAF!(layoutOnAnimationFrame)
+    function layoutOnAnimationFrame() {
+      Nodes.forEach(updateLayoutIfChanged)
+      rAF!(layoutOnAnimationFrame)
+    }
+  } else {
+    if (process.env.NODE_ENV === 'development') {
+      console.warn(
+        `No requestAnimationFrame - please polyfill for onLayout to work correctly`
+      )
+    }
   }
 }
 

package/types/hooks/useElementLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useElementLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,wBAAwB,EAE9B,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE;QACX,MAAM,EAAE,WAAW,CAAA;QACnB,MAAM,EAAE,GAAG,CAAA;KACZ,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAwDD,eAAO,MAAM,qBAAqB,GAAI,QAAQ,WAAW,KAAG,WAe3D,CAAA;AAGD,eAAO,MAAM,aAAa,GACxB,MAAM,WAAW,EACjB,YAAY,WAAW,GAAG,IAAI,EAC9B,UAAU,CACR,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,KACR,IAAI,SAcV,CAAA;AASD,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,SAAS,CAAC,wBAAwB,CAAC,EACxC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,QAuB7C"}
+{"version":3,"file":"useElementLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useElementLayout.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,KAAK,wBAAwB,EAE9B,MAAM,cAAc,CAAA;AACrB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAKtC,MAAM,MAAM,WAAW,GAAG;IACxB,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;IACd,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,WAAW,EAAE;QACX,MAAM,EAAE,WAAW,CAAA;QACnB,MAAM,EAAE,GAAG,CAAA;KACZ,CAAA;IACD,SAAS,EAAE,MAAM,CAAA;CAClB,CAAA;AAkED,eAAO,MAAM,qBAAqB,GAAI,QAAQ,WAAW,KAAG,WAe3D,CAAA;AAGD,eAAO,MAAM,aAAa,GACxB,MAAM,WAAW,EACjB,YAAY,WAAW,GAAG,IAAI,EAC9B,UAAU,CACR,CAAC,EAAE,MAAM,EACT,CAAC,EAAE,MAAM,EACT,KAAK,EAAE,MAAM,EACb,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,MAAM,EACZ,GAAG,EAAE,MAAM,KACR,IAAI,SAcV,CAAA;AASD,wBAAgB,gBAAgB,CAC9B,GAAG,EAAE,SAAS,CAAC,wBAAwB,CAAC,EACxC,QAAQ,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,WAAW,KAAK,IAAI,CAAC,GAAG,IAAI,QAuB7C"}