passing configuration through webpack

src/components/app-menu/AppMenuElement.ts

@@ -132,7 +132,7 @@ class AppMenuElement extends BaseComponentElement {
 
         return html`
             <div data-target="app-menu.sidebar">
-                ${menuHeader("Wallets")} ${regularMenu("/", "Home")}
+                ${menuHeader(__CONFIG__.appName)} ${regularMenu("/", "Home")}
                 ${authMenu("/history", "Transaction History")}
                 ${authMenu(
                     "/wallet/all",

src/configs/development/app-settings.json

@@ -1,5 +1,6 @@
 {
-    "apiUrl": "main-wallet--dtnyc2vcdgu2re9j-gtw.qovery.io",
+    "apiUrl": "localhost:4000",
     "apiVersion": "v1",
-    "ssl": true
+    "ssl": false,
+    "appName": "Wallets"
 }

src/core/services/http-service/HttpClient.ts

@@ -1,11 +1,9 @@
-import settings from "configs/development/app-settings.json";
-
 class HttpClient {
     private url: string;
     constructor() {
-        this.url = `${settings.ssl ? "https" : "http"}://${settings.apiUrl}/${
-            settings.apiVersion
-        }`;
+        this.url = `${__CONFIG__.ssl ? "https" : "http"}://${
+            __CONFIG__.apiUrl
+        }/${__CONFIG__.apiVersion}`;
     }
 
     post(url: string, data: Object, headersParam: HeadersInit): Promise<any> {