Add initial ble-service.

10 files changed, 412 insertions, 133 deletions

diff --git a/App.tsx b/App.tsx
deleted file mode 100644
index 125fe1b..0000000
--- a/App.tsx
+++ /dev/null
@@ -1,118 +0,0 @@
-/**
- * Sample React Native App
- * https://github.com/facebook/react-native
- *
- * @format
- */
-
-import React from 'react';
-import type {PropsWithChildren} from 'react';
-import {
-  SafeAreaView,
-  ScrollView,
-  StatusBar,
-  StyleSheet,
-  Text,
-  useColorScheme,
-  View,
-} from 'react-native';
-
-import {
-  Colors,
-  DebugInstructions,
-  Header,
-  LearnMoreLinks,
-  ReloadInstructions,
-} from 'react-native/Libraries/NewAppScreen';
-
-type SectionProps = PropsWithChildren<{
-  title: string;
-}>;
-
-function Section({children, title}: SectionProps): React.JSX.Element {
-  const isDarkMode = useColorScheme() === 'dark';
-  return (
-    <View style={styles.sectionContainer}>
-      <Text
-        style={[
-          styles.sectionTitle,
-          {
-            color: isDarkMode ? Colors.white : Colors.black,
-          },
-        ]}>
-        {title}
-      </Text>
-      <Text
-        style={[
-          styles.sectionDescription,
-          {
-            color: isDarkMode ? Colors.light : Colors.dark,
-          },
-        ]}>
-        {children}
-      </Text>
-    </View>
-  );
-}
-
-function App(): React.JSX.Element {
-  const isDarkMode = useColorScheme() === 'dark';
-
-  const backgroundStyle = {
-    backgroundColor: isDarkMode ? Colors.darker : Colors.lighter,
-  };
-
-  return (
-    <SafeAreaView style={backgroundStyle}>
-      <StatusBar
-        barStyle={isDarkMode ? 'light-content' : 'dark-content'}
-        backgroundColor={backgroundStyle.backgroundColor}
-      />
-      <ScrollView
-        contentInsetAdjustmentBehavior="automatic"
-        style={backgroundStyle}>
-        <Header />
-        <View
-          style={{
-            backgroundColor: isDarkMode ? Colors.black : Colors.white,
-          }}>
-          <Section title="Step One">
-            Edit <Text style={styles.highlight}>App.tsx</Text> to change this
-            screen and then come back to see your edits.
-          </Section>
-          <Section title="See Your Changes">
-            <ReloadInstructions />
-          </Section>
-          <Section title="Debug">
-            <DebugInstructions />
-          </Section>
-          <Section title="Learn More">
-            Read the docs to discover what to do next:
-          </Section>
-          <LearnMoreLinks />
-        </View>
-      </ScrollView>
-    </SafeAreaView>
-  );
-}
-
-const styles = StyleSheet.create({
-  sectionContainer: {
-    marginTop: 32,
-    paddingHorizontal: 24,
-  },
-  sectionTitle: {
-    fontSize: 24,
-    fontWeight: '600',
-  },
-  sectionDescription: {
-    marginTop: 8,
-    fontSize: 18,
-    fontWeight: '400',
-  },
-  highlight: {
-    fontWeight: '700',
-  },
-});
-
-export default App;
diff --git a/__tests__/App.test.tsx b/__tests__/App.test.tsx
index 9eac6fb..d5d3244 100644
--- a/__tests__/App.test.tsx
+++ b/__tests__/App.test.tsx
@@ -4,7 +4,7 @@
 
 import 'react-native';
 import React from 'react';
-import App from '../App';
+import App from '../src/App.tsx';
 
 // Note: import explicitly to use the types shipped with jest.
 import {it} from '@jest/globals';
diff --git a/android/app/src/debug/AndroidManifest.xml b/android/app/src/debug/AndroidManifest.xml
index eb98c01..b7c3a3c 100644
--- a/android/app/src/debug/AndroidManifest.xml
+++ b/android/app/src/debug/AndroidManifest.xml
@@ -1,6 +1,46 @@
 <?xml version="1.0" encoding="utf-8"?>
 <manifest xmlns:android="http://schemas.android.com/apk/res/android"
