Merge pull request #1 from naji247/rehydrate

Rehydrate

Author: TheRealDerekLou

App.js

@@ -1,17 +1,40 @@
 import React from "react";
 import { Provider } from "react-redux";
-import { View, Text } from "react-native";
-import { applyMiddleware, createStore } from "redux";
+import { View, Text, AsyncStorage } from "react-native";
+import { compose, applyMiddleware, createStore } from "redux";
 import logger from "redux-logger";
-
+import { persistStore, autoRehydrate } from "redux-persist";
+import { initializeAuth } from "./src/actions/authActions";
 import AppReducer from "./src/reducers";
 import AppWithNavigationState from "./src/navigators/AppNavigator";
 
+const store = createStore(
+  AppReducer,
+  undefined,
+  compose(applyMiddleware(logger), autoRehydrate())
+);
+
 export default class App extends React.Component {
-  store = createStore(AppReducer, applyMiddleware(logger));
+  constructor() {
+    super();
+    this.state = { rehydrated: false };
+  }
+
+  componentWillMount() {
+    persistStore(store, { storage: AsyncStorage }, async () => {
+      const user = store.getState().auth.user;
+      const initializingAction = await initializeAuth(user);
+      store.dispatch(initializingAction);
+      this.setState({ rehydrated: true });
+    });
+  }
+
   render() {
+    if (!this.state.rehydrated) {
+      return <Text>Loading...</Text>;
+    }
     return (
-      <Provider store={this.store}>
+      <Provider store={store}>
         <AppWithNavigationState />
       </Provider>
     );

package.json

@@ -23,6 +23,7 @@
     "react": "16.0.0-alpha.6",
     "react-native": "^0.44.0",
     "react-navigation": "^1.0.0-beta.11",
-    "redux-logger": "^3.0.6"
+    "redux-logger": "^3.0.6",
+    "redux-persist": "^4.8.1"
   }
 }

src/actions/authActions.js

@@ -1,6 +1,7 @@
 import { LOGIN_SUCCESS, LOGOUT_SUCCESS } from "./actionTypes";
 import Expo from "expo";
 const getFBToken = Expo.Facebook.logInWithReadPermissionsAsync;
+const fbURL = "https://graph.facebook.com/";
 
 const loginAction = user => {
   return {
@@ -21,20 +22,38 @@ async function login() {
   });
   if (type === "success") {
     // Get the user's name using Facebook's Graph API
-    const response = await fetch(
-      `https://graph.facebook.com/me?access_token=${token}`
-    );
+    const response = await fetch(`${fbURL}me?access_token=${token}`);
     user = await response.json();
+    user.token = token;
     return loginAction(user);
   }
 }
 
+async function initializeAuth(user) {
+  // Case 1: No prior logged in user
+  if (!user) {
+    return logoutAction();
+  }
+  const response = await fetch(
+    `${fbURL}debug_token?input_token=${user.token}&access_token=${user.token}`
+  );
+  tokenInfo = await response.json();
+
+  // Case 2: Prior user data exists, but is outdated
+  if (!tokenInfo || !tokenInfo.data || !tokenInfo.data.is_valid) {
+    return logoutAction();
+  }
+  // Case 3: Prior user data exists, and is valid
+  return loginAction(user);
+}
+
 function logout() {
   return logoutAction();
 }
 
 module.exports = {
   login,
   loginAction,
-  logout
+  logout,
+  initializeAuth
 };