feat(connect-deeplink-example): new example react-native app for deep…

…links

suite-native/connect-deeplink-example/.gitignore

@@ -0,0 +1,35 @@
+# Learn more https://docs.github.com/en/get-started/getting-started-with-git/ignoring-files
+
+# dependencies
+node_modules/
+
+# Expo
+.expo/
+dist/
+web-build/
+
+# Native
+*.orig.*
+*.jks
+*.p8
+*.p12
+*.key
+*.mobileprovision
+
+# Metro
+.metro-health-check*
+
+# debug
+npm-debug.*
+yarn-debug.*
+yarn-error.*
+
+# macOS
+.DS_Store
+*.pem
+
+# local env files
+.env*.local
+
+# typescript
+*.tsbuildinfo

suite-native/connect-deeplink-example/App.tsx

@@ -0,0 +1,90 @@
+import { Button, StyleSheet, Text, View } from 'react-native';
+import { useEffect, useState } from 'react';
+
+import { StatusBar } from 'expo-status-bar';
+import * as Linking from 'expo-linking';
+
+import TrezorConnect from '@trezor/connect-deeplink';
+
+const styles = StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#fff',
+        alignItems: 'center',
+        justifyContent: 'center',
+    },
+    dataContainer: {
+        marginTop: 20,
+        alignItems: 'flex-start',
+    },
+});
+
+export const App = () => {
+    const [errorData, setErrorData] = useState<any>(null);
+    const [successData, setSuccessData] = useState<any>(null);
+
+    const initialize = () => {
+        TrezorConnect.init({
+            manifest: {
+                email: '[email protected]',
+                appUrl: 'http://your.application.com',
+            },
+            deeplinkOpen: url => {
+                // eslint-disable-next-line no-console
+                console.log('deeplinkOpen', url);
+                Linking.openURL(url);
+            },
+            deeplinkCallbackUrl: Linking.createURL('/connect'),
+        });
+    };
+
+    const getAddress = async () => {
+        try {
+            const response = await TrezorConnect.getAddress({
+                path: "m/49'/0'/0'/0/0",
+                coin: 'btc',
+            });
+            if (!response.success) {
+                setSuccessData(null);
+                setErrorData({ success: response.success });
+
+                return;
+            }
+            setErrorData(null);
+            setSuccessData(response);
+        } catch (error) {
+            console.error('error', error);
+        }
+    };
+
+    useEffect(() => {
+        const subscription = Linking.addEventListener('url', event => {
+            TrezorConnect.handleDeeplink(event.url);
+        });
+
+        return () => subscription?.remove();
+    }, []);
+
+    return (
+        <View style={styles.container}>
+            <Text>Trezor Connect Native example!</Text>
+            <Button onPress={initialize} title="Initialize TrezorConnect" />
+            <Button onPress={getAddress} title="Get Address" />
+            {successData && (
+                <View style={styles.dataContainer}>
+                    <Text>Success: {successData.success ? 'Yes' : 'No'}</Text>
+                    <Text>Address: {successData.payload?.address}</Text>
+                    <Text>Path: {successData.payload?.path.join(', ')}</Text>
+                    <Text>Serialized Path: {successData.payload?.serializedPath}</Text>
+                </View>
+            )}
+
+            {errorData && (
+                <View style={styles.dataContainer}>
+                    <Text>Success: {errorData.success ? 'Yes' : 'No'}</Text>
+                </View>
+            )}
+            <StatusBar style="auto" />
+        </View>
+    );
+};

suite-native/connect-deeplink-example/app.json

@@ -0,0 +1,13 @@
+{
+    "expo": {
+        "name": "connect-deeplink-example",
+        "slug": "connect-deeplink-example",
+        "version": "1.0.0",
+        "orientation": "portrait",
+        "userInterfaceStyle": "light",
+        "ios": {
+            "supportsTablet": true
+        },
+        "scheme": "connectdeeplinkexample"
+    }
+}

suite-native/connect-deeplink-example/babel.config.js