-    xmlns:tools="http://schemas.android.com/tools">
+          xmlns:tools="http://schemas.android.com/tools">
+
+  <uses-permission android:name="android.permission.INTERNET" />
+
+  <!--
+      HACK: this permission should not be needed on android 12+ devices anymore,
+      but in fact some manufacturers still need it for BLE to properly work :
+      https://stackoverflow.com/a/72370969
+    -->
+  <uses-permission android:name="android.permission.BLUETOOTH" tools:remove="android:maxSdkVersion" />
+  <!--
+      should normally only be needed on android < 12 if you want to:
+      - activate bluetooth programmatically
+      - discover local BLE devices
+      see: https://developer.android.com/guide/topics/connectivity/bluetooth/permissions#discover-local-devices.
+      Same as above, may still be wrongly needed by some manufacturers on android 12+.
+  -->
+  <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" tools:remove="android:maxSdkVersion" />
+
+  <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" android:maxSdkVersion="28"/>
+  <uses-permission-sdk-23 android:name="android.permission.ACCESS_FINE_LOCATION" android:maxSdkVersion="30"/>
+
+  <!-- Only when targeting Android 12 or higher -->
+  <!--
+      Please make sure you read the following documentation
+      to have a better understanding of the new permissions.
+      https://developer.android.com/guide/topics/connectivity/bluetooth/permissions#assert-never-for-location
+  -->
+
+  <!-- Needed if your app search for Bluetooth devices. -->
+  <!--
+      If your app doesn't use Bluetooth scan results to derive physical location information,
+      you can strongly assert that your app doesn't derive physical location.
+  -->
+  <uses-permission android:name="android.permission.BLUETOOTH_SCAN"
+                   android:usesPermissionFlags="neverForLocation" />
+  <!-- Needed if you want to interact with a BLE device. -->
+  <uses-permission android:name="android.permission.BLUETOOTH_CONNECT" />
+  <!-- Needed if your app makes the current device discoverable to other Bluetooth devices. -->
+  <uses-permission android:name="android.permission.BLUETOOTH_ADVERTISE" />
+
 
     <application
         android:usesCleartextTraffic="true"
diff --git a/android/app/src/main/AndroidManifest.xml b/android/app/src/main/AndroidManifest.xml
index 4122f36..e1c8b57 100644
--- a/android/app/src/main/AndroidManifest.xml
+++ b/android/app/src/main/AndroidManifest.xml
@@ -1,25 +1,58 @@
-<manifest xmlns:android="http://schemas.android.com/apk/res/android">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android"
+          xmlns:tools="http://schemas.android.com/tools">
 
-    <uses-permission android:name="android.permission.INTERNET" />
+  <uses-permission android:name="android.permission.INTERNET" />
 
-    <application
+  <uses-permission android:name="android.permission.BLUETOOTH" tools:remove="android:maxSdkVersion" />
+  <!--
+      should normally only be needed on android < 12 if you want to:
+      - activate bluetooth programmatically
+      - discover local BLE devices
+      see: https://developer.android.com/guide/topics/connectivity/bluetooth/permissions#discover-local-devices.
+      Same as above, may still be wrongly needed by some manufacturers on android 12+.
+  -->
+  <uses-permission android:name="android.permission.BLUETOOTH_ADMIN" tools:remove="android:maxSdkVersion" />
+
+  <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" android:maxSdkVersion="28"/>
+  <uses-permission-sdk-23 android:name="android.permission.ACCESS_FINE_LOCATION" android:maxSdkVersion="30"/>
+
+  <!-- Only when targeting Android 12 or higher -->
+  <!--
+      Please make sure you read the following documentation
+      to have a better understanding of the new permissions.
+      https://developer.android.com/guide/topics/connectivity/bluetooth/permissions#assert-never-for-location
+  -->
+
+  <!-- Needed if your app search for Bluetooth devices. -->
+  <!--
+      If your app doesn't use Bluetooth scan results to derive physical location information,
+      you can strongly assert that your app doesn't derive physical location.
+  -->
+  <uses-permission android:name="android.permission.BLUETOOTH_SCAN"
+                   android:usesPermissionFlags="neverForLocation" />
+  <!-- Needed if you want to interact with a BLE device. -->
+  <uses-permission android:name="android.permission.BLUETOOTH_CONNECT" />
+  <!-- Needed if your app makes the current device discoverable to other Bluetooth devices. -->
+  <uses-permission android:name="android.permission.BLUETOOTH_ADVERTISE" />
+
+  <application
       android:name=".MainApplication"
       android:label="@string/app_name"
       android:icon="@mipmap/ic_launcher"
       android:roundIcon="@mipmap/ic_launcher_round"
       android:allowBackup="false"
       android:theme="@style/AppTheme">
