@tamagui/use-window-dimensions 1.131.2 → 1.131.3

package/dist/cjs/helpers.cjs

@@ -24,32 +24,37 @@ __export(helpers_exports, {
   subscribe: () => subscribe
 });
 module.exports = __toCommonJS(helpers_exports);
-var import_constants = require("@tamagui/constants");
+var import_constants = require("@tamagui/constants"),
+  import_initialValue = require("./initialValue.cjs");
+let lastSize = import_initialValue.initialValue,
+  docEl = null;
 function getWindowSize() {
-  if (!import_constants.isClient) return {
-    width: 800,
-    height: 600,
-    scale: 1,
-    fontScale: 1
-  };
-  const win = window,
-    docEl = win.document.documentElement;
-  return {
+  if (!import_constants.isClient) return import_initialValue.initialValue;
+  docEl ||= window.document.documentElement;
+  const nextSize = {
     fontScale: 1,
     height: docEl.clientHeight,
-    scale: win.devicePixelRatio || 1,
+    scale: window.devicePixelRatio || 1,
     width: docEl.clientWidth
   };
+  return nextSize.height !== lastSize.height || nextSize.width !== lastSize.width || nextSize.scale !== lastSize.scale ? (lastSize = nextSize, nextSize) : lastSize;
 }
 const cbs = /* @__PURE__ */new Set();
-let _raf = 0;
 if (import_constants.isClient) {
-  let frame = 0;
-  const onResize = () => {
-    cancelAnimationFrame(_raf), _raf = requestAnimationFrame(() => {
-      ++frame % 4 === 0 && cbs.forEach(cb => cb(getWindowSize()));
-    });
-  };
+  let flushUpdate = function () {
+      lastUpdate = Date.now(), cbs.forEach(cb => cb(getWindowSize()));
+    },
+    lastUpdate = Date.now(),
+    tm;
+  const USER_MAX_MS = process.env.TAMAGUI_USE_WINDOW_DIMENSIONS_MAX_UPDATE_MS,
+    updateMaxMs = USER_MAX_MS ? +USER_MAX_MS : 100,
+    onResize = () => {
+      clearTimeout(tm);
+      const timeSinceLast = Date.now() - lastUpdate;
+      timeSinceLast < updateMaxMs ? setTimeout(() => {
+        flushUpdate();
+      }, updateMaxMs - timeSinceLast) : flushUpdate();
+    };
   window.addEventListener("resize", onResize);
 }
 function subscribe(cb) {

package/dist/cjs/helpers.js

@@ -18,31 +18,31 @@ __export(helpers_exports, {
   subscribe: () => subscribe
 });
 module.exports = __toCommonJS(helpers_exports);
-var import_constants = require("@tamagui/constants");
+var import_constants = require("@tamagui/constants"), import_initialValue = require("./initialValue");
+let lastSize = import_initialValue.initialValue, docEl = null;
 function getWindowSize() {
   if (!import_constants.isClient)
-    return {
-      width: 800,
-      height: 600,
-      scale: 1,
-      fontScale: 1
-    };
-  const win = window, docEl = win.document.documentElement;
-  return {
+    return import_initialValue.initialValue;
+  docEl ||= window.document.documentElement;
+  const nextSize = {
     fontScale: 1,
     height: docEl.clientHeight,
-    scale: win.devicePixelRatio || 1,
+    scale: window.devicePixelRatio || 1,
     width: docEl.clientWidth
   };
+  return nextSize.height !== lastSize.height || nextSize.width !== lastSize.width || nextSize.scale !== lastSize.scale ? (lastSize = nextSize, nextSize) : lastSize;
 }
 const cbs = /* @__PURE__ */ new Set();
-let _raf = 0;
 if (import_constants.isClient) {
-  let frame = 0;
-  const onResize = () => {
-    cancelAnimationFrame(_raf), _raf = requestAnimationFrame(() => {
-      ++frame % 4 === 0 && cbs.forEach((cb) => cb(getWindowSize()));
-    });
+  let flushUpdate = function() {
+    lastUpdate = Date.now(), cbs.forEach((cb) => cb(getWindowSize()));
+  }, lastUpdate = Date.now(), tm;
+  const USER_MAX_MS = process.env.TAMAGUI_USE_WINDOW_DIMENSIONS_MAX_UPDATE_MS, updateMaxMs = USER_MAX_MS ? +USER_MAX_MS : 100, onResize = () => {
+    clearTimeout(tm);
+    const timeSinceLast = Date.now() - lastUpdate;
+    timeSinceLast < updateMaxMs ? setTimeout(() => {
+      flushUpdate();
+    }, updateMaxMs - timeSinceLast) : flushUpdate();
   };
   window.addEventListener("resize", onResize);
 }

package/dist/cjs/helpers.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/helpers.ts"],
-  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB;AAGlB,SAAS,gBAA4B;AAC1C,MAAI,CAAC;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAEF,QAAM,MAAM,QACN,QAAQ,IAAI,SAAS;AAC3B,SAAO;AAAA,IACL,WAAW;AAAA,IACX,QAAQ,MAAM;AAAA,IACd,OAAO,IAAI,oBAAoB;AAAA,IAC/B,OAAO,MAAM;AAAA,EACf;AACF;AAEA,MAAM,MAAM,oBAAI,IAAwB;AACxC,IAAI,OAAO;AAEX,IAAI,2BAAU;AACZ,MAAI,QAAQ;AACZ,QAAM,WAAW,MAAM;AACrB,yBAAqB,IAAI,GACzB,OAAO,sBAAsB,MAAM;AAEjC,MAAI,EAAE,QAAQ,MAAM,KAClB,IAAI,QAAQ,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC;AAAA,IAE3C,CAAC;AAAA,EACH;AAEA,SAAO,iBAAiB,UAAU,QAAQ;AAC5C;AAEO,SAAS,UAAU,IAAoC;AAC5D,aAAI,IAAI,EAAE,GACH,MAAM,IAAI,OAAO,EAAE;AAC5B;",
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAAyB,+BACzB,sBAA6B;AAG7B,IAAI,WAAuB,kCACvB,QAA4B;AAEzB,SAAS,gBAA4B;AAC1C,MAAI,CAAC;AACH,WAAO;AAGT,YAAU,OAAO,SAAS;AAE1B,QAAM,WAAuB;AAAA,IAC3B,WAAW;AAAA,IACX,QAAQ,MAAM;AAAA,IACd,OAAO,OAAO,oBAAoB;AAAA,IAClC,OAAO,MAAM;AAAA,EACf;AAEA,SACE,SAAS,WAAW,SAAS,UAC7B,SAAS,UAAU,SAAS,SAC5B,SAAS,UAAU,SAAS,SAE5B,WAAW,UACJ,YAGF;AACT;AAEA,MAAM,MAAM,oBAAI,IAAwB;AAExC,IAAI,2BAAU;AAMZ,MAAS,cAAT,WAAuB;AACrB,iBAAa,KAAK,IAAI,GACtB,IAAI,QAAQ,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC;AAAA,EACzC,GARI,aAAa,KAAK,IAAI,GACtB;AACJ,QAAM,cAAc,QAAQ,IAAI,6CAC1B,cAAc,cAAc,CAAC,cAAc,KAO3C,WAAW,MAAM;AACrB,iBAAa,EAAE;AAGf,UAAM,gBAAgB,KAAK,IAAI,IAAI;AACnC,IAAI,gBAAgB,cAClB,WAAW,MAAM;AACf,kBAAY;AAAA,IACd,GAAG,cAAc,aAAa,IAE9B,YAAY;AAAA,EAEhB;AAEA,SAAO,iBAAiB,UAAU,QAAQ;AAC5C;AAEO,SAAS,UAAU,IAAoC;AAC5D,aAAI,IAAI,EAAE,GACH,MAAM,IAAI,OAAO,EAAE;AAC5B;",
   "names": []
 }

package/dist/cjs/index.cjs

@@ -31,24 +31,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   }), mod);
 var index_exports = {};
 __export(index_exports, {
-  configureInitialWindowDimensions: () => configureInitialWindowDimensions,
+  configureInitialWindowDimensions: () => import_initialValue2.configureInitialWindowDimensions,
   useWindowDimensions: () => useWindowDimensions
 });
 module.exports = __toCommonJS(index_exports);
 var import_react = __toESM(require("react")),
   import_constants = require("@tamagui/constants"),
