@boneframework/native-components 1.0.0 → 1.0.4

package/screens/WelcomeScreen.tsx

@@ -0,0 +1,50 @@
+import React from 'react';
+import {Image, ImageBackground, StyleSheet, Text, View} from "react-native";
+import {exchangeCodeAsync, makeRedirectUri, useAuthRequest} from "expo-auth-session";
+
+import Button from '@/components/Button'
+import colors from '@/config/colors'
+
+function WelcomeScreen({loginOnPress = () => {}, registerOnPress = () => {}}) {
+    return (
+        <ImageBackground blurRadius={10} style={styles.background} source={require('@/assets/background.png')} >
+            <View style={styles.logoContainer}>
+                <Image style={styles.logo} source={require('@/assets/logo.png')} />
+                <Text style={styles.tagline}>BONE FRAMEWORK</Text>
+            </View>
+            <View style={styles.buttonContainer}>
+                <Button title="login" color="primary" onPress={loginOnPress} ></Button>
+                <Button title="register" color="secondary" onPress={registerOnPress}></Button>
+            </View>
+        </ImageBackground>
+    );
+}
+const styles = StyleSheet.create({
+    background: {
+        flex: 1,
+        justifyContent: 'flex-end',
+        alignItems: 'center',
+    },
+    logo: {
+        width: 150,
+        height: 105
+    },
+    logoContainer: {
+        position: 'absolute',
+        top: 70,
+        alignItems: "center"
+    },
+    buttonContainer: {
+        width: "100%",
+        padding: 20
+    },
+    tagline: {
+        fontSize: 50,
+        fontWeight: 'bold',
+        paddingTop: 10,
+        color: colors.white,
+        textAlign: 'center'
+    },
+});
+
+export default WelcomeScreen;

package/utilities/authStorage.js

@@ -0,0 +1,80 @@
+import * as SecureStore from 'expo-secure-store';
+import AsyncStorage from "@react-native-async-storage/async-storage";
+import jwtDecode from 'jwt-decode';
+
+const userKey = 'user';
+const tokenKey = 'authToken';
+
+const getUser = async () => {
+    return await fetch(userKey);
+};
+
+const storeUser = user => {
+    store(userKey, user, 'error storing the user');
+};
+
+const storeAuthToken = async token => {
+    await storeSecure(tokenKey, token, 'error storing the auth token');
+};
+
+const getAuthToken = async () => {
+    return await fetchSecure(tokenKey);
+};
+
+const removeAuthToken = () => {
+    removeSecure(tokenKey);
+}
+
+const removeUser = () => {
+    remove(userKey);
+}
+
+const removeSecure = async key => {
+    try {
+        await SecureStore.deleteItemAsync(key);
+    } catch (error) {
+        console.error('error removing ' + key + ' from storage', error);
+    }
+}
+
+const storeSecure = async (key, value, errorMessage = 'error storing value') => {
+    try {
+        await SecureStore.setItemAsync(key, JSON.stringify(value));
+    } catch (error) {
+        console.error(errorMessage, error);
+    }
+}
+
+const fetchSecure = async key => {
+    try {
+        return JSON.parse(await SecureStore.getItemAsync(key));
+    } catch (error) {
+        console.error('error fetcghing storage key ' + key, error);
+    }
+}
+
+const store = async (key, value, errorMessage = 'error storing value') => {
+    try {
+        await AsyncStorage.setItem(key, JSON.stringify(value));
+    } catch (error) {
+        console.error(errorMessage, error);
+    }
+}
+
+const fetch = async key => {
+    try {
+        return JSON.parse(await AsyncStorage.getItem(key));
+    } catch (error) {
+        console.error('error fetcghing storage key ' + key, error);
+    }
+}
+
+const remove = async key => {
+    try {
+        await AsyncStorage.removeItem(key);
+    } catch (error) {
+        console.error('error removing ' + key + ' from storage', error);
+    }
+}
+
+export default { getAuthToken, getUser, removeAuthToken, removeUser, storeAuthToken, storeUser };