number-flow-react-native 0.1.3 → 0.1.4

package/lib/module/native/MaskedView.js

@@ -1,19 +1,36 @@
 "use strict";
 
+import { UIManager } from "react-native";
 /**
  * Resolves the best available MaskedView implementation:
  * 1. `@rednegniw/masked-view` — Fabric-ready fork (dev builds)
  * 2. `@react-native-masked-view/masked-view` — bundled in Expo Go / Snack
  * 3. `null` — neither available, masking degrades gracefully
+ *
+ * A module may bundle successfully but its native component might not be
+ * registered (e.g. in Expo Go where only pre-bundled native modules exist).
+ * We verify via UIManager before accepting a resolved module.
  */
+function hasNativeView(name) {
+  return UIManager.getViewManagerConfig?.(name) != null;
+}
 let Resolved = null;
 try {
-  Resolved = require("@rednegniw/masked-view").default;
+  const mod = require("@rednegniw/masked-view");
+  if (hasNativeView("NFMaskedView")) {
+    Resolved = mod.default;
+  }
 } catch {
+  // Module not available
+}
+if (!Resolved) {
   try {
-    Resolved = require("@react-native-masked-view/masked-view").default;
+    const mod = require("@react-native-masked-view/masked-view");
+    if (hasNativeView("RNCMaskedView")) {
+      Resolved = mod.default;
+    }
   } catch {
-    // Neither available — mask prop will be ignored
+    // Module not available
   }
 }
 export default Resolved;

package/lib/module/native/MaskedView.js.map

@@ -1 +1 @@
-{"version":3,"names":["Resolved","require","default"],"sourceRoot":"../../../src","sources":["native/MaskedView.tsx"],"mappings":";;AAOA;AACA;AACA;AACA;AACA;AACA;AACA,IAAIA,QAAqD,GAAG,IAAI;AAChE,IAAI;EACHA,QAAQ,GAAGC,OAAO,CAAC,wBAAwB,CAAC,CAACC,OAAO;AACrD,CAAC,CAAC,MAAM;EACP,IAAI;IACHF,QAAQ,GAAGC,OAAO,CAAC,uCAAuC,CAAC,CAACC,OAAO;EACpE,CAAC,CAAC,MAAM;IACP;EAAA;AAEF;AAEA,eAAeF,QAAQ","ignoreList":[]}
+{"version":3,"names":["UIManager","hasNativeView","name","getViewManagerConfig","Resolved","mod","require","default"],"sourceRoot":"../../../src","sources":["native/MaskedView.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAwB,cAAc;AAMxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,aAAaA,CAACC,IAAY,EAAW;EAC7C,OAAOF,SAAS,CAACG,oBAAoB,GAAGD,IAAI,CAAC,IAAI,IAAI;AACtD;AAEA,IAAIE,QAAqD,GAAG,IAAI;AAChE,IAAI;EACH,MAAMC,GAAG,GAAGC,OAAO,CAAC,wBAAwB,CAAC;EAC7C,IAAIL,aAAa,CAAC,cAAc,CAAC,EAAE;IAClCG,QAAQ,GAAGC,GAAG,CAACE,OAAO;EACvB;AACD,CAAC,CAAC,MAAM;EACP;AAAA;AAGD,IAAI,CAACH,QAAQ,EAAE;EACd,IAAI;IACH,MAAMC,GAAG,GAAGC,OAAO,CAAC,uCAAuC,CAAC;IAC5D,IAAIL,aAAa,CAAC,eAAe,CAAC,EAAE;MACnCG,QAAQ,GAAGC,GAAG,CAACE,OAAO;IACvB;EACD,CAAC,CAAC,MAAM;IACP;EAAA;AAEF;AAEA,eAAeH,QAAQ","ignoreList":[]}

package/lib/typescript/native/MaskedView.d.ts

@@ -1,14 +1,8 @@
 import type { ReactElement } from "react";
-import type { ViewProps } from "react-native";
+import { type ViewProps } from "react-native";
 interface MaskedViewProps extends ViewProps {
     maskElement: ReactElement;
 }
-/**
- * Resolves the best available MaskedView implementation:
- * 1. `@rednegniw/masked-view` — Fabric-ready fork (dev builds)
- * 2. `@react-native-masked-view/masked-view` — bundled in Expo Go / Snack
- * 3. `null` — neither available, masking degrades gracefully
- */
 declare let Resolved: React.ComponentType<MaskedViewProps> | null;
 export default Resolved;
 //# sourceMappingURL=MaskedView.d.ts.map

package/lib/typescript/native/MaskedView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MaskedView.d.ts","sourceRoot":"","sources":["../../../src/native/MaskedView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,UAAU,eAAgB,SAAQ,SAAS;IAC1C,WAAW,EAAE,YAAY,CAAC;CAC1B;AAED;;;;;GAKG;AACH,QAAA,IAAI,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,GAAG,IAAW,CAAC;AAWjE,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"MaskedView.d.ts","sourceRoot":"","sources":["../../../src/native/MaskedView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAa,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,eAAgB,SAAQ,SAAS;IAC1C,WAAW,EAAE,YAAY,CAAC;CAC1B;AAgBD,QAAA,IAAI,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,GAAG,IAAW,CAAC;AAqBjE,eAAe,QAAQ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "number-flow-react-native",
-  "version": "0.1.3",
+  "version": "0.1.4",
   "description": "Animated number transitions for React Native — View-based and Skia renderers",
   "source": "./src/index.ts",
   "main": "./lib/module/index.js",

package/src/native/MaskedView.tsx

@@ -1,5 +1,5 @@
 import type { ReactElement } from "react";
-import type { ViewProps } from "react-native";
+import { UIManager, type ViewProps } from "react-native";
 
 interface MaskedViewProps extends ViewProps {
 	maskElement: ReactElement;
@@ -10,15 +10,33 @@ interface MaskedViewProps extends ViewProps {
  * 1. `@rednegniw/masked-view` — Fabric-ready fork (dev builds)
  * 2. `@react-native-masked-view/masked-view` — bundled in Expo Go / Snack
  * 3. `null` — neither available, masking degrades gracefully
+ *
+ * A module may bundle successfully but its native component might not be
+ * registered (e.g. in Expo Go where only pre-bundled native modules exist).
+ * We verify via UIManager before accepting a resolved module.
  */
+function hasNativeView(name: string): boolean {
+	return UIManager.getViewManagerConfig?.(name) != null;
+}
+
 let Resolved: React.ComponentType<MaskedViewProps> | null = null;
 try {
-	Resolved = require("@rednegniw/masked-view").default;
+	const mod = require("@rednegniw/masked-view");
+	if (hasNativeView("NFMaskedView")) {
+		Resolved = mod.default;
+	}
 } catch {
+	// Module not available
+}
+
+if (!Resolved) {
 	try {
-		Resolved = require("@react-native-masked-view/masked-view").default;
+		const mod = require("@react-native-masked-view/masked-view");
+		if (hasNativeView("RNCMaskedView")) {
+			Resolved = mod.default;
+		}
 	} catch {
-		// Neither available — mask prop will be ignored
+		// Module not available
 	}
 }