-  import_helpers = require("./helpers.cjs");
-const initialValue = {
-  width: 800,
-  height: 600,
-  scale: 1,
-  fontScale: 1
-};
-function configureInitialWindowDimensions(next) {
-  Object.assign(initialValue, next);
-}
+  import_helpers = require("./helpers.cjs"),
+  import_initialValue = require("./initialValue.cjs"),
+  import_initialValue2 = require("./initialValue.cjs");
 function useWindowDimensions({
-  serverValue = initialValue
+  serverValue = import_initialValue.initialValue
 } = {}) {
   return import_react.default.useSyncExternalStore(import_helpers.subscribe, import_helpers.getWindowSize, () => import_constants.isWeb ? serverValue : (0, import_helpers.getWindowSize)());
 }

package/dist/cjs/index.js

@@ -22,22 +22,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var index_exports = {};
 __export(index_exports, {
-  configureInitialWindowDimensions: () => configureInitialWindowDimensions,
+  configureInitialWindowDimensions: () => import_initialValue2.configureInitialWindowDimensions,
   useWindowDimensions: () => useWindowDimensions
 });
 module.exports = __toCommonJS(index_exports);
-var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_helpers = require("./helpers");
-const initialValue = {
-  width: 800,
-  height: 600,
-  scale: 1,
-  fontScale: 1
-};
-function configureInitialWindowDimensions(next) {
-  Object.assign(initialValue, next);
-}
+var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_helpers = require("./helpers"), import_initialValue = require("./initialValue"), import_initialValue2 = require("./initialValue");
 function useWindowDimensions({
-  serverValue = initialValue
+  serverValue = import_initialValue.initialValue
 } = {}) {
   return import_react.default.useSyncExternalStore(
     import_helpers.subscribe,

package/dist/cjs/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,mBAAsB,+BAEtB,iBAAyC;AAOzC,MAAM,eAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACb;AAEO,SAAS,iCAAiC,MAAwB;AACvE,SAAO,OAAO,cAAc,IAAI;AAClC;AAEO,SAAS,oBAAoB;AAAA,EAClC,cAAc;AAChB,IAAkC,CAAC,GAAe;AAChD,SAAO,aAAAA,QAAM;AAAA,IAAqB;AAAA,IAAW;AAAA,IAAe,MAC1D,yBAAQ,kBAAc,8BAAc;AAAA,EACtC;AACF;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB,2BAClB,mBAAsB,+BAEtB,iBAAyC,sBAEzC,sBAA6B,2BAE7BA,uBAAiD;AAE1C,SAAS,oBAAoB;AAAA,EAClC,cAAc;AAChB,IAAkC,CAAC,GAAe;AAChD,SAAO,aAAAC,QAAM;AAAA,IAAqB;AAAA,IAAW;AAAA,IAAe,MAC1D,yBAAQ,kBAAc,8BAAc;AAAA,EACtC;AACF;",
+  "names": ["import_initialValue", "React"]
 }

package/dist/cjs/index.native.js

@@ -23,21 +23,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 )), __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
 var index_exports = {};
 __export(index_exports, {
-  configureInitialWindowDimensions: () => configureInitialWindowDimensions,
+  configureInitialWindowDimensions: () => import_initialValue2.configureInitialWindowDimensions,
   useWindowDimensions: () => useWindowDimensions
 });
 module.exports = __toCommonJS(index_exports);
