mobX Auth Store

Auth.js

import mobx, { computed, observable, action } from "mobx"
import store from "store"

import autoStore from "./autoStore"

class Auth {
  constructor() {
    autoStore("authentication", this)
  }

  @observable authorization = null

  @computed get isAuthenticated() {
    return this.authorization ? true : false
  }

  @action login(body) {
    return fetch(__API___, {
      method: "POST",
      body: JSON.stringify(body) 
    })
      .then((response) => {
        return response.json()
      })
      .then((body) => {
        const token = body.token // "abcefghi...

        this.setToken(token)
      })
  }

  @action setToken(token) {
    this.authorization = `Bearer ${token}`
  }

  @computed get getToken() {
    if (this.authorization) {
      return this.authorization.match(/(?:Bearer\s+)?(\w+\.\w+\.\w+)/)[1]
    } else {
      return null
    }
  }

  @action logout() {
    store.clearAll()
  }
}

const authStore = window.authStore = new Auth

export default authStore