// App.tsx – React Native + Expo BLE
import React, {useEffect, useState} from 'react';
import {View, Text, ToastAndroid, StyleSheet} from 'react-native';
import {BleManager} from 'react-native-ble-plx';

const manager = new BleManager();

export default function App() {
  const [scanning, setScanning] = useState(false);

  useEffect(() => {
    const subscription = manager.onStateChange(state => {
      if (state === 'PoweredOn' && !scanning) {
        setScanning(true);
        manager.startDeviceScan(null, {allowDuplicates: true}, (error, device) => {
          if (error) {
            console.warn(error);
            return;
          }
          // Look for our proprietary service UUID
          if (device?.serviceUUIDs?.includes('0000feed-0000-1000-8000-00805f9b34fb')) {
            if (device.rssi && device.rssi > -60) {
              ToastAndroid.show(`💘 Match with ${device.name || 'unknown'}!`, ToastAndroid.SHORT);
            }
          }
        });
      }
    }, true);

    return () => {
      manager.stopDeviceScan();
      subscription.remove();
    };
  }, [scanning]);

  return (
    <View style={styles.container}>
      <Text style={styles.title}>Proximity Dating Demo</Text>
      <Text>{scanning ? 'Scanning…' : 'Waiting for BLE…'}</Text>
    </View>
  );
}

const styles = StyleSheet.create({
  container: {flex: 1, justifyContent: 'center', alignItems: 'center'},
  title: {fontSize: 22, fontWeight: 'bold', marginBottom: 12},
});

# 1️⃣ Install Expo CLI (if you don’t have it)
npm i -g expo-cli

# 2️⃣ Create a new project
expo init proximity-dating-demo
cd proximity-dating-demo

# 3️⃣ Add BLE library
npm i react-native-ble-plx

# 4️⃣ Replace App.tsx with the snippet above
# 5️⃣ Run on a real device (BLE doesn’t work in simulators)
expo run:android   # or expo run:ios