add usage docs

This commit is contained in:
Dmitry Novotochinov 2019-05-02 21:05:41 +03:00
parent 4ba5e8a771
commit 8f5534a899
No known key found for this signature in database
GPG Key ID: 43D1DAF5AD39C927
2 changed files with 250 additions and 22 deletions

View File

@ -1,5 +1,8 @@
# react-native-status-keycard
# React Native Status Keycard [![npm version](https://badge.fury.io/js/react-native-status-keycard.svg)](https://badge.fury.io/js/react-native-status-keycard)
React Native library to interact with [Keycard](https://keycard.status.im/) using [Java SDK](https://github.com/status-im/status-keycard-java)
## Getting started
@ -11,13 +14,7 @@
### Manual installation
#### iOS
1. In XCode, in the project navigator, right click `Libraries``Add Files to [your project's name]`
2. Go to `node_modules``react-native-status-keycard` and add `RNStatusKeycard.xcodeproj`
3. In XCode, in the project navigator, select your project. Add `libRNStatusKeycard.a` to your project's `Build Phases``Link Binary With Libraries`
4. Run your project (`Cmd+R`)<
Android is the only platform supported by now.
#### Android
@ -34,20 +31,10 @@
compile project(':react-native-status-keycard')
```
#### Windows
[Read it! :D](https://github.com/ReactWindows/react-native)
1. In Visual Studio add the `RNStatusKeycard.sln` in `node_modules/react-native-status-keycard/windows/RNStatusKeycard.sln` folder to their solution, reference from their app.
2. Open up your `MainPage.cs` app
- Add `using Status.Keycard.RNStatusKeycard;` to the usings at the top of the file
- Add `new RNStatusKeycardPackage()` to the `List<IReactPackage>` returned by the `Packages` method
## Usage
```javascript
import RNStatusKeycard from 'react-native-status-keycard';
// TODO: What to do with the module?
RNStatusKeycard;
```
Take a look into [docs](./docs/usage.md)
For more usage examples, please refer to https://github.com/status-im/status-react (assuming you can read Clojure)
For Keycard API documention, please look into https://status.im/keycard_api/

241
docs/usage.md Normal file
View File

@ -0,0 +1,241 @@
# Usage
You need to import Keycard object to interact with the card:
```javascript
import { RNStatusKeycard as Keycard} from "react-native-status-keycard";
```
### Listen to keycard connect/disconnect events
```javascript
import DeviceEventEmitter from "react-native";
// Listen to connect/disconnect events
DeviceEventEmitter.addListener("keyCardOnConnected", () => console.log("keycard connected"));
DeviceEventEmitter.addListener("keyCardOnDisconnected", () => console.log("keycard disconnected"));
```
### Errors
As library uses Promises for method calls, use `.catch` to get the error object.
Example:
```javascript
Keycard.getApplicationInfo().
then(info => console.log(info)).
catch(error => console.log(error))
```
Error object example:
```javascript
{"code": "EUNSPECIFIED",
"error": "Tag was lost."}
```
### Check NFC support on device
```javascript
// Check if NFC is supported by device
Keycard.nfcIsSupported().then(isSupported => isSupported ? console.log("NFC is supported") : console.log("NFC is not supported"));
// Check if NFC is enabled on device
Keycard.nfcIsEnabled().then(isEnabled => isEnabled ? console.log("NFC is enabled") : console.log("NFC is not enabled"));
// Open device NFC settings
Keycard.openNfcSettings();
```
### Get keycard information
```javascript
Keycard.getApplicationInfo().then(info => console.log(info));
```
Returns object like this:
```javascript
{"free-pairing-slots": 2,
"app-version": "2.1",
"secure-channel-pub-key": "042bd559a6eb5843491f79150ccba6bcc04c5b6691079f7c7a0e2eea659960db1df67079b27fdf5df56a1092029a157c0dce7000af4d7c4c1131421623c0150d1c",
"instance-uid": "21c0ce19aa9a26efc02fd32078c08527",
"has-master-key?": false,
"paired?": false,
"initialized?": true}
```
## Setup keycard
### Initialize the card
```javascript
const pin = "123456";
Keycard.init(pin).then(secrets => console.log(secrets));
```
`secrets` object contains PIN, PUK and Pairing password:
```javascript
{"pin": "123456",
"puk": "123456123456",
"password": "/xzPt+rEWVN3sMc5"}
```
### Pair
Pairs keycard to device:
```javascript
const password = "/xzPt+rEWVN3sMc5"
Keycard.pair(password).then(pairing => console.log(pairing));
```
`pairing` object contains pairing key as base64 string.
You will need pairing key to open secure channel. More info on pairing https://status.im/keycard_api/sdk_securechannel.html
### Generate mnemonic phrase
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const words = "abandon\nability\nable\nabout\n..." // bip 39 words separated by new line
Keycard.generateMnemonic(pairing, words).then(mnemonic => console.log(mnemonic));
```
`mnemonic` is a string of 12 words separated by space:
```javascript
"sure more foil soon pretty guilt run rail biology fine obey outside"
```
BIP39 words can be found here: https://raw.githubusercontent.com/bitcoin/bips/master/bip-0039/english.txt
### Generate and load master key
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const pin = "123456";
const mnemonic = "sure more foil soon pretty guilt run rail biology fine obey outside";
Keycard.generateAndLoadKey(mnemonic, pairing, pin).then(data => console.log(data));
```
`data` object returned:
```javascript
{"wallet-address": "9726cbc67d170307dd80af6416ebe844e7b8eb1c",
"whisper-address": "438e576b638bff08b2872dd708cf0240811d79af",
"whisper-public-key": "04add221cb97dde8afbf3be27b0bfb3b6842071cb1052abfc3c34d45eba944dc10dcba5d4823fe69148ae17b12ed459237124365c2f46c2b46be9537ce6efa93c8",
"whisper-private-key": "073d77b952b3b92ba66947df53d03b23bc4cc8cf10cbba1060fe25a569c8ee6b",
"encryption-public-key": "04d36d64bea374b917bc097646cb4e81061c7b0ab0872207480b886e66fb52d53774e303e2aa07a1107776f312b94663566765a8a75cf0a92b0851017b28b356a1",
"instance-uid": "21c0ce19aa9a26efc02fd32078c08527"}
```
`wallet-address` is ethereum address of key with derivation path `m/44'/60'/0'/0/0`
`whisper-address` is ethereum address of key with derivation path `m/43'/60'/1581'/0'/0`
`encryption-public-key` is public key with derivation path `m/43'/60'/1581'/1'/0`
More info about key derivation: https://status.im/keycard_api/sdk_derivation_sign.html
### Get keys from keycard
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const pin = "123456";
Keycard.getKeys(pairing, pin).then(data => console.log(data));
```
`data` object contains keys:
```javascript
{"encryption-public-key""04d36d64bea374b917bc097646cb4e81061c7b0ab0872207480b886e66fb52d53774e303e2aa07a1107776f312b94663566765a8a75cf0a92b0851017b28b356a1",
"whisper-public-key""04add221cb97dde8afbf3be27b0bfb3b6842071cb1052abfc3c34d45eba944dc10dcba5d4823fe69148ae17b12ed459237124365c2f46c2b46be9537ce6efa93c8",
"whisper-private-key""073d77b952b3b92ba66947df53d03b23bc4cc8cf10cbba1060fe25a569c8ee6b",
"wallet-address""9726cbc67d170307dd80af6416ebe844e7b8eb1c"}
```
### Sign
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const pin = "123456";
const hash = "d81bbffb92157b72ceae3da72eb8224976ba42a49621822789edb0735a0e0395";
Keycard.sign(pairing, pin, hash).then(sig => console.log(sig));
```
Signature string returned. It consists of R,S and Recovery ID concatenated (R+S+V).
For example:
R: `79ef184db3150519a9719a38a7939fae39bbea088758745482cabe40127c7efb`
S: `674932db2a7a5ae4b1d9d228b3542dba83ac9ac62524a45dd984e9650ceaa736`
Recovery ID: `0`
Would produce signature: `d684afb4ec9ce59f2d112a9c9400bd04f5a5b2518b251dba4ad135448f2e75367c2ea6412893d8001ed9c9efeb7c7d37bc11f7dfcf27c4818cf0861da199de1900`
More info about signing: https://status.im/keycard_api/sdk_derivation_sign.html
### Derive key
Changes derivation path:
```javascript
const path = "m/44'/60'/0'/0/0"
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const pin = "123456";
Keycard.deriveKey(path, pairing, pin).then(path => console.log("path changed to " + path));
```
More information on key derivation: https://status.im/keycard_api/sdk_derivation_sign.html
### Remove key
Removes master key from keycard:
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const pin = "123456";
Keycard.removeKey(pairing, pin).then(() => console.log("key removed"));
```
### Unpair
Unpairs keycard from current device:
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const pin = "123456";
Keycard.unpair(pairing, pin).then(() => console.log("keycard unpaired"));
```
### Change PIN
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const currentPin = "123456";
const newPin = "111111";
Keycard.removeKey(pairing, currentPin, newPin).then(() => console.log("pin changed"));
```
### Unblock PIN
When wrong PIN is entered 3 times keycard becomes blocked. You can unblock it with PUK code:
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const puk = "123456123456";
const newPin = "111111";
Keycard.removeKey(pairing, puk, newPin).then(() => console.log("pin unblocked"));
```
### Verify PIN
Verifies PIN is valid:
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const pin = "123456";
Keycard.removeKey(pairing, pin).then(() => console.log("pin is valid"));
```
### Delete keycard
Deletes everything from keycard including key and the applet. Dangerous operation for advanced users only. You will need to install applet again to interact with keycard.
```javascript
const pairing = "AFFdkP01GywuaJRQkGDq+OyPHBE9nECEDDCfXhpfaxlo";
const puk = "123456123456";
const newPin = "111111";
Keycard.removeKey(pairing, puk, newPin).then(() => console.log("pin unblocked"));
```
### Install applet
Keycard usually comes with installed applet. But if you have empty keycard without the applet, you can install applet with:
```javascript
Keycard.installApplet().then(() => console.log("applet installed"));
```
### Keycard CLI
You can also interact with keycard (installing and removing applet, getting card info, etc) using [keycard cli](https://github.com/status-im/keycard-cli). You'll need a USB reader for that.