-var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_helpers = require("./helpers"), initialValue = {
-  width: 800,
-  height: 600,
-  scale: 1,
-  fontScale: 1
-};
-function configureInitialWindowDimensions(next) {
-  Object.assign(initialValue, next);
-}
+var import_react = __toESM(require("react")), import_constants = require("@tamagui/constants"), import_helpers = require("./helpers"), import_initialValue = require("./initialValue"), import_initialValue2 = require("./initialValue");
 function useWindowDimensions() {
-  var { serverValue = initialValue } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
+  var { serverValue = import_initialValue.initialValue } = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : {};
   return import_react.default.useSyncExternalStore(import_helpers.subscribe, import_helpers.getWindowSize, function() {
     return import_constants.isWeb ? serverValue : (0, import_helpers.getWindowSize)();
   });

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

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;mBAAkB,2BAClB,mBAAsB,+BAEtB,iBAAyC,sBAOnCA,eAA2B;EAC/BC,OAAO;EACPC,QAAQ;EACRC,OAAO;EACPC,WAAW;AACb;AAEO,SAASC,iCAAiCC,MAAgB;AAC/DC,SAAOC,OAAOR,cAAcM,IAAAA;AAC9B;AAEO,SAASG,sBAAAA;MAAoB,EAClCC,cAAcV,aAAY,IADQ,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAEF,CAAC;AACjC,SAAOW,aAAAA,QAAMC,qBAAqBC,0BAAWC,8BAAe,WAAA;WAC1DC,yBAAQL,kBAAcI,8BAAAA;;AAE1B;",
-  "names": ["initialValue", "width", "height", "scale", "fontScale", "configureInitialWindowDimensions", "next", "Object", "assign", "useWindowDimensions", "serverValue", "React", "useSyncExternalStore", "subscribe", "getWindowSize", "isWeb"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;mBAAkB,2BAClB,mBAAsB,+BAEtB,iBAAyC,sBAEzC,sBAA6B,2BAE7BA,uBAAiD;AAE1C,SAASC,sBAAAA;MAAoB,EAClCC,cAAcC,iCAAY,IADQ,UAAA,SAAA,KAAA,UAAA,CAAA,MAAA,SAAA,UAAA,CAAA,IAEF,CAAC;AACjC,SAAOC,aAAAA,QAAMC,qBAAqBC,0BAAWC,8BAAe,WAAA;WAC1DC,yBAAQN,kBAAcK,8BAAAA;;AAE1B;",
+  "names": ["import_initialValue", "useWindowDimensions", "serverValue", "initialValue", "React", "useSyncExternalStore", "subscribe", "getWindowSize", "isWeb"]
 }

package/dist/cjs/initialValue.cjs

@@ -0,0 +1,35 @@
+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: !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, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+    return to;
+  };
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: !0
+}), mod);
+var initialValue_exports = {};
+__export(initialValue_exports, {
+  configureInitialWindowDimensions: () => configureInitialWindowDimensions,
+  initialValue: () => initialValue
+});
+module.exports = __toCommonJS(initialValue_exports);
+const initialValue = {
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
+};
+function configureInitialWindowDimensions(next) {
+  Object.assign(initialValue, next);
+}

package/dist/cjs/initialValue.js

@@ -0,0 +1,30 @@
+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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var initialValue_exports = {};
+__export(initialValue_exports, {
+  configureInitialWindowDimensions: () => configureInitialWindowDimensions,
+  initialValue: () => initialValue
+});
+module.exports = __toCommonJS(initialValue_exports);
+const initialValue = {
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
+};
+function configureInitialWindowDimensions(next) {
+  Object.assign(initialValue, next);
+}
+//# sourceMappingURL=initialValue.js.map

package/dist/cjs/initialValue.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/initialValue.ts"],
+  "mappings": ";;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAKO,MAAM,eAA2B;AAAA,EACtC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACb;AAEO,SAAS,iCAAiC,MAAwB;AACvE,SAAO,OAAO,cAAc,IAAI;AAClC;",
+  "names": []
+}

package/dist/cjs/initialValue.native.js

@@ -0,0 +1,36 @@
+"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: !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, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: !0 }), mod);
+var initialValue_exports = {};
+__export(initialValue_exports, {
+  configureInitialWindowDimensions: () => configureInitialWindowDimensions,
+  initialValue: () => initialValue
+});
+module.exports = __toCommonJS(initialValue_exports);
+var initialValue = {
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
+};
+function configureInitialWindowDimensions(next) {
+  Object.assign(initialValue, next);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  configureInitialWindowDimensions,
+  initialValue
+});
+//# sourceMappingURL=initialValue.js.map

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

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/initialValue.ts"],
+  "mappings": ";;;;;;;;;;;;;;;AAEA;;;;;;AAGO,IAAMA,eAA2B;EACtCC,OAAO;EACPC,QAAQ;EACRC,OAAO;EACPC,WAAW;AACb;AAEO,SAASC,iCAAiCC,MAAgB;AAC/DC,SAAOC,OAAOR,cAAcM,IAAAA;AAC9B;",
+  "names": ["initialValue", "width", "height", "scale", "fontScale", "configureInitialWindowDimensions", "next", "Object", "assign"]
+}

package/dist/esm/helpers.js

@@ -1,28 +1,29 @@
 import { isClient } from "@tamagui/constants";
