Merge pull request #7 from ArielMAJ/fix/concurrency

Fix/concurrency

Author: ArielMAJ

api/pyproject.toml

@@ -1,6 +1,6 @@
 [tool.poetry]
 name = "api"
-version = "0.2.0"
+version = "0.2.1"
 description = ""
 authors = ["ArielMAJ <ariel.maj@hotmail.com>"]
 readme = "README.md"

api/src/main.py

@@ -37,7 +37,7 @@ async def data(username: str):
             "hole": ".4",
         }
     ]
-    await asyncio.sleep(3)
+    await asyncio.sleep(random() * 7)
     return {"forks": forks}
 
 

vue-front/package.json

@@ -1,6 +1,6 @@
 {
   "name": "docs",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",

vue-front/src/App.vue

@@ -45,25 +45,20 @@ export default {
   },
   async mounted() {
     try {
-      const [data1, data2, data3] = await Promise.all([
-        this.fetchData(),
-        this.fetchData(),
-        this.fetchData(),
-      ]);
+        this.fetchData('a').then((data) => data.json()).then(json => this.plotInfo1.data = json.forks)
+        this.fetchData('b').then((data) => data.json()).then(json => this.plotInfo2.data = json.forks)
+        this.fetchData('c').then((data) => data.json()).then(json => this.plotInfo3.data = json.forks)
 
-      this.plotInfo1.data = (await data1.json()).forks;
-      this.plotInfo2.data = (await data2.json()).forks;
-      this.plotInfo3.data = (await data3.json()).forks;
     } catch (error) {
       console.error("Error fetching data:", error);
     }
   },
   methods: {
-    async fetchData() {
+    async fetchData(username) {
       try {
-        console.log("Fetching data...");
+        console.log("Fetching data...", process.env.VUE_APP_BACKEND_ROOT_ENDPOINT + `${username}/repos` );
         return fetch(
-          process.env.VUE_APP_BACKEND_ROOT_ENDPOINT + "ArielMAJ/repos"
+          process.env.VUE_APP_BACKEND_ROOT_ENDPOINT + `${username}/repos`
         );
       } catch (error) {
         console.error("Error fetching data:", error);