Get basic login working

app/gabsocial/actions/auth.js

@@ -0,0 +1,29 @@
+import api from '../api';
+
+export function createApp() {
+  return (dispatch, getState) => {
+    api(getState).post('/api/v1/apps', {
+      client_name: `SoapboxFE_${(new Date()).toISOString()}`,
+      redirect_uris: 'urn:ietf:wg:oauth:2.0:oob',
+      scopes: 'read write follow push admin'
+    }).then(response => {
+      localStorage.setItem('app', JSON.stringify(response.data));
+    });
+  }
+}
+
+export function logIn(username, password) {
+  return (dispatch, getState) => {
+    const app = JSON.parse(localStorage.getItem('app'));
+    api(getState).post('/oauth/token', {
+      client_id: app.client_id,
+      client_secret: app.client_secret,
+      redirect_uri: 'urn:ietf:wg:oauth:2.0:oob',
+      grant_type: 'password',
+      username: username,
+      password: password
+    }).then(response => {
+      localStorage.setItem('user', JSON.stringify(response.data));
+    });
+  }
+}

app/gabsocial/api.js

@@ -25,9 +25,12 @@ function setCSRFHeader() {
 
 ready(setCSRFHeader);
 
-export default getState => axios.create({
+export default getState => {
-  headers: Object.assign(csrfHeader, getState ? {
+  // TODO: getState is no longer needed
-    'Authorization': `Bearer ${getState().getIn(['meta', 'access_token'], '')}`,
+  const { access_token } = JSON.parse(localStorage.getItem('user')) || {};
+  return axios.create({
+    headers: Object.assign(csrfHeader, access_token ? {
+      'Authorization': `Bearer ${access_token}`,
     } : {}),
 
     transformResponse: [function (data) {
@@ -37,4 +40,5 @@ export default getState => axios.create({
         return data;
       }
     }],
-});
+  });
+};

app/gabsocial/features/auth_login/index.js

@@ -1,21 +1,23 @@
 import React from 'react';
+import { connect } from 'react-redux'
 import ImmutablePureComponent from 'react-immutable-pure-component';
+import { createApp, logIn } from 'gabsocial/actions/auth';
 
-export default class LoginForm extends ImmutablePureComponent {
+class LoginForm extends ImmutablePureComponent {
-  constructor(props) {
+
-    super(props);
+  componentWillMount() {
-    this.handleSubmit = this.handleSubmit.bind(this);
+    this.props.dispatch(createApp());
   }
 
-  getFormData(form) {
+  getFormData = (form) => {
     return Object.fromEntries(
       Array.from(form).map(i => [i.name, i.value])
     );
   }
 
-  handleSubmit(event) {
+  handleSubmit = (event) => {
     const {username, password} = this.getFormData(event.target);
-    console.log(username + ' ' + password);
+    this.props.dispatch(logIn(username, password));
     event.preventDefault();
   }
 
@@ -29,3 +31,5 @@ export default class LoginForm extends ImmutablePureComponent {
     )
   }
 }
+
+export default connect()(LoginForm);

webpack/development.js

@@ -67,7 +67,7 @@ module.exports = merge(sharedConfig, {
       '/api': backendUrl,
       '/nodeinfo': backendUrl,
       '/socket': backendUrl,
-      '/oauth/revoke': backendUrl,
+      '/oauth': backendUrl,
       '/.well-known/webfinger': backendUrl,
       '/static': backendUrl,
       '/patron': patronUrl,