Merge pull request #78 from JerryFalimanana/develop

Develop

Author: JerryFalimanana

assets/js/config.js

@@ -0,0 +1,5 @@
+export const API_URL = "http://localhost:8000/api/";
+export const CUSTOMERS_API = API_URL + "customers";
+export const INVOICES_API = API_URL + "invoices";
+export const USERS_API = API_URL + "users";
+export const LOGIN_API = API_URL + "login_check";

assets/js/services/authAPI.js

@@ -1,8 +1,9 @@
 import axios from "axios";
 import jwtDecode from "jwt-decode";
+import { LOGIN_API } from "../config";
 
 function authenticate(credentials) {
-    return axios.post("http://localhost:8000/api/login_check", credentials)
+    return axios.post(LOGIN_API, credentials)
          .then(response => response.data.token)
          .then(token => {
              window.localStorage.setItem("authToken", token);

assets/js/services/cache.js

@@ -0,0 +1,24 @@
+const cache = {};
+
+function set(key, data) {
+    cache[key] = {
+        data,
+        cachedAt: new Date().getTime()
+    }
+}
+
+function get(key) {
+    return new Promise((resolve) => {
+        resolve(cache[key] && cache[key].cachedAt + 15*60*1000 > new Date().getTime() ? cache[key].data : null);
+    });
+}
+
+function invalidate(key) {
+    delete cache[key];
+}
+
+export default {
+    set,
+    get,
+    invalidate
+}

assets/js/services/customersAPI.js

@@ -1,25 +1,76 @@
 import axios from "axios";
+import { CUSTOMERS_API } from "../config";
+import cache from "./cache";
 
-function findAll() {
-    return axios.get("http://localhost:8000/api/customers")
-                .then(response => response.data["hydra:member"]);
+async function findAll() {
+    const cachedCustomers = await cache.get("customers");
+
+    if (cachedCustomers) {
+        return cachedCustomers;
+    }
+
+    return axios.get(CUSTOMERS_API)
+                .then(response => {
+                    const customers = response.data["hydra:member"];
+                    cache.set("customers", customers);
+                    return customers;
+                });
 }
 
-function find(id) {
-    return axios.get("http://localhost:8000/api/customers/" + id)
-         .then(response => response.data);
+async function find(id) {
+    const cachedCustomer = await cache.get("customers." + id);
+    if (cachedCustomer) {
+        return cachedCustomer;
+    }
+    return axios.get(CUSTOMERS_API + "/" + id)
+         .then(response => {
+            const customer = response.data;
+            cache.set("customers." + id, customer);
+
+            return customer;
+        });
 }
 
 function create(customer) {
-    return axios.post("http://localhost:8000/api/customers", customer);
+    return axios.post(CUSTOMERS_API, customer)
+                .then(async response => {
+                    const cachedCustomers = await cache.get("customers");
+                    if (cachedCustomers) {
+                        cache.set("customers", [...cachedCustomers, response.data]);
+                    }
+                    return response;
+                });
 }
 
 function update(id, customer) {
-    return axios.put("http://localhost:8000/api/customers/" + id, customer);
+    return axios.put(CUSTOMERS_API + "/" + id, customer)
+                .then(async response => {
+                    const cachedCustomers = await cache.get("customers");
+                    const cachedCustomer = await cache.get("customers." + id);
+
+                    if (cachedCustomer) {
+                        cache.set("customers." + id, response.data);
+                    }
+
+                    if (cachedCustomers) {
+                        const index = cachedCustomers.findIndex(c => c.id == id);
+    
+                        cachedCustomers[index] = response.data;
+                    }
+
+                    return response;
+                });
 }
 
 function deleteCustomer(id) {
-    return axios.delete("http://localhost:8000/api/customers/" + id);
+    return axios.delete(CUSTOMERS_API + "/" + id)
+                .then(async response => {
+                    const cachedCustomers = await cache.get("customers");
+                    if (cachedCustomers) {
+                        cache.set("customers", cachedCustomers.filter(c => c.id != id));
+                    }
+                    return response;
+                });
 }
 
 export default {

assets/js/services/invoicesAPI.js

@@ -1,26 +1,27 @@
 import axios from "axios";
+import { INVOICES_API } from "../config";
 
 function findAll() {
-    return axios.get("http://localhost:8000/api/invoices")
+    return axios.get(INVOICES_API)
                 .then(response => response.data["hydra:member"]);
 }
 
 function find(id) {
     return axios
-        .get("http://localhost:8000/api/invoices/" + id)
+        .get(INVOICES_API + "/" + id)
         .then(response => response.data);
 }
 
 function create(invoice) {
-    return axios.post("http://localhost:8000/api/invoices", {...invoice, customer: `/api/customers/${invoice.customer}`});
+    return axios.post(INVOICES_API, {...invoice, customer: `/api/customers/${invoice.customer}`});
 }
 
 function update(id, invoice) {
-    return axios.put("http://localhost:8000/api/invoices/" + id, {...invoice, customer: `/api/customers/${invoice.customer}`});
+    return axios.put(INVOICES_API + "/" + id, {...invoice, customer: `/api/customers/${invoice.customer}`});
 }
 
 function deleteInvoice(id) {
-    return axios.delete("http://localhost:8000/api/invoices/" + id);
+    return axios.delete(INVOICES_API + "/" + id);
 }
 
 export default {

assets/js/services/usersAPI.js

@@ -1,7 +1,8 @@
 import axios from "axios";
+import { USERS_API } from "../config";
 
 function register(user) {
-    return axios.post("http://localhost:8000/api/users", user);
+    return axios.post(USERS_API, user);
 }
 
 export default {