Merge pull request #42 from ArielMAJ/feat/#40/user-card

Feat/#40/user card

Author: ArielMAJ

api/pyproject.toml

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

api/src/constants.py

@@ -4958,3 +4958,38 @@
         "web_commit_signoff_required": False,
     },
 ]
+
+USER_DATA = {
+    "login": "ArielMAJ",
+    "id": 69123486,
+    "node_id": "MDQ6VXNlcjY5MTIzNDg2",
+    "avatar_url": "https://avatars.githubusercontent.com/u/69123486?v=4",
+    "gravatar_id": "",
+    "url": "https://api.github.com/users/ArielMAJ",
+    "html_url": "https://github.com/ArielMAJ",
+    "followers_url": "https://api.github.com/users/ArielMAJ/followers",
+    "following_url": "https://api.github.com/users/ArielMAJ/following{/other_user}",
+    "gists_url": "https://api.github.com/users/ArielMAJ/gists{/gist_id}",
+    "starred_url": "https://api.github.com/users/ArielMAJ/starred{/owner}{/repo}",
+    "subscriptions_url": "https://api.github.com/users/ArielMAJ/subscriptions",
+    "organizations_url": "https://api.github.com/users/ArielMAJ/orgs",
+    "repos_url": "https://api.github.com/users/ArielMAJ/repos",
+    "events_url": "https://api.github.com/users/ArielMAJ/events{/privacy}",
+    "received_events_url": "https://api.github.com/users/ArielMAJ/received_events",
+    "type": "User",
+    "site_admin": False,
+    "name": "Ariel Menezes",
+    "company": "@ARTAdevs",
+    "blog": "https://ariel.artadevs.tech/",
+    "location": "Brazil",
+    "email": None,
+    "hireable": True,
+    "bio": "Computer Science graduate student, Full Stack Software Engineer, Data Scientist and Machine Learning researcher.",
+    "twitter_username": None,
+    "public_repos": 47,
+    "public_gists": 2,
+    "followers": 55,
+    "following": 108,
+    "created_at": "2020-08-02T20:32:35Z",
+    "updated_at": "2023-12-20T21:44:05Z",
+}

api/src/main.py

@@ -8,7 +8,7 @@
 from fastapi.middleware.cors import CORSMiddleware
 from loguru import logger
 from src.config import get_settings
-from src.constants import GH_REPOSITORIES
+from src.constants import GH_REPOSITORIES, USER_DATA
 
 app = FastAPI()
 app.add_middleware(
@@ -20,9 +20,29 @@
 )
 
 
-@app.get("/{username}/{information}")
-async def data(username: str, information: str):
-    gh_repositories = await get_paginated_data(username)
+@app.get("/{username}")
+async def user_data(username: str):
+    if get_settings().ENVIRONMENT == "DEV":
+        logger.debug("DEV MODE")
+        await asyncio.sleep(random() * 5)
+        return USER_DATA
+    return requests.get(
+        f"https://api.github.com/users/{username}",
+        headers={
+            "Accept": "application/vnd.github+json",
+            "X-GitHub-Api-Version": "2022-11-28",
+        },
+    ).json()
+
+
+@app.get("/{username}/repos/{amount}")
+async def repository_data(username: str, amount: int):
+    return (await get_paginated_repository_data(username))[:amount]
+
+
+@app.get("/{username}/repos/plot/{information}")
+async def repository_plot_data(username: str, information: str):
+    gh_repositories = await get_paginated_repository_data(username)
     return calc_repo_info_for_plotly(gh_repositories, information)
 
 
@@ -47,7 +67,7 @@ def calc_repo_info_for_plotly(gh_repositories, information: str):
     ]
 
 
-async def get_paginated_data(username: str):
+async def get_paginated_repository_data(username: str):
     def parse_data(data):
         if data is None:
             return []
@@ -58,7 +78,7 @@ def parse_data(data):
         await asyncio.sleep(random() * 5)
         return GH_REPOSITORIES
 
-    url = f"https://api.github.com/users/{username}/repos"
+    url = f"https://api.github.com/users/{username}/repos?sort=updated"
     next_pattern = re.compile(r'<([^>]+)>; rel="next"')
     pages_remaining = True
     data = []

vue-front/package.json

@@ -1,6 +1,6 @@
 {
   "name": "GitHub_Viz",
-  "version": "0.4.4",
+  "version": "0.5.0",
   "private": true,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "core-js": "^3.8.3",
+    "moment": "^2.29.4",
     "plotly.js": "^1.44.4",
     "vue": "^3.2.13",
     "vuetify": "^3.4.8"

vue-front/src/App.vue

@@ -18,28 +18,33 @@
     <!-- <v-btn
       class="white--text"
       color="primary"
-      @click="pieChartModalOpen = !pieChartModalOpen"
+      @click="cardOpen = !cardOpen"
     >Open Repository Visualization
     </v-btn> -->
-    <PieChartModal
-      v-if="pieChartModalOpen"
+    <!-- <PieChartModal
+      v-if="cardOpen"
       :username="this.username"
       :reload-watcher="this.reloadCount"
+    /> -->
+    <UserCard
+      :username="this.username"
+      :reload-watcher="this.reloadCount"
+      v-if="cardOpen"
     />
   </div>
 </template>
 <script>
-import PieChartModal from "./modals/PieChartModal.vue";
+import UserCard from "./components/UserCard.vue";
 import _ from "lodash";
 
 export default {
   name: "app",
   components: {
-    PieChartModal,
+    UserCard,
   },
   data: function () {
     return {
-      pieChartModalOpen: false,
+      cardOpen: false,
       rules: {
         required: (value) => !!value || "Field is required",
       },
@@ -51,26 +56,21 @@ export default {
     search() {
       if (this.username !== "") {
         this.reloadCount++;
-        this.pieChartModalOpen = true;
+        this.cardOpen = true;
       }
     },
   },
   watch: {
     username: _.debounce(function () {
       if (this.username === "" || this.username === null) {
-        this.pieChartModalOpen = false;
+        this.cardOpen = false;
       }
     }, 2000),
   },
 };
 </script>
 
 <style>
-* {
-  margin: 0;
-  padding: 0;
-}
-
 .app {
   font-family: "Avenir", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
@@ -90,6 +90,9 @@ body {
   overflow-x: hidden;
   min-width: 100vw;
   max-width: 100vw;
+
+  margin: 0;
+  padding: 0;
 }
 
 .justify-center {