-      <activity
+    <activity
         android:name=".MainActivity"
         android:label="@string/app_name"
         android:configChanges="keyboard|keyboardHidden|orientation|screenLayout|screenSize|smallestScreenSize|uiMode"
         android:launchMode="singleTask"
         android:windowSoftInputMode="adjustResize"
         android:exported="true">
-        <intent-filter>
-            <action android:name="android.intent.action.MAIN" />
-            <category android:name="android.intent.category.LAUNCHER" />
-        </intent-filter>
-      </activity>
-    </application>
+      <intent-filter>
+        <action android:name="android.intent.action.MAIN" />
+        <category android:name="android.intent.category.LAUNCHER" />
+      </intent-filter>
+    </activity>
+  </application>
 </manifest>
diff --git a/dev-env b/dev-env
new file mode 100755
index 0000000..452ee7a
--- /dev/null
+++ b/dev-env
@@ -0,0 +1,10 @@
+#!/bin/sh
+
+docker run -it \
+       --rm \
+       -v "$(pwd)":/app -w /app \
+       -v react-native-android-data:/root \
+       --privileged \
+       reactnativecommunity/react-native-android \
+       $@
+
diff --git a/index.js b/index.js
index a850d03..85f14e6 100644
--- a/index.js
+++ b/index.js
@@ -3,7 +3,7 @@
  */
 
 import {AppRegistry} from 'react-native';
-import App from './App';
+import App from './src/App.tsx';
 import {name as appName} from './app.json';
 
 AppRegistry.registerComponent(appName, () => App);
diff --git a/package-lock.json b/package-lock.json
index 930ef30..f52af31 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -9,7 +9,9 @@
       "version": "0.0.1",
       "dependencies": {
         "react": "18.2.0",
-        "react-native": "0.73.0"
+        "react-native": "0.73.0",
+        "react-native-ble-manager": "^11.0.5",
+        "react-native-toast-message": "^2.1.8"
       },
       "devDependencies": {
         "@babel/core": "^7.20.0",
@@ -11769,6 +11771,23 @@
         "react": "18.2.0"
       }
     },
