added Anonymous login to CosyncJWT

Author: tolacambo

CosyncJWT/ReactNative-Expo/ExpoCosyncJWT/README.md

@@ -0,0 +1,15 @@
+
+
+
+
+React Native Expo Project
+
+- Download the source code from Github: https://github.com/Cosync/CosyncSamples.git
+- Go to CosyncSamples/CosyncJWT/ReactNative-Expo/ExpoCosyncJWT
+- Install npm package - yarn install
+- Go to ios folder and run - pod install
+- Copy the Realm id from the top left button in the Realm panel in the web UI
+- Edit the Realm appId in the config/Config.js file with the copied Realm Id
+- Edit the CosyncApp appToken in the config/Config.js file with the APP_TOKEN from the Cosync Portal
+
+Run the app 'npx react-native run-ios'

CosyncJWT/ReactNative-Expo/ExpoCosyncJWT/app.json

@@ -24,7 +24,8 @@
       "adaptiveIcon": {
         "foregroundImage": "./assets/adaptive-icon.png",
         "backgroundColor": "#FFFFFF"
-      }
+      },
+      "package": "cosyncjwt.expo.app"
     },
     "web": {
       "favicon": "./assets/favicon.png"

CosyncJWT/ReactNative-Expo/ExpoCosyncJWT/package-lock.json

@@ -14,9 +14,10 @@
     "@react-navigation/drawer": "^6.4.1",
     "@react-navigation/native": "^6.0.10",
     "@react-navigation/stack": "^6.2.1",
-    "cosync-jwt-react-native": "^1.0.6",
+    "cosync-jwt-react-native": "^1.0.7",
     "eslint": "^8.12.0",
     "expo": "~44.0.0",
+    "expo-splash-screen": "~0.14.1",
     "expo-status-bar": "~1.2.0",
     "react": "17.0.1",
     "react-dom": "17.0.1",
@@ -25,13 +26,13 @@
     "react-native-reanimated": "~2.3.1",
     "react-native-safe-area-context": "3.3.2",
     "react-native-screens": "~3.10.1",
+    "react-native-uuid": "^2.0.1",
     "react-native-web": "0.17.1",
     "react-navigation": "^4.4.4",
     "react-navigation-drawer": "^2.7.2",
     "react-navigation-stack": "^2.10.4",
     "react-redux": "^7.2.8",
-    "realm": "^10.14.0",
-    "expo-splash-screen": "~0.14.1"
+    "realm": "^10.14.0"
   },
   "devDependencies": {
     "@babel/core": "^7.12.9"

CosyncJWT/ReactNative-Expo/ExpoCosyncJWT/package.json

@@ -23,7 +23,7 @@
 //  Copyright © 2022 cosync. All rights reserved.
 //
 
-
+import uuid from 'react-native-uuid';
 import React, {useEffect, useState, useCallback, useRef, useContext } from 'react'; 
 import { 
 TextInput,
@@ -86,6 +86,43 @@ const Login = ({ navigation }) => {
     else return true;
   }
 
+
+  const loginAnonymous = () => {
+
+    setErrortext('');
+    setLoading(true);  
+
+    let id =  uuid.v4();
+    global.cosync.login.loginAnonymous(`ANON_${id}`).then(result => { 
+
+      console.log('CosyncJWT login result  ', result);
+      
+      global.userData = result;   
+      if(result.code){  
+        setErrortext(result.message);
+        return;
+      } 
+
+      global.cosync.profile.getUser().then(data => {  
+        global.userData.data = data;  
+        
+        global.cosync.realmManager.login(global.userData.jwt, Configure.Realm.appId).then(res => { 
+          setLoading(false);
+          authCtx.authenticate(result); 
+        })
+        .catch(err => {
+          setLoading(false);
+          setErrortext(`MongoDB Realm Error: ${err.message}`);
+        })
+
+      }); 
+      
+    }).catch(err => {
+      setLoading(false);
+      setErrortext(err.message);
+    }) 
+
+  }
 
   const handleSubmitPress = () => { 
     setErrortext('');
@@ -285,6 +322,13 @@ const Login = ({ navigation }) => {
               <Text style={globalStyle.buttonTextStyle}>LOGIN</Text>
             </TouchableOpacity>
 
+            <TouchableOpacity
+              style={globalStyle.buttonStyle}
+              activeOpacity={0.5}
+              onPress={loginAnonymous}>
+              <Text style={globalStyle.buttonTextStyle}>LOGIN AS ANONYMOUS</Text>
+            </TouchableOpacity>
+
             <TouchableOpacity
               style={globalStyle.buttonStyle}
               activeOpacity={0.5}

CosyncJWT/ReactNative-Expo/ExpoCosyncJWT/screens/Login.js

@@ -2633,10 +2633,10 @@ cosmiconfig@^5.0.5, cosmiconfig@^5.1.0:
     js-yaml "^3.13.1"
     parse-json "^4.0.0"
 
-cosync-jwt-react-native@^1.0.6:
-  version "1.0.6"
-  resolved "https://registry.yarnpkg.com/cosync-jwt-react-native/-/cosync-jwt-react-native-1.0.6.tgz#cf1d74ff419946cc13b76d6db395036a1fcaff55"
-  integrity sha512-Dt3nfKNAA7BrIOb4pOap4j9Y1OBcD8P00YJlrXbtxB/dUARnepw7Yr44NjD5xBMP7GEMn97B4hSi1+fs4FQQ1A==
+cosync-jwt-react-native@^1.0.7:
+  version "1.0.7"
+  resolved "https://registry.yarnpkg.com/cosync-jwt-react-native/-/cosync-jwt-react-native-1.0.7.tgz#e34e017d98e8e8f78d513ed15b633b8250821612"
+  integrity sha512-ZgUvHNy3RwX+0PPMy+/cNw1d/zg+ofinL1Z7rIPQBWLh1mntf7AUpz3pFCHCHone6jeU2pCoWjHPddFySssZmA==
   dependencies:
     md5 "^2.3.0"
     realm "^10.4.1"
@@ -5646,6 +5646,11 @@ react-native-screens@^3.4.0, react-native-screens@~3.10.1:
     react-freeze "^1.0.0"
     warn-once "^0.1.0"
 
+react-native-uuid@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.yarnpkg.com/react-native-uuid/-/react-native-uuid-2.0.1.tgz#ed4e2dfb1683eddb66967eb5dca140dfe1abddb9"
+  integrity sha512-cptnoIbL53GTCrWlb/+jrDC6tvb7ypIyzbXNJcpR3Vab0mkeaaVd5qnB3f0whXYzS+SMoSQLcUUB0gEWqkPC0g==
+
 react-native-web@0.17.1:
   version "0.17.1"
   resolved "https://registry.npmjs.org/react-native-web/-/react-native-web-0.17.1.tgz"