@@ -0,0 +1,7 @@
+module.exports = function (api) {
+    api.cache(true);
+
+    return {
+        presets: ['babel-preset-expo'],
+    };
+};

suite-native/connect-deeplink-example/index.js

@@ -0,0 +1,8 @@
+import { registerRootComponent } from 'expo';
+
+import { App } from './App';
+
+// registerRootComponent calls AppRegistry.registerComponent('main', () => App);
+// It also ensures that whether you load the app in Expo Go or in a native build,
+// the environment is set up appropriately
+registerRootComponent(App);

suite-native/connect-deeplink-example/package.json

@@ -0,0 +1,25 @@
+{
+    "name": "@suite-native/connect-deeplink-example",
+    "version": "1.0.0",
+    "main": "index.js",
+    "scripts": {
+        "start": "expo start",
+        "android": "expo start --android",
+        "ios": "expo start --ios",
+        "web": "expo start --web"
+    },
+    "dependencies": {
+        "@trezor/connect-deeplink": "workspace:*",
+        "expo": "51.0.31",
+        "expo-linking": "^6.3.1",
+        "expo-status-bar": "1.12.1",
+        "react": "18.2.0",
+        "react-native": "0.75.2"
+    },
+    "devDependencies": {
+        "@babel/core": "^7.20.0",
+        "@types/react": "18.2.45",
+        "typescript": "^5.3.3"
+    },
+    "private": true
+}

suite-native/connect-deeplink-example/tsconfig.json

@@ -0,0 +1,9 @@
+{
+    "extends": "../../tsconfig.base.json",
+    "compilerOptions": { "outDir": "./libDev" },
+    "references": [
+        {
+            "path": "../../packages/connect-deeplink"
+        }
+    ]
+}

tsconfig.json

@@ -53,6 +53,9 @@
         { "path": "suite-native/blockchain" },
         { "path": "suite-native/coin-enabling" },
         { "path": "suite-native/config" },
+        {
+            "path": "suite-native/connect-deeplink-example"
+        },
         {
             "path": "suite-native/connection-status"
         },
@@ -129,6 +132,7 @@
         { "path": "packages/connect" },
         { "path": "packages/connect-analytics" },
         { "path": "packages/connect-common" },
+        { "path": "packages/connect-deeplink" },
         { "path": "packages/connect-explorer" },
         {
             "path": "packages/connect-explorer-theme"

yarn.lock

@@ -9769,6 +9769,22 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@suite-native/connect-deeplink-example@workspace:suite-native/connect-deeplink-example":
+  version: 0.0.0-use.local
+  resolution: "@suite-native/connect-deeplink-example@workspace:suite-native/connect-deeplink-example"
+  dependencies:
+    "@babel/core": "npm:^7.20.0"
+    "@trezor/connect-deeplink": "workspace:*"
+    "@types/react": "npm:18.2.45"
+    expo: "npm:51.0.31"
+    expo-linking: "npm:^6.3.1"
+    expo-status-bar: "npm:1.12.1"
+    react: "npm:18.2.0"
+    react-native: "npm:0.75.2"
+    typescript: "npm:^5.3.3"
+  languageName: unknown
+  linkType: soft
+
 "@suite-native/connection-status@workspace:*, @suite-native/connection-status@workspace:suite-native/connection-status":
   version: 0.0.0-use.local
   resolution: "@suite-native/connection-status@workspace:suite-native/connection-status"
@@ -11198,6 +11214,15 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@trezor/connect-deeplink@workspace:*, @trezor/connect-deeplink@workspace:packages/connect-deeplink":
+  version: 0.0.0-use.local
+  resolution: "@trezor/connect-deeplink@workspace:packages/connect-deeplink"
+  dependencies:
+    "@trezor/connect": "workspace:^"
+    "@trezor/utils": "workspace:^"
+  languageName: unknown
+  linkType: soft
+
 "@trezor/connect-explorer-theme@workspace:^, @trezor/connect-explorer-theme@workspace:packages/connect-explorer-theme":
   version: 0.0.0-use.local
   resolution: "@trezor/connect-explorer-theme@workspace:packages/connect-explorer-theme"