feat: large refactor to commonize axios client

config/development.json

@@ -1,3 +1,7 @@
 {
-  "environment": "development"
+  "environment": "development",
+
+  "api": {
+    "endpoint": "http://127.0.0.1:8000/v1/"
+  }
 }

config/production.json

@@ -1,3 +1,7 @@
 {
-  "environment": "production"
+  "environment": "production",
+
+  "api": {
+    "endpoint": "/api/v1/"
+  }
 }

src/api/index.ts

@@ -0,0 +1,44 @@
+/*
+ * This file is part of prose-pod-dashboard
+ *
+ * Copyright 2024, Prose Foundation
+ */
+
+/**************************************************************************
+ * IMPORTS
+ * ************************************************************************* */
+
+// NPM
+import { default as axios, AxiosInstance } from "axios";
+
+// PROJECT: COMMONS
+import CONFIG from "@/commons/config";
+
+/**************************************************************************
+ * STORE
+ * ************************************************************************* */
+
+class API {
+  public readonly client: AxiosInstance;
+
+  constructor() {
+    // Initialize API HTTP client
+    this.client = this.__createClient();
+  }
+
+  private __createClient(): AxiosInstance {
+    return axios.create({
+      baseURL: CONFIG.api.endpoint,
+
+      headers: {
+        "Content-Type": "application/json"
+      }
+    });
+  }
+}
+
+/**************************************************************************
+ * EXPORTS
+ * ************************************************************************* */
+
+export default new API();

src/api/advancedNetwork.ts → src/api/providers/advancedNetwork.ts

@@ -13,7 +13,7 @@ import axios from "axios";
 
 const NETWORK_CHECK_URL = "/network/checks"; //// EFFACER ??
 
-class AdvancedNetwork {
+class APIAdvancedNetwork {
   /**  SERVER  **/
 
   /**  NETWORK  **/
@@ -26,4 +26,4 @@ class AdvancedNetwork {
   }
 }
 
-export default new AdvancedNetwork();
+export default new APIAdvancedNetwork();

src/api/advancedSecurity.ts → src/api/providers/advancedSecurity.ts

@@ -6,7 +6,7 @@
 
 import axios from "axios";
 
-export class AdvancedSecurity {
+export class APIAdvancedSecurity {
   /**  CONFIG  **/
 
   async getWorkspaceConfig(): Promise<void> {
@@ -58,4 +58,4 @@ export class AdvancedSecurity {
   }
 }
 
-export default new CustomizationWorkspace();
+export default new APIAdvancedSecurity();

src/api/connect.ts → src/api/providers/connect.ts

@@ -6,7 +6,7 @@
 
 import axios from "axios";
 
-class Connect {
+class APIConnect {
   /**  CONFIG  **/
 
   async initializeAccount(): Promise<void> {
@@ -39,4 +39,4 @@ class Connect {
   }
 }
 
-export default new Connect();
+export default new APIConnect();

src/api/customizationReactions.ts → src/api/providers/customizationReactions.ts

@@ -13,7 +13,7 @@ import axios from "axios";
 
 const REACTIONS_URL = "/workspace/reactions";
 
-class CustomizationReactions {
+class APICustomizationReactions {
   /**  REACTIONS  **/
 
   async getAllReactions(): Promise<void> {
@@ -46,4 +46,4 @@ class CustomizationReactions {
   }
 }
 
-export default new CustomizationReactions();
+export default new APICustomizationReactions();

src/api/customizationWorkspace.ts → src/api/providers/customizationWorkspace.ts

@@ -6,7 +6,7 @@
 
 import axios from "axios";
 
-export class CustomizationWorkspace {
+export class APICustomizationWorkspace {
   /**  CONFIG  **/
 
   async getWorkspaceConfig(): Promise<void> {
@@ -58,4 +58,4 @@ export class CustomizationWorkspace {
   }
 }
 
-export default new CustomizationWorkspace();
+export default new APICustomizationWorkspace();

src/api/global.ts → src/api/providers/global.ts

@@ -6,7 +6,7 @@
 
 import axios from "axios";
 
-class Global {
+class APIGlobal {
   /**  CONFIG  **/
 
   async getServerConfig(): Promise<void> {
@@ -18,4 +18,4 @@ class Global {
   }
 }
 
-export default new Global();
+export default new APIGlobal();

src/api/providers/login.ts

@@ -0,0 +1,47 @@
+/*
+ * This file is part of prose-pod-dashboard
+ *
+ * Copyright 2024, Prose Foundation
+ */
+
+/**************************************************************************
+ * IMPORTS
+ * ************************************************************************* */
+
+// PROJECT: API
+import Api from "@/api";
+
+/**************************************************************************
+ * INTERFACES
+ * ************************************************************************* */
+
+interface LoginResponse {
+  token: string;
+}
+
+/**************************************************************************
+ * API
+ * ************************************************************************* */
+
+class APILogin {
+  async login(username: string, password: string): Promise<LoginResponse> {
+    return (
+      await Api.client.post<LoginResponse>(
+        "/login",
+        {},
+        {
+          auth: {
+            username,
+            password
+          }
+        }
+      )
+    ).data;
+  }
+}
+
+/**************************************************************************
+ * EXPORTS
+ * ************************************************************************* */
+
+export default new APILogin();

src/api/serverConfiguration.ts → src/api/providers/serverConfiguration.ts

@@ -12,7 +12,7 @@ import axios from "axios";
 
 const CONFIG_URL = "/server/config";
 
-class ServerConfiguration {
+class APIServerConfiguration {
   /**  MESSAGING  **/
 
   async resetMessagesConfig(): Promise<void> {
@@ -63,4 +63,4 @@ class ServerConfiguration {
   }
 }
 
-export default new ServerConfiguration();
+export default new APIServerConfiguration();

src/api/teamMembers.ts → src/api/providers/teamMembers.ts

@@ -6,7 +6,7 @@
 
 import axios from "axios";
 
-class TeamMembers {
+class APITeamMembers {
   /**  INVITATIONS  **/
 
   async getAllInvitations(): Promise<void> {
@@ -53,4 +53,4 @@ class TeamMembers {
   }
 }
 
-export default new TeamMembers();
+export default new APITeamMembers();

src/assemblies/start/StartLoginForm.vue

@@ -25,7 +25,7 @@
       class="a-start-login-form__field"
       type="email"
       name="jid"
-      placeholder="Enter your Prose address…"
+      placeholder="Enter your Prose admin address…"
       size="ultra-large"
       autofocus
     )
@@ -66,15 +66,11 @@
 
 <script lang="ts">
 // PROJECT: COMPONENTS
-import BaseAlert from "@/components/base/BaseAlert.vue";
 import BaseButton from "@/components/base/BaseButton.vue";
 import BaseProseLogo from "@/components/base/BaseProseLogo.vue";
 import FormCheckbox from "@/components/form/FormCheckbox.vue";
 import FormField from "@/components/form/FormField.vue";
 
-// PROJECT: STORES
-// import Store from "@/store";
-
 // INTERFACES
 export interface StateForm {
   jid: string;
@@ -111,22 +107,13 @@ export default {
     };
   },
 
-  created() {
-    // Populate initial values
-    // this.form.jid = Store.$account.last.jid || "";
-  },
-
   methods: {
     // --> EVENT LISTENERS <--
 
     onSubmit(): void {
-      BaseAlert.error(
-        "Account credentials are invalid",
-        "Please check your password and try again"
-      );
-      //   this.$emit("submit", {
-      //     ...this.form
-      //   });
+      this.$emit("submit", {
+        ...this.form
+      });
     }
   }
 };