Update: Handle LocalStorage Coscine Values (coscine/issues#1833)

src/apis.ts

@@ -29,7 +29,12 @@ import { UserApiFactory } from './Coscine.Api.User/api';
 
 let accessToken = '';
 if (typeof coscine !== 'undefined' && typeof coscine.authorization !== 'undefined') {
-  accessToken = coscine.authorization.bearer;
+  accessToken = 'Bearer ' + coscine.authorization.bearer;
+}
+// LocalStorage > Global Variables
+const localStorageToken = localStorage.getItem('coscine.authorization.bearer');
+if (localStorageToken) {
+  accessToken = 'Bearer ' + localStorageToken;
 }
 
 const getHostName = () => {

src/axios-basic.ts

@@ -15,27 +15,51 @@ function setHeader(request: AxiosRequestConfig) {
       request.headers.common[clientCorrolationIdKey] = coscine.clientcorrolation.id;
     }
   }
+  // LocalStorage > Global Variables
+  const localStorageToken = localStorage.getItem("coscine.authorization.bearer");
+  if (localStorageToken) {
+    request.headers.common[authHeaderKey] =
+        'Bearer ' + localStorageToken;
+  }
+  const localStorageClientCorrelation = localStorage.getItem("coscine.clientcorrolation.id");
+  if (localStorageClientCorrelation) {
+    request.headers.common[clientCorrolationIdKey] = localStorageClientCorrelation;
+  }
 };
 
-instance.interceptors.request.use((request: AxiosRequestConfig) => {
-  setHeader(request);
+function increaseLoading() {
   if ((typeof coscine !== "undefined") && (typeof coscine.loading !== "undefined") && (typeof coscine.loading.counter !== "undefined")) {
     coscine.loading.counter++;
   }
+  const localStorageLoading = localStorage.getItem("coscine.loading.counter");
+  if (localStorageLoading) {
+    localStorage.setItem("coscine.loading.counter", String(Number(localStorageLoading) + 1));
+  }
+}
+
+function decreaseLoading() {
+  if ((typeof coscine !== "undefined") && (typeof coscine.loading !== "undefined") && (typeof coscine.loading.counter !== "undefined")) {
+    coscine.loading.counter--;
+  }
+  const localStorageLoading = localStorage.getItem("coscine.loading.counter");
+  if (localStorageLoading) {
+    localStorage.setItem("coscine.loading.counter", String(Number(localStorageLoading) - 1));
+  }
+}
+
+instance.interceptors.request.use((request: AxiosRequestConfig) => {
+  setHeader(request);
+  increaseLoading();
   return request;
 }, (error: unknown) => {
   return Promise.reject(error);
 });
 
 instance.interceptors.response.use((response: AxiosRequestConfig) => {
-  if ((typeof coscine !== "undefined") && (typeof coscine.loading !== "undefined") && (typeof coscine.loading.counter !== "undefined")) {
-    coscine.loading.counter--;
-  }
+  decreaseLoading();
   return response;
 }, (error: unknown) => {
-  if ((typeof coscine !== "undefined") && (typeof coscine.loading !== "undefined") && (typeof coscine.loading.counter !== "undefined")) {
-    coscine.loading.counter--;
-  }
+  decreaseLoading();
   return Promise.reject(error);
 });
 

src/index.ts

 import implementations from './apis';
 import instance from './axios-basic';
 
+export { implementations as apiImplementations, instance as axiosInstance };
+
 const apis = implementations(instance);
 
 export const ActivatedFeaturesApi = apis.ActivatedFeaturesApi;