react-native-hw-transport-ble

Github, Ledger Devs Slack

@ledgerhq/react-native-hw-transport-ble

Ledger Hardware Wallet Bluetooth BLE transport for React Native.

yarn add @ledgerhq/react-native-hw-transport-ble

Pre-requisite

• Install and link library react-native-ble-plx + configure your app for Bluetooth permissions (Open the link for documentation)
• [for Android] a recent version of JavaScriptCore instead of React Native's default one. The simplest way is to set up jsc-android. In future, we expect React Native to upgrade JSC for Android.
• global.Buffer available. Typically global.Buffer = require("buffer").Buffer; that can be placed in a polyfill.js and imported with import "./polyfill"; at first line of the main JavaScript entry file.

Full example

Click here to browse a full example that can be used as starter kit

Troubleshootings

Bad BLE link between the Phone and the device

It can sometimes happen that the phone have a broken link, it is in this case recommended to users to go to their phone settings and manually Forget the Nano X. There is at the moment no other ways: there is no programmatic way to unpair a bonded device but you can however have a button that opens that phone settings Bluetooth section.

undefined is not a function(evaluating '\_iterator[typeof Symbol === "function"?Symbol.iterator:"@@iterator"]()')

Read again our Pre-requisites, you must set up jsc-android, alternatively you can figure out what polyfills are required. facebook/react-native#15902

Minimal getting started

@ledgerhq/react-native-hw-transport-ble works like any of our @ledgerhq/hw-transport libraries.

The difference here is that the listen() is costy and you likely don't want to always scan for devices, you would better save a selected device as "known" to suggest it to user later.

Important: you will also have to deal with specifics of Bluetooth BLE, for instance, you need to request the LOCATION permission on Android!

Here is a gist of the most important parts required.

Check for Bluetooth state

import TransportBLE from "@ledgerhq/react-native-hw-transport-ble";

const subscription = TransportBLE.observeState({
  next: e => syncWithUI(e.available),
  complete: () => {},
  error: () => {}
});

when Bluetooth is available we can continue to...

Scan for devices

const subscription = TransportBLE.listen({
  complete: () => {
    this.setState({ refreshing: false });
  },
  next: e => {
    if (e.type === "add") {
      const device = e.descriptor;
      addDeviceToTheUI(device);
    }
  },
  error: error => {
    this.setState({ error, refreshing: false });
  }
});

// NB we also recommend the use of RxJS, you can just wrap it like so:
// Observable.create(TransportBLE.listen).subscribe({ ... })
// In the future of ledgerjs, we might directly returns Observable.

This is the basic idea, obviously you need to call this code in your logic and implement addDeviceToTheUI(device).

In that device object, you can typically use two fields:

• device.id: a unique identifier of the device that can later be given to TransportBLE.open(id)
• device.name: the name of the device (e.g. NanoX A4F5)

With this device we can now...

Connect to known device

const transport = await TransportBLE.open(device);
// OR
const transport = await TransportBLE.open(deviceId); // deviceId can come from persisted state. It's unique per device

and now we can just use the transport like any other Ledger transport!

API

Table of Contents

• BluetoothTransport
  • Parameters
  • Examples
  • exchange
    • Parameters
  • isSupported
  • setLogLevel
    • Parameters
  • observeState
    • Parameters
  • listen
    • Parameters
  • open
    • Parameters
  • disconnect
    • Parameters

BluetoothTransport

Extends Transport

react-native bluetooth BLE implementation

Parameters

• device Device
• writeCharacteristic Characteristic
• notifyObservable Observable<Buffer>
• deviceModel DeviceModel

Examples

import BluetoothTransport from "@ledgerhq/react-native-hw-transport-ble";

exchange

communicate with a BLE transport

Parameters

• apdu Buffer

Returns Promise<Buffer>

isSupported

Returns Promise<boolean>

setLogLevel

Parameters

• level string

observeState

TODO could add this concept in all transports observe event with { available: bool, string } // available is generic, type is specific an event is emit once and then listened

Parameters

• observer any

listen

Scan for bluetooth Ledger devices

Parameters

• observer any

open

Open a BLE transport

Parameters

• deviceOrId any

disconnect

Globally disconnect a BLE device by its ID

Parameters

• id any