@chem-po/react-native 0.0.50 → 0.0.52

package/lib/commonjs/hooks/useRefreshFontScale.js

@@ -24,10 +24,24 @@ function useRefreshFontScale(disableFontScaling = false) {
       fontScale: _reactNative.PixelRatio.getFontScale() ?? 1
     });
     refresh();
-    const sub = _reactNative.AppState.addEventListener('change', nextState => {
+    const appStateSub = _reactNative.AppState.addEventListener('change', nextState => {
       if (nextState === 'active') refresh();
     });
-    return () => sub.remove();
+
+    // On Android, font scale changes come through Dimensions 'change' events
+    // triggered by Android configuration changes. AppState alone is not sufficient
+    // because PixelRatio.getFontScale() may not have updated yet when AppState fires.
+    const dimensionsSub = _reactNative.Platform.OS === 'android' ? _reactNative.Dimensions.addEventListener('change', ({
+      window
+    }) => {
+      _useFontScale.useFontScale.setState({
+        fontScale: window.fontScale ?? 1
+      });
+    }) : null;
+    return () => {
+      appStateSub.remove();
+      dimensionsSub === null || dimensionsSub === void 0 || dimensionsSub.remove();
+    };
   }, [disableFontScaling]);
 }
 //# sourceMappingURL=useRefreshFontScale.js.map

