npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

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

v6.33.4

Published

Ledger Hardware Wallet Bluetooth BLE transport for React Native

Downloads

36,671

Readme

GitHub, Ledger Devs Discord, Developer Portal

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

Ledger Hardware Wallet Bluetooth BLE transport for React Native.

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

Are you adding Ledger support to your software wallet?

You may be using this package to open a Bluetooth connection between your mobile application and the device.

For a smooth and quick integration:

  • See the developers’ documentation on the Developer Portal and
  • Go on Discord to chat with developer support and the developer community.

Pre-requisite

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. https://github.com/facebook/react-native/issues/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

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

Returns Promise<Buffer>

isSupported

Returns Promise<boolean>

setLogLevel

Parameters
  • level any

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