+    "node_modules/react-native-ble-manager": {
+      "version": "11.0.5",
+      "resolved": "https://registry.npmjs.org/react-native-ble-manager/-/react-native-ble-manager-11.0.5.tgz",
+      "integrity": "sha512-d8q6YEKyNkiygCy+qHa+N139UHRSWtbz7S+29mL0ZVjCSdzA6PRPsnSVDeRQJEVrWzP8ut2O6py57b6mPnBBFA==",
+      "peerDependencies": {
+        "react-native": ">=0.60.0"
+      }
+    },
+    "node_modules/react-native-toast-message": {
+      "version": "2.1.8",
+      "resolved": "https://registry.npmjs.org/react-native-toast-message/-/react-native-toast-message-2.1.8.tgz",
+      "integrity": "sha512-vlDQVkvpSq9L3/GRfoKaxVQyenj/A7yHToC9M0nrSCTR9XPXzoc2AOgRQnM6GVvDhetDld9ZfGtFcucyWcGQNA==",
+      "peerDependencies": {
+        "react": "*",
+        "react-native": "*"
+      }
+    },
     "node_modules/react-native/node_modules/@jest/types": {
       "version": "26.6.2",
       "resolved": "https://registry.npmjs.org/@jest/types/-/types-26.6.2.tgz",
diff --git a/package.json b/package.json
index c51391e..7455929 100644
--- a/package.json
+++ b/package.json
@@ -11,7 +11,9 @@
   },
   "dependencies": {
     "react": "18.2.0",
-    "react-native": "0.73.0"
+    "react-native": "0.73.0",
+    "react-native-ble-manager": "^11.0.5",
+    "react-native-toast-message": "^2.1.8"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
diff --git a/src/App.tsx b/src/App.tsx
new file mode 100644
index 0000000..7972da9
--- /dev/null
+++ b/src/App.tsx
@@ -0,0 +1,107 @@
+import React, {useEffect, useState} from 'react';
+import type {PropsWithChildren} from 'react';
+import {
+  Button,
+  FlatList,
+  SafeAreaView,
+  ScrollView,
+  StatusBar,
+  StyleSheet,
+  Text,
+  useColorScheme,
+  View,
+} from 'react-native';
+
+import Toast from 'react-native-toast-message';
+import BleService, {Peripheral} from './ble-service';
+
+const bleService = new BleService();
+
+function App(): React.JSX.Element {
+  bleService: BleService;
+
+  const [isScanning, setIsScanning] = useState<boolean>(false);
+  const [peripherals, setPeripherals] = useState<
+    Map<Peripheral['id'], Peripheral>
+  >([]);
+
+  useEffect(() => {
+    bleService.setEvents({
+      bleManagerConnectPeripheral: e => console.log(e.peripheral),
+      bleManagerStartSuccess: () => {
+        Toast.show({
+          type: 'info',
+          text1: 'BleManager started..',
+        });
+      },
+      bleManagerDiscoverPeripheral: p => {
+        console.log(p.advertising.localName);
+      },
+      bleManagerStopScan: () => {
+        setIsScanning(false);
+        setPeripherals(bleService.getPeripherals());
+
+        console.log('scan: stop;');
+        Toast.show({
+          type: 'success',
+          text1: 'Scan stop..',
+          position: 'bottom',
+        });
+      },
+      bleManagerStartScan: () => {
+        setIsScanning(true);
+        console.log('scan: start;');
+        Toast.show({
+          type: 'info',
+          text1: 'Scan start..',
+          position: 'bottom',
+        });
+      },
+      bleManagerDidUpdateValueForCharacteristic: a => {
+        console.log(a.value);
+      },
+    });
+
+    return () => bleService.destroy();
+  });
+
+  return (
+    <>
+      <Toast />
+      <View>
+        <Text>Hello, World!!!!</Text>
+        {isScanning ? <Text>SKANUJE!</Text> : <Text>Juz nie</Text>}
+        <Button
+          onPress={() => {
+            bleService.scan();
+          }}
+          title="Scan!"
+        />
+        <FlatList
+          data={[...peripherals.values()]}
+          renderItem={({item}) => (
+            <>
+              <Text>id: {item.id}</Text>
+              <Text>name: {item.name}</Text>
+              <Button
+                onPress={() => {
+                  bleService.connect(item);
+                }}
+                title="Connect!"
+              />
+              <Button
+                onPress={() => {
+                  console.log(bleService.read(item));
+                }}
+                title="Read!"
+              />
+              <Text>-------</Text>
+            </>
+          )}
+        />
+      </View>
+    </>
+  );
+}
+
+export default App;
diff --git a/src/ble-service.ts b/src/ble-service.ts
new file mode 100644
index 0000000..f2a08a3
--- /dev/null
+++ b/src/ble-service.ts
@@ -0,0 +1,186 @@
+import BleManager, {
+  BleConnectPeripheralEvent,
+  BleDisconnectPeripheralEvent,
+  BleManagerDidUpdateValueForCharacteristicEvent,
+  BleScanCallbackType,
+  BleScanMatchMode,
+  BleScanMode,
+  Peripheral as PeripheralWithoutConnectInfo,
+} from 'react-native-ble-manager';
+import {
+  EmitterSubscription,
+  NativeEventEmitter,
+  NativeModules,
+  PermissionsAndroid,
+  Platform,
+} from 'react-native';
+
+import Buffer from 'buffer';
+
+export type Peripheral = PeripheralWithoutConnectInfo & {
+  connected?: boolean;
+  connecting?: boolean;
+};
+
+type Events = {
+  bleManagerStartSuccess: () => void | undefined;
+  bleManagerStartError: () => void | undefined;
+  bleManagerStopScan: () => void | undefined;
+  bleManagerStartScan: () => void | undefined;
+  bleManagerDiscoverPeripheral: (peripheral: Peripheral) => void | undefined;
+  bleManagerDisconnectPeripheral: (
+    event: BleDisconnectPeripheralEvent,
+  ) => void | undefined;
+  bleManagerDidUpdateValueForCharacteristic: (
+    event: BleManagerDidUpdateValueForCharacteristicEvent,
+  ) => void | undefined;
+  bleManagerConnectPeripheral: (
+    event: BleConnectPeripheralEvent,
+  ) => void | undefined;
+};
+
+export default class BleService {
+  private _bleManagerModule = NativeModules.BleManager;
+  private _bleManagerEmitter = new NativeEventEmitter(this._bleManagerModule);
+  private _events: Events;
+  private _listeners: EmitterSubscription[];
+  private _peripherals: Map<Peripheral['id'], Peripheral>;
+
+  constructor() {
+    this._listeners = [];
+    this._events = {};
+    this._peripherals = new Map();
+    BleManager.start({showAlert: false})
+      .then(() => {
+        this.runEvent(this._events.bleManagerStartSuccess);
+        console.debug('[BleService]: BleManager started.');
+      })
+      .catch((err: any) => {
+        this.runEvent(this._events.bleManagerStartError);
+        console.debug('[BleService]: BeManager could not be started.', err);
+      });
+    this.handle_permissions();
+  }
+
+  setEvents(events: Events) {
+    this._events = events;
+    this.setupListiners(events);
+  }
+
+  handle_permissions() {
+    // po requestach, jak sie zrobi .then() nastepnie gdy (resoult) cos zwroci to oznacza, że ma perma jak nie to nie ma.
+    if (Platform.OS === 'android') {
+      if (Platform.Version >= 31)
+        PermissionsAndroid.requestMultiple([
+          PermissionsAndroid.PERMISSIONS.BLUETOOTH_SCAN,
+          PermissionsAndroid.PERMISSIONS.BLUETOOTH_CONNECT,
+        ]);
+      else if (Platform.Version >= 23)
+        PermissionsAndroid.request(
+          PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
+        );
+    }
+  }
+
+  scan() {
+    this.runEvent(this._events.bleManagerStartScan);
+    this.clearPeripherals();
+    BleManager.scan([], 3, false, {
+      matchMode: BleScanMatchMode.Sticky,
+      scanMode: BleScanMode.LowLatency,
+      callbackType: BleScanCallbackType.AllMatches,
+    })
+      .then(() => {
+        console.debug('[startScan] scan promise returned successfully.');
+      })
+      .catch((err: any) => {
+        console.error('[startScan] ble scan returned in error', err);
+      });
+  }
+
+  destroy() {
+    this.destroyListiners();
+  }
+
+  getPeripherals() {
+    return this._peripherals;
+  }
+
+  connect(p: Peripheral) {
+    return BleManager.connect(p.id);
+  }
+
+  async read(peripheral: Peripheral) {
+    await BleManager.requestMTU(peripheral.id, 512);
+    BleManager.startNotification(
+      peripheral.id,
+      '6e400001-b5a3-f393-e0a9-e50e24dcca9e',
+      '6e400003-b5a3-f393-e0a9-e50e24dcca9e',
+    )
+      .then(a => {
+        // Success code
+        console.log('--------');
+        console.log(a);
+        console.log('--------');
+      })
+      .catch(error => {
+        // Failure code
+        console.log(error);
+      });
+  }
+
+  private addPeripheral(p: Peripheral) {
+    this._peripherals.set(p.id, p);
+  }
+
+  private clearPeripherals() {
+    this._peripherals = new Map();
+  }
+
+  private destroyListiners() {
+    for (const listener of this._listeners) {
+      if (listener) listener.remove();
+    }
+  }
+
+  private setupListiners(events: Events) {
+    this.destroyListiners();
+    this._listeners = [
+      this._bleManagerEmitter.addListener(
+        'BleManagerDiscoverPeripheral',
+        peripheral => {
+          this.addPeripheral(peripheral);
+          this.runEvent(events.bleManagerDiscoverPeripheral, peripheral);
+        },
+      ),
+      this._bleManagerEmitter.addListener('BleManagerStopScan', () =>
+        this.runEvent(events.bleManagerStopScan),
+      ),
+      this._bleManagerEmitter.addListener(
+        'BleManagerDisconnectPeripheral',
+        event => this.runEvent(events.bleManagerDisconnectPeripheral, event),
+      ),
+      this._bleManagerEmitter.addListener(
+        'BleManagerDidUpdateValueForCharacteristic',
+        event =>
+          this.runEvent(
+            events.bleManagerDidUpdateValueForCharacteristic,
+            event,
+          ),
+      ),
+      this._bleManagerEmitter.addListener(
+        'BleManagerConnectPeripheral',
+        event => this.runEvent(events.bleManagerConnectPeripheral, event),
+      ),
+    ];
+  }
+
+  private runEvent(
+    event: CallableFunction | undefined,
+    ...optionalParams: any[]
+  ): void {
+    if (event) {
+      event(...optionalParams);
+    }
+  }
+}