Merge pull request #69 from Web3Auth/feat/add-core-kit-key

Feat/add core kit key

Author: chaitanyapotti

.vscode/launch.json

@@ -0,0 +1,24 @@
+{
+  "configurations": [
+    {
+      "name": "Attach to Hermes application - Experimental",
+      "request": "attach",
+      "type": "reactnativedirect",
+      "cwd": "${workspaceFolder}"
+    },
+    {
+      "name": "Debug Android Hermes - Experimental",
+      "request": "launch",
+      "type": "reactnativedirect",
+      "cwd": "${workspaceFolder}/rn-bare-example",
+      "platform": "android"
+    },
+    {
+      "name": "Debug iOS Hermes - Experimental",
+      "request": "launch",
+      "type": "reactnativedirect",
+      "cwd": "${workspaceFolder}/rn-bare-example",
+      "platform": "ios"
+    }
+  ]
+}

.vscode/settings.json

@@ -1,4 +1,13 @@
 {
+  "editor.formatOnSave": true,
+  "editor.formatOnType": true,
+  "eslint.alwaysShowStatus": true,
+  "eslint.debug": false,
+  "eslint.format.enable": true,
+  "eslint.lintTask.enable": true,
+  "editor.codeActionsOnSave": {
+      "source.fixAll": true
+  },
   "eslint.workingDirectories": [
     {
       "directory": "example",

example_general/.bundle/config demo/rn-bare-example/.bundle/configexample_general/.bundle/config renamed to demo/rn-bare-example/.bundle/config

@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+};

demo/rn-bare-example/.eslintrc.js

@@ -31,19 +31,15 @@ local.properties
 *.iml
 *.hprof
 .cxx/
+*.keystore
+!debug.keystore
 
 # node.js
 #
 node_modules/
 npm-debug.log
 yarn-error.log
 
-# BUCK
-buck-out/
-\.buckd/
-*.keystore
-!debug.keystore
-
 # fastlane
 #
 # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
@@ -62,3 +58,6 @@ buck-out/
 # Ruby / CocoaPods
 /ios/Pods/
 /vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*

example_general/.gitignore demo/rn-bare-example/.gitignoreexample_general/.gitignore renamed to demo/rn-bare-example/.gitignore

@@ -0,0 +1 @@
+18

demo/rn-bare-example/.node-version

@@ -0,0 +1,206 @@
+import React, {useEffect, useState} from 'react';
+import {
+  StyleSheet,
+  Text,
+  View,
+  Button,
+  ScrollView,
+  Dimensions,
+} from 'react-native';
+import * as WebBrowser from '@toruslabs/react-native-web-browser';
+import EncryptedStorage from 'react-native-encrypted-storage';
+import Web3Auth, {
+  LOGIN_PROVIDER,
+  OPENLOGIN_NETWORK,
+  IWeb3Auth,
+  OpenloginUserInfo,
+} from '@web3auth/react-native-sdk';
+import RPC from './ethersRPC'; // for using ethers.js
+
+const scheme = 'web3authrnbareaggregateexample'; // Or your desired app redirection scheme
+const resolvedRedirectUrl = `${scheme}://openlogin`;
+const clientId =
+  'BHr_dKcxC0ecKn_2dZQmQeNdjPgWykMkcodEHkVvPMo71qzOV6SgtoN8KCvFdLN7bf34JOm89vWQMLFmSfIo84A';
+
+export default function App() {
+  const [userInfo, setUserInfo] = useState<OpenloginUserInfo | undefined>();
+  const [key, setKey] = useState<string | undefined>('');
+  const [console, setConsole] = useState<string>('');
+  const [web3auth, setWeb3Auth] = useState<IWeb3Auth | null>(null);
+
+  const login = async () => {
+    try {
+      if (!web3auth) {
+        setConsole('Web3auth not initialized');
+        return;
+      }
+
+      setConsole('Logging in');
+      await web3auth.login({
+        loginProvider: LOGIN_PROVIDER.EMAIL_PASSWORDLESS,
+        redirectUrl: resolvedRedirectUrl,
+        mfaLevel: 'default',
+        curve: 'secp256k1',
+        extraLoginOptions: {
+          login_hint: '[email protected]',
+          connection: 'email',
+        },
+      });
+      setConsole(`Logged in ${web3auth.privKey}`);
+      if (web3auth.privKey) {
+        setUserInfo(web3auth.userInfo());
+        setKey(web3auth.privKey);
+        uiConsole('Logged In');
+      }
+    } catch (e) {
+      setConsole(e.message);
+    }
+  };
+
+  const logout = async () => {
+    if (!web3auth) {
+      setConsole('Web3auth not initialized');
+      return;
+    }
+
+    setConsole('Logging out');
+    await web3auth.logout();
+
+    if (!web3auth.privKey) {
+      setUserInfo(undefined);
+      setKey('');
+      uiConsole('Logged out');
+    }
+  };
+
+  useEffect(() => {
+    const init = async () => {
+      const auth = new Web3Auth(WebBrowser, EncryptedStorage, {
+        clientId,
+        network: OPENLOGIN_NETWORK.TESTNET, // or other networks
+        useCoreKitKey: false,
+        loginConfig: {},
+      });
+      setWeb3Auth(auth);
+      await auth.init();
+      if (auth?.privKey) {
+        uiConsole('Re logged in');
+        setUserInfo(auth.userInfo());
+        setKey(auth.privKey);
+        window.console.log(auth.privKey);
+      }
+    };
+    init();
+  }, []);
+
+  const getChainId = async () => {
+    setConsole('Getting chain id');
+    const networkDetails = await RPC.getChainId();
+    uiConsole(networkDetails);
+  };
+
+  const getAccounts = async () => {
+    if (!key) {
+      setConsole('User not logged in');
+      return;
+    }
+    setConsole('Getting account');
+    const address = await RPC.getAccounts(key);
+    uiConsole(address);
+  };
+  const getBalance = async () => {
+    if (!key) {
+      setConsole('User not logged in');
+      return;
+    }
+    setConsole('Fetching balance');
+    const balance = await RPC.getBalance(key);
+    uiConsole(balance);
+  };
+  const sendTransaction = async () => {
+    if (!key) {
+      setConsole('User not logged in');
+      return;
+    }
+    setConsole('Sending transaction');
+    const tx = await RPC.sendTransaction(key);
+    uiConsole(tx);
+  };
+  const signMessage = async () => {
+    if (!key) {
+      setConsole('User not logged in');
+      return;
+    }
+    setConsole('Signing message');
+    const message = await RPC.signMessage(key);
+    uiConsole(message);
+  };
+
+  const uiConsole = (...args) => {
+    setConsole(JSON.stringify(args || {}, null, 2) + '\n\n\n\n' + console);
+  };
+
+  const loggedInView = (
+    <View style={styles.buttonArea}>
+      <Button title="Get User Info" onPress={() => uiConsole(userInfo)} />
+      <Button title="Get Chain ID" onPress={() => getChainId()} />
+      <Button title="Get Accounts" onPress={() => getAccounts()} />
+      <Button title="Get Balance" onPress={() => getBalance()} />
+      <Button title="Send Transaction" onPress={() => sendTransaction()} />
+      <Button title="Sign Message" onPress={() => signMessage()} />
+      <Button title="Get Private Key" onPress={() => uiConsole(key)} />
+      <Button title="Log Out" onPress={logout} />
+    </View>
+  );
+
+  const unloggedInView = (
+    <View style={styles.buttonArea}>
+      <Button title="Login with Web3Auth" onPress={login} />
+    </View>
+  );
+
+  return (
+    <View style={styles.container}>
+      {key ? loggedInView : unloggedInView}
+      <View style={styles.consoleArea}>
+        <Text style={styles.consoleText}>Console:</Text>
+        <ScrollView style={styles.console}>
+          <Text>{console}</Text>
+        </ScrollView>
+      </View>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#fff',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingTop: 50,
+    paddingBottom: 30,
+  },
+  consoleArea: {
+    margin: 20,
+    alignItems: 'center',
+    justifyContent: 'center',
+    flex: 1,
+  },
+  console: {
+    flex: 1,
+    backgroundColor: '#CCCCCC',
+    color: '#ffffff',
+    padding: 10,
+    width: Dimensions.get('window').width - 60,
+  },
+  consoleText: {
+    padding: 10,
+  },
+  buttonArea: {
+    flex: 2,
+    alignItems: 'center',
+    justifyContent: 'space-around',
+    paddingBottom: 30,
+  },
+});

example_general/.prettierrc.js demo/rn-bare-example/.prettierrc.jsexample_general/.prettierrc.js renamed to demo/rn-bare-example/.prettierrc.js

@@ -1,6 +1,6 @@
 source 'https://rubygems.org'
 
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
-ruby '2.7.5'
+ruby '>= 2.6.10'
 
-gem 'cocoapods', '~> 1.11', '>= 1.11.2'
+gem 'cocoapods', '>= 1.11.3'