+import { initialValue } from "./initialValue";
+let lastSize = initialValue, docEl = null;
 function getWindowSize() {
   if (!isClient)
-    return {
-      width: 800,
-      height: 600,
-      scale: 1,
-      fontScale: 1
-    };
-  const win = window, docEl = win.document.documentElement;
-  return {
+    return initialValue;
+  docEl ||= window.document.documentElement;
+  const nextSize = {
     fontScale: 1,
     height: docEl.clientHeight,
-    scale: win.devicePixelRatio || 1,
+    scale: window.devicePixelRatio || 1,
     width: docEl.clientWidth
   };
+  return nextSize.height !== lastSize.height || nextSize.width !== lastSize.width || nextSize.scale !== lastSize.scale ? (lastSize = nextSize, nextSize) : lastSize;
 }
 const cbs = /* @__PURE__ */ new Set();
-let _raf = 0;
 if (isClient) {
-  let frame = 0;
-  const onResize = () => {
-    cancelAnimationFrame(_raf), _raf = requestAnimationFrame(() => {
-      ++frame % 4 === 0 && cbs.forEach((cb) => cb(getWindowSize()));
-    });
+  let flushUpdate = function() {
+    lastUpdate = Date.now(), cbs.forEach((cb) => cb(getWindowSize()));
+  }, lastUpdate = Date.now(), tm;
+  const USER_MAX_MS = process.env.TAMAGUI_USE_WINDOW_DIMENSIONS_MAX_UPDATE_MS, updateMaxMs = USER_MAX_MS ? +USER_MAX_MS : 100, onResize = () => {
+    clearTimeout(tm);
+    const timeSinceLast = Date.now() - lastUpdate;
+    timeSinceLast < updateMaxMs ? setTimeout(() => {
+      flushUpdate();
+    }, updateMaxMs - timeSinceLast) : flushUpdate();
   };
   window.addEventListener("resize", onResize);
 }

package/dist/esm/helpers.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/helpers.ts"],
-  "mappings": "AAAA,SAAS,gBAAgB;AAGlB,SAAS,gBAA4B;AAC1C,MAAI,CAAC;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,IACb;AAEF,QAAM,MAAM,QACN,QAAQ,IAAI,SAAS;AAC3B,SAAO;AAAA,IACL,WAAW;AAAA,IACX,QAAQ,MAAM;AAAA,IACd,OAAO,IAAI,oBAAoB;AAAA,IAC/B,OAAO,MAAM;AAAA,EACf;AACF;AAEA,MAAM,MAAM,oBAAI,IAAwB;AACxC,IAAI,OAAO;AAEX,IAAI,UAAU;AACZ,MAAI,QAAQ;AACZ,QAAM,WAAW,MAAM;AACrB,yBAAqB,IAAI,GACzB,OAAO,sBAAsB,MAAM;AAEjC,MAAI,EAAE,QAAQ,MAAM,KAClB,IAAI,QAAQ,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC;AAAA,IAE3C,CAAC;AAAA,EACH;AAEA,SAAO,iBAAiB,UAAU,QAAQ;AAC5C;AAEO,SAAS,UAAU,IAAoC;AAC5D,aAAI,IAAI,EAAE,GACH,MAAM,IAAI,OAAO,EAAE;AAC5B;",
+  "mappings": "AAAA,SAAS,gBAAgB;AACzB,SAAS,oBAAoB;AAG7B,IAAI,WAAuB,cACvB,QAA4B;AAEzB,SAAS,gBAA4B;AAC1C,MAAI,CAAC;AACH,WAAO;AAGT,YAAU,OAAO,SAAS;AAE1B,QAAM,WAAuB;AAAA,IAC3B,WAAW;AAAA,IACX,QAAQ,MAAM;AAAA,IACd,OAAO,OAAO,oBAAoB;AAAA,IAClC,OAAO,MAAM;AAAA,EACf;AAEA,SACE,SAAS,WAAW,SAAS,UAC7B,SAAS,UAAU,SAAS,SAC5B,SAAS,UAAU,SAAS,SAE5B,WAAW,UACJ,YAGF;AACT;AAEA,MAAM,MAAM,oBAAI,IAAwB;AAExC,IAAI,UAAU;AAMZ,MAAS,cAAT,WAAuB;AACrB,iBAAa,KAAK,IAAI,GACtB,IAAI,QAAQ,CAAC,OAAO,GAAG,cAAc,CAAC,CAAC;AAAA,EACzC,GARI,aAAa,KAAK,IAAI,GACtB;AACJ,QAAM,cAAc,QAAQ,IAAI,6CAC1B,cAAc,cAAc,CAAC,cAAc,KAO3C,WAAW,MAAM;AACrB,iBAAa,EAAE;AAGf,UAAM,gBAAgB,KAAK,IAAI,IAAI;AACnC,IAAI,gBAAgB,cAClB,WAAW,MAAM;AACf,kBAAY;AAAA,IACd,GAAG,cAAc,aAAa,IAE9B,YAAY;AAAA,EAEhB;AAEA,SAAO,iBAAiB,UAAU,QAAQ;AAC5C;AAEO,SAAS,UAAU,IAAoC;AAC5D,aAAI,IAAI,EAAE,GACH,MAAM,IAAI,OAAO,EAAE;AAC5B;",
   "names": []
 }

package/dist/esm/helpers.mjs

@@ -1,29 +1,34 @@
 import { isClient } from "@tamagui/constants";
+import { initialValue } from "./initialValue.mjs";
+let lastSize = initialValue,
+  docEl = null;
 function getWindowSize() {
-  if (!isClient) return {
-    width: 800,
-    height: 600,
-    scale: 1,
-    fontScale: 1
-  };
-  const win = window,
-    docEl = win.document.documentElement;
-  return {
+  if (!isClient) return initialValue;
+  docEl ||= window.document.documentElement;
+  const nextSize = {
     fontScale: 1,
     height: docEl.clientHeight,
-    scale: win.devicePixelRatio || 1,
+    scale: window.devicePixelRatio || 1,
     width: docEl.clientWidth
   };
+  return nextSize.height !== lastSize.height || nextSize.width !== lastSize.width || nextSize.scale !== lastSize.scale ? (lastSize = nextSize, nextSize) : lastSize;
 }
 const cbs = /* @__PURE__ */new Set();
-let _raf = 0;
 if (isClient) {
-  let frame = 0;
-  const onResize = () => {
-    cancelAnimationFrame(_raf), _raf = requestAnimationFrame(() => {
-      ++frame % 4 === 0 && cbs.forEach(cb => cb(getWindowSize()));
-    });
-  };
+  let flushUpdate = function () {
+      lastUpdate = Date.now(), cbs.forEach(cb => cb(getWindowSize()));
+    },
+    lastUpdate = Date.now(),
+    tm;
+  const USER_MAX_MS = process.env.TAMAGUI_USE_WINDOW_DIMENSIONS_MAX_UPDATE_MS,
+    updateMaxMs = USER_MAX_MS ? +USER_MAX_MS : 100,
+    onResize = () => {
+      clearTimeout(tm);
+      const timeSinceLast = Date.now() - lastUpdate;
+      timeSinceLast < updateMaxMs ? setTimeout(() => {
+        flushUpdate();
+      }, updateMaxMs - timeSinceLast) : flushUpdate();
+    };
   window.addEventListener("resize", onResize);
 }
 function subscribe(cb) {

package/dist/esm/helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["isClient","getWindowSize","width","height","scale","fontScale","win","window","docEl","document","documentElement","clientHeight","devicePixelRatio","clientWidth","cbs","Set","_raf","frame","onResize","cancelAnimationFrame","requestAnimationFrame","forEach","cb","addEventListener","subscribe","add","delete"],"sources":["../../src/helpers.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AAGlB,SAASC,cAAA,EAA4B;EAC1C,IAAI,CAACD,QAAA,EACH,OAAO;IACLE,KAAA,EAAO;IACPC,MAAA,EAAQ;IACRC,KAAA,EAAO;IACPC,SAAA,EAAW;EACb;EAEF,MAAMC,GAAA,GAAMC,MAAA;IACNC,KAAA,GAAQF,GAAA,CAAIG,QAAA,CAASC,eAAA;EAC3B,OAAO;IACLL,SAAA,EAAW;IACXF,MAAA,EAAQK,KAAA,CAAMG,YAAA;IACdP,KAAA,EAAOE,GAAA,CAAIM,gBAAA,IAAoB;IAC/BV,KAAA,EAAOM,KAAA,CAAMK;EACf;AACF;AAEA,MAAMC,GAAA,GAAM,mBAAIC,GAAA,CAAwB;AACxC,IAAIC,IAAA,GAAO;AAEX,IAAIhB,QAAA,EAAU;EACZ,IAAIiB,KAAA,GAAQ;EACZ,MAAMC,QAAA,GAAWA,CAAA,KAAM;IACrBC,oBAAA,CAAqBH,IAAI,GACzBA,IAAA,GAAOI,qBAAA,CAAsB,MAAM;MAE7B,EAAEH,KAAA,GAAQ,MAAM,KAClBH,GAAA,CAAIO,OAAA,CAASC,EAAA,IAAOA,EAAA,CAAGrB,aAAA,CAAc,CAAC,CAAC;IAE3C,CAAC;EACH;EAEAM,MAAA,CAAOgB,gBAAA,CAAiB,UAAUL,QAAQ;AAC5C;AAEO,SAASM,UAAUF,EAAA,EAAoC;EAC5D,OAAAR,GAAA,CAAIW,GAAA,CAAIH,EAAE,GACH,MAAMR,GAAA,CAAIY,MAAA,CAAOJ,EAAE;AAC5B","ignoreList":[]}
+{"version":3,"names":["isClient","initialValue","lastSize","docEl","getWindowSize","window","document","documentElement","nextSize","fontScale","height","clientHeight","scale","devicePixelRatio","width","clientWidth","cbs","Set","flushUpdate","lastUpdate","Date","now","forEach","cb","tm","USER_MAX_MS","process","env","TAMAGUI_USE_WINDOW_DIMENSIONS_MAX_UPDATE_MS","updateMaxMs","onResize","clearTimeout","timeSinceLast","setTimeout","addEventListener","subscribe","add","delete"],"sources":["../../src/helpers.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,QAAA,QAAgB;AACzB,SAASC,YAAA,QAAoB;AAG7B,IAAIC,QAAA,GAAuBD,YAAA;EACvBE,KAAA,GAA4B;AAEzB,SAASC,cAAA,EAA4B;EAC1C,IAAI,CAACJ,QAAA,EACH,OAAOC,YAAA;EAGTE,KAAA,KAAUE,MAAA,CAAOC,QAAA,CAASC,eAAA;EAE1B,MAAMC,QAAA,GAAuB;IAC3BC,SAAA,EAAW;IACXC,MAAA,EAAQP,KAAA,CAAMQ,YAAA;IACdC,KAAA,EAAOP,MAAA,CAAOQ,gBAAA,IAAoB;IAClCC,KAAA,EAAOX,KAAA,CAAMY;EACf;EAEA,OACEP,QAAA,CAASE,MAAA,KAAWR,QAAA,CAASQ,MAAA,IAC7BF,QAAA,CAASM,KAAA,KAAUZ,QAAA,CAASY,KAAA,IAC5BN,QAAA,CAASI,KAAA,KAAUV,QAAA,CAASU,KAAA,IAE5BV,QAAA,GAAWM,QAAA,EACJA,QAAA,IAGFN,QAAA;AACT;AAEA,MAAMc,GAAA,GAAM,mBAAIC,GAAA,CAAwB;AAExC,IAAIjB,QAAA,EAAU;EAMZ,IAASkB,WAAA,GAAT,SAAAA,CAAA,EAAuB;MACrBC,UAAA,GAAaC,IAAA,CAAKC,GAAA,CAAI,GACtBL,GAAA,CAAIM,OAAA,CAASC,EAAA,IAAOA,EAAA,CAAGnB,aAAA,CAAc,CAAC,CAAC;IACzC;IARIe,UAAA,GAAaC,IAAA,CAAKC,GAAA,CAAI;IACtBG,EAAA;EACJ,MAAMC,WAAA,GAAcC,OAAA,CAAQC,GAAA,CAAIC,2CAAA;IAC1BC,WAAA,GAAcJ,WAAA,GAAc,CAACA,WAAA,GAAc;IAO3CK,QAAA,GAAWA,CAAA,KAAM;MACrBC,YAAA,CAAaP,EAAE;MAGf,MAAMQ,aAAA,GAAgBZ,IAAA,CAAKC,GAAA,CAAI,IAAIF,UAAA;MAC/Ba,aAAA,GAAgBH,WAAA,GAClBI,UAAA,CAAW,MAAM;QACff,WAAA,CAAY;MACd,GAAGW,WAAA,GAAcG,aAAa,IAE9Bd,WAAA,CAAY;IAEhB;EAEAb,MAAA,CAAO6B,gBAAA,CAAiB,UAAUJ,QAAQ;AAC5C;AAEO,SAASK,UAAUZ,EAAA,EAAoC;EAC5D,OAAAP,GAAA,CAAIoB,GAAA,CAAIb,EAAE,GACH,MAAMP,GAAA,CAAIqB,MAAA,CAAOd,EAAE;AAC5B","ignoreList":[]}

package/dist/esm/index.js

@@ -1,15 +1,8 @@
 import React from "react";
 import { isWeb } from "@tamagui/constants";
 import { getWindowSize, subscribe } from "./helpers";
-const initialValue = {
-  width: 800,
-  height: 600,
-  scale: 1,
-  fontScale: 1
-};
-function configureInitialWindowDimensions(next) {
-  Object.assign(initialValue, next);
-}
+import { initialValue } from "./initialValue";
+import { configureInitialWindowDimensions } from "./initialValue";
 function useWindowDimensions({
   serverValue = initialValue
 } = {}) {

package/dist/esm/index.js.map

@@ -1,6 +1,6 @@
 {
   "version": 3,
   "sources": ["../../src/index.ts"],
-  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AAEtB,SAAS,eAAe,iBAAiB;AAOzC,MAAM,eAA2B;AAAA,EAC/B,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACb;AAEO,SAAS,iCAAiC,MAAwB;AACvE,SAAO,OAAO,cAAc,IAAI;AAClC;AAEO,SAAS,oBAAoB;AAAA,EAClC,cAAc;AAChB,IAAkC,CAAC,GAAe;AAChD,SAAO,MAAM;AAAA,IAAqB;AAAA,IAAW;AAAA,IAAe,MAC1D,QAAQ,cAAc,cAAc;AAAA,EACtC;AACF;",
+  "mappings": "AAAA,OAAO,WAAW;AAClB,SAAS,aAAa;AAEtB,SAAS,eAAe,iBAAiB;AAEzC,SAAS,oBAAoB;AAE7B,SAAS,wCAAwC;AAE1C,SAAS,oBAAoB;AAAA,EAClC,cAAc;AAChB,IAAkC,CAAC,GAAe;AAChD,SAAO,MAAM;AAAA,IAAqB;AAAA,IAAW;AAAA,IAAe,MAC1D,QAAQ,cAAc,cAAc;AAAA,EACtC;AACF;",
   "names": []
 }

package/dist/esm/index.mjs

@@ -1,15 +1,8 @@
 import React from "react";
 import { isWeb } from "@tamagui/constants";
 import { getWindowSize, subscribe } from "./helpers.mjs";
-const initialValue = {
-  width: 800,
-  height: 600,
-  scale: 1,
-  fontScale: 1
-};
-function configureInitialWindowDimensions(next) {
-  Object.assign(initialValue, next);
-}
+import { initialValue } from "./initialValue.mjs";
+import { configureInitialWindowDimensions } from "./initialValue.mjs";
 function useWindowDimensions({
   serverValue = initialValue
 } = {}) {

package/dist/esm/index.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["React","isWeb","getWindowSize","subscribe","initialValue","width","height","scale","fontScale","configureInitialWindowDimensions","next","Object","assign","useWindowDimensions","serverValue","useSyncExternalStore"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,aAAA,EAAeC,SAAA,QAAiB;AAOzC,MAAMC,YAAA,GAA2B;EAC/BC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,SAAA,EAAW;AACb;AAEO,SAASC,iCAAiCC,IAAA,EAAwB;EACvEC,MAAA,CAAOC,MAAA,CAAOR,YAAA,EAAcM,IAAI;AAClC;AAEO,SAASG,oBAAoB;EAClCC,WAAA,GAAcV;AAChB,IAAkC,CAAC,GAAe;EAChD,OAAOJ,KAAA,CAAMe,oBAAA,CAAqBZ,SAAA,EAAWD,aAAA,EAAe,MAC1DD,KAAA,GAAQa,WAAA,GAAcZ,aAAA,CAAc,CACtC;AACF","ignoreList":[]}
+{"version":3,"names":["React","isWeb","getWindowSize","subscribe","initialValue","configureInitialWindowDimensions","useWindowDimensions","serverValue","useSyncExternalStore"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,aAAA,EAAeC,SAAA,QAAiB;AAEzC,SAASC,YAAA,QAAoB;AAE7B,SAASC,gCAAA,QAAwC;AAE1C,SAASC,oBAAoB;EAClCC,WAAA,GAAcH;AAChB,IAAkC,CAAC,GAAe;EAChD,OAAOJ,KAAA,CAAMQ,oBAAA,CAAqBL,SAAA,EAAWD,aAAA,EAAe,MAC1DD,KAAA,GAAQM,WAAA,GAAcL,aAAA,CAAc,CACtC;AACF","ignoreList":[]}

package/dist/esm/index.native.js

@@ -1,15 +1,8 @@
 import React from "react";
 import { isWeb } from "@tamagui/constants";
 import { getWindowSize, subscribe } from "./helpers.native.js";
-var initialValue = {
-  width: 800,
-  height: 600,
-  scale: 1,
-  fontScale: 1
-};
-function configureInitialWindowDimensions(next) {
-  Object.assign(initialValue, next);
-}
+import { initialValue } from "./initialValue.native.js";
+import { configureInitialWindowDimensions } from "./initialValue.native.js";
 function useWindowDimensions() {
   var {
     serverValue = initialValue

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

@@ -1 +1 @@
-{"version":3,"names":["React","isWeb","getWindowSize","subscribe","initialValue","width","height","scale","fontScale","configureInitialWindowDimensions","next","Object","assign","useWindowDimensions","serverValue","arguments","length","useSyncExternalStore"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,aAAA,EAAeC,SAAA,QAAiB;AAOzC,IAAAC,YAAM;EACJC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,SAAA,EAAW;AACb;AAEO,SAASC,iCAAiCC,IAAA,EAAwB;EACvEC,MAAA,CAAOC,MAAA,CAAOR,YAAA,EAAcM,IAAI;AAClC;AAEO,SAASG,oBAAA,EAAoB;EAClC;IAAAC,WAAc,GAAAV;EAAA,IAAAW,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAChB,OAAkDf,KAAA,CAAAiB,oBAAA,CAAAd,SAAA,EAAAD,aAAA;IAChD,OAAOD,KAAM,GAAAa,WAAA,GAAAZ,aAAA;EAAA,EAAqB;AAAA;AAAW,SAE7CO,gCAAA,EACFI,mBAAA","ignoreList":[]}
+{"version":3,"names":["React","isWeb","getWindowSize","subscribe","initialValue","configureInitialWindowDimensions","useWindowDimensions","serverValue","arguments","length","useSyncExternalStore"],"sources":["../../src/index.ts"],"sourcesContent":[null],"mappings":"AAAA,OAAOA,KAAA,MAAW;AAClB,SAASC,KAAA,QAAa;AAEtB,SAASC,aAAA,EAAeC,SAAA,QAAiB;AAEzC,SAASC,YAAA,QAAoB;AAE7B,SAASC,gCAAA,QAAwC;AAE1C,SAASC,oBAAA,EAAoB;EAClC;IAAAC,WAAc,GAAAH;EAAA,IAAAI,SAAA,CAAAC,MAAA,QAAAD,SAAA,iBAAAA,SAAA;EAChB,OAAkDR,KAAA,CAAAU,oBAAA,CAAAP,SAAA,EAAAD,aAAA;IAChD,OAAOD,KAAM,GAAAM,WAAA,GAAAL,aAAA;EAAA,EAAqB;AAAA;AAAW,SAE7CG,gCAAA,EACFC,mBAAA","ignoreList":[]}

package/dist/esm/initialValue.js

@@ -0,0 +1,14 @@
+const initialValue = {
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
+};
+function configureInitialWindowDimensions(next) {
+  Object.assign(initialValue, next);
+}
+export {
+  configureInitialWindowDimensions,
+  initialValue
+};
+//# sourceMappingURL=initialValue.js.map

package/dist/esm/initialValue.js.map

@@ -0,0 +1,6 @@
+{
+  "version": 3,
+  "sources": ["../../src/initialValue.ts"],
+  "mappings": "AAKO,MAAM,eAA2B;AAAA,EACtC,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,WAAW;AACb;AAEO,SAAS,iCAAiC,MAAwB;AACvE,SAAO,OAAO,cAAc,IAAI;AAClC;",
+  "names": []
+}

package/dist/esm/initialValue.mjs

@@ -0,0 +1,11 @@
+const initialValue = {
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
+};
+function configureInitialWindowDimensions(next) {
+  Object.assign(initialValue, next);
+}
+export { configureInitialWindowDimensions, initialValue };
+//# sourceMappingURL=initialValue.mjs.map

package/dist/esm/initialValue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["initialValue","width","height","scale","fontScale","configureInitialWindowDimensions","next","Object","assign"],"sources":["../../src/initialValue.ts"],"sourcesContent":[null],"mappings":"AAKO,MAAMA,YAAA,GAA2B;EACtCC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,SAAA,EAAW;AACb;AAEO,SAASC,iCAAiCC,IAAA,EAAwB;EACvEC,MAAA,CAAOC,MAAA,CAAOR,YAAA,EAAcM,IAAI;AAClC","ignoreList":[]}

package/dist/esm/initialValue.native.js

@@ -0,0 +1,11 @@
+var initialValue = {
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1
+};
+function configureInitialWindowDimensions(next) {
+  Object.assign(initialValue, next);
+}
+export { configureInitialWindowDimensions, initialValue };
+//# sourceMappingURL=initialValue.native.js.map

package/dist/esm/initialValue.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["initialValue","width","height","scale","fontScale","configureInitialWindowDimensions","next","Object","assign"],"sources":["../../src/initialValue.ts"],"sourcesContent":[null],"mappings":"AAKO,IAAAA,YAAM;EACXC,KAAA,EAAO;EACPC,MAAA,EAAQ;EACRC,KAAA,EAAO;EACPC,SAAA,EAAW;AACb;AAEO,SAASC,iCAAiCC,IAAA,EAAwB;EACvEC,MAAA,CAAOC,MAAA,CAAOR,YAAA,EAAcM,IAAI;AAClC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/use-window-dimensions",
-  "version": "1.131.2",
+  "version": "1.131.3",
   "types": "./types/index.d.ts",
   "main": "dist/cjs",
   "module": "dist/esm",
@@ -31,10 +31,10 @@
     }
   },
   "dependencies": {
-    "@tamagui/constants": "1.131.2"
+    "@tamagui/constants": "1.131.3"
   },
   "devDependencies": {
-    "@tamagui/build": "1.131.2",
+    "@tamagui/build": "1.131.3",
     "react": "*",
     "react-native": "^0.79.2"
   },

package/src/helpers.ts

@@ -1,38 +1,61 @@
 import { isClient } from '@tamagui/constants'
+import { initialValue } from './initialValue'
 import type { WindowSize, WindowSizeListener } from './types'
 
+let lastSize: WindowSize = initialValue
+let docEl: HTMLElement | null = null
+
 export function getWindowSize(): WindowSize {
   if (!isClient) {
-    return {
-      width: 800,
-      height: 600,
-      scale: 1,
-      fontScale: 1,
-    }
+    return initialValue
   }
-  const win = window
-  const docEl = win.document.documentElement
-  return {
+
+  docEl ||= window.document.documentElement
+
+  const nextSize: WindowSize = {
     fontScale: 1,
     height: docEl.clientHeight,
-    scale: win.devicePixelRatio || 1,
+    scale: window.devicePixelRatio || 1,
     width: docEl.clientWidth,
   }
+
+  if (
+    nextSize.height !== lastSize.height ||
+    nextSize.width !== lastSize.width ||
+    nextSize.scale !== lastSize.scale
+  ) {
+    lastSize = nextSize
+    return nextSize
+  }
+
+  return lastSize
 }
 
 const cbs = new Set<WindowSizeListener>()
-let _raf = 0
 
 if (isClient) {
-  let frame = 0
+  let lastUpdate = Date.now()
+  let tm
+  const USER_MAX_MS = process.env.TAMAGUI_USE_WINDOW_DIMENSIONS_MAX_UPDATE_MS
+  const updateMaxMs = USER_MAX_MS ? +USER_MAX_MS : 100
+
+  function flushUpdate() {
+    lastUpdate = Date.now()
+    cbs.forEach((cb) => cb(getWindowSize()))
+  }
+
   const onResize = () => {
-    cancelAnimationFrame(_raf)
-    _raf = requestAnimationFrame(() => {
-      // throttle to every 4 frames
-      if (++frame % 4 === 0) {
-        cbs.forEach((cb) => cb(getWindowSize()))
-      }
-    })
+    clearTimeout(tm)
+
+    // only update every few frames
+    const timeSinceLast = Date.now() - lastUpdate
+    if (timeSinceLast < updateMaxMs) {
+      setTimeout(() => {
+        flushUpdate()
+      }, updateMaxMs - timeSinceLast)
+    } else {
+      flushUpdate()
+    }
   }
 
   window.addEventListener('resize', onResize)

package/src/index.ts

@@ -3,21 +3,9 @@ import { isWeb } from '@tamagui/constants'
 
 import { getWindowSize, subscribe } from './helpers'
 import type { WindowSize } from './types'
+import { initialValue } from './initialValue'
 
-/**
- * SSR safe useWindowDimensions
- */
-
-const initialValue: WindowSize = {
-  width: 800,
-  height: 600,
-  scale: 1,
-  fontScale: 1,
-}
-
-export function configureInitialWindowDimensions(next: WindowSize): void {
-  Object.assign(initialValue, next)
-}
+export { configureInitialWindowDimensions } from './initialValue'
 
 export function useWindowDimensions({
   serverValue = initialValue,

package/src/initialValue.ts

@@ -0,0 +1,15 @@
+import type { WindowSize } from './types'
+
+/**
+ * SSR safe useWindowDimensions
+ */
+export const initialValue: WindowSize = {
+  width: 800,
+  height: 600,
+  scale: 1,
+  fontScale: 1,
+}
+
+export function configureInitialWindowDimensions(next: WindowSize): void {
+  Object.assign(initialValue, next)
+}

package/types/helpers.d.ts.map

@@ -1,5 +1,5 @@
 {
-  "mappings": "AACA,cAAc,YAAY,0BAA0B,SAAS;AAE7D,OAAO,iBAAS,iBAAiB;AAqCjC,OAAO,iBAAS,UAAUA,IAAI",
+  "mappings": "AAEA,cAAc,YAAY,0BAA0B,SAAS;AAK7D,OAAO,iBAAS,iBAAiB;AAwDjC,OAAO,iBAAS,UAAUA,IAAI",
   "names": [
     "cb: WindowSizeListener"
   ],
@@ -7,7 +7,7 @@
     "src/helpers.ts"
   ],
   "sourcesContent": [
-    "import { isClient } from '@tamagui/constants'\nimport type { WindowSize, WindowSizeListener } from './types'\n\nexport function getWindowSize(): WindowSize {\n  if (!isClient) {\n    return {\n      width: 800,\n      height: 600,\n      scale: 1,\n      fontScale: 1,\n    }\n  }\n  const win = window\n  const docEl = win.document.documentElement\n  return {\n    fontScale: 1,\n    height: docEl.clientHeight,\n    scale: win.devicePixelRatio || 1,\n    width: docEl.clientWidth,\n  }\n}\n\nconst cbs = new Set<WindowSizeListener>()\nlet _raf = 0\n\nif (isClient) {\n  let frame = 0\n  const onResize = () => {\n    cancelAnimationFrame(_raf)\n    _raf = requestAnimationFrame(() => {\n      // throttle to every 4 frames\n      if (++frame % 4 === 0) {\n        cbs.forEach((cb) => cb(getWindowSize()))\n      }\n    })\n  }\n\n  window.addEventListener('resize', onResize)\n}\n\nexport function subscribe(cb: WindowSizeListener): () => void {\n  cbs.add(cb)\n  return () => cbs.delete(cb)\n}\n"
+    "import { isClient } from '@tamagui/constants'\nimport { initialValue } from './initialValue'\nimport type { WindowSize, WindowSizeListener } from './types'\n\nlet lastSize: WindowSize = initialValue\nlet docEl: HTMLElement | null = null\n\nexport function getWindowSize(): WindowSize {\n  if (!isClient) {\n    return initialValue\n  }\n\n  docEl ||= window.document.documentElement\n\n  const nextSize: WindowSize = {\n    fontScale: 1,\n    height: docEl.clientHeight,\n    scale: window.devicePixelRatio || 1,\n    width: docEl.clientWidth,\n  }\n\n  if (\n    nextSize.height !== lastSize.height ||\n    nextSize.width !== lastSize.width ||\n    nextSize.scale !== lastSize.scale\n  ) {\n    lastSize = nextSize\n    return nextSize\n  }\n\n  return lastSize\n}\n\nconst cbs = new Set<WindowSizeListener>()\n\nif (isClient) {\n  let lastUpdate = Date.now()\n  let tm\n  const USER_MAX_MS = process.env.TAMAGUI_USE_WINDOW_DIMENSIONS_MAX_UPDATE_MS\n  const updateMaxMs = USER_MAX_MS ? +USER_MAX_MS : 100\n\n  function flushUpdate() {\n    lastUpdate = Date.now()\n    cbs.forEach((cb) => cb(getWindowSize()))\n  }\n\n  const onResize = () => {\n    clearTimeout(tm)\n\n    // only update every few frames\n    const timeSinceLast = Date.now() - lastUpdate\n    if (timeSinceLast < updateMaxMs) {\n      setTimeout(() => {\n        flushUpdate()\n      }, updateMaxMs - timeSinceLast)\n    } else {\n      flushUpdate()\n    }\n  }\n\n  window.addEventListener('resize', onResize)\n}\n\nexport function subscribe(cb: WindowSizeListener): () => void {\n  cbs.add(cb)\n  return () => cbs.delete(cb)\n}\n"
   ],
   "version": 3
 }

package/types/index.d.ts

@@ -1,5 +1,5 @@
 import type { WindowSize } from "./types";
-export declare function configureInitialWindowDimensions(next: WindowSize): void;
+export { configureInitialWindowDimensions } from "./initialValue";
 export declare function useWindowDimensions({ serverValue }?: {
 	serverValue?: WindowSize;
 }): WindowSize;

package/types/index.d.ts.map

@@ -1,13 +1,11 @@
 {
-  "mappings": "AAIA,cAAc,kBAAkB,SAAS;AAazC,OAAO,iBAAS,iCAAiCA,MAAM;AAIvD,OAAO,iBAAS,oBAAoB,EAClC,aAC6B,GAA5B;CAAE,cAAc;AAAY,IAAQ",
-  "names": [
-    "next: WindowSize"
-  ],
+  "mappings": "AAIA,cAAc,kBAAkB,SAAS;AAGzC,SAAS,wCAAwC;AAEjD,OAAO,iBAAS,oBAAoB,EAClC,aAC6B,GAA5B;CAAE,cAAc;AAAY,IAAQ",
+  "names": [],
   "sources": [
     "src/index.ts"
   ],
   "sourcesContent": [
-    "import React from 'react'\nimport { isWeb } from '@tamagui/constants'\n\nimport { getWindowSize, subscribe } from './helpers'\nimport type { WindowSize } from './types'\n\n/**\n * SSR safe useWindowDimensions\n */\n\nconst initialValue: WindowSize = {\n  width: 800,\n  height: 600,\n  scale: 1,\n  fontScale: 1,\n}\n\nexport function configureInitialWindowDimensions(next: WindowSize): void {\n  Object.assign(initialValue, next)\n}\n\nexport function useWindowDimensions({\n  serverValue = initialValue,\n}: { serverValue?: WindowSize } = {}): WindowSize {\n  return React.useSyncExternalStore(subscribe, getWindowSize, () =>\n    isWeb ? serverValue : getWindowSize()\n  )\n}\n"
+    "import React from 'react'\nimport { isWeb } from '@tamagui/constants'\n\nimport { getWindowSize, subscribe } from './helpers'\nimport type { WindowSize } from './types'\nimport { initialValue } from './initialValue'\n\nexport { configureInitialWindowDimensions } from './initialValue'\n\nexport function useWindowDimensions({\n  serverValue = initialValue,\n}: { serverValue?: WindowSize } = {}): WindowSize {\n  return React.useSyncExternalStore(subscribe, getWindowSize, () =>\n    isWeb ? serverValue : getWindowSize()\n  )\n}\n"
   ],
   "version": 3
 }

package/types/initialValue.d.ts

@@ -0,0 +1,8 @@
+import type { WindowSize } from "./types";
+/**
+* SSR safe useWindowDimensions
+*/
+export declare const initialValue: WindowSize;
+export declare function configureInitialWindowDimensions(next: WindowSize): void;
+
+//# sourceMappingURL=initialValue.d.ts.map

package/types/initialValue.d.ts.map

@@ -0,0 +1,14 @@
+{
+  "mappings": "AAAA,cAAc,kBAAkB,SAAS;;;;AAKzC,OAAO,cAAMA,cAAc;AAO3B,OAAO,iBAAS,iCAAiCC,MAAM",
+  "names": [
+    "initialValue: WindowSize",
+    "next: WindowSize"
+  ],
+  "sources": [
+    "src/initialValue.ts"
+  ],
+  "sourcesContent": [
+    "import type { WindowSize } from './types'\n\n/**\n * SSR safe useWindowDimensions\n */\nexport const initialValue: WindowSize = {\n  width: 800,\n  height: 600,\n  scale: 1,\n  fontScale: 1,\n}\n\nexport function configureInitialWindowDimensions(next: WindowSize): void {\n  Object.assign(initialValue, next)\n}\n"
+  ],
+  "version": 3
+}