p5.js-web-editor/client/modules/User/actions.js

import * as ActionTypes from '../../constants';
import { browserHistory } from 'react-router';
import axios from 'axios';


const ROOT_URL = location.href.indexOf('localhost') > 0 ? 'http://localhost:8000/api' : '/api';

export function authError(error) {
  return {
    type: ActionTypes.AUTH_ERROR,
    payload: error
  };
}

export function signUpUser(formValues) {
  return (dispatch) => {
    axios.post(`${ROOT_URL}/signup`, formValues, { withCredentials: true })
      .then(response => {
        dispatch({ type: ActionTypes.AUTH_USER,
                    user: response.data
        });
        browserHistory.push('/');
      })
      .catch(response => dispatch(authError(response.data.error)));
  };
}

// export function loginUser(formValues) {
//   return (dispatch) => {
//     axios.post(`${ROOT_URL}/login`, formValues, { withCredentials: true })
//       .then(response => {
//         dispatch({ type: ActionTypes.AUTH_USER,
//                     user: response.data
//         });
//         browserHistory.push('/');
//       })
//       .catch(response => {
//         return Promise.reject({ email: response.data.message, _error: 'Login failed!' });
//       });
//   };
// }

export function loginUser(formValues) {
  return axios.post(`${ROOT_URL}/login`, formValues, { withCredentials: true });
}

export function loginUserSuccess(user) {
  return {
    type: ActionTypes.AUTH_USER,
    user
  };
}

export function loginUserFailure(error) {
  return {
    type: ActionTypes.AUTH_ERROR,
    error
  };
}

export function validateAndLoginUser(formProps, dispatch) {
  return new Promise((resolve, reject) => {
    loginUser(formProps)
      .then(response => {
        dispatch({ type: ActionTypes.AUTH_USER,
                  user: response.data
        });
        browserHistory.push('/');
        resolve();
      })
      .catch(response => {
        reject({ password: response.data.message, _error: 'Login failed!' });
      });
  });
}

export function getUser() {
  return (dispatch) => {
    axios.get(`${ROOT_URL}/session`, { withCredentials: true })
      .then(response => {
        dispatch({
          type: ActionTypes.AUTH_USER,
          user: response.data
        });
        dispatch({
          type: ActionTypes.SET_PREFERENCES,
          preferences: response.data.preferences
        });
      })
      .catch(response => {
        dispatch(authError(response.data.error));
      });
  };
}

export function logoutUser() {
  return (dispatch) => {
    axios.get(`${ROOT_URL}/logout`, { withCredentials: true })
      .then(() => {
        dispatch({
          type: ActionTypes.UNAUTH_USER
        });
      })
      .catch(response => dispatch(authError(response.data.error)));
  };
}

export function initiateResetPassword(formValues) {
  return (dispatch) => {
    dispatch({
      type: ActionTypes.RESET_PASSWORD_INITIATE
    });
    axios.post(`${ROOT_URL}/reset-password`, formValues, { withCredentials: true })
      .then(() => {
        // do nothing
      })
      .catch(response => dispatch({
        type: ActionTypes.ERROR,
        message: response.data
      }));
  };
}

export function resetPasswordReset() {
  return {
    type: ActionTypes.RESET_PASSWORD_RESET
  };
}

export function validateResetPasswordToken(token) {
  return (dispatch) => {
    axios.get(`${ROOT_URL}/reset-password/${token}`)
      .then(() => {
        // do nothing if the token is valid
      })
      .catch(() => dispatch({
        type: ActionTypes.INVALID_RESET_PASSWORD_TOKEN
      }));
  };
}

export function updatePassword(token, formValues) {
  return (dispatch) => {
    axios.post(`${ROOT_URL}/reset-password/${token}`, formValues)
      .then((response) => {
        dispatch(loginUserSuccess(response.data));
        browserHistory.push('/');
      })
      .catch(() => dispatch({
        type: ActionTypes.INVALID_RESET_PASSWORD_TOKEN
      }));
  };
}