feat: add functional authentication

src/api/index.ts

@@ -9,11 +9,17 @@
  * ************************************************************************* */
 
 // NPM
-import { default as axios, AxiosInstance } from "axios";
+import { default as axios, AxiosInstance, AxiosHeaderValue } from "axios";
 
 // PROJECT: COMMONS
 import CONFIG from "@/commons/config";
 
+/**************************************************************************
+ * CONSTANTS
+ ***************************************************************************/
+
+const HTTP_TIMEOUT = 10000; // 10 seconds
+
 /**************************************************************************
  * STORE
  * ************************************************************************* */
@@ -26,15 +32,34 @@ class API {
     this.client = this.__createClient();
   }
 
+  authenticate(token: string | null): void {
+    // Assign token to common authorization
+    this.__setCommonHeader("Authorization", `Bearer ${token}`);
+  }
+
   private __createClient(): AxiosInstance {
     return axios.create({
       baseURL: `${CONFIG.api.endpoint.local}/${CONFIG.api.version}`,
+      timeout: HTTP_TIMEOUT,
 
       headers: {
         "Content-Type": "application/json"
       }
     });
   }
+
+  private __setCommonHeader(
+    name: string,
+    value: AxiosHeaderValue | null
+  ): void {
+    const commonHeaders = this.client.defaults.headers.common;
+
+    if (value === null) {
+      delete commonHeaders[name];
+    } else {
+      commonHeaders[name] = value;
+    }
+  }
 }
 
 /**************************************************************************

src/store/tables/account.ts

@@ -11,15 +11,18 @@
 // NPM
 import { defineStore } from "pinia";
 
-// PROJECT: STORES
+// PROJECT: API
+import Api from "@/api";
 import APILogin from "@/api/providers/login";
 
 /**************************************************************************
  * INTERFACES
  * ************************************************************************* */
 
 interface Account {
-  token: string | null;
+  session: {
+    token: string | null;
+  };
 }
 
 /**************************************************************************
@@ -29,21 +32,41 @@ interface Account {
 const $account = defineStore("account", {
   state: (): Account => {
     return {
-      token: null
+      session: {
+        token: null
+      }
     };
   },
 
+  getters: {
+    getSessionToken: function () {
+      return (): string | null => {
+        return this.session.token;
+      };
+    }
+  },
+
   actions: {
     async login(username: string, password: string): Promise<void> {
       const { token } = await APILogin.login(username, password);
 
-      // TODO
-      console.error("==> got token = " + token);
+      // Save session token
+      this.setSessionToken(token);
     },
 
-    async logout(purge = false) {
-      // TODO: clear cookies et al
-      throw new Error("Not implemented");
+    async logout() {
+      // Clear session token
+      this.setSessionToken(null);
+    },
+
+    setSessionToken(token: string | null): void {
+      // Update saved token
+      this.$patch(() => {
+        this.session.token = token;
+      });
+
+      // Re-authenticate to API client (or de-authenticate)
+      Api.authenticate(token);
     }
   }
 });