Add store

3 files changed, 135 insertions, 10 deletions

diff --git a/store/README.md b/store/README.md
deleted file mode 100644
index 1972d27..0000000
--- a/store/README.md
+++ /dev/null
@@ -1,10 +0,0 @@
-# STORE
-
-**This directory is not required, you can delete it if you don't want to use it.**
-
-This directory contains your Vuex Store files.
-Vuex Store option is implemented in the Nuxt.js framework.
-
-Creating a file in this directory automatically activates the option in the framework.
-
-More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/vuex-store).
diff --git a/store/auth.js b/store/auth.js
new file mode 100644
index 0000000..55126dc
--- /dev/null
+++ b/store/auth.js
@@ -0,0 +1,121 @@
+export const state = () => ({
+  token: localStorage.getItem("access_token") || null,
+  user: null,
+});
+
+export const getters = {
+  accessToken: (state) => {
+    return state.token;
+  },
+  isLogged: (state) => {
+    return state.token != null;
+  },
+  me: (state) => {
+    return state.user;
+  },
+};
+
+export const mutations = {
+  saveAccessToken: (state, value) => {
+    localStorage.setItem("access_token", key);
+    state.token = value;
+  },
+  // Remove access_token and credentials from the browser data
+  logout: (state) => {
+    localStorage.removeItem("access_token");
+    state.token = null;
+    state.user = null;
+  },
+  // Save user's informations from the endpoint `/me`
+  saveUserInfo: (state, data) => {
+    state.user = data;
+  },
+};
+
+export const actions = {
+  // Make the login and then save the credentials.
+  async login({ commit }, credentials) {
+    commit("loadingStatus", true, { root: true });
+    let res = { status: 0, data: null };
+    let api = this.$config.api;
+
+    await fetch(`${api}/v1/auth/login`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(credentials),
+    })
+      .then(async (response) => {
+        res.data = await response.json();
+        res.status = response.status;
+        if (res.status == 200) {
+          // This is usefull if the login is called by `keepAccess`
+          commit("saveUserInfo", res.data);
+        } else {
+          commit("logout");
+        }
+      })
+      .catch((e) => {
+        res.status = e.status;
+      });
+
+    commit("loadingStatus", false, { root: true });
+
+    return res;
+  },
+  // Make a signup request and then returns a dictionary with response
+  // status and response data
+  async signup({ commit }, credentials) {
+    commit("loadingStatus", true, { root: true });
+    let res = { status: 0, data: null };
+    let api = this.$config.api;
+
+    await fetch(`${api}/v1/auth/signup`, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify(credentials),
+    })
+      .then(async (response) => {
+        res.data = await response.json();
+        res.status = response.status;
+      })
+      .catch((e) => {
+        res.status = e.status;
+      });
+
+    commit("loadingStatus", false, { root: true });
+
+    return res;
+  },
+  // Search my info
+  async findMe({ commit, getters }) {
+    commit("loadingStatus", true, { root: true });
+    let res = { status: 0, data: null };
+    let api = this.$config.api;
+
+    await fetch(`${api}/v1/users/me`, {
+      headers: {
+        "Content-Type": "application/json",
+        Authorization: `Bearer ${getters.accessToken}`,
+      },
+    })
+      .then(async (response) => {
+        if (response.status == 200) {
+          res.data = await response.json();
+
+          commit("saveUserInfo", res.data);
+        } else {
+          commit("logout");
+        }
+      })
+      .catch((e) => {
+        res.status = e.status;
+      });
+
+    commit("loadingStatus", false, { root: true });
+
+    return res;
+  },
+  logout({ commit }) {
+    commit("logout");
+  },
+};
diff --git a/store/index.js b/store/index.js
new file mode 100644
index 0000000..eabe2e5
--- /dev/null
+++ b/store/index.js
@@ -0,0 +1,14 @@
+export const state = () => ({
+  loading: false,
+});
+
+export const getters = {
+  animation: (state) => {
+    return state.loading ? "animate-none" : "animate-spin";
+  },
+};
+export const mutations = {
+  loadingStatus: (state, value) => {
+    state.loading = value;
+  },
+};