feat/ save access token in state on redirect success

Author: mrblueblue

iOS/main.jsbundle

@@ -7,6 +7,7 @@
   },
   "dependencies": {
     "react-native": "^0.5.0",
-    "react-native-navbar": "^0.5.1"
+    "react-native-navbar": "^0.5.1",
+    "shitty-qs": "^1.0.1"
   }
 }

package.json

@@ -24,6 +24,8 @@ class App extends React.Component {
     var ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
     this.state = {
 
+      redirect: null,
+
       apis: ds.cloneWithRows([
         'Github',
         'Dropbox',
@@ -34,20 +36,15 @@ class App extends React.Component {
         'Wordpress'
       ]),
 
-      acess_token: {
-        github: null,
-        dropbox: null,
-        google: null,
-        facebook: null,
-        twitter: null,
-        yahoo: null,
-        wordpress: null
-      }
+      github_token: null
 
     };
   }
 
   render(){
+    if (this.state.redirect){
+      return (<Text>{this.state.redirect}</Text>)
+    }
     return (
       <ListView 
         dataSource={this.state.apis}
@@ -68,12 +65,13 @@ class App extends React.Component {
 
   authenticate(api){
     // invoke the proper api oauth function on click
-    oauth[api.toLowerCase()]();
-
+    var invokeOAuth = oauth[api.toLowerCase()]
+    invokeOAuth(this.handleAuthSuccess.bind(this));
   }
 
-  handleAuthSuccess(query){
-    console.log('*******SUCESS*******', query);
+  handleAuthSuccess(token){
+    console.log('*************', token)
+    this.setState({ github_token: token, redirect: 'github' });
   }
 
 }

src/app.js

@@ -0,0 +1,25 @@
+'use strict'
+
+var config = require('../../config.js');
+
+module.exports = {
+
+  getAccessToken: function(code){ 
+    return fetch('https://github.com/login/oauth/access_token', {
+      method: 'post',
+      headers: {
+        'Accept': 'application/json',
+        'Content-Type': 'application/json'
+      },
+      body: JSON.stringify({
+        code: code,
+        client_id: config.github.client_id,
+        client_secret: config.github.client_secret
+      })
+    }).then((response) => {
+      var access_token = JSON.parse(response._bodyInit).access_token;
+      return access_token;
+    })
+  }
+
+};

src/utils/github-api.js

@@ -1,19 +1,25 @@
-
 var { LinkingIOS, AlertIOS } = require('react-native');
 
-var config = require('../../config.js');
-var githubClientID = config.github;
+var qs = require('shitty-qs');
+var GitHubAPI = require('./github-api');
+
+var config = require('../../config');
+var githubClientID = config.github.client_id;
 
 module.exports = {
 
-  github: function(){
+  github: function(callback){
 
-  	var handleUrl = function(event) {
-  	  console.log(event.url)
-  	  LinkingIOS.removeEventListener('url', handleUrl);
-  	}
+    var handleUrl = function(event) {
+      var code = qs(event.url.match(/\?(.*)/)[1]).code;
+      GitHubAPI.getAccessToken(code)
+        .then((access_token) => {
+          callback(access_token);
+        })
+      LinkingIOS.removeEventListener('url', handleUrl);
+    };
 
-  	LinkingIOS.addEventListener('url', handleUrl);
+    LinkingIOS.addEventListener('url', handleUrl);
 
     LinkingIOS.openURL([
       'https://github.com/login/oauth/authorize',
@@ -24,27 +30,27 @@ module.exports = {
   },
 
   google: function(){
-  	AlertIOS.alert('Hey!', 'Still workin on it');
+    AlertIOS.alert('Hey!', 'Still workin on it');
   },
 
   twitter: function(){
-  	AlertIOS.alert('Hey!', 'Still workin on it');
+    AlertIOS.alert('Hey!', 'Still workin on it');
   },
 
   dropbox: function(){
-  	AlertIOS.alert('Hey!', 'Still workin on it');
+    AlertIOS.alert('Hey!', 'Still workin on it');
   },
 
   facebook: function(){
-  	AlertIOS.alert('Hey!', 'Still workin on it');
+    AlertIOS.alert('Hey!', 'Still workin on it');
   },
 
   yahoo: function(){
-  	AlertIOS.alert('Hey!', 'Still workin on it');
+    AlertIOS.alert('Hey!', 'Still workin on it');
   },
 
   wordpress: function(){
-  	AlertIOS.alert('Hey!', 'Still workin on it');
+    AlertIOS.alert('Hey!', 'Still workin on it');
   }
 
 };