Separated user and auth stores

frontend/stores/AuthStore.js

@@ -0,0 +1,100 @@
+// @flow
+import { observable, action, computed, autorunAsync } from 'mobx';
+import invariant from 'invariant';
+import { client } from 'utils/ApiClient';
+import UserStore from 'stores/UserStore';
+import type { User, Team } from 'types';
+
+const AUTH_STORE = 'AUTH_STORE';
+
+class AuthStore {
+  @observable user: ?User;
+  @observable team: ?Team;
+  @observable token: ?string;
+  @observable oauthState: string;
+  @observable isLoading: boolean = false;
+
+  /* Computed */
+
+  @computed get authenticated(): boolean {
+    return !!this.token;
+  }
+
+  @computed get asJson(): string {
+    return JSON.stringify({
+      user: this.user,
+      team: this.team,
+      token: this.token,
+      oauthState: this.oauthState,
+    });
+  }
+
+  /* Actions */
+
+  @action logout = (cb: Function) => {
+    this.user = null;
+    this.token = null;
+    cb();
+  };
+
+  @action getOauthState = () => {
+    const state = Math.random().toString(36).substring(7);
+    this.oauthState = state;
+    return this.oauthState;
+  };
+
+  @action authWithSlack = async (code: string, state: string) => {
+    if (state !== this.oauthState) {
+      return {
+        success: false,
+      };
+    }
+
+    let res;
+    try {
+      res = await client.post('/auth.slack', { code });
+    } catch (e) {
+      return {
+        success: false,
+      };
+    }
+
+    invariant(
+      res && res.data && res.data.user && res.data.team && res.data.accessToken,
+      'All values should be available'
+    );
+    this.user = res.data.user;
+    this.team = res.data.team;
+    this.token = res.data.accessToken;
+
+    return {
+      success: true,
+    };
+  };
+
+  getUserStore(): UserStore {
+    invariant(
+      this.user && this.team,
+      'Tried to create a user store without data'
+    );
+    return new UserStore({
+      user: this.user,
+      team: this.team,
+    });
+  }
+
+  constructor() {
+    // Rehydrate
+    const data = JSON.parse(localStorage.getItem(AUTH_STORE) || '{}');
+    this.user = data.user;
+    this.team = data.team;
+    this.token = data.token;
+    this.oauthState = data.oauthState;
+
+    autorunAsync(() => {
+      localStorage.setItem(AUTH_STORE, this.asJson);
+    });
+  }
+}
+
+export default AuthStore;