React-native-xpr-sdk NPM

React Native Proton SDK

iOS Setup

Install the package:

yarn add react-native-proton-sdk

Install iOS dependencies:

cd ios && pod install

Add URL Schemes to your Info.plist:

<key>CFBundleURLTypes</key>
<array>
    <dict>
        <key>CFBundleURLSchemes</key>
        <array>
            <string>proton</string>
            <string>proton-dev</string>
        </array>
        <key>CFBundleURLName</key>
        <string>com.protonsdk</string>
    </dict>
</array>
<key>LSApplicationQueriesSchemes</key>
<array>
    <string>proton</string>
    <string>proton-dev</string>
</array>

Add Deep Link Handling to AppDelegate.mm:

// Add at the top of the file
#import <React/RCTLinkingManager.h>

// Add inside the implementation
- (BOOL)application:(UIApplication *)application
   openURL:(NSURL *)url
   options:(NSDictionary<UIApplicationOpenURLOptionsKey,id> *)options
{
  return [RCTLinkingManager application:application openURL:url options:options];
}

- (BOOL)application:(UIApplication *)application continueUserActivity:(nonnull NSUserActivity *)userActivity
 restorationHandler:(nonnull void (^)(NSArray<id<UIUserActivityRestoring>> * _Nullable))restorationHandler
{
 return [RCTLinkingManager application:application
                  continueUserActivity:userActivity
                    restorationHandler:restorationHandler];
}

Usage

import { ConnectWallet } from "react-native-proton-sdk";

// Connect to wallet
const connect = ConnectWallet({
  linkOptions: {
    endpoints: ["https://eos.greymass.com"],
    chainId: "aca376f206b8fc25a6ed44dbdc66547c36c6c33e3a119ffbeaef943642f0e906",
    scheme: "proton",
  },
  transportOptions: {
    requestAccount: "myaccount",
    getReturnUrl: () => "myapp://callback",
  },
});

// Call connect function
const result = await connect();
console.log(result);

Features

Wallet Connection
Deep Linking Support
Transaction Signing
Session Management
iOS and Android Support

API Reference

ConnectWallet

function ConnectWallet(options: {
  linkOptions: {
    endpoints: string[];
    chainId?: string;
    scheme?: "proton" | "proton-dev";
    restoreSession?: boolean;
  };
  transportOptions: {
    requestAccount: string;
    getReturnUrl: () => string;
  };
}): () => Promise<{
  link: ProtonLink;
  session: LinkSession | null;
  loginResult: any;
}>;