@boneframework/native-components 1.0.0 → 1.0.2

package/README.md

@@ -1,4 +1,9 @@
 # @boneframework/native-components
-React Native expo components for BoneFramework
+React Native expo components for BoneFramework WIP
+## project level files referred to in code
+```
+@/config/settings
+@/config/cache
+```
 
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@boneframework/native-components",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Expo Components for Bone Framework",
-  "main": "index.js",
+  "main": "src/Bone.ts",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
@@ -25,5 +25,14 @@
     "url": "https://github.com/boneframework/native-components/issues"
   },
   "homepage": "https://github.com/boneframework/native-components#readme",
-  "publishConfig": {"access": "public"}
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@react-native-async-storage/async-storage": "^1.24.0",
+    "apisauce": "^3.0.1",
+    "expo-secure-store": "^13.0.2",
+    "jwt-decode": "^4.0.0",
+    "react": "18.2.0"
+  }
 }

package/src/Bone.ts

@@ -0,0 +1,6 @@
+import Components from "./Components";
+import Hooks from "./Hooks";
+import Screens from "./Screens";
+import Utilities from "./Utilities";
+
+export default {Components, Hooks, Screens, Utilities}

package/src/Components.ts

@@ -0,0 +1 @@
+export default {}

package/src/Contexts.ts

@@ -0,0 +1 @@
+export default {}

package/src/Hooks.ts

@@ -0,0 +1,3 @@
+import useAuth from './hooks/useAuth';
+
+export default { useAuth }

package/src/Screens.ts

@@ -0,0 +1 @@
+export default {}

package/src/Utilities.ts

@@ -0,0 +1 @@
+export default {}

package/src/api/client.js

@@ -0,0 +1,29 @@
+import {create} from 'apisauce';
+
+import cache from '../utilities/cache';
+import settings from '@/config/settings';
+import cacheSettings from '@/config/cache';
+
+const apiClient = create({
+    baseURL: settings.apiUrl
+});
+
+const get = apiClient.get;
+
+apiClient.get = async (url, params, axiosConfig) => {
+    const response = await get(url, params, axiosConfig);
+
+    if (response.ok) {
+        if (cacheSettings.blacklist.includes(url) === false) {
+            cache.store(url, response.data);
+        }
+
+        return response;
+    }
+
+    const data = await cache.get(url);
+
+    return data ? {ok: true, data: data} : response;
+}
+
+export default apiClient;

package/src/api/expoPushTokens.js

@@ -0,0 +1,7 @@
+import client from './client';
+
+const register = pushToken => client.post('/api/notifications/register-token', {token: pushToken});
+
+export default {
+    register,
+}

package/src/api/notifications.js

@@ -0,0 +1,9 @@
+import client from './client';
+
+const send = (message, data) => {
+    return client.post('/api/notifications/send-notification', {message, data})
+};
+
+export default {
+    send
+};

package/src/api/ping.js

@@ -0,0 +1,9 @@
+import apiClient from './client'
+
+const endpoint = '/ping';
+
+const ping = () => apiClient.get(endpoint);
+
+export default {
+    ping
+}

package/src/api/users.js

@@ -0,0 +1,35 @@
+import client from './client';
+
+const activateAccount = (email, token, clientId, password) => client.post('/api/user/activate', {email: email, token: token, clientId: clientId, password: password});
+const getProfile = token => client.get('/api/user/profile', {}, {
+    headers: { 'Authorization': 'Bearer ' + token},
+});
+const register = userInfo => client.post('/api/user/register', userInfo);
+const resendactivationEmail = email => client.post('/api/user/resend-activation-email', {email: email});
+const updateProfile = profileInfo => client.put('/api/user/profile', profileInfo);
+const validateEmailToken = (email, token) => client.post('/api/user/validate-email-token', {email: email, token: token});
+const uploadUserImage = formData => client.post('/api/user/image', formData, {
+    headers: { 'Content-Type': 'multipart/form-data'},
+});
+const userImage = () => client.get('/api/user/image');
+const userSettings = () => client.get('/api/user/settings');
+const updateUserSettings = settings => client.put('/api/user/settings', settings);
+const uploadUserBackgroundImage = formData => client.post('/api/user/background-image', formData, {
+    headers: { 'Content-Type': 'multipart/form-data' },
+});
+const userBackgroundImage = () => client.get('/api/user/background-image');
+
+export default {
+    activateAccount,
+    getProfile,
+    register,
+    resendactivationEmail,
+    updateProfile,
+    uploadUserImage,
+    uploadUserBackgroundImage,
+    userBackgroundImage,
+    userImage,
+    userSettings,
+    updateUserSettings,
+    validateEmailToken
+};

package/src/components/SessionProvider.tsx

@@ -0,0 +1,31 @@
+import React, {useState} from 'react';
+
+import AuthContext from "../contexts/auth";
+import useAuth from "../hooks/useAuth";
+
+function SessionProvider(props: object) {
+    const [user, setUser] = useState(null);
+    const auth = useAuth();
+    setUser(auth.user);
+
+    return (
+        <AuthContext.Provider
+            value={{
+                signIn: async (authToken: string) => {
+                    auth.login(authToken);
+                    setUser(auth.user);
+                },
+                signOut: () => {
+                    auth.logout();
+                    setUser(null);
+                },
+                user,
+            }}>
+            {props.children}
+        </AuthContext.Provider>
+    )
+}
+
+
+
+export default SessionProvider;

package/src/contexts/auth.js

@@ -0,0 +1,5 @@
+import React from "react";
+
+const AuthContext = React.createContext();
+
+export default AuthContext;

package/src/hooks/useAuth.js

@@ -0,0 +1,37 @@
+import {useContext} from "react";
+
+import AuthContext from "../contexts/auth";
+import authStorage from "../utilities/authStorage";
+import useApi from "./useApi";
+import usersApi from "../api/users";
+
+export default useAuth = () => {
+    const profileApi = useApi(usersApi.getProfile);
+    const {user, setUser} = useContext(AuthContext);
+
+    const login = async authToken => {
+        // possibly don't wait here?
+        await authStorage.storeAuthToken(authToken).then(async () => {
+            const user = await profileApi.request(authToken);
+            authStorage.storeUser(user.data);
+            user.data.authToken = authToken;
+            setUser(user.data);
+        });
+    }
+
+    const updateUser = async user => {
+        const authToken = user.authToken;
+        await delete user.authToken;
+        authStorage.storeUser(user);
+        user.authToken = authToken;
+        setUser({...user});
+    }
+
+    const logout = () => {
+        setUser(null);
+        authStorage.removeAuthToken();
+        authStorage.removeUser();
+    }
+
+    return {login, logout, updateUser, user};
+}

package/src/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 };