feat: replace react-native-device-info with Expo APIs

piaccho · piaccho · commit c650e153192b · 2026-03-16T02:30:19.000+01:00
diff --git a/.gitignore b/.gitignore
@@ -77,3 +77,5 @@ android/generated
 
 # React Native Nitro Modules
 nitrogen/
+
+.eslintcache
diff --git a/README.md b/README.md
@@ -14,6 +14,14 @@ Sign up here: [https://godetour.dev/auth/signup](https://godetour.dev/auth/signu
 - Documentation: [https://docs.swmansion.com/detour/docs/](https://docs.swmansion.com/detour/docs/)
 - Installation guide: [https://docs.swmansion.com/detour/docs/SDK/sdk-installation](https://docs.swmansion.com/detour/docs/SDK/sdk-installation)
 
+## Other Detour SDKs
+
+Detour is also available for other app stacks:
+
+- Android SDK: [https://github.com/software-mansion-labs/android-detour](https://github.com/software-mansion-labs/android-detour)
+- iOS SDK: [https://github.com/software-mansion-labs/ios-detour](https://github.com/software-mansion-labs/ios-detour)
+- Flutter SDK: [https://github.com/software-mansion-labs/detour-flutter-plugin](https://github.com/software-mansion-labs/detour-flutter-plugin)
+
 ## Installation
 
 ### Package
@@ -29,7 +37,7 @@ npm install @swmansion/react-native-detour
 Install required peer dependencies:
 
 ```sh
-npm install expo-localization react-native-device-info expo-clipboard @react-native-async-storage/async-storage expo-application
+npm install expo-localization expo-clipboard expo-constants expo-device @react-native-async-storage/async-storage expo-application
 ```
 
 > You can override the default persistent storage (@react-native-async-storage/async-storage) by providing an alternative storage implementation. Pass your custom storage object via the configuration settings.
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -24,6 +24,19 @@ export default defineConfig([
     },
   },
   {
-    ignores: ['node_modules/', 'lib/'],
+    ignores: [
+      '**/node_modules/**',
+      '.git/**',
+      '.yarn/**',
+      'eslint.config.mjs',
+      'lib/**',
+      'coverage/**',
+      '.expo/**',
+      'examples/**/android/**',
+      'examples/**/ios/**',
+      'examples/**/.expo/**',
+      'examples/**/dist/**',
+      'examples/**/build/**',
+    ],
   },
 ]);
diff --git a/examples/expo-bare/package.json b/examples/expo-bare/package.json
@@ -15,13 +15,14 @@
     "expo": "~53.0.22",
     "expo-application": "^6.1.5",
     "expo-clipboard": "^7.1.5",
+    "expo-constants": "~17.1.7",
     "expo-dev-client": "~5.2.4",
+    "expo-device": "~7.1.4",
     "expo-localization": "^16.1.6",
     "expo-status-bar": "~2.2.3",
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-native": "0.79.6",
-    "react-native-device-info": "^14.0.4",
     "react-native-web": "~0.20.0"
   },
   "devDependencies": {
diff --git a/examples/expo-router-advanced/package.json b/examples/expo-router-advanced/package.json
@@ -16,7 +16,9 @@
     "expo": "~53.0.22",
     "expo-application": "^6.1.5",
     "expo-clipboard": "^7.1.5",
+    "expo-constants": "~17.1.7",
     "expo-dev-client": "~5.2.4",
+    "expo-device": "~7.1.4",
     "expo-linking": "~7.1.7",
     "expo-local-authentication": "~16.0.5",
     "expo-localization": "^16.1.6",
@@ -26,7 +28,6 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-native": "0.79.6",
-    "react-native-device-info": "^14.0.4",
     "react-native-gesture-handler": "~2.24.0",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
diff --git a/examples/expo-router-native-intent/package.json b/examples/expo-router-native-intent/package.json
@@ -16,7 +16,9 @@
     "expo": "~53.0.22",
     "expo-application": "^6.1.5",
     "expo-clipboard": "^7.1.5",
+    "expo-constants": "~17.1.7",
     "expo-dev-client": "~5.2.4",
+    "expo-device": "~7.1.4",
     "expo-linking": "~7.1.7",
     "expo-localization": "^16.1.6",
     "expo-router": "~5.1.5",
@@ -25,7 +27,6 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-native": "0.79.6",
-    "react-native-device-info": "^14.0.4",
     "react-native-gesture-handler": "~2.24.0",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
diff --git a/examples/expo-router/package.json b/examples/expo-router/package.json
@@ -16,7 +16,9 @@
     "expo": "~53.0.22",
     "expo-application": "^6.1.5",
     "expo-clipboard": "^7.1.5",
+    "expo-constants": "~17.1.7",
     "expo-dev-client": "~5.2.4",
+    "expo-device": "~7.1.4",
     "expo-linking": "~7.1.7",
     "expo-localization": "^16.1.6",
     "expo-router": "~5.1.5",
@@ -25,7 +27,6 @@
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "react-native": "0.79.6",
-    "react-native-device-info": "^14.0.4",
     "react-native-gesture-handler": "~2.24.0",
     "react-native-reanimated": "~3.17.4",
     "react-native-safe-area-context": "5.4.0",
diff --git a/examples/react-navigation-advanced/package.json b/examples/react-navigation-advanced/package.json
@@ -19,13 +19,14 @@
     "expo-application": "^6.1.5",
     "expo-asset": "~12.0.8",
     "expo-clipboard": "^7.1.5",
+    "expo-constants": "~18.0.12",
     "expo-dev-client": "~6.0.12",
+    "expo-device": "~8.0.10",
     "expo-localization": "^16.1.6",
     "expo-splash-screen": "~31.0.10",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "0.81.4",
-    "react-native-device-info": "^14.0.4",
     "react-native-gesture-handler": "~2.28.0",
     "react-native-safe-area-context": "~5.6.0",
     "react-native-screens": "~4.16.0",
diff --git a/examples/react-navigation/package.json b/examples/react-navigation/package.json
@@ -19,13 +19,14 @@
     "expo-application": "^6.1.5",
     "expo-asset": "~12.0.8",
     "expo-clipboard": "^7.1.5",
+    "expo-constants": "~18.0.12",
     "expo-dev-client": "~6.0.12",
+    "expo-device": "~8.0.10",
     "expo-localization": "^16.1.6",
     "expo-splash-screen": "~31.0.10",
     "react": "19.1.0",
     "react-dom": "19.1.0",
     "react-native": "0.81.4",
-    "react-native-device-info": "^14.0.4",
     "react-native-gesture-handler": "~2.28.0",
     "react-native-safe-area-context": "~5.6.0",
     "react-native-screens": "~4.16.0",
diff --git a/package.json b/package.json
@@ -47,7 +47,7 @@
     "examples:expo-router-advanced": "yarn workspace @swmansion/react-native-detour-expo-router-advanced",
     "test": "jest",
     "typecheck": "tsc",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
+    "lint": "eslint . --cache --cache-location .eslintcache",
     "clean": "del-cli lib",
     "prepare": "bob build",
     "release": "release-it --only-version"
@@ -90,24 +90,26 @@
     "eslint-plugin-prettier": "^5.2.3",
     "expo-application": "^6.1.5",
     "expo-clipboard": "^7.1.5",
+    "expo-constants": "~17.1.7",
+    "expo-device": "~7.0.0",
     "expo-localization": "^16.1.6",
     "jest": "^29.7.0",
     "prettier": "^3.0.3",
     "react": "19.0.0",
     "react-native": "0.79.6",
     "react-native-builder-bob": "^0.40.13",
-    "react-native-device-info": "^14.0.4",
     "release-it": "^17.10.0",
     "typescript": "^5.8.3"
   },
   "peerDependencies": {
     "@react-native-async-storage/async-storage": ">=2.0.0",
     "expo-application": ">=6.1.5",
     "expo-clipboard": ">=6.0.0",
+    "expo-constants": ">=17.1.7",
+    "expo-device": ">=7.0.0",
     "expo-localization": ">=15.0.0",
     "react": ">=18",
-    "react-native": ">=0.72",
-    "react-native-device-info": ">=14.0.0"
+    "react-native": ">=0.72"
   },
   "peerDependenciesMeta": {
     "@react-native-async-storage/async-storage": {
diff --git a/src/links/utils/fingerprint.ts b/src/links/utils/fingerprint.ts
@@ -1,7 +1,8 @@
 import * as Clipboard from 'expo-clipboard';
+import Constants from 'expo-constants';
+import * as Device from 'expo-device';
 import * as Localization from 'expo-localization';
 import { Dimensions, PixelRatio, Platform } from 'react-native';
-import DeviceInfo from 'react-native-device-info';
 
 export type ProbabilisticFingerprint = {
   platform: string;
@@ -40,17 +41,38 @@ export const getProbabilisticFingerprint = async (
     languageTag: locale.languageTag,
   }));
 
+  const normalizeValue = (value: unknown): string => {
+    if (typeof value === 'string' && value.trim().length > 0) {
+      return value;
+    }
+    if (typeof value === 'number') {
+      return String(value);
+    }
+    return 'unknown';
+  };
+
+  const model = normalizeValue(Device.modelName);
+  const manufacturer = normalizeValue(Device.manufacturer);
+  const systemVersion = normalizeValue(Device.osVersion);
+
+  let userAgent = 'unknown';
+  if (typeof Constants.getWebViewUserAgentAsync === 'function') {
+    userAgent =
+      (await Constants.getWebViewUserAgentAsync().catch(() => null)) ??
+      'unknown';
+  }
+
   return {
     platform: Platform.OS,
-    model: DeviceInfo.getModel(),
-    manufacturer: await DeviceInfo.getManufacturer(),
-    systemVersion: DeviceInfo.getSystemVersion(),
+    model,
+    manufacturer,
+    systemVersion,
     screenWidth: width,
     screenHeight: height,
     scale: PixelRatio.get(),
     locale: localeLanguageTags,
     timezone: Localization.getCalendars()[0]?.timeZone,
-    userAgent: await DeviceInfo.getUserAgent(),
+    userAgent,
     timestamp: Date.now(),
     pastedLink:
       shouldUseClipboard && Platform.OS === 'ios'
diff --git a/yarn.lock b/yarn.lock
