first commit in repo
This commit is contained in:
Adolfo Reyna
251
API.js
Normal file
251
API.js
Normal file
@@ -0,0 +1,251 @@
|
||||
const baseUrl = "https://api.emmint.com";
|
||||
|
||||
let getCall = async (path = "", params = {}) => {
|
||||
let queryParams = "?";
|
||||
Object.keys(params).forEach(p => {
|
||||
queryParams += p + "=" + params[p] + "&"
|
||||
});
|
||||
return fetch(baseUrl + path + queryParams, {
|
||||
method: 'GET',
|
||||
mode: 'cors',
|
||||
credentials: 'include',
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
}
|
||||
}).then(response => response.json()).catch((error) => {
|
||||
console.error(error);
|
||||
})
|
||||
}
|
||||
|
||||
let postCall = async (path, params) => {
|
||||
return fetch(baseUrl + path, {
|
||||
method: 'POST',
|
||||
mode: 'cors',
|
||||
credentials: 'include',
|
||||
body: JSON.stringify(params),
|
||||
headers: {
|
||||
'Content-Type': 'application/json',
|
||||
}
|
||||
}).then(response => response.json()).catch((error) => {
|
||||
console.error(error);
|
||||
})
|
||||
}
|
||||
|
||||
let CurrentUserId;
|
||||
let CurrentProfile;
|
||||
let CurrentProfileData;
|
||||
let userNameCache = {}; //save this on localstorage
|
||||
let working_on = {}; //Promises
|
||||
let getProfileFromCache = async (id, refresh=false) => {
|
||||
if(!id) console.trace();
|
||||
if (userNameCache[id] && !refresh)
|
||||
return userNameCache[id];
|
||||
if (working_on[id] && !refresh)
|
||||
return working_on[id];
|
||||
console.log(id, "not in cache, getting...")
|
||||
working_on[id] = getCall("/user/" + id)
|
||||
return working_on[id];
|
||||
}
|
||||
|
||||
const API = {
|
||||
isLoggedIn: async () => {
|
||||
return getCall().then((data) => {
|
||||
console.log("isLoggedIn", data)
|
||||
if (data && data.status && data.status === 'ok') {
|
||||
CurrentUserId = data.userInfo._id;
|
||||
CurrentProfile = data.profileInfo._id;
|
||||
return true;
|
||||
}
|
||||
CurrentUserId = '';
|
||||
CurrentProfile = '';
|
||||
CurrentProfileData = undefined;
|
||||
return false;
|
||||
})
|
||||
},
|
||||
logIn: async (username, password) => {
|
||||
return postCall("/login", {
|
||||
username,
|
||||
password
|
||||
}).then((data) => {
|
||||
if (data && data.status === "ok") {
|
||||
CurrentUserId = data.user_sid;
|
||||
CurrentProfile = data.profile_id;
|
||||
}
|
||||
return data;
|
||||
})
|
||||
},
|
||||
async logout(){
|
||||
console.log("Logging out...")
|
||||
return getCall("/logout").then(()=>{
|
||||
CurrentUserId = '';
|
||||
CurrentProfile = '';
|
||||
CurrentProfileData = undefined;
|
||||
});
|
||||
},
|
||||
async signup(username, password, email, profile){
|
||||
return postCall("/signup", {
|
||||
username,
|
||||
password,
|
||||
email,
|
||||
profile
|
||||
}).then((data) => {
|
||||
console.log(data)
|
||||
if (data && data.status === "ok") {
|
||||
CurrentUserId = data.user_sid;
|
||||
CurrentProfile = data.profile_id;
|
||||
}
|
||||
return data;
|
||||
});
|
||||
},
|
||||
resetPassword(email){
|
||||
return postCall("/resetPassword", {username: email});
|
||||
},
|
||||
currentUserId() {
|
||||
if (!CurrentUserId) this.isLoggedIn(); //replace with cookie
|
||||
return CurrentUserId;
|
||||
},
|
||||
addPaymentCard(cardInfo){
|
||||
return postCall("/payment/card", {cardInfo});
|
||||
},
|
||||
//Posts
|
||||
getPosts(userid) {
|
||||
if (userid) return getCall("/post/usr/" + userid);
|
||||
return getCall("/post/");
|
||||
},
|
||||
newPost(content, toProfile) {
|
||||
//Content is expected to be a string.
|
||||
let params = { content };
|
||||
if (toProfile && CurrentUserId !== toProfile)
|
||||
params.toProfile = toProfile;
|
||||
return postCall("/post/", params);
|
||||
},
|
||||
newPostReaction(postid) {
|
||||
return postCall("/post/react", { postid });
|
||||
},
|
||||
removePostReaction(postid) {
|
||||
return postCall("/post/unreact", { postid });
|
||||
},
|
||||
newPostBookmark(postid) {
|
||||
return postCall("/post/bookmark", { postid });
|
||||
},
|
||||
removePostBookmark(postid) {
|
||||
return postCall("/post/unbookmark", { postid });
|
||||
},
|
||||
newPostComment(postid, content) {
|
||||
return postCall("/post/comment/", { postid, content });
|
||||
},
|
||||
newCommentReaction(postid, commentDate) {
|
||||
return postCall("/post/comment/react", { postid, commentDate });
|
||||
},
|
||||
//Invitations
|
||||
newInvitation(name, email){
|
||||
return postCall("/user/invite", { name, email });
|
||||
},
|
||||
getInvitation(email){
|
||||
return getCall("/user/invite", { email });
|
||||
},
|
||||
//Profiles
|
||||
async getMe() {
|
||||
if (!CurrentProfileData)
|
||||
if(!CurrentProfile) await this.isLoggedIn();
|
||||
CurrentProfileData = await this.getUserProfile(CurrentProfile);
|
||||
return CurrentProfileData;
|
||||
},
|
||||
getMyProfiles() {
|
||||
return getCall("/user/mine");
|
||||
},
|
||||
getMyProfile() {
|
||||
return getCall("/user/" + CurrentProfile);
|
||||
},
|
||||
updateMyProfile(profile) {
|
||||
return postCall("/user/myProfile", profile);
|
||||
},
|
||||
searchProfiles(query){
|
||||
return getCall("/user/search", query ? {query} : {}).then((data)=>{
|
||||
if(data.status == "ok"){
|
||||
data.profiles.forEach((p)=>{
|
||||
userNameCache[p._id] = p;
|
||||
});
|
||||
return data
|
||||
}
|
||||
});
|
||||
},
|
||||
changeProfile(profileid){
|
||||
return postCall("/changeProfile", {profileid}).then((profile) =>{
|
||||
CurrentProfile = profileid;
|
||||
CurrentProfileData = profile;
|
||||
return profile;
|
||||
});
|
||||
},
|
||||
getUserProfile(profileid, refresh=false) {
|
||||
return getProfileFromCache(profileid, refresh);
|
||||
},
|
||||
currentProfileId() {
|
||||
if (!CurrentProfile) this.isLoggedIn(); //replace with cookie
|
||||
return CurrentProfile;
|
||||
},
|
||||
followProfile(profileid){
|
||||
return getCall("/user/" + profileid + "/follow");
|
||||
},
|
||||
unfollowProfile(profileid){
|
||||
return getCall("/user/" + profileid + "/unfollow");
|
||||
},
|
||||
setDataValue(key, value){
|
||||
return postCall("/user/setData", {key, value});
|
||||
},
|
||||
//Groups
|
||||
newGroup(title, subtitle, description, isPrivate=false, isCourse=false) {
|
||||
return postCall("/user/groups", {
|
||||
profile: {
|
||||
firstName: title,
|
||||
lastName: subtitle,
|
||||
description
|
||||
},
|
||||
isPrivate,
|
||||
isCourse
|
||||
});
|
||||
},
|
||||
getRecentGroups() {
|
||||
return getCall("/user/groups");
|
||||
},
|
||||
searchGroups(query){
|
||||
return getCall("/user/groups/search", query ? {query} : {}).then((data)=>{
|
||||
if(data.status == "ok"){
|
||||
data.groups.forEach((p)=>{
|
||||
userNameCache[p._id] = p;
|
||||
});
|
||||
return data
|
||||
}
|
||||
});
|
||||
},
|
||||
getCourses() {
|
||||
return getCall("/user/courses");
|
||||
},
|
||||
searchCourses(query){
|
||||
return getCall("/user/groups/search", query ? {query, courses: true} : {courses: true}).then((data)=>{
|
||||
if(data.status == "ok"){
|
||||
data.groups.forEach((p)=>{
|
||||
userNameCache[p._id] = p;
|
||||
});
|
||||
return data
|
||||
}
|
||||
});
|
||||
},
|
||||
getGroup(groupid) {
|
||||
return getCall("/user/groups/" + groupid);
|
||||
},
|
||||
subscribeToGroup(groupid){
|
||||
return getCall("/user/groups/" + groupid + "/subscribe");
|
||||
},
|
||||
acceptGroupRequest(profileid, groupid){
|
||||
return postCall("/user/groups/accept", {profileid, groupid});
|
||||
},
|
||||
rejectGroupRequest(profileid, groupid){
|
||||
return postCall("/user/groups/reject", {profileid, groupid});
|
||||
},
|
||||
unsubscribeToGroup(groupid){
|
||||
return getCall("/user/groups/" + groupid + "/unsubscribe");
|
||||
}
|
||||
}
|
||||
|
||||
export default API;
|
||||
40
App.js
40
App.js
@@ -1,21 +1,33 @@
|
||||
import { StatusBar } from 'expo-status-bar';
|
||||
import React from 'react';
|
||||
import { StyleSheet, Text, View } from 'react-native';
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { StyleSheet, Text, View, TextInput } from 'react-native';
|
||||
import API from './API.js';
|
||||
import LoginForm from './components/Login.js';
|
||||
import Feed from './components/Feed.js';
|
||||
|
||||
export default function App() {
|
||||
return (
|
||||
<View style={styles.container}>
|
||||
<Text>Open up App.js to start working on your app!</Text>
|
||||
<StatusBar style="auto" />
|
||||
</View>
|
||||
);
|
||||
let [isLoggedIn, setIsLoggedIn] = useState(false);
|
||||
|
||||
useEffect(async () => {
|
||||
let r = await API.isLoggedIn();
|
||||
setIsLoggedIn(r);
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<View style={styles.container}>
|
||||
<Text>EMI Social LOGO</Text>
|
||||
{!isLoggedIn && <LoginForm />}
|
||||
{isLoggedIn && <Feed />}
|
||||
<StatusBar style="auto" />
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
const styles = StyleSheet.create({
|
||||
container: {
|
||||
flex: 1,
|
||||
backgroundColor: '#fff',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
},
|
||||
container: {
|
||||
flex: 1,
|
||||
backgroundColor: '#fff',
|
||||
alignItems: 'center',
|
||||
justifyContent: 'center',
|
||||
},
|
||||
});
|
||||
|
||||
34
components/Feed.js
Normal file
34
components/Feed.js
Normal file
@@ -0,0 +1,34 @@
|
||||
import { StatusBar } from 'expo-status-bar';
|
||||
import React, { useState, useEffect } from 'react';
|
||||
import { Text, View, ScrollView, Button } from 'react-native';
|
||||
import API from './../API.js';
|
||||
|
||||
|
||||
let Feed = () => {
|
||||
let [Me, setMeProfile] = useState({});
|
||||
let [Posts, setPosts] = useState([]);
|
||||
useEffect(async () => {
|
||||
let r = await API.getMe();
|
||||
setMeProfile(r);
|
||||
let posts = await API.getPosts();
|
||||
setPosts(posts)
|
||||
//console.log(posts)
|
||||
}, []);
|
||||
|
||||
return (
|
||||
<View>
|
||||
<ScrollView>
|
||||
<Text>Hello: {Me.profile && Me.profile.firstName} {Me.profile && Me.profile.lastName}</Text>
|
||||
{
|
||||
Posts.map((post, i) => {
|
||||
return (
|
||||
<Text key={i}>{post.content}</Text>
|
||||
)
|
||||
})
|
||||
}
|
||||
</ScrollView>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
export default Feed;
|
||||
49
components/Login.js
Normal file
49
components/Login.js
Normal file
@@ -0,0 +1,49 @@
|
||||
import { StatusBar } from 'expo-status-bar';
|
||||
import React, { useState } from 'react';
|
||||
import { Text, View, TextInput, Button } from 'react-native';
|
||||
import API from './../API.js';
|
||||
|
||||
|
||||
let LoginForm = ()=>{
|
||||
let [email, setEmail] = useState('');
|
||||
let [password, setPassword] = useState('');
|
||||
|
||||
return (
|
||||
<View>
|
||||
<Text>Log in</Text>
|
||||
<TextInput
|
||||
style={{
|
||||
height: 40,
|
||||
width: 200,
|
||||
borderColor: 'gray',
|
||||
borderWidth: 1
|
||||
}}
|
||||
onChangeText={text => setEmail(text)}
|
||||
defaultValue={email}
|
||||
placeholder=" email"
|
||||
/>
|
||||
<TextInput
|
||||
style={{
|
||||
height: 40,
|
||||
width: 200,
|
||||
borderColor: 'gray',
|
||||
borderWidth: 1
|
||||
}}
|
||||
onChangeText={text => setPassword(text)}
|
||||
defaultValue={password}
|
||||
placeholder=" password"
|
||||
textContentType="password"
|
||||
secureTextEntry={true}
|
||||
/>
|
||||
<Button
|
||||
onPress={async () => {
|
||||
let r = await API.logIn(email, password);
|
||||
console.log(r);
|
||||
}}
|
||||
title={"login"}
|
||||
/>
|
||||
</View>
|
||||
);
|
||||
}
|
||||
|
||||
export default LoginForm;
|
||||
Reference in New Issue
Block a user