@dubsdotapp/expo 0.2.20 → 0.2.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dubsdotapp/expo",
-  "version": "0.2.20",
+  "version": "0.2.21",
   "description": "React Native SDK for the Dubs betting platform",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -31,11 +31,15 @@
     "@solana/web3.js": "^1.90.0",
     "react": ">=18.0.0",
     "react-native": ">=0.72.0",
-    "expo-secure-store": ">=13.0.0"
+    "expo-secure-store": ">=13.0.0",
+    "expo-device": ">=6.0.0"
   },
   "peerDependenciesMeta": {
     "expo-secure-store": {
       "optional": true
+    },
+    "expo-device": {
+      "optional": true
     }
   },
   "optionalDependencies": {
@@ -45,6 +49,7 @@
     "@solana/web3.js": "^1.95.0",
     "@types/react": "^18.2.0",
     "react": "^18.2.0",
+    "expo-device": "^7.0.0",
     "react-native": "^0.73.0",
     "tsup": "^8.0.0",
     "typescript": "^5.3.0"

package/src/hooks/useAuth.ts

@@ -2,6 +2,7 @@ import { useState, useCallback, useRef, useContext } from 'react';
 import bs58 from 'bs58';
 import { useDubs } from '../provider';
 import { AuthContext } from '../auth-context';
+import { getDeviceInfo } from '../utils/device';
 import type { AuthStatus, DubsUser } from '../types';
 
 export interface UseAuthResult {
@@ -52,11 +53,12 @@ export function useAuth(): UseAuthResult {
   const [token, setToken] = useState<string | null>(null);
   const [error, setError] = useState<Error | null>(null);
 
-  // Stash nonce+signature between authenticate → register (single-sign flow)
+  // Stash nonce+signature+deviceInfo between authenticate → register (single-sign flow)
   const pendingAuth = useRef<{
     walletAddress: string;
     nonce: string;
     signature: string;
+    deviceInfo?: import('../utils/device').DeviceInfo;
   } | null>(null);
 
   const reset = useCallback(() => {
@@ -82,6 +84,10 @@ export function useAuth(): UseAuthResult {
 
       const walletAddress = wallet.publicKey.toBase58();
 
+      // 0. Collect device info
+      const deviceInfo = await getDeviceInfo();
+      console.log('[useAuth] Device info:', JSON.stringify(deviceInfo, null, 2));
+
       // 1. Get nonce
       const { nonce, message } = await client.getNonce(walletAddress);
 
@@ -94,11 +100,11 @@ export function useAuth(): UseAuthResult {
 
       // 3. Verify with server
       setStatus('verifying');
-      const result = await client.authenticate({ walletAddress, signature, nonce });
+      const result = await client.authenticate({ walletAddress, signature, nonce, deviceInfo });
 
       if (result.needsRegistration) {
         // Stash credentials for register() — nonce is NOT consumed
-        pendingAuth.current = { walletAddress, nonce, signature };
+        pendingAuth.current = { walletAddress, nonce, signature, deviceInfo };
         setStatus('needsRegistration');
         return;
       }
@@ -130,6 +136,7 @@ export function useAuth(): UseAuthResult {
         username,
         referralCode,
         avatarUrl,
+        deviceInfo: pending.deviceInfo,
       });
 
       pendingAuth.current = null;

package/src/index.ts

@@ -107,3 +107,5 @@ export type {
 
 // Utils
 export { signAndSendBase64Transaction } from './utils/transaction';
+export { getDeviceInfo } from './utils/device';
+export type { DeviceInfo } from './utils/device';

package/src/types.ts

@@ -295,10 +295,13 @@ export interface NonceResult {
   message: string;
 }
 
+export type { DeviceInfo } from './utils/device';
+
 export interface AuthenticateParams {
   walletAddress: string;
   signature: string;
   nonce: string;
+  deviceInfo?: import('./utils/device').DeviceInfo;
 }
 
 export interface AuthenticateResult {
@@ -314,6 +317,7 @@ export interface RegisterParams {
   username: string;
   referralCode?: string;
   avatarUrl?: string;
+  deviceInfo?: import('./utils/device').DeviceInfo;
 }
 
 export interface RegisterResult {

package/src/utils/device.ts

@@ -0,0 +1,55 @@
+import { Platform } from 'react-native';
+
+export interface DeviceInfo {
+  platform: string;
+  modelName: string | null;
+  brand: string | null;
+  manufacturer: string | null;
+  osName: string | null;
+  osVersion: string | null;
+  deviceType: number | null;
+  deviceName: string | null;
+  totalMemory: number | null;
+  modelId: string | null;
+  designName: string | null;
+  productName: string | null;
+  isDevice: boolean | null;
+}
+
+export async function getDeviceInfo(): Promise<DeviceInfo> {
+  try {
+    const Device = require('expo-device');
+    return {
+      platform: Platform.OS,
+      modelName: Device.modelName,
+      brand: Device.brand,
+      manufacturer: Device.manufacturer,
+      osName: Device.osName,
+      osVersion: Device.osVersion,
+      deviceType: Device.deviceType,
+      deviceName: Device.deviceName,
+      totalMemory: Device.totalMemory,
+      modelId: Device.modelId,
+      designName: Device.designName,
+      productName: Device.productName,
+      isDevice: Device.isDevice,
+    };
+  } catch {
+    // expo-device not installed — return minimal info
+    return {
+      platform: Platform.OS,
+      modelName: null,
+      brand: null,
+      manufacturer: null,
+      osName: null,
+      osVersion: null,
+      deviceType: null,
+      deviceName: null,
+      totalMemory: null,
+      modelId: null,
+      designName: null,
+      productName: null,
+      isDevice: null,
+    };
+  }
+}