package/lib/commonjs/hooks/useRefreshFontScale.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_reactNative","_useFontScale","useRefreshFontScale","disableFontScaling","useEffect","useFontScale","setState","fontScale","refresh","PixelRatio","getFontScale","sub","AppState","addEventListener","nextState","remove"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useRefreshFontScale.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,SAASG,mBAAmBA,CAACC,kBAAkB,GAAG,KAAK,EAAE;EAC9D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAID,kBAAkB,EAAE;MACtBE,0BAAY,CAACC,QAAQ,CAAC;QAAEC,SAAS,EAAE;MAAE,CAAC,CAAC;MACvC,OAAO,MAAM,CAAC,CAAC;IACjB;IACA,MAAMC,OAAO,GAAGA,CAAA,KAAMH,0BAAY,CAACC,QAAQ,CAAC;MAAEC,SAAS,EAAEE,uBAAU,CAACC,YAAY,CAAC,CAAC,IAAI;IAAE,CAAC,CAAC;IAE1FF,OAAO,CAAC,CAAC;IAET,MAAMG,GAAG,GAAGC,qBAAQ,CAACC,gBAAgB,CAAC,QAAQ,EAAEC,SAAS,IAAI;MAC3D,IAAIA,SAAS,KAAK,QAAQ,EAAEN,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,MAAMG,GAAG,CAACI,MAAM,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACZ,kBAAkB,CAAC,CAAC;AAC1B","ignoreList":[]}
+{"version":3,"names":["_react","require","_reactNative","_useFontScale","useRefreshFontScale","disableFontScaling","useEffect","useFontScale","setState","fontScale","refresh","PixelRatio","getFontScale","appStateSub","AppState","addEventListener","nextState","dimensionsSub","Platform","OS","Dimensions","window","remove"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useRefreshFontScale.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAEA;AACA;AACA;AACA;AACA;AACO,SAASG,mBAAmBA,CAACC,kBAAkB,GAAG,KAAK,EAAE;EAC9D,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAID,kBAAkB,EAAE;MACtBE,0BAAY,CAACC,QAAQ,CAAC;QAAEC,SAAS,EAAE;MAAE,CAAC,CAAC;MACvC,OAAO,MAAM,CAAC,CAAC;IACjB;IACA,MAAMC,OAAO,GAAGA,CAAA,KAAMH,0BAAY,CAACC,QAAQ,CAAC;MAAEC,SAAS,EAAEE,uBAAU,CAACC,YAAY,CAAC,CAAC,IAAI;IAAE,CAAC,CAAC;IAE1FF,OAAO,CAAC,CAAC;IAET,MAAMG,WAAW,GAAGC,qBAAQ,CAACC,gBAAgB,CAAC,QAAQ,EAAEC,SAAS,IAAI;MACnE,IAAIA,SAAS,KAAK,QAAQ,EAAEN,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC;;IAEF;IACA;IACA;IACA,MAAMO,aAAa,GACjBC,qBAAQ,CAACC,EAAE,KAAK,SAAS,GACrBC,uBAAU,CAACL,gBAAgB,CAAC,QAAQ,EAAE,CAAC;MAAEM;IAAO,CAAC,KAAK;MACpDd,0BAAY,CAACC,QAAQ,CAAC;QAAEC,SAAS,EAAEY,MAAM,CAACZ,SAAS,IAAI;MAAE,CAAC,CAAC;IAC7D,CAAC,CAAC,GACF,IAAI;IAEV,OAAO,MAAM;MACXI,WAAW,CAACS,MAAM,CAAC,CAAC;MACpBL,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEK,MAAM,CAAC,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACjB,kBAAkB,CAAC,CAAC;AAC1B","ignoreList":[]}

package/lib/module/hooks/useRefreshFontScale.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { AppState, PixelRatio } from 'react-native';
+import { AppState, Dimensions, PixelRatio, Platform } from 'react-native';
 import { useFontScale } from '../store/useFontScale';
 
 /**
@@ -19,10 +19,24 @@ export function useRefreshFontScale(disableFontScaling = false) {
       fontScale: PixelRatio.getFontScale() ?? 1
     });
     refresh();
-    const sub = AppState.addEventListener('change', nextState => {
+    const appStateSub = AppState.addEventListener('change', nextState => {
       if (nextState === 'active') refresh();
     });
-    return () => sub.remove();
+
+    // On Android, font scale changes come through Dimensions 'change' events
+    // triggered by Android configuration changes. AppState alone is not sufficient
+    // because PixelRatio.getFontScale() may not have updated yet when AppState fires.
+    const dimensionsSub = Platform.OS === 'android' ? Dimensions.addEventListener('change', ({
+      window
+    }) => {
+      useFontScale.setState({
+        fontScale: window.fontScale ?? 1
+      });
+    }) : null;
+    return () => {
+      appStateSub.remove();
+      dimensionsSub === null || dimensionsSub === void 0 || dimensionsSub.remove();
+    };
   }, [disableFontScaling]);
 }
 //# sourceMappingURL=useRefreshFontScale.js.map

package/lib/module/hooks/useRefreshFontScale.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","AppState","PixelRatio","useFontScale","useRefreshFontScale","disableFontScaling","setState","fontScale","refresh","getFontScale","sub","addEventListener","nextState","remove"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useRefreshFontScale.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,EAAEC,UAAU,QAAQ,cAAc;AACnD,SAASC,YAAY,QAAQ,uBAAuB;;AAEpD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAACC,kBAAkB,GAAG,KAAK,EAAE;EAC9DL,SAAS,CAAC,MAAM;IACd,IAAIK,kBAAkB,EAAE;MACtBF,YAAY,CAACG,QAAQ,CAAC;QAAEC,SAAS,EAAE;MAAE,CAAC,CAAC;MACvC,OAAO,MAAM,CAAC,CAAC;IACjB;IACA,MAAMC,OAAO,GAAGA,CAAA,KAAML,YAAY,CAACG,QAAQ,CAAC;MAAEC,SAAS,EAAEL,UAAU,CAACO,YAAY,CAAC,CAAC,IAAI;IAAE,CAAC,CAAC;IAE1FD,OAAO,CAAC,CAAC;IAET,MAAME,GAAG,GAAGT,QAAQ,CAACU,gBAAgB,CAAC,QAAQ,EAAEC,SAAS,IAAI;MAC3D,IAAIA,SAAS,KAAK,QAAQ,EAAEJ,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC;IAEF,OAAO,MAAME,GAAG,CAACG,MAAM,CAAC,CAAC;EAC3B,CAAC,EAAE,CAACR,kBAAkB,CAAC,CAAC;AAC1B","ignoreList":[]}
+{"version":3,"names":["useEffect","AppState","Dimensions","PixelRatio","Platform","useFontScale","useRefreshFontScale","disableFontScaling","setState","fontScale","refresh","getFontScale","appStateSub","addEventListener","nextState","dimensionsSub","OS","window","remove"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useRefreshFontScale.ts"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,QAAQ,EAAEC,UAAU,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AACzE,SAASC,YAAY,QAAQ,uBAAuB;;AAEpD;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,mBAAmBA,CAACC,kBAAkB,GAAG,KAAK,EAAE;EAC9DP,SAAS,CAAC,MAAM;IACd,IAAIO,kBAAkB,EAAE;MACtBF,YAAY,CAACG,QAAQ,CAAC;QAAEC,SAAS,EAAE;MAAE,CAAC,CAAC;MACvC,OAAO,MAAM,CAAC,CAAC;IACjB;IACA,MAAMC,OAAO,GAAGA,CAAA,KAAML,YAAY,CAACG,QAAQ,CAAC;MAAEC,SAAS,EAAEN,UAAU,CAACQ,YAAY,CAAC,CAAC,IAAI;IAAE,CAAC,CAAC;IAE1FD,OAAO,CAAC,CAAC;IAET,MAAME,WAAW,GAAGX,QAAQ,CAACY,gBAAgB,CAAC,QAAQ,EAAEC,SAAS,IAAI;MACnE,IAAIA,SAAS,KAAK,QAAQ,EAAEJ,OAAO,CAAC,CAAC;IACvC,CAAC,CAAC;;IAEF;IACA;IACA;IACA,MAAMK,aAAa,GACjBX,QAAQ,CAACY,EAAE,KAAK,SAAS,GACrBd,UAAU,CAACW,gBAAgB,CAAC,QAAQ,EAAE,CAAC;MAAEI;IAAO,CAAC,KAAK;MACpDZ,YAAY,CAACG,QAAQ,CAAC;QAAEC,SAAS,EAAEQ,MAAM,CAACR,SAAS,IAAI;MAAE,CAAC,CAAC;IAC7D,CAAC,CAAC,GACF,IAAI;IAEV,OAAO,MAAM;MACXG,WAAW,CAACM,MAAM,CAAC,CAAC;MACpBH,aAAa,aAAbA,aAAa,eAAbA,aAAa,CAAEG,MAAM,CAAC,CAAC;IACzB,CAAC;EACH,CAAC,EAAE,CAACX,kBAAkB,CAAC,CAAC;AAC1B","ignoreList":[]}

package/lib/typescript/hooks/useRefreshFontScale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRefreshFontScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/useRefreshFontScale.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,kBAAkB,UAAQ,QAgB7D"}
+{"version":3,"file":"useRefreshFontScale.d.ts","sourceRoot":"","sources":["../../../src/hooks/useRefreshFontScale.ts"],"names":[],"mappings":"AAIA;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,kBAAkB,UAAQ,QA6B7D"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@chem-po/react-native",
   "author": "Elan Canfield",
   "license": "MIT",
-  "version": "0.0.50",
+  "version": "0.0.52",
   "main": "lib/commonjs/index.js",
   "types": "lib/typescript/index.d.ts",
   "source": "src/index.ts",
@@ -71,8 +71,8 @@
     "expo-file-system": "~19.0.0",
     "expo-image-picker": "~17.0.0",
     "expo-sharing": "~14.0.0",
-    "@chem-po/core": "0.0.50",
-    "@chem-po/react": "0.0.50"
+    "@chem-po/core": "0.0.52",
+    "@chem-po/react": "0.0.52"
   },
   "react-native-builder-bob": {
     "source": "src",

package/src/hooks/useRefreshFontScale.ts

@@ -1,5 +1,5 @@
 import { useEffect } from 'react'
-import { AppState, PixelRatio } from 'react-native'
+import { AppState, Dimensions, PixelRatio, Platform } from 'react-native'
 import { useFontScale } from '../store/useFontScale'
 
 /**
@@ -17,10 +17,23 @@ export function useRefreshFontScale(disableFontScaling = false) {
 
     refresh()
 
-    const sub = AppState.addEventListener('change', nextState => {
+    const appStateSub = AppState.addEventListener('change', nextState => {
       if (nextState === 'active') refresh()
     })
 
-    return () => sub.remove()
+    // On Android, font scale changes come through Dimensions 'change' events
+    // triggered by Android configuration changes. AppState alone is not sufficient
+    // because PixelRatio.getFontScale() may not have updated yet when AppState fires.
+    const dimensionsSub =
+      Platform.OS === 'android'
+        ? Dimensions.addEventListener('change', ({ window }) => {
+            useFontScale.setState({ fontScale: window.fontScale ?? 1 })
+          })
+        : null
+
+    return () => {
+      appStateSub.remove()
+      dimensionsSub?.remove()
+    }
   }, [disableFontScaling])
 }