@tamagui/use-window-dimensions 2.3.3 → 2.4.0

package/dist/cjs/helpers.native.js

@@ -33,15 +33,21 @@ function getWindowSize() {
   return import_react_native.Dimensions.get("window");
 }
 var cbs = /* @__PURE__ */new Set();
-import_react_native.Dimensions.addEventListener("change", function (param) {
-  var {
-    window
-  } = param;
-  cbs.forEach(function (cb) {
-    return cb(window);
+var isListening = false;
+var ensureListening = function () {
+  if (isListening) return;
+  isListening = true;
+  import_react_native.Dimensions.addEventListener("change", function (param) {
+    var {
+      window
+    } = param;
+    cbs.forEach(function (cb) {
+      return cb(window);
+    });
   });
-});
+};
 function subscribe(cb) {
+  ensureListening();
   cbs.add(cb);
   return function () {
     return cbs.delete(cb);

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

@@ -1 +1 @@
-{"version":3,"names":["helpers_native_exports","__export","getWindowSize","subscribe","module","exports","__toCommonJS","import_react_native","require","Dimensions","get","cbs","Set","addEventListener","param","window","forEach","cb","add","delete"],"sources":["../../src/helpers.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,sBAAA;AAAA,IAAAO,mBAAA,GAA2BC,OAAA;AACpB,SAASN,cAAA,EAAgB;EAC5B,OAAOK,mBAAA,CAAAE,UAAA,CAAWC,GAAA,CAAI,QAAQ;AAClC;AACA,IAAIC,GAAA,GAAM,mBAAIC,GAAA,CAAI;AAClBL,mBAAA,CAAAE,UAAA,CAAWI,gBAAA,CAAiB,UAAU,UAASC,KAAA,EAAO;EAClD,IAAI;IAAEC;EAAO,IAAID,KAAA;EACjBH,GAAA,CAAIK,OAAA,CAAQ,UAASC,EAAA,EAAI;IACrB,OAAOA,EAAA,CAAGF,MAAM;EACpB,CAAC;AACL,CAAC;AACM,SAASZ,UAAUc,EAAA,EAAI;EAC1BN,GAAA,CAAIO,GAAA,CAAID,EAAE;EACV,OAAO,YAAW;IACd,OAAON,GAAA,CAAIQ,MAAA,CAAOF,EAAE;EACxB;AACJ","ignoreList":[]}
+{"version":3,"names":["helpers_native_exports","__export","getWindowSize","subscribe","module","exports","__toCommonJS","import_react_native","require","Dimensions","get","cbs","Set","isListening","ensureListening","addEventListener","param","window","forEach","cb","add","delete"],"sources":["../../src/helpers.native.ts"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,sBAAA;AAAAC,QAAA,CAAAD,sBAAA;EAAAE,aAAA,EAAAA,CAAA,KAAAA,aAAA;EAAAC,SAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAC,YAAA,CAAAN,sBAAA;AAAA,IAAAO,mBAAA,GAA2BC,OAAA;AACpB,SAASN,cAAA,EAAgB;EAC5B,OAAOK,mBAAA,CAAAE,UAAA,CAAWC,GAAA,CAAI,QAAQ;AAClC;AACA,IAAIC,GAAA,GAAM,mBAAIC,GAAA,CAAI;AAClB,IAAIC,WAAA,GAAc;AAClB,IAAIC,eAAA,GAAkB,SAAAA,CAAA,EAAW;EAC7B,IAAID,WAAA,EAAa;EACjBA,WAAA,GAAc;EAIdN,mBAAA,CAAAE,UAAA,CAAWM,gBAAA,CAAiB,UAAU,UAASC,KAAA,EAAO;IAClD,IAAI;MAAEC;IAAO,IAAID,KAAA;IACjBL,GAAA,CAAIO,OAAA,CAAQ,UAASC,EAAA,EAAI;MACrB,OAAOA,EAAA,CAAGF,MAAM;IACpB,CAAC;EACL,CAAC;AACL;AACO,SAASd,UAAUgB,EAAA,EAAI;EAC1BL,eAAA,CAAgB;EAChBH,GAAA,CAAIS,GAAA,CAAID,EAAE;EACV,OAAO,YAAW;IACd,OAAOR,GAAA,CAAIU,MAAA,CAAOF,EAAE;EACxB;AACJ","ignoreList":[]}

package/dist/esm/helpers.native.js

@@ -3,15 +3,21 @@ function getWindowSize() {
   return Dimensions.get("window");
 }
 var cbs = /* @__PURE__ */new Set();
-Dimensions.addEventListener("change", function (param) {
-  var {
-    window
-  } = param;
-  cbs.forEach(function (cb) {
-    return cb(window);
+var isListening = false;
+var ensureListening = function () {
+  if (isListening) return;
+  isListening = true;
+  Dimensions.addEventListener("change", function (param) {
+    var {
+      window
+    } = param;
+    cbs.forEach(function (cb) {
+      return cb(window);
+    });
   });
-});
+};
 function subscribe(cb) {
+  ensureListening();
   cbs.add(cb);
   return function () {
     return cbs.delete(cb);

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

@@ -1 +1 @@
-{"version":3,"names":["Dimensions","getWindowSize","get","cbs","Set","addEventListener","param","window","forEach","cb","subscribe","add","delete"],"sources":["../../src/helpers.native.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AACpB,SAASC,cAAA,EAAgB;EAC5B,OAAOD,UAAA,CAAWE,GAAA,CAAI,QAAQ;AAClC;AACA,IAAIC,GAAA,GAAM,mBAAIC,GAAA,CAAI;AAClBJ,UAAA,CAAWK,gBAAA,CAAiB,UAAU,UAASC,KAAA,EAAO;EAClD,IAAI;IAAEC;EAAO,IAAID,KAAA;EACjBH,GAAA,CAAIK,OAAA,CAAQ,UAASC,EAAA,EAAI;IACrB,OAAOA,EAAA,CAAGF,MAAM;EACpB,CAAC;AACL,CAAC;AACM,SAASG,UAAUD,EAAA,EAAI;EAC1BN,GAAA,CAAIQ,GAAA,CAAIF,EAAE;EACV,OAAO,YAAW;IACd,OAAON,GAAA,CAAIS,MAAA,CAAOH,EAAE;EACxB;AACJ","ignoreList":[]}
+{"version":3,"names":["Dimensions","getWindowSize","get","cbs","Set","isListening","ensureListening","addEventListener","param","window","forEach","cb","subscribe","add","delete"],"sources":["../../src/helpers.native.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,UAAA,QAAkB;AACpB,SAASC,cAAA,EAAgB;EAC5B,OAAOD,UAAA,CAAWE,GAAA,CAAI,QAAQ;AAClC;AACA,IAAIC,GAAA,GAAM,mBAAIC,GAAA,CAAI;AAClB,IAAIC,WAAA,GAAc;AAClB,IAAIC,eAAA,GAAkB,SAAAA,CAAA,EAAW;EAC7B,IAAID,WAAA,EAAa;EACjBA,WAAA,GAAc;EAIdL,UAAA,CAAWO,gBAAA,CAAiB,UAAU,UAASC,KAAA,EAAO;IAClD,IAAI;MAAEC;IAAO,IAAID,KAAA;IACjBL,GAAA,CAAIO,OAAA,CAAQ,UAASC,EAAA,EAAI;MACrB,OAAOA,EAAA,CAAGF,MAAM;IACpB,CAAC;EACL,CAAC;AACL;AACO,SAASG,UAAUD,EAAA,EAAI;EAC1BL,eAAA,CAAgB;EAChBH,GAAA,CAAIU,GAAA,CAAIF,EAAE;EACV,OAAO,YAAW;IACd,OAAOR,GAAA,CAAIW,MAAA,CAAOH,EAAE;EACxB;AACJ","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tamagui/use-window-dimensions",
-  "version": "2.3.3",
+  "version": "2.4.0",
   "gitHead": "a49cc7ea6b93ba384e77a4880ae48ac4a5635c14",
   "files": [
     "src",
@@ -34,10 +34,10 @@
     "clean:build": "tamagui-build clean:build"
   },
   "dependencies": {
-    "@tamagui/constants": "2.3.3"
+    "@tamagui/constants": "2.4.0"
   },
   "devDependencies": {
-    "@tamagui/build": "2.3.3",
+    "@tamagui/build": "2.4.0",
     "react": ">=19",
     "react-native": "0.83.2"
   },

package/src/helpers.native.ts

@@ -7,11 +7,20 @@ export function getWindowSize(): WindowSize {
 
 const cbs = new Set<WindowSizeListener>()
 
-Dimensions.addEventListener('change', ({ window }) => {
-  cbs.forEach((cb) => cb(window))
-})
+let isListening = false
+const ensureListening = () => {
+  if (isListening) return
+  isListening = true
+  // lazy-register: on Hermes, evaluating Dimensions.addEventListener at module
+  // top-level can fire before RN's Dimensions module finishes wiring up its
+  // event interface, throwing ReferenceError. Defer until first subscriber.
+  Dimensions.addEventListener('change', ({ window }) => {
+    cbs.forEach((cb) => cb(window))
+  })
+}
 
 export function subscribe(cb: WindowSizeListener): () => void {
+  ensureListening()
   cbs.add(cb)
   return () => cbs.delete(cb)
 }

package/types/helpers.native.d.ts.map

@@ -1,11 +1,11 @@
 {
-  "mappings": "AACA,cAAc,YAAY,0BAA0B;AAEpD,OAAO,iBAAS,iBAAiB;AAUjC,OAAO,iBAAS,UAAU,IAAI",
+  "mappings": "AACA,cAAc,YAAY,0BAA0B;AAEpD,OAAO,iBAAS,iBAAiB;AAkBjC,OAAO,iBAAS,UAAU,IAAI",
   "names": [],
   "sources": [
     "src/helpers.native.ts"
   ],
   "version": 3,
   "sourcesContent": [
-    "import { Dimensions } from 'react-native'\nimport type { WindowSize, WindowSizeListener } from './types'\n\nexport function getWindowSize(): WindowSize {\n  return Dimensions.get('window')\n}\n\nconst cbs = new Set<WindowSizeListener>()\n\nDimensions.addEventListener('change', ({ window }) => {\n  cbs.forEach((cb) => cb(window))\n})\n\nexport function subscribe(cb: WindowSizeListener): () => void {\n  cbs.add(cb)\n  return () => cbs.delete(cb)\n}\n"
+    "import { Dimensions } from 'react-native'\nimport type { WindowSize, WindowSizeListener } from './types'\n\nexport function getWindowSize(): WindowSize {\n  return Dimensions.get('window')\n}\n\nconst cbs = new Set<WindowSizeListener>()\n\nlet isListening = false\nconst ensureListening = () => {\n  if (isListening) return\n  isListening = true\n  // lazy-register: on Hermes, evaluating Dimensions.addEventListener at module\n  // top-level can fire before RN's Dimensions module finishes wiring up its\n  // event interface, throwing ReferenceError. Defer until first subscriber.\n  Dimensions.addEventListener('change', ({ window }) => {\n    cbs.forEach((cb) => cb(window))\n  })\n}\n\nexport function subscribe(cb: WindowSizeListener): () => void {\n  ensureListening()\n  cbs.add(cb)\n  return () => cbs.delete(cb)\n}\n"
   ]
 }