starting oauth implementation

Author: andrewjcho84

main.js

@@ -94,7 +94,8 @@ const createWindow = () => {
     webPreferences: {
       zoomFactor: 0.7
       // for proper security measures, nodeIntegration should be set to false, but this results in a blank page when serving app
-      //nodeIntegration: false
+      //nodeIntegration: false,
+      //preload: 'preload.js'
     },
     show: false,
     icon: path.join(__dirname, '/src/public/icons/png/256x256.png'),

package.json

@@ -163,7 +163,8 @@
     "redux-devtools-extension": "^2.13.5",
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.3.0",
-    "redux-undo": "^1.0.1"
+    "redux-undo": "^1.0.1",
+    "source-map-support": "^0.5.19"
   },
   "devDependencies": {
     "@babel/core": "^7.9.0",

src/components/login/SignIn.tsx

@@ -8,7 +8,7 @@ import {
   useHistory,
   RouteComponentProps
 } from 'react-router-dom';
-import { sessionIsCreated } from '../../helperFunctions/auth';
+import { sessionIsCreated, githubOauth } from '../../helperFunctions/auth';
 
 import Avatar from '@material-ui/core/Avatar';
 import Button from '@material-ui/core/Button';
@@ -91,6 +91,20 @@ const SignIn: React.FC<LoginInt & RouteComponentProps> = props => {
     });
   };
 
+  // const handleOauth = (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {
+  //   e.preventDefault();
+  //   console.log('click fired on githubOauth');
+  //   githubOauth().then(isLoggedIn => {
+  //     if (isLoggedIn) {
+  //       console.log('session created');
+  //       dispatch(setLoginState()); // changes login state to true
+  //       props.history.push('/');
+  //     } else {
+  //       console.log("Couldn't login with github");
+  //     }
+  //   });
+  // };
+
   return (
     <Container component="main" maxWidth="xs">
       <CssBaseline />
@@ -142,6 +156,18 @@ const SignIn: React.FC<LoginInt & RouteComponentProps> = props => {
           Sign In
         </Button>
 
+        <a href="https://github.com/login/oauth/authorize?cliend_id=18e80c270cd6678592a7">
+          <Button
+            fullWidth
+            variant="contained"
+            color="primary"
+            className={classes.submit}
+            style={{ textDecoration: 'none' }}
+          >
+            Sign In With Github
+          </Button>
+        </a>
+
         <Grid container>
           <Grid item xs>
             <Link href="#" variant="body2">

src/helperFunctions/auth.ts

@@ -1,9 +1,12 @@
-export const sessionIsCreated = (username: string, password: string): Promise<boolean> => {
+export const sessionIsCreated = (
+  username: string,
+  password: string
+): Promise<boolean> => {
   const body = JSON.stringify({
     username,
     password
   });
-  const result = fetch('http://localhost:8080/login', {
+  const result = fetch('https://localhost:8080/login', {
     method: 'POST',
     credentials: 'include',
     headers: {
@@ -16,25 +19,30 @@ export const sessionIsCreated = (username: string, password: string): Promise<bo
     })
     .then(data => {
       console.log('the data', data);
-      if (data.sessionId && typeof data.sessionId === 'string') { // check that a session id was passed down
+      if (data.sessionId && typeof data.sessionId === 'string') {
+        // check that a session id was passed down
         return true;
       }
       return false;
     })
     .catch(err => {
       console.log(err);
-      return false
+      return false;
     });
   return result;
-}
+};
 
-export const newUserIsCreated = (username: string, email: string, password: string): Promise<boolean> => {
+export const newUserIsCreated = (
+  username: string,
+  email: string,
+  password: string
+): Promise<boolean> => {
   const body = JSON.stringify({
     username,
     email,
     password
   });
-  const result = fetch('http://localhost:8080/signup', {
+  const result = fetch('https://localhost:8080/signup', {
     method: 'POST',
     credentials: 'include',
     headers: {
@@ -47,14 +55,35 @@ export const newUserIsCreated = (username: string, email: string, password: stri
     })
     .then(data => {
       console.log('the data', data);
-      if (data.sessionId && typeof data.sessionId === 'string') { // check that a session id was passed down
+      if (data.sessionId && typeof data.sessionId === 'string') {
+        // check that a session id was passed down
         return true;
       }
       return false;
     })
     .catch(err => {
       console.log(err);
-      return false
+      return false;
+    });
+  return result;
+};
+
+export const githubOauth = (): Promise<boolean> => {
+  const result = fetch('https://github.com/login/oauth/authorize', {
+    method: 'GET',
+    mode: 'no-cors',
+    params: {
+      client_id: process.env.GITHUB_ID
+    }
+  })
+    .then(res => res.json())
+    .then(data => {
+      console.log('Data from github oauth', data);
+      return true;
+    })
+    .catch(err => {
+      console.log('Error from github oauth', err);
+      return false;
     });
   return result